:root{--bg:#f5f7f9;--surface-muted:#f8fafb;--ink:#17212b;--muted:#677481;--line:#dfe5ea;--nav:#172635;--nav-muted:#aeb9c4;--accent:#176b5b;--accent-strong:#115447;--danger:#b33a3a;--warning:#9a6517;--info:#2e6599;--radius:10px}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a,button,input,textarea{outline-offset:3px}.app-frame{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;color:#fff;border-right:1px solid #263a4c}.brand-block{display:flex;gap:11px;align-items:center;padding:22px 20px 18px;border-bottom:1px solid #2a3c4c}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #638276;border-radius:8px;color:#d8f1e9;background:#1c413c;font-weight:600}.brand-name{font-size:15px;font-weight:600;letter-spacing:.02em}.brand-caption{margin-top:2px;color:var(--nav-muted);font-size:12px}.primary-nav{padding:14px 12px;display:grid;grid-gap:3px;gap:3px;overflow-y:auto}.nav-link{padding:9px 10px;color:#cbd4dc;border-left:2px solid transparent}.nav-link:hover{background:#203446;color:#fff}.nav-link.active{background:#213a49;color:#fff;border-left-color:#62b7a4}.sidebar-footer{margin-top:auto;padding:16px 20px 20px;border-top:1px solid #2a3c4c}.site-label{font-size:13px}.site-meta{color:var(--nav-muted);font-size:12px;margin-top:3px}.sidebar-link{display:inline-block;margin-top:11px;color:#aee0d4;font-size:12px}.workspace{min-width:0}.topbar{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 28px;background:var(--surface);border-bottom:1px solid var(--line)}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.topbar-title{margin-top:2px;font-size:15px;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;margin-left:4px;border-radius:50%;background:#e9eef1;color:#43515e;font-size:11px;font-weight:600}.button,.small-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.button{min-height:36px;padding:0 13px}.small-button{min-height:29px;padding:0 10px;background:#fff;color:#4b5966;font-size:12px}.button.primary{color:#fff}.button.secondary{background:#fff;color:#354350}.button.secondary:hover,.small-button:hover{background:#f4f7f8}.content-shell{padding:26px 28px 48px}.page-stack{display:grid;grid-gap:18px;gap:18px;max-width:1500px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.page-heading h1{margin:4px 0 3px;font-size:clamp(24px,2vw,31px);line-height:1.15;font-weight:600;letter-spacing:-.02em}.page-heading p{margin:0;color:var(--muted)}.text-link{color:var(--accent);font-size:13px}.text-link:hover{text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line)}.panel-title{font-size:14px;font-weight:600}.panel-subtitle{margin-top:2px;color:var(--muted);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:18px;gap:18px;align-items:start}.calendar-controls{display:flex;gap:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}.calendar-weekdays>div{padding:8px 9px}.calendar-days{background:var(--line);gap:1px}.calendar-day{min-height:105px;padding:8px;background:#fff}.calendar-day.today{box-shadow:inset 0 0 0 2px #79bbaa}.calendar-date{margin-bottom:7px;color:#56636f;font-size:12px}.calendar-event{margin-bottom:4px;padding:4px 6px;border-left:2px solid #83909b;background:#f3f5f6;color:#394651;font-size:11px;line-height:1.25}.calendar-event.inspection{border-left-color:#318272;background:#eef7f4}.calendar-event.action{border-left-color:#b34e4e;background:#fbf1f1}.calendar-event.review{border-left-color:#b27a2c;background:#fbf6ed}.calendar-event.compliance{border-left-color:#5d7299;background:#f0f3f8}.right-rail{display:grid;grid-gap:18px;gap:18px}.compact-panel .panel-heading{min-height:50px}.work-list{padding:4px 15px 9px}.work-row{display:flex;justify-content:space-between;gap:16px;padding:10px 1px;border-bottom:1px solid #edf0f2}.work-row:last-child{border-bottom:0}.work-count{min-width:26px;text-align:right;font-weight:600}.attention-list{display:grid}.attention-row{display:grid;grid-template-columns:8px minmax(0,1fr);grid-gap:10px;gap:10px;padding:11px 15px;border-bottom:1px solid #edf0f2}.attention-row:last-child{border-bottom:0}.attention-indicator{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#83909b}.attention-indicator.critical{background:var(--danger)}.attention-indicator.warning{background:#c38326}.attention-indicator.info{background:var(--info)}.attention-title{font-size:13px}.attention-meta{margin-top:2px;color:var(--muted);font-size:11px}.queue-heading{align-items:center}.queue-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.queue-summary>div{display:flex;gap:9px;align-items:baseline;padding:12px 16px;border-right:1px solid var(--line);color:var(--muted);font-size:12px}.queue-summary>div:last-child{border-right:0}.summary-number{color:var(--ink);font-size:18px;font-weight:600}.observation-preview{display:grid}.observation-row{display:grid;grid-template-columns:86px minmax(0,1fr) 145px;align-items:center;grid-gap:14px;gap:14px;padding:12px 16px;border-bottom:1px solid #edf0f2}.observation-row:last-child{border-bottom:0}.observation-id{color:#53616d;font-size:11px;letter-spacing:.03em}.observation-main{min-width:0}.observation-meta{margin-top:3px;color:var(--muted);font-size:11px}.priority,.status-chip{justify-self:end;padding:4px 7px;border:1px solid #d8dfe4;border-radius:999px;background:#f7f9fa;color:#53616d;font-size:10px}.priority.high{border-color:#e6b6b6;background:#fcf3f3;color:#9e3333}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.workflow-strip>div{display:flex;align-items:center;gap:8px;padding:11px 12px;border-right:1px solid var(--line);font-size:12px;color:#45525e}.workflow-strip>div:last-child{border-right:0}.workflow-strip span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf4f2;color:var(--accent);font-size:10px}.kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;align-items:start}.kanban-column{min-height:360px;border:1px solid var(--line);border-radius:var(--radius);background:#f2f5f6}.kanban-heading{display:flex;justify-content:space-between;padding:12px 13px;color:#475460;font-size:12px;border-bottom:1px solid var(--line)}.kanban-count{min-width:22px;text-align:center;padding:1px 6px;border-radius:999px;background:#e4e9ec}.kanban-stack{padding:10px;display:grid;grid-gap:9px;gap:9px}.observation-card{padding:12px;border:1px solid #dce2e6;border-radius:8px;background:#fff}.card-topline{display:flex;justify-content:space-between;gap:8px;align-items:center}.observation-card h2{margin:10px 0 7px;font-size:13px;line-height:1.35;font-weight:500}.card-next-step{margin-top:12px;padding-top:9px;border-top:1px solid #edf0f2;color:var(--accent-strong);font-size:11px}.empty-column{padding:16px 12px;color:var(--muted);font-size:12px}.module-placeholder{max-width:760px;padding:24px}.module-state{color:var(--warning);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.module-placeholder h2{margin:7px 0;font-size:21px;font-weight:600}.module-placeholder p{color:var(--muted);max-width:680px}.module-checklist{margin:20px 0;border-top:1px solid var(--line)}.module-checklist>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.module-checklist span{color:var(--ink);text-align:right}.portal-page{min-height:100vh;padding:30px 18px 60px;background:#eef2f3}.portal-shell{width:min(680px,100%);margin:0 auto}.portal-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 2px 18px}.portal-brand{font-weight:600;letter-spacing:.03em}.portal-site{color:var(--muted);font-size:12px}.portal-intro{padding:22px 24px;background:var(--nav);color:#fff;border-radius:12px 12px 0 0}.portal-intro .eyebrow{color:#afc1cc}.portal-intro h1{margin:6px 0 7px;font-size:28px;line-height:1.15;font-weight:600}.portal-intro p{margin:0;color:#c8d4db}.report-form{display:grid;grid-gap:19px;gap:19px;padding:24px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#fff}.report-fieldset{margin:0;padding:0;border:0}.field-label,.report-fieldset legend{color:#35424d;font-size:13px;font-weight:500}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:9px}.choice-card{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.choice-card:has(input:checked){border-color:#78a99c;background:#f1f8f6}.field-label{display:grid;grid-gap:7px;gap:7px}.field-label input,.field-label textarea{width:100%;border:1px solid #cfd7dd;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);resize:vertical}.field-label input:focus,.field-label textarea:focus{border-color:#6b9e91}.upload-box{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px;border:1px dashed #bdc8cf;border-radius:8px;background:#fafbfb}.upload-title{font-size:13px}.upload-help{margin-top:2px;color:var(--muted);font-size:11px}.identity-fieldset{display:flex;flex-wrap:wrap;gap:13px 20px}.identity-fieldset legend{width:100%;margin-bottom:1px}.inline-choice{display:flex;align-items:center;gap:7px;color:#45525e}.urgent-note{padding:11px 12px;border-left:3px solid #c3862c;background:#fbf7ef;color:#654b25;font-size:11px}.portal-submit{width:100%;min-height:44px}.form-note{color:var(--muted);text-align:center;font-size:10px}@media (max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.calendar-day{min-height:90px}}@media (max-width:820px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto}.brand-block{padding:14px 16px}.primary-nav{display:flex;overflow-x:auto;padding:8px 10px}.nav-link{flex:0 0 auto;border-left:0;border-bottom:2px solid transparent}.nav-link.active{border-left:0;border-bottom-color:#62b7a4}.sidebar-footer{display:none}.topbar{padding:10px 16px}.topbar-title{display:none}.content-shell{padding:20px 16px 40px}.right-rail{grid-template-columns:1fr}.queue-summary{grid-template-columns:1fr 1fr}.queue-summary>div:nth-child(2){border-right:0}.queue-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.observation-row{grid-template-columns:72px minmax(0,1fr)}.status-chip{grid-column:2;justify-self:start}.workflow-strip{grid-template-columns:1fr}.workflow-strip>div{border-right:0;border-bottom:1px solid var(--line)}.workflow-strip>div:last-child{border-bottom:0}}@media (max-width:620px){.topbar-actions .secondary{display:none}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.calendar-panel{overflow-x:auto}.calendar-grid{min-width:690px}.calendar-day{min-height:86px}.queue-summary{grid-template-columns:1fr}.queue-summary>div{border-right:0;border-bottom:1px solid var(--line)}.observation-row{grid-template-columns:1fr;gap:4px}.status-chip{grid-column:1}.choice-grid{grid-template-columns:1fr}.upload-box{align-items:flex-start;flex-direction:column}.portal-intro,.report-form{padding-left:18px;padding-right:18px}.portal-intro h1{font-size:24px}}:root{--bg:#f3f6f8;--surface:#ffffff;--surface-muted:#f7fafb;--ink:#102033;--muted:#5f6e7c;--line:#d5dee6;--nav:#0b2345;--nav-muted:#c8d5e2;--accent:#2f6f74;--accent-strong:#255c61}.sidebar{background:var(--nav);border-right-color:#173b63}.brand-block{display:block;padding:13px 18px;background:#ffffff;border-bottom:1px solid #d5dee6}.brand-logo{display:block;width:min(100%,240px);height:auto;object-fit:contain}.primary-nav{padding-top:16px}.nav-link{color:#e0e7ee;border-left-color:transparent}.nav-link:hover{background:#15375b;color:#ffffff}.nav-link.active{background:#17405f;color:#ffffff;border-left-color:#73b8bc}.sidebar-footer{border-top-color:#234261}.site-label{color:#ffffff}.site-meta{color:#c8d5e2}.sidebar-link{color:#bee8e7}.topbar{border-bottom-color:#cfd9e2}.button.primary{background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.text-link{color:#275f64}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #73b8bc;outline-offset:2px}