:root{--navy-950:#07111f;--navy-900:#0b1728;--navy-800:#13243a;--ink:#122033;--muted:#68758a;--line:#dde3ea;--surface:#fff;--background:#f3f6f8;--teal:#087f78;--teal-dark:#06665f;--teal-soft:#e6f5f2;--green:#14825f;--amber:#a86608;--red:#c33a4a;--blue:#2869b2;--shadow:0 1px 2px #0814230a, 0 8px 28px #0814230a}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;outline:3px solid #087f784d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#d8e2ed;background:linear-gradient(175deg, var(--navy-950), #0b1c2d 72%, #0a202e);border-right:1px solid #ffffff0f;flex-direction:column;width:252px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:76px;padding:0 23px;display:flex}.brand-mark{background:#087f7824;border:1px solid #68dccc8c;border-radius:11px 11px 15px 15px;place-items:center;width:35px;height:38px;display:grid;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:#5ed0c1;border-radius:2px;width:14px;height:2px;display:block;box-shadow:0 5px #5ed0c1,0 -5px #5ed0c1}.brand strong{color:#fff;letter-spacing:-.01em;font-size:15px;display:block}.brand small{color:#7f93a8;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px;display:block}.nav-list{padding:25px 13px}.nav-label{color:#62778e;letter-spacing:.12em;text-transform:uppercase;margin:0 12px 10px;font-size:10px;font-weight:700}.nav-link{color:#99aabd;border-radius:8px;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:550;transition:color .16s,background .16s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0b}.nav-link.active{color:#f7fffe;background:#18978c2b;box-shadow:inset 3px 0 #42c3b4}.nav-icon{text-align:center;color:#7aa0a7;width:20px;font-size:18px}.nav-link.active .nav-icon{color:#63d3c6}.nav-count{color:#ffbdc5;background:#c33a4a33;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;display:grid}.sidebar-foot{border-top:1px solid #ffffff12;margin-top:auto;padding:19px}.privacy-note{align-items:center;gap:10px;display:flex}.privacy-note>span{color:#55cbbb;background:#2aae9f1f;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.privacy-note strong,.privacy-note small{display:block}.privacy-note strong{color:#dbe8ed;font-size:11px}.privacy-note small{color:#71869a;margin-top:2px;font-size:10px}.sidebar-foot>p{color:#617589;margin:14px 0 0;font-size:9px;line-height:1.5}.app-main{width:calc(100% - 252px);min-width:0;margin-left:252px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.menu-button{color:var(--ink);background:0 0;border:0;font-size:21px;display:none}.environment,.demo-chip,.readonly-chip{color:#46566b;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.environment{background:#f7fafb;border:1px solid #d9e2e7;border-radius:7px;padding:7px 11px}.environment-dot{background:#e1a229;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #faefd8}.topbar-right{align-items:center;gap:20px;display:flex}.system-status,.user-state{align-items:center;gap:10px;display:flex}.system-status small,.system-status strong,.user-state small,.user-state strong{display:block}.system-status small,.user-state small{color:#8692a3;letter-spacing:.05em;text-transform:uppercase;font-size:9px}.system-status strong,.user-state strong{margin-top:2px;font-size:11px}.system-status strong{color:var(--green)}.status-pulse{background:#25a67d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e0f4ed}.top-divider{background:var(--line);width:1px;height:28px}.avatar{color:#d8fffa;background:#153b49;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.page-content{max-width:1560px;margin:0 auto;padding:34px 38px 64px}.demo-data-notice{color:#68778a;background:#f8fafb;border:1px dashed #cfd8df;border-radius:7px;align-items:center;gap:9px;margin:-13px 0 20px;padding:9px 12px;font-size:10px;line-height:1.45;display:flex}.demo-data-notice span{color:#8a620f;letter-spacing:.08em;background:#faefd7;border-radius:4px;padding:3px 5px;font-size:7px;font-weight:850}.data-state{color:#58677a;border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:13px;min-height:112px;padding:22px;display:flex}.data-state>span{border-radius:8px;flex:none;place-items:center;width:31px;height:31px;font-weight:850;display:grid}.data-state strong{color:#26384c;font-size:12px}.data-state p{margin:4px 0 0;font-size:10px;line-height:1.55}.data-state code{margin-top:7px;font-size:9px;display:block}.data-state-error{color:#85505a;background:#fffafb;border-color:#edd9dd}.data-state-error>span{color:#b63648;background:#fae7ea}.data-state-empty>span{color:#55717d;background:#eaf1f3}.loading-state{color:#6a788a;justify-content:center;align-items:center;gap:15px;min-height:60vh;display:flex}.loading-state strong{color:#24364a;font-size:13px}.loading-state p{margin:4px 0 0;font-size:10px}.loading-spinner{border:3px solid #d9e5e5;border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.eyebrow,.section-kicker,.panel-kicker{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:800}.page-header h1,.incident-hero h1{color:#101e30;letter-spacing:-.035em;margin:0;font-size:clamp(27px,3vw,36px);line-height:1.15}.page-header>div>p:last-child{max-width:680px;color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.6}.page-actions{align-items:center;gap:12px;display:flex}.last-updated{color:#728093;align-items:center;gap:7px;font-size:11px;display:flex}.last-updated i{background:var(--green);border-radius:50%;width:6px;height:6px}.button{cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:11px;font-weight:750;transition:transform .15s,background .15s,border .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.72}.button-primary{color:#fff;background:var(--teal);box-shadow:0 4px 12px #087f782e}.button-primary:hover:not(:disabled){background:var(--teal-dark)}.button-secondary{color:#344359;background:#fff;border-color:#d7dfe6}.button-secondary:hover:not(:disabled){background:#f9fbfc;border-color:#afbbc6}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.metric-card{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:10px;padding:17px 17px 15px}.metric-card:before{content:"";background:#8aa0b1;border-radius:3px;width:22px;height:2px;margin:-18px 0 15px;display:block}.metric-good:before{background:var(--green)}.metric-warning:before{background:#dd9423}.metric-critical:before{background:var(--red)}.metric-top{color:#6c798b;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.metric-spark{color:#a7b3c0;font-size:16px}.metric-card>strong{color:#152437;letter-spacing:-.035em;margin-top:10px;font-size:24px;display:block}.metric-card>p{color:#8994a3;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;overflow:hidden}.section-block{margin-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px;display:flex}.section-heading h2,.content-card h2,.analysis-head h2,.learning-flow h2{letter-spacing:-.02em;margin:0;font-size:17px}.text-link{color:var(--teal);font-size:11px;font-weight:700}.text-link span{margin-left:5px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.service-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:19px}.service-card-head{align-items:center;gap:12px;display:flex}.service-card-head>div:nth-child(2){min-width:0}.service-symbol{color:#177b75;background:#e7f4f2;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:grid}.service-card h3{margin:0;font-size:13px}.service-card-head p{color:#8793a2;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;overflow:hidden}.status-chip{letter-spacing:.05em;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.status-chip i,.plain-status i,.audit-result i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-healthy{color:#157458;background:#e8f5ef}.status-degraded{color:#9b620b;background:#fbf1dd}.status-unavailable{color:#b83142;background:#fbe9ec}.service-metrics{border:1px solid #e6eaee;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;display:grid;overflow:hidden}.service-metrics div{border-right:1px solid #e6eaee;padding:11px 13px}.service-metrics div:last-child{border:0}.service-metrics span,.detail-stat-grid span,.analysis-summary span,.root-cause>span,.finding-block>span,.recommendation-inline span,.expected-signal span,.recommendation>div>span{color:#8b96a4;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.service-metrics strong{margin-top:5px;font-size:12px;display:block}.service-foot{color:#718094;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.service-foot>span{align-items:center;gap:6px;display:flex}.service-source{color:#8793a1;border-top:1px solid #edf0f2;align-items:center;gap:8px;min-height:21px;margin-top:10px;padding-top:9px;font-size:8px;display:flex}.service-source>span:first-child{letter-spacing:.035em;text-transform:uppercase;border-radius:4px;padding:3px 5px;font-weight:800}.source-real{color:#126e54;background:#e7f4ee}.source-demo{color:#86600f;background:#faf0d9}.source-error{color:#af3445;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.pod-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.text-critical{color:var(--red)!important}.text-muted{color:#8b96a4}.service-card-compact{padding:15px}.service-card-compact .service-card-head{flex-wrap:wrap;align-items:flex-start}.service-card-compact .status-chip{margin-left:47px}.service-card-compact .service-metrics{grid-template-columns:1fr 1fr}.service-card-compact .service-metrics div:nth-child(2){border-right:0}.service-card-compact .service-metrics div:nth-child(-n+2){border-bottom:1px solid #e6eaee}.stacked-services{gap:12px;display:grid}.table-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{color:#7b8797;border-bottom:1px solid var(--line);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafb;padding:11px 15px;font-size:9px}.data-table td{color:#455368;vertical-align:middle;border-bottom:1px solid #e9edf0;padding:14px 15px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfd}.incident-link strong,.incident-link span{display:block}.incident-link strong{color:#122235;font-size:10px}.incident-link span{color:#6d7a8d;white-space:normal;max-width:310px;margin-top:3px}.severity-badge{border:1px solid;border-radius:5px;align-items:center;gap:5px;width:fit-content;padding:5px 7px;font-size:8px;font-weight:850;display:inline-flex}.severity-badge i{background:currentColor;border-radius:1px;width:5px;height:5px}.severity-sev1{color:#bd3345;background:#fff5f6}.severity-sev2{color:#b05c12;background:#fff8ee}.severity-sev3{color:#3c6e9f;background:#f4f8fc}.severity-sev4{color:#647383;background:#f7f9fa}.plain-status{color:#805d16;text-transform:capitalize;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:750;display:inline-flex}.row-action{width:26px;height:26px;color:var(--teal);border:1px solid #d9e3e6;border-radius:6px;place-items:center;font-size:14px;display:grid}.filter-pills{background:#e9eef1;border-radius:7px;gap:2px;padding:3px;display:flex}.filter-pills button{color:#667487;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 10px;font-size:9px}.filter-pills button.active{color:#203145;background:#fff;box-shadow:0 1px 3px #00000014}.breadcrumbs{color:#7f8a99;gap:8px;margin:-5px 0 20px;font-size:10px;display:flex}.breadcrumbs a{color:var(--teal)}.incident-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:25px;display:flex}.incident-title-line{align-items:center;gap:9px;margin-bottom:12px;display:flex}.incident-hero p{color:#748094;margin:8px 0 0;font-size:12px}.detail-stat-grid{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);margin:18px 0;padding:16px 20px;display:grid}.detail-stat-grid div{border-right:1px solid var(--line);padding:2px 18px}.detail-stat-grid div:first-child{padding-left:0}.detail-stat-grid div:last-child{border:0}.detail-stat-grid strong{margin-top:6px;font-size:11px;display:block}.detail-layout{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);align-items:start;gap:18px;display:grid}.content-card,.analysis-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:24px}.lead-copy{color:#4f5e71;margin:17px 0 0;font-size:13px;line-height:1.75}.finding-block{border-left:3px solid var(--teal);background:#f7f9fa;border-radius:3px 7px 7px 3px;margin-top:22px;padding:17px}.finding-block p{color:#34455a;margin:8px 0 0;font-size:12px;line-height:1.65}.recommendation-inline{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.recommendation-inline div{border:1px solid var(--line);border-radius:8px;padding:14px}.recommendation-inline strong{color:var(--teal-dark);margin-top:6px;font-size:14px;display:block}.timeline{margin:4px 0 0;padding:0;list-style:none}.timeline li{grid-template-columns:25px 1fr;min-height:73px;display:grid}.timeline-marker{justify-content:center;display:flex;position:relative}.timeline-marker:after{content:"";background:#dce4e8;width:1px;position:absolute;top:13px;bottom:-1px}.timeline li:last-child .timeline-marker:after{display:none}.timeline-marker span{z-index:1;background:#fff;border:2px solid #8ca1ad;border-radius:50%;width:9px;height:9px;margin-top:5px}.timeline-current .timeline-marker span{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 4px #e3f4f1}.timeline-content{padding:0 0 17px 7px}.timeline-content>div{justify-content:space-between;gap:14px;display:flex}.event-type{color:#26374b;letter-spacing:.035em;font-size:9px;font-weight:800}.timeline-content time{color:#8995a3;white-space:nowrap;font-size:9px}.timeline-content p{color:#526175;margin:5px 0 4px;font-size:11px;line-height:1.45}.timeline-content small{color:var(--teal);font-size:9px}.ai-page-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,.7fr);align-items:start;gap:17px;display:grid}.analysis-panel{padding:0;overflow:hidden}.analysis-head{border-bottom:1px solid var(--line);background:linear-gradient(100deg,#f8fcfb,#fff);align-items:center;gap:12px;padding:20px 22px;display:flex}.ai-glyph{color:#fff;background:linear-gradient(140deg,var(--teal),#1da699);border-radius:10px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 5px 14px #087f7833}.analysis-head .panel-kicker{margin-bottom:3px}.analysis-head .readonly-chip{margin-left:auto}.readonly-chip,.demo-chip{color:#4d6774;background:#edf4f5;border:1px solid #d8e6e6;border-radius:6px;padding:6px 8px;font-size:8px}.demo-chip{color:#805d16;background:#fbf3e3;border-color:#eddcaf}.analysis-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:17px 22px;display:grid}.analysis-summary>div{border-right:1px solid var(--line);padding-left:16px}.analysis-summary>div:first-child{padding-left:0}.analysis-summary>div:last-child{border:0}.analysis-summary strong,.analysis-summary .severity-badge{margin-top:6px}.confidence{color:var(--teal);font-size:18px}.root-cause{color:#34465a;background:#f2f8f7;border:1px solid #d5e9e6;border-radius:8px;margin:20px 22px 0;padding:17px}.root-cause p{margin:8px 0 0;font-size:12px;line-height:1.65}.evidence-list{padding:22px}.evidence-list h3{margin:0 0 12px;font-size:12px}.evidence-list article{border-top:1px solid #e8ecef;grid-template-columns:130px 1fr;gap:14px;padding:12px 0;display:grid}.evidence-source{color:#506176;font-size:9px;font-weight:750}.evidence-source span{width:23px;height:23px;color:var(--teal);background:var(--teal-soft);border-radius:6px;place-items:center;margin-right:7px;display:inline-grid}.evidence-list article strong{font-size:11px}.evidence-list article p{color:#69778a;margin:4px 0 0;font-size:10px;line-height:1.5}.recommendation{background:#fff9ee;border-top:1px solid #eee1c7;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.recommendation strong{color:#895d0d;margin-top:5px;font-size:14px;display:block}.recommendation p{color:#8a7960;margin:4px 0 0;font-size:9px}.compact-timeline{padding-bottom:8px}.safety-banner{color:#704c0b;background:#fff8ea;border:1px solid #edddba;border-radius:9px;align-items:flex-start;gap:12px;margin-top:17px;padding:15px 18px;display:flex}.safety-banner>span{background:#f5e5bd;border-radius:7px;flex:none;place-items:center;width:27px;height:27px;display:grid}.safety-banner strong{font-size:11px}.safety-banner p{margin:3px 0 0;font-size:10px;line-height:1.5}.safety-blue{color:#315c78;background:#edf7fb;border-color:#cee5ed;margin:0 0 20px}.safety-blue>span{background:#d9edf4}.resilience-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.resilience-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:20px}.resilience-icon{width:36px;height:36px;color:var(--teal);background:var(--teal-soft);border-radius:9px;place-items:center;font-size:20px;display:grid}.risk{float:right;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;margin-top:-31px;padding:4px 6px;font-size:7px;font-weight:800}.risk-low{color:#247054;background:#e8f5ef}.risk-medium{color:#8d600e;background:#fbf1dd}.risk-high{color:#ae3646;background:#fbe9ec}.resilience-card h3{margin:17px 0 7px;font-size:14px}.resilience-card>p{color:#6c798b;min-height:51px;margin:0;font-size:10px;line-height:1.65}.expected-signal{background:#f7f9fa;border-radius:7px;min-height:56px;margin:15px 0;padding:11px}.expected-signal strong{margin-top:5px;font-size:9px;line-height:1.4;display:block}.resilience-card .button{width:100%}.resilience-card .demo-message{min-height:0;color:var(--teal);margin-top:9px;font-size:8px}.learning-flow{grid-template-columns:.7fr 1.3fr;align-items:center;gap:35px;margin-top:20px;display:grid}.learning-flow>div>p{color:#728093;font-size:11px;line-height:1.6}.learning-flow ol{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.learning-flow li{color:#617084;text-align:center;font-size:9px;position:relative}.learning-flow li:after{content:"";background:#cfdadd;width:70%;height:1px;position:absolute;top:12px;left:65%}.learning-flow li:last-child:after{display:none}.learning-flow li span{z-index:1;width:25px;height:25px;color:var(--teal);background:#e6f5f2;border:1px solid #c3e1dc;border-radius:50%;place-items:center;margin:0 auto 7px;font-size:9px;font-weight:800;display:grid;position:relative}.audit-table td strong{color:#26374a;font-size:10px}.actor-type{color:#536579;background:#edf1f4;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:700}.audit-table td:nth-child(4) span,.audit-table td:nth-child(4) small{display:block}.audit-table td:nth-child(4) small{color:#8995a3;margin-top:3px}.audit-result{align-items:center;gap:5px;font-size:8px;font-weight:800;display:inline-flex}.result-success{color:var(--green)}.result-denied,.result-failed{color:var(--red)}.audit-table code{color:#526579;background:#f1f4f6;border-radius:4px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:65vh;display:grid}.empty-state>span{color:var(--teal);letter-spacing:.12em;font-size:12px;font-weight:800}.empty-state h1{margin:10px 0 5px}.empty-state p{color:var(--muted);margin:0 0 20px}.sidebar-scrim{display:none}@media (max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid-compact{grid-template-columns:repeat(4,1fr)}.service-grid,.resilience-grid{grid-template-columns:repeat(3,1fr)}.ai-page-layout{grid-template-columns:1fr}}@media (max-width:960px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#040d1773;border:0;display:block;position:fixed;inset:0}.app-main{width:100%;margin-left:0}.menu-button{display:block}.topbar{padding:0 22px}.environment{margin-left:14px;margin-right:auto}.page-content{padding:28px 24px 50px}.detail-layout{grid-template-columns:1fr}.detail-stat-grid{grid-template-columns:1fr 1fr}.detail-stat-grid div{border-bottom:1px solid var(--line);padding:10px}.detail-stat-grid div:nth-child(2){border-right:0}.detail-stat-grid div:nth-child(n+3){border-bottom:0}.service-grid,.resilience-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.topbar{height:64px}.topbar .system-status,.top-divider,.user-state div{display:none}.page-content{padding:23px 16px 42px}.page-header,.incident-hero{flex-direction:column;align-items:flex-start}.page-actions{justify-content:space-between;width:100%}.metric-grid,.metric-grid-compact,.service-grid,.resilience-grid{grid-template-columns:1fr}.service-card-compact .status-chip{margin-left:auto}.service-metrics{grid-template-columns:1fr 1fr}.service-metrics div:nth-child(2){border-right:0}.service-metrics div:nth-child(-n+2){border-bottom:1px solid #e6eaee}.detail-stat-grid{grid-template-columns:1fr}.detail-stat-grid div{border-right:0;padding:10px 0;border-bottom:1px solid var(--line)!important}.detail-stat-grid div:last-child{border-bottom:0!important}.analysis-summary{grid-template-columns:1fr;gap:13px}.analysis-summary>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.analysis-summary>div:last-child{border:0;padding-bottom:0}.evidence-list article{grid-template-columns:1fr}.recommendation{flex-direction:column;align-items:flex-start}.recommendation .button{width:100%}.learning-flow{grid-template-columns:1fr}.learning-flow ol{grid-template-columns:1fr;gap:9px}.learning-flow li{text-align:left;align-items:center;gap:10px;display:flex}.learning-flow li span{margin:0}.learning-flow li:after{display:none}.filter-pills{max-width:100%;overflow-x:auto}.section-heading{align-items:flex-start}.topbar-right{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-loading,.login-page{background:var(--background);place-items:center;min-height:100vh;display:grid}.auth-loading{color:var(--muted);font-size:13px}.login-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;padding:36px}.login-brand{color:var(--ink);margin-bottom:34px}.login-card h1{margin:8px 0;font-size:28px}.login-card>p{color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.6}.login-card form{gap:9px;display:grid}.login-card label{margin-top:6px;font-size:10px;font-weight:750}.login-card input{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd8e0;border-radius:7px;padding:12px}.login-card input:focus{outline-offset:1px;outline:2px solid #8bcac4}.login-card .button{margin-top:10px}.login-error{color:var(--red);background:#fff4f5;border:1px solid #f0cbd0;border-radius:6px;padding:10px;font-size:10px}.login-note{color:var(--muted);text-align:center;margin-top:22px;display:block}.logout-button{color:#506176;cursor:pointer;background:0 0;border:1px solid #d7dfe5;border-radius:6px;padding:6px 8px;font-size:9px}