.workspace-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-tile{display:grid;grid-template-columns:36% 1fr;align-items:center;text-align:start;background:#fff;border:1px solid #e1e8e7;border-radius:14px;min-height:220px;padding:0;overflow:hidden;transition:transform .22s,box-shadow .22s}.workspace-tile:hover{transform:translateY(-4px);box-shadow:0 12px 25px #27485210}.workspace-art{height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#dcebea,#edf4ed)}.workspace-art svg{width:100%;height:170px}.workspace-tile:nth-child(2) .workspace-art{background:linear-gradient(140deg,#e6ebd5,#d7e8df)}.workspace-tile:nth-child(3) .workspace-art{background:linear-gradient(140deg,#f3e9d7,#e8dece)}.workspace-tile:nth-child(4) .workspace-art{background:linear-gradient(140deg,#e1e7f3,#d6dfeb)}.workspace-tile>div:last-child{padding:22px}.workspace-tile small{font-size:9px;letter-spacing:1.3px;color:#95a7a5}.workspace-tile h2{font-size:19px;font-weight:500;margin:14px 0 10px}.workspace-tile p{font-size:11px;line-height:1.8;color:#809392}.workspace-tile span{display:flex;align-items:center;gap:18px;font-size:11px;color:#598681;margin-top:22px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:22px 0}.dashboard-stats .stat{padding:20px;border-radius:12px}.dashboard-stats .stat strong{font-size:34px;margin:12px 0}.dashboard-stats .stat small{font-size:10px;line-height:1.5}.dashboard-stats .stat-top{font-size:11px}.dashboard-switch{gap:10px;margin-bottom:22px}.dashboard-switch button{border-radius:9px;font-size:11px;padding:14px;background:#e9eff0}.dashboard-switch button.selected{background:#2a565b;border-color:#2a565b;color:#eef8f5}.executive-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-radius:13px;background:linear-gradient(110deg,#e4ece8,#f2eee4);border:1px solid #dce6df;min-height:170px}.executive-banner h2{font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:-.6px;margin:10px 0 14px}.executive-banner p{font-size:11px;color:#7b8e85;line-height:1.8;margin:0}.executive-banner .eyebrow{font-size:8px;color:#8a9987}.executive-motif{height:130px;width:200px;flex-shrink:0}.executive-motif svg{height:100%;width:100%}.executive-table .project-link{min-width:235px;max-width:290px}.executive-table td{vertical-align:middle;padding:20px}.executive-table td>b{font-size:15px;font-weight:500}.executive-table .track{max-width:110px;margin-top:9px}.executive-table td>small{font-size:9px;color:#a2aba9;display:block;margin-top:5px}.focus-item{display:block;margin-top:7px;max-width:190px;font-size:10px;color:#8d9b9a}.brief-actions{display:flex;gap:6px}.brief-actions button{padding:7px 10px;font-size:10px;border:1px solid #dce9e5;border-radius:5px;color:#4f817c}.scope-tabs{display:flex;gap:6px;margin-bottom:18px;padding:4px;background:#e9eff0;border-radius:8px;width:fit-content;max-width:100%;overflow:auto}.scope-tabs button{padding:9px 20px;font-size:11px;border-radius:5px;white-space:nowrap}.scope-tabs .selected{background:#fff;box-shadow:0 2px 5px #2941490c;color:#326b75}.matrix-wrap{max-height:70vh;overflow:auto;position:relative}.matrix-wrap table{border-collapse:separate;border-spacing:0}.matrix-wrap thead{position:sticky;top:0;z-index:4}.matrix-wrap th{white-space:normal;font-size:10px;line-height:1.6;background:#edf3f3;color:#557d83;min-width:135px;height:75px;border-bottom:1px solid #d4e2e2;border-inline-end:1px solid #e1e9e9}.matrix-wrap td{border-inline-end:1px solid #edf1f1;vertical-align:middle;background:#fff}.matrix-wrap td:first-child,.matrix-wrap th:first-child{position:sticky;inset-inline-start:0;background:#f8fbfa;z-index:2;box-shadow:2px 0 5px #36575a06;min-width:265px;max-width:290px}.matrix-wrap th:first-child{background:#dfecec;z-index:5}.matrix-wrap tr:hover td{background:#f8fbfa}.matrix-wrap .project-link{font-size:11px;min-width:225px;max-width:260px;gap:10px}.matrix-wrap .project-number{min-width:56px;padding:8px;font-size:10px;background:#e9f1ee;color:#577e77;border-color:#d7e4e0}.matrix-wrap .project-link small{font-size:9px;line-height:1.6;max-width:165px}.site-matrix{min-width:100%}.site-summary-cell{display:block;text-align:start;min-width:150px;padding:0}.site-summary-cell>b{font-size:24px;font-weight:400;display:block;color:#367b76}.site-summary-cell>b small{font-size:12px;color:#91aaa6}.site-summary-cell>span{font-size:9px;color:#7a9292;display:block;margin:2px 0 8px}.site-summary-cell>small{font-size:9px;color:#8c9d9d}.mini-track{height:4px;border-radius:5px;background:#eaf1f0;max-width:145px;margin-bottom:7px;overflow:hidden}.mini-track i{display:block;height:100%;background:#7bb8a8}.site-chip{display:inline-block;font-size:10px;padding:6px 9px;white-space:nowrap;border-radius:5px;background:#f0f3f5;color:#909ca3}.site-chip.ready,.site-chip.approved,.site-chip.complete{background:#e1f2e9;color:#2f7d5c}.site-chip.not-ready,.site-chip.not-approved,.site-chip.incomplete{background:#fbeaec;color:#ae6470}.site-chip.in-progress{background:#e2edfc;color:#537db5}.site-chip.returned{background:#ffecd9;color:#b47c39}.site-chip.na{background:#eee8f7;color:#8c76a6}.site-popup{background:#f5f8f7}.site-popup .site-status-grid{grid-template-columns:1.25fr 1fr;gap:16px}.site-popup .site-group:first-child{grid-row:span 2}.site-popup .section-heading h2{font-size:15px}.site-popup .section-heading{align-items:flex-start;gap:20px}.site-evidence{display:block;max-width:170px;margin-top:3px;color:#96a7a7;font-size:8px;line-height:1.5}.design-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.dashboard-project-picker{display:flex;align-items:center;gap:14px;font-size:11px;color:#6a8586}.dashboard-project-picker select{max-width:390px;padding:10px 12px;border:1px solid #d7e4e3;border-radius:6px;background:#fff;color:#355f66;font-size:11px}.remarks-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#70888c;white-space:nowrap}.remarks-toggle input{accent-color:#3f777d}.status-key{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.status-key .badge{font-size:9px;padding:5px 8px}.design-matrix .stage-cell{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;min-width:118px;text-align:start}.stage-cell>small{font-size:9px;color:#8a9da1}.stage-cell .snapshot-mark{color:#b29a6f;font-size:8px}.stage-remarks{font-size:10px;color:#839796;line-height:1.7;min-width:155px;max-width:210px;margin:12px 0 0;white-space:pre-wrap}.design-project-heading{background:linear-gradient(115deg,#e7efed,#f1f5f4);border:1px solid #dce7e4;border-radius:12px;padding:25px;display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.design-project-heading h2{font-weight:500;font-size:24px;margin:10px 0;color:#315d60}.design-project-heading p{font-size:11px;color:#7c9796;line-height:1.7;margin-bottom:0}.design-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.design-project-facts small{font-size:9px;color:#93a7a5;display:block;margin-bottom:5px}.design-project-facts b{font-size:11px;font-weight:400;color:#527979;line-height:1.5}.submission-stats{display:flex;gap:34px;padding:22px 0;margin-bottom:8px;flex-wrap:wrap}.submission-stats span{display:flex;align-items:center;gap:10px;font-size:10px;color:#879b9b}.submission-stats b{font-weight:400;font-size:26px;color:#427776}.design-detail-wrap{max-height:72vh}.design-detail-table th{white-space:normal;min-width:115px;font-size:9px;line-height:1.5;background:#eaf1f2;position:sticky;top:0;z-index:1}.design-detail-table td{min-width:115px;font-size:11px}.design-detail-table td:nth-child(2){min-width:190px}.design-detail-table th:first-child,.design-detail-table td:first-child{min-width:45px}.design-detail-table .submission-remarks{white-space:pre-wrap;min-width:260px;max-width:380px}.construction-empty-banner{display:flex;gap:20px;align-items:center;padding:25px;background:#e9eef4;border:1px solid #dce5ec;border-radius:12px;margin-bottom:24px}.construction-empty-banner>svg{width:38px;height:38px;color:#8b9fae}.construction-empty-banner h2{font-size:20px;font-weight:400;margin:0 0 9px}.construction-empty-banner p{font-size:11px;color:#8595a1;margin:0;line-height:1.8}.construction-empty-banner>span{margin-inline-start:auto;font-size:11px;color:#7695a6;white-space:nowrap}.construction-matrix .unrecorded-cell{min-width:150px;height:88px;background:#fdfefe}.construction-matrix th{min-width:150px}.site-save{position:sticky;bottom:-24px;background:#f5f8f7ee;backdrop-filter:blur(10px);z-index:2}.site-save .btn{background:#2d6267;border-color:#2d6267}@media(max-width:1100px){.workspace-tile{grid-template-columns:30% 1fr;min-height:200px}.workspace-tile>div:last-child{padding:20px}.workspace-tile h2{font-size:17px}.executive-banner{padding:23px}.dashboard-project-picker{flex-wrap:wrap;gap:8px}.dashboard-project-picker select{max-width:310px}.design-toolbar{align-items:flex-end}.design-project-heading{grid-template-columns:1fr;gap:20px}.executive-motif{width:150px}.site-popup .site-status-grid{grid-template-columns:1fr}.site-popup .site-group:first-child{grid-row:auto}}@media(max-width:760px){.workspace-hub{grid-template-columns:1fr}.workspace-tile{grid-template-columns:33% 1fr;min-height:170px}.executive-motif{display:none}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats .stat{display:block;padding:17px}.dashboard-stats .stat strong{font-size:29px;margin:10px 0}.dashboard-stats .stat small{margin:0;display:block}.design-toolbar{flex-direction:column;align-items:stretch;gap:15px}.dashboard-project-picker select{width:100%;max-width:100%}.dashboard-project-picker{display:block}.dashboard-project-picker span{display:block;margin-bottom:8px}.construction-empty-banner{padding:20px;gap:12px}.construction-empty-banner>span{display:none}.matrix-wrap td:first-child,.matrix-wrap th:first-child{min-width:205px;max-width:220px}.matrix-wrap .project-link{min-width:170px;max-width:190px;gap:8px}.matrix-wrap .project-link small{max-width:115px}.matrix-wrap .project-number{font-size:9px;min-width:45px;padding:6px}.submission-stats{gap:20px}.submission-stats b{font-size:23px}.scope-tabs button{padding:9px 13px}.executive-banner h2{font-size:23px}.design-project-heading{padding:20px}.design-project-heading h2{font-size:22px}}

.dashboard-stats .stat{padding:15px 18px}.dashboard-stats .stat strong{font-size:29px;margin:8px 0}.dashboard-stats{margin:18px 0}.dashboard-switch{margin-bottom:18px}.dashboard-switch button{padding:12px}.heading{margin-bottom:20px}@media(min-width:850px) and (max-width:1050px){.dashboard-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dashboard-switch button{gap:7px;font-size:10px;padding:12px 9px}}