body{font-size:16px;line-height:1.65}button:focus-visible,a:focus-visible{outline:3px solid #2791e4;outline-offset:3px}.layout{grid-template-columns:minmax(0,1fr) 480px;height:auto;align-items:start}.visual{position:sticky;top:0;overflow:visible}.office{min-width:0}.office-toolbar{background:#f6fafc;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.office-toolbar small,.dialog-heading small{display:block;letter-spacing:.12em;font-size:10px;color:#267c94;font-weight:800}.office-toolbar b{display:block;font-size:17px}.room{width:18%;min-width:0;font-size:clamp(11px,.9vw,14px);padding:6px;line-height:1.4}.room small{font-size:10px;margin-top:3px}.panel{overflow:visible;min-height:calc(100vh - 106px)}.panel h1{font-size:25px}.panel h2{font-size:21px;line-height:1.4;margin:18px 0 8px}.panel .box h2{font-size:18px;margin:0 0 10px}.sub,.hint,.field,.status,.stat{font-size:14px;line-height:1.7}.custom-badge{font-size:14px;line-height:1.7}.custom-badge b{font-size:18px}.custom-badge small{font-size:12px}.custom-badge p{margin:5px 0 10px}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;margin:18px 0}.tabs button{min-height:44px;font-size:14px;padding:10px 2px}.field{margin-top:18px}input,select,textarea{font-size:16px;line-height:1.6}textarea{height:135px}.secondary,.cta{min-height:44px}.wide{width:100%;margin-top:14px}.department-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.department-card{text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:12px;line-height:1.5}.department-card b{display:block;font-size:14px}.department-card small{display:block;font-size:12px;color:#617889;margin-top:4px}.department-card.active{background:#ebf8f3;border-color:#6bac9d}.command-box{background:#f8fbfd}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{font-size:12px;padding:3px 7px;background:#e7eff4;color:#48667b;border-radius:5px}.status{padding:16px;border-radius:11px}.status p{margin:8px 0}.status-label,.demo-tag{display:inline-block;font-size:11px;font-weight:800;padding:3px 7px;background:#e9f0f5;color:#536e83;border-radius:5px}.pending .status-label{background:#f2e7c9}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.meta{font-size:12px;color:#63798a}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.metric{padding:17px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.metric span,.metric small{display:block;font-size:13px;color:#5c7487}.metric b{display:block;font-size:29px;line-height:1.4;letter-spacing:-.04em;margin:6px 0}.metric.primary{background:#103449;color:white;border-color:#103449}.metric.primary span,.metric.primary small{color:#c4dbe1}.sample-note{border-left:3px solid #9aafbf;background:#f3f7fa;color:#5b7284;font-size:13px;line-height:1.8;padding:14px;margin:18px 0}.report{border:1px solid var(--line);border-radius:12px;margin-top:18px;overflow:hidden}.report header{padding:18px;background:#f0f6fa}.report header h3{font-size:20px;margin:9px 0}.report-body{padding:20px;font-size:16px;line-height:1.8}.report-body h4{font-size:16px;margin:22px 0 6px}.report-body h4:first-child{margin-top:0}.report-body ul{padding-left:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading .demo-tag{white-space:nowrap}.progress-track{height:8px;background:#e5edf3;border-radius:4px;overflow:hidden}.progress-track span{display:block;height:100%;background:#149581}.box ul{padding-left:20px;font-size:14px;line-height:1.9}.stat b{white-space:nowrap}#edit-department{margin-bottom:10px}.empty-state{padding:20px;background:#f7fafc;border:1px dashed #bdcfdb;border-radius:12px;margin-top:16px}.empty-state h3{margin:0 0 6px;font-size:18px}dialog{width:min(850px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:26px;color:var(--ink);box-shadow:0 24px 80px #001b4140}dialog::backdrop{background:#061d34a8}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.dialog-heading h2{font-size:24px;margin:5px 0}.background-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.background-card{padding:0;overflow:hidden;border:2px solid var(--line);border-radius:12px;background:white;text-align:left}.background-card.active{border-color:#168a76;background:#f0faf6}.background-card img{display:block;width:100%;aspect-ratio:1586/960;object-fit:cover}.background-card div{padding:12px}.background-card b{display:block;font-size:16px}.background-card small{display:block;font-size:13px;color:#597487;margin-top:4px}@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 540px}}@media(max-width:1050px){.layout{display:block}.visual{position:relative}.room{font-size:clamp(11px,1.7vw,16px)}.panel{max-width:900px;margin:auto;min-height:0}}@media(max-width:600px){.top{padding:0 14px;height:62px;gap:10px}.top a{font-size:12px}.notice{font-size:12px}.office-toolbar{padding:14px}.office-toolbar b{font-size:14px}.office-toolbar .secondary{font-size:12px;padding:9px}.office{aspect-ratio:auto;padding-top:60.53%;background-size:100% auto;background-position:center top;background-color:#e8f1f6}.office-header{font-size:13px;top:10px;left:19%;width:62%;padding:5px}.director{top:31vw;left:40%;width:20%;font-size:10px;padding:4px}.director small,.office .label{display:none}#rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;background:#f5f9fc}.room{position:static;width:auto;max-width:none;font-size:12px;min-height:50px;padding:8px 4px;box-shadow:none}.panel{padding:20px 14px}.tabs button{font-size:13px}.department-card{padding:10px}.department-card b{font-size:13px}.metric{padding:13px}.metric b{font-size:25px}dialog{padding:18px}.dialog-heading h2{font-size:19px}.background-gallery{gap:9px}.background-card div{padding:9px}.background-card b{font-size:14px}.background-card small{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
