.demo-app{color:#28474a;background:#f5f8f8;min-height:100vh}.demo-header-links{align-items:center;gap:20px;display:flex}.demo-header-links>span{color:#167d78;border:1px solid #b8d8d3;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:700}.demo-status-strip{color:#496d63;background:#eaf4f1;border-bottom:1px solid #d4e5df;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:11px;line-height:1.7;display:flex}.demo-status-strip svg{flex-shrink:0}.demo-status-strip strong{font-weight:750}.demo-layout{grid-template-columns:175px minmax(0,1fr);min-height:calc(100vh - 100px);display:grid}.demo-sidebar{background:#fbfdfc;border-right:1px solid #dfe9e5;padding:29px 13px}.demo-sidebar>.cl-eyebrow{letter-spacing:.5px;margin:0 10px 16px;font-size:10px;display:block}.demo-sidebar nav{flex-direction:column;gap:5px;display:flex}.demo-sidebar nav button{text-align:left;color:#617a72;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:13px 12px;font-size:12px;display:flex}.demo-sidebar nav button.active{color:#166b59;background:#e4f1eb;font-weight:750}.demo-sidebar nav button>svg:last-child:not(:first-child){margin-left:auto}.demo-sidebar nav button:hover{background:#ecf5ef}.demo-sidebar-bottom{border-top:1px solid #e2ebe6;margin-top:25px;padding:22px 9px}.demo-sidebar-bottom button{color:#587465;background:0 0;align-items:center;gap:7px;font-size:11px;display:flex}.demo-sidebar-bottom p{color:#7a8a80;margin-top:18px;font-size:11px;line-height:1.9}.demo-main{width:100%;min-width:0;max-width:1600px;margin:auto;padding:29px 30px 20px}.demo-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.demo-heading h1{letter-spacing:-1px;margin:8px 0;font-size:26px;font-weight:800}.demo-heading p{color:#70827c;font-size:12px;line-height:1.8}.demo-save-status{white-space:nowrap;color:#5c7b69;align-items:center;gap:6px;font-size:11px;display:flex}.demo-save-status.error{color:#a9513c}.demo-message{color:#476e55;background:#edf5ef;border:1px solid #d7e6d9;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:12px;line-height:1.8;display:flex}.demo-message p{flex:1;min-width:180px}.demo-message.error{color:#985833;background:#fff7ef;border-color:#ebd5be}.demo-context{background:#fff;border:1px solid #dfe8e2;border-radius:9px;margin-bottom:19px;padding:18px 21px}.demo-context-top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:17px;display:flex}.demo-school-toggle{background:#f2f6f3;border-radius:6px;padding:3px;display:flex}.demo-school-toggle button{color:#718174;white-space:nowrap;background:0 0;border-radius:4px;padding:7px 11px;font-size:11px}.demo-school-toggle button.active{color:#28734f;background:#fff;font-weight:750;box-shadow:0 1px 4px #284b2514}.demo-context-top>label{white-space:nowrap;color:#6d7b70;align-items:center;gap:7px;font-size:11px;display:flex}.demo-context-top input,.demo-context-top select{color:#425f4b;background:#fff;border:1px solid #dce5dc;border-radius:5px;width:57px;padding:7px 8px}.demo-context-top .demo-subject-label{margin-left:auto}.demo-subject-label input{width:170px}.demo-context-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.demo-context-fields .field-label{font-size:11px}.demo-context-fields textarea{min-height:70px!important;font-size:12px!important}.demo-context-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.demo-context-foot>span{color:#8a9386;font-size:10px}.demo-context-foot .cl-checkbox{font-size:11px}.demo-table-panel{background:#fff;border:1px solid #dce6df;border-radius:9px;overflow:hidden}.demo-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px 13px;display:flex}.demo-table-toolbar>div:first-child{align-items:baseline;gap:13px;display:flex}.demo-table-toolbar strong{font-size:14px}.demo-table-toolbar span{color:#8a7553;font-size:10px}.demo-grid-tip{color:#75867b;background:#f9fbf9;border-top:1px solid #eef2eb;align-items:center;gap:7px;padding:10px 20px;font-size:10px;line-height:1.8;display:flex}.demo-grid-tip svg{flex-shrink:0}.demo-table-panel .cl-sheet-scroll{border-left:0;border-right:0;border-radius:0}.demo-table-bottom{border-top:1px solid #e2e9e1;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.demo-table-bottom>span{color:#7d887a;font-size:10px;line-height:1.8}.demo-audit-panel{background:#fff;border:1px solid #dce6de;border-radius:9px;margin-top:20px;padding:21px}.demo-audit-panel h2{align-items:center;gap:7px;font-size:16px;display:flex}.demo-audit-panel>div>p{color:#748271;margin-top:8px;font-size:11px;line-height:1.8}.demo-audit-panel ul{gap:9px;margin:17px 0;padding:0;list-style:none;display:grid}.demo-audit-panel li{color:#7d653b;background:#fffaf0;border:1px solid #ede0bd;border-radius:7px;padding:13px 15px;font-size:11px;line-height:1.9}.demo-audit-panel li strong{color:#735b34;display:block}.demo-audit-panel li span{margin-top:3px;display:block}.demo-audit-panel li small{color:#978668;overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.demo-no-findings{color:#627360;margin:18px 0;font-size:12px;line-height:1.9}.demo-bottom-actions{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:18px;display:flex}.demo-bottom-actions>div:last-child{gap:19px}.demo-footer{color:#7b897b;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:24px;font-size:10px;line-height:1.8;display:flex}.demo-footer>button{font-size:10px}.demo-dialog-copy{color:#65785f;gap:18px;font-size:12px;line-height:1.9;display:grid}.demo-dialog-copy h3{color:#385a42;font-size:18px}.demo-dialog-copy .cl-button{justify-self:end}.demo-dialog-symbol{color:#448858;background:#eff6ed;border-radius:11px;place-items:center;width:55px;height:55px;display:grid}.demo-checklist .workspace-stack{margin-top:20px}.demo-source-note{color:#6d7d65;font-size:12px;line-height:1.9}.demo-tools>p{color:#71806a;margin-bottom:19px;font-size:12px;line-height:1.9}.demo-tools>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.demo-tools a{color:#58754d;border:1px solid #dde7d9;border-radius:7px;align-items:center;gap:9px;padding:13px 12px;font-size:12px;display:flex}.demo-tools a>svg:last-child{margin-left:auto}.demo-tools a:hover{background:#f0f6eb}.demo-app .cl-cell-actions button{font-size:10px}.demo-app .cl-sheet .cl-result-cell{min-width:350px}@media (min-width:1600px){.demo-main{padding-left:38px;padding-right:38px}.demo-context{padding:22px 24px}}@media (max-width:1100px){.demo-layout{grid-template-columns:145px minmax(0,1fr)}.demo-main{padding:24px 20px}.demo-sidebar{padding-left:9px;padding-right:9px}.demo-sidebar nav button{gap:8px;padding-left:10px;font-size:11px}.demo-context-top{gap:10px}.demo-context-top .demo-subject-label{margin-left:0}.demo-save-status{font-size:10px}.demo-table-toolbar span{display:none}.demo-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:800px){.demo-layout{display:block}.demo-sidebar{border-bottom:1px solid #dfe9e5;border-right:0;min-width:0;max-width:100%;padding:9px 12px;overflow:hidden}.demo-sidebar>.cl-eyebrow,.demo-sidebar-bottom{display:none}.demo-sidebar nav{flex-direction:row;width:100%;min-width:0;max-width:100%;overflow:auto}.demo-sidebar nav button{white-space:nowrap;flex-shrink:0;padding:9px 11px}.demo-sidebar nav button>svg:last-child:not(:first-child){display:none}.demo-main{padding:22px 16px}.demo-status-strip{justify-content:flex-start;font-size:10px}.demo-heading{align-items:flex-start}.demo-heading h1{font-size:24px}.demo-context{padding:16px}.demo-table-toolbar{padding:15px}.demo-grid-tip{padding:9px 15px}.demo-table-bottom{padding:13px 15px}.demo-context-top .demo-subject-label{flex:1}.demo-subject-label input{width:100%;min-width:100px}}@media (max-width:560px){.demo-main{padding:19px 12px}.demo-heading{flex-direction:column;gap:9px}.demo-heading p{font-size:11px}.demo-heading h1{font-size:23px}.demo-header-links{gap:8px}.demo-header-links>span{font-size:9px}.demo-header-links .cl-text-button{font-size:10px}.demo-context-fields{grid-template-columns:1fr;gap:13px}.demo-context-top{gap:11px}.demo-school-toggle{justify-content:space-between;width:100%}.demo-school-toggle button{flex:1;font-size:10px}.demo-context-top .demo-subject-label{flex-basis:100%}.demo-context-foot>span{font-size:9px}.demo-table-toolbar{gap:12px}.demo-table-toolbar .cl-button{padding:7px 9px;font-size:10px}.demo-table-bottom{flex-direction:column;align-items:stretch;gap:10px}.demo-table-bottom>.cl-button{justify-content:center}.demo-bottom-actions .cl-button{padding:7px 9px;font-size:10px}.demo-tools>div{grid-template-columns:1fr}.demo-status-strip{align-items:flex-start}.demo-status-strip svg{margin-top:2px}.demo-audit-panel{padding:17px}.demo-grid-tip{align-items:flex-start}.demo-grid-tip svg{margin-top:3px}}