/* SENTINEL — navy, teal and precise operational typography. */
:root {color:#243448;background:#f3f6fa;--ink:#243448;--muted:#64748b;--line:#e3eaf2;--green:#087f73;--nav:#111f2f;--red:#bf4853;--orange:#a16c20}
body {background:#f3f6fa} button {transition:background .18s,color .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {outline:3px solid #19a58e;outline-offset:4px}
.app-shell {grid-template-columns:244px minmax(0,1fr)}
.sidebar {width:244px;background:#111f2f;padding:34px 18px 25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#345264 transparent}
.brand {padding:0 12px 43px;gap:12px}.brand .brand-mark {width:38px;height:43px;color:#59d8ba;filter:drop-shadow(0 0 8px #59d8ba20)}
.brand strong {font-size:20px;letter-spacing:2px}.brand small {font-size:9px;color:#9aaebd;letter-spacing:1.7px;margin-top:6px}
.nav-label {color:#869eae;font-size:10px;letter-spacing:1.6px;padding-bottom:14px;font-weight:650}
.nav-item {padding:14px 15px;margin-bottom:6px;font-size:14px;font-weight:500;border-radius:9px;color:#b1c1ce;gap:12px}
.nav-item:hover {background:#1d3547;color:white}.nav-item.active {background:#27483f;color:#9aeaca;box-shadow:inset 3px 0 #77d3ad}
.nav-count {background:#3e6555;color:#bdf0d3;border-radius:5px;font-size:11px;padding:3px 6px}.nav-sep {background:#2a3d4d;margin:25px 13px}
.sidebar-bottom {padding-top:32px}.demo-card {background:linear-gradient(140deg,#223e47,#1c303f);border-color:#3e5860;border-radius:12px;padding:19px 16px;margin:0 3px 24px}
.demo-card strong {color:#e7f5ec;font-size:12px;gap:8px}.demo-card strong .icon {width:15px;height:15px;color:#8addba}
.demo-card p {font-size:12px;color:#aec4c4;line-height:1.8;margin-top:10px}.demo-card button {font-size:12px;color:#a5e6c5;margin-top:14px;font-weight:550}
.profile {gap:11px}.profile strong {font-size:12px}.profile small {font-size:11px;color:#9bafbd}.avatar {width:36px;height:36px;background:#e4efe9;color:#3c6b58;border:3px solid white;font-weight:650}
.profile .avatar {background:#374f60;color:#e4f3ee;border:2px solid #526a7b}
.topbar {height:76px;padding:0 38px;background:#ffffffec;border-color:#e1e8f0}.breadcrumb {font-size:12px;color:#798b9f;gap:12px}.breadcrumb strong {color:#44596e;font-weight:550}.breadcrumb>.icon {width:12px;height:12px;color:#96a6b7}
.prototype-pill {font-size:11px;color:#53806c;background:#f0f7f2;border-color:#dcebdd;border-radius:20px;padding:7px 11px}.prototype-pill i {background:#66a482}
.icon-button {min-height:36px;min-width:36px;border-radius:8px;color:#7a8ea2;display:inline-grid;place-items:center}.icon-button:hover {background:#eef3f7}
.notification-count {right:6px;top:5px;background:#d68d60}.top-actions {gap:18px}
main {max-width:1660px;padding:35px 38px}.page-heading {gap:23px;margin-bottom:29px}.eyebrow {font-size:10px;color:#6d898c;letter-spacing:1.65px;font-weight:650;margin-bottom:10px}.eyebrow:before {background:#3ca58d;width:15px}
h1 {font-size:32px;font-weight:800;line-height:1.3;letter-spacing:-1.3px;color:#24394e}h2 {font-size:17px;font-weight:750;line-height:1.5;letter-spacing:-.4px}h3 {font-size:15px;color:#3b5368}
.subtitle {font-size:14px;line-height:1.8;color:#74879c;margin-top:8px}
.btn {font-size:13px;font-weight:600;min-height:43px;padding:11px 17px;border-radius:9px;gap:9px;line-height:1.4}.btn .icon {width:17px;height:17px}.btn:hover {transform:translateY(-1px)}
.btn-primary {background:#158b74;border:1px solid #10836c;box-shadow:0 3px 8px #17897124,inset 0 1px #ffffff25}.btn-primary:hover {background:#0c7863;box-shadow:0 5px 12px #17897128}
.btn-secondary {border-color:#d9e3ed;color:#5c7086;background:white;box-shadow:0 1px 2px #17344a06}.btn-secondary:hover {background:#f6fafc;border-color:#b9ceda}.btn-danger {border:1px solid #f1d7ce;background:#fff0eb;color:#b56b57}
.filters {gap:10px;margin-bottom:25px}.select-wrap {border-color:#dee6ee;border-radius:8px;min-height:38px;padding:0 12px;color:#7d92a5;gap:9px}.select-wrap select {font-size:13px;color:#61768c}.select-wrap .icon {width:15px;height:15px}
.updated {font-size:11px;color:#8899aa;gap:7px;line-height:1.6}
.metrics {gap:18px;margin-bottom:25px}.metric {border-color:#e0e8f0;border-radius:13px;padding:20px 22px 18px;box-shadow:0 3px 6px #24426005}
.metric-top {font-size:12px;color:#6b8195;font-weight:500;gap:10px}.metric-icon {width:31px;height:31px;border-radius:9px;background:#ecf7f1;color:#54937b;display:grid;place-items:center;flex-shrink:0}.metric-icon .icon {width:16px;height:16px;color:inherit}
.metric-critical .metric-icon {background:#fdf0eb;color:#c47d66}.metric-review .metric-icon {background:#faf4e5;color:#b69951}.metric-pattern .metric-icon {background:#eff2fb;color:#839bcc}
.metric-number {font-size:37px;font-weight:750;line-height:1.2;letter-spacing:-1.6px;color:#294459;margin:9px 0 13px;font-variant-numeric:tabular-nums}.metric-number.red {color:#c8735f}.metric-number.orange {color:#b09449}
.metric-foot {font-size:10px;color:#8a9bad;line-height:1.7;gap:6px}.metric-foot .trend {color:#608a71;background:#f0f6ed;padding:2px 6px;border-radius:4px;font-size:10px}.metric-foot .trend.alert {color:#b18d4e;background:#fcf5e8}
.dashboard-grid {grid-template-columns:minmax(0,1fr) 326px;gap:23px}.main-column,.right-column {gap:23px}
.panel {border-color:#e0e8f0;border-radius:16px;box-shadow:0 2px 5px #24426006}.panel-head {padding:23px 25px 0;gap:12px}.panel-sub {font-size:12px;line-height:1.8;color:#8296aa;margin-top:4px}
.small-link {font-size:12px;color:#478e77;gap:7px;min-height:30px;font-weight:550}.small-link .icon {width:14px;height:14px}
.legend {font-size:11px;color:#7b91a8;gap:15px}.legend i {width:7px;height:7px;background:#52a388;border-radius:50%}.legend i.critical {background:#d7a881}
.chart-panel {min-height:352px;display:flex;flex-direction:column}.chart-wrap {padding:18px 22px 8px;flex:1}.activity-chart {width:100%;height:213px;overflow:visible}
.chart-grid {stroke:#e9eff5;stroke-dasharray:4 4}.chart-axis {fill:#849bb0;font-size:11px;font-family:'DM Sans',sans-serif}.chart-point {transition:r .18s}.chart-point:hover {r:5}
.chart-caption {background:#fafcfe;border-color:#edf2f6;padding:13px 25px;color:#8096aa;font-size:11px;gap:7px;line-height:1.7}.inline-number {color:#639880}
.table-scroll {scrollbar-width:thin;scrollbar-color:#cbdce7 #f5f9fc}.table-scroll table {min-width:585px}th {font-size:10px;color:#859bb0;background:#fafcfe;border-color:#e6eef5;padding:13px 14px;letter-spacing:.6px;white-space:nowrap}
td {padding:18px 14px;font-size:12px;color:#7c91a5;border-color:#edf2f6}th:first-child,td:first-child {padding-left:25px}tbody tr:hover {background:#f6fafc}
.report-title {font-size:13px;font-weight:550;line-height:1.7;color:#3c5970}.report-meta {font-size:11px;color:#8a9fb3;line-height:1.65;margin-top:4px}.score {font-size:16px;gap:8px;font-variant-numeric:tabular-nums}.score i {width:3px;height:19px;opacity:.8}
.critical-text {color:#c16f5b}.high-text {color:#b59653}.moderate-text {color:#879c6c}.low-text {color:#5b977e}
.badge {font-size:10px;padding:6px 8px;border-radius:5px;line-height:1.2;border:1px solid transparent;font-weight:550}.badge.critical,.badge.escalated {background:#fff1ec;border-color:#fae4da;color:#be8266}.badge.high,.badge.review {background:#fcf6e8;border-color:#f3eacf;color:#aa8c4b}.badge.confirmed,.badge.low {background:#eef7ee;color:#73966f}.badge.new {background:#f0f4f8;color:#8198ae}.badge.corrected {background:#eef2fb;color:#7994bd}
.queue-head {padding-bottom:23px}.queue-note {background:#fcfdfe;border-color:#eaf1f6;padding:14px 25px;font-size:10px;color:#8399ac;line-height:1.8}.count-label {font-size:10px;background:#f0f6ed;border:1px solid #e4eddd;color:#819b74;padding:4px 7px;border-radius:5px;font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:0;white-space:nowrap}
.risk-panel {position:relative;min-height:352px;background:linear-gradient(125deg,#183944,#1d4641);border-color:#31574f;box-shadow:0 5px 15px #244b4414}
.risk-panel:after {content:'';position:absolute;right:-90px;top:-100px;width:265px;height:265px;border:1px solid #a3d1b314;border-radius:50%;box-shadow:0 0 0 38px #a3d1b308,0 0 0 80px #a3d1b305;pointer-events:none}
.risk-panel .panel-head {padding:23px 24px 0;color:#d5e6da;position:relative;z-index:1}.risk-panel .panel-head h2 {font-family:'DM Sans',sans-serif;font-size:13px;font-weight:550;letter-spacing:0}.risk-panel .panel-head>.icon {width:18px;height:18px;color:#93bea3}
.risk-kicker {display:inline-flex;margin:20px 24px 0;padding:5px 7px;border:1px solid #91b38e55;border-radius:5px;background:#a4bf9820;color:#c7dab2;font-size:10px;gap:6px}.risk-kicker .icon {width:12px;height:12px}
.risk-title {font-size:25px;font-weight:700;line-height:1.5;letter-spacing:-.8px;color:#ebf1da;margin:12px 24px 10px;position:relative;z-index:1}.risk-desc {font-size:12px;color:#abc3b0;margin:0 24px;line-height:1.85}
.risk-stats {padding:19px 24px;gap:22px}.risk-stats>div {flex:1}.risk-stats strong {font-size:25px;color:#456373;font-weight:700}.risk-stats span {font-size:10px;color:#8b9fb0;line-height:1.6}.risk-panel .risk-stats strong {color:#d7e9c5}.risk-panel .risk-stats span {color:#b4c9b0}
.risk-panel .risk-button {width:calc(100% - 48px);margin:0 24px 23px;min-height:40px;padding:10px 12px;border:1px solid #7a9f77;background:#b6d89b15;color:#d1e0b6;font-size:12px;border-radius:7px;position:relative;z-index:1}.risk-panel .risk-button:hover {background:#b6d89b30}.risk-button .icon {width:15px;height:15px}
.heatmap {padding:21px 23px}.heat-head,.heat-row {grid-template-columns:87px repeat(4,minmax(0,1fr));gap:6px}.heat-head {font-size:9px;color:#829daf;line-height:1.7;margin-bottom:11px}.heat-row {font-size:11px;color:#7b94a6;margin:6px 0}.heat-cell {height:33px;font-size:10px;border-radius:5px;color:#657f7e}.heat-cell:hover {transform:translateY(-2px);box-shadow:0 4px 6px #27584c19}.heat-legend {font-size:9px;color:#879eac;margin-top:15px}.heat-legend i {width:16px;height:7px;border-radius:2px}
.rule-list {padding:8px 25px 14px}.rule-item {grid-template-columns:31px 1fr 24px;padding:14px 0;border-color:#eaf1f6}.rule-item>.icon {width:18px;height:18px;color:#8eb09b}.rule-item strong {font-size:12px;color:#607f8e}.rule-item small {font-size:10px;color:#8ca4b1}.rule-item b {font-size:13px;color:#799e86}
.footer {padding-top:25px;font-size:10px;color:#8ca0b0;line-height:1.8}.footer .icon {color:#92b09a}
.toolbar {gap:10px;margin-bottom:22px}.searchbox {padding:12px 14px;gap:10px;border-color:#dce7ef;border-radius:9px;max-width:450px}.searchbox input {font-size:14px;color:#506c83}.searchbox input::placeholder {color:#8fa6b9}.searchbox:focus-within {outline:2px solid #66ae92}.toolbar select {font-size:13px;border-color:#dce7ef;border-radius:9px;padding:12px;min-height:44px;color:#6e879b}
.table-action {width:28px;height:30px;display:grid;place-items:center;color:#9bb0c1;border-radius:6px}.table-action:hover {background:#edf6ef;color:#5f9c80}.page-panel {padding:28px}
.pattern-card {padding:25px;gap:18px;transition:transform .2s,box-shadow .2s}.pattern-card:hover {transform:translateY(-3px);box-shadow:0 8px 24px #31516912}.pattern-card h2 {font-size:20px;line-height:1.6}.pattern-card p {font-size:14px;line-height:1.85;color:#7b94a8}.pattern-card .risk-stats {padding:5px 0}.pattern-grid {gap:21px}
.graph-grid {grid-template-columns:minmax(0,1fr) 294px;gap:0}.graph-view {min-height:535px;background:radial-gradient(#d8e7e9 1px,transparent 1px),#f8fcfd;background-size:19px 19px}.graph-view>svg {height:535px}.graph-node circle {transition:stroke-width .18s}.graph-sidebar {padding:27px;border-left:1px solid var(--line)}.graph-sidebar p {font-size:14px;line-height:1.85;color:#7f99ac}.graph-sidebar .eyebrow {font-size:10px}.graph-sidebar .risk-stats {padding:22px 0;gap:15px}
.alert-item {padding:24px 27px;gap:20px}.alert-item p {font-size:13px;color:#8099ac;line-height:1.8}.setting {padding:23px 0;border-color:#e5eef4}.setting strong {font-size:14px;color:#678598}.setting p {font-size:14px;color:#7e98ad;line-height:1.85}.feedback-log {padding:20px 0;border-color:#e5eef4}.feedback-log strong {font-size:13px;color:#65828f}.feedback-log p {font-size:13px;line-height:1.85;color:#829eaf}
.modal-backdrop {background:#0c233778;backdrop-filter:blur(6px);animation:fade-in .18s ease-out}.modal {width:670px;border-radius:18px;box-shadow:0 25px 100px #0b203550;animation:dialog-in .2s ease-out}.modal.wide {width:1080px}.modal-head {padding:25px 30px;gap:16px;background:#fffffff5;backdrop-filter:blur(8px)}.modal-head h2 {font-size:20px}.modal-head p {font-size:12px;color:#7e9bb0;line-height:1.8}.modal-body {padding:27px 30px}.modal-foot {padding:19px 30px;background:#fafcfd;gap:15px}
.field {margin-bottom:20px}.field>span {font-size:13px;color:#69889c;font-weight:550}.field input,.field select,.field textarea {border-color:#d9e6ef;border-radius:9px;padding:12px 14px;min-height:44px;font-size:14px;color:#54768d}.field input::placeholder,.field textarea::placeholder {color:#93afc2}.field textarea {line-height:1.8}.form-row {gap:18px}.hint {font-size:12px;color:#7b9aad;line-height:1.8}
.demo-examples {gap:8px;margin-bottom:22px}.demo-examples button {padding:8px 11px;border-color:#dcece2;border-radius:7px;font-size:12px;color:#7c9d86;background:#f5faf4}.progress-line {padding:14px;border-radius:8px;background:#edf7ed;color:#749c7e}#toast {border:1px solid #638e77;border-radius:11px;background:#24473f;color:#eaf3df;padding:15px 23px;line-height:1.7;box-shadow:0 8px 40px #1b44332a}
.detail-grid {grid-template-columns:minmax(0,1fr) 294px;gap:28px}.section-label {font-size:10px;color:#7f9aad;line-height:1.8;margin-top:25px;margin-bottom:12px}.narrative {padding:20px;border-radius:11px;background:#f4f8fb;border:1px solid #e0ebf2;font-size:16px;color:#5f839c;line-height:1.9}mark {background:#f3e5c4;color:#8b7547;border-radius:3px;padding:2px 0}.tag {font-size:11px;padding:7px 9px;border-radius:6px;color:#7b9b7e;background:#f0f7ed;border-color:#dfecda}
.explanation {font-size:15px;color:#6d90a6;line-height:1.85}.barrier {padding:15px 17px;border-radius:9px;background:#fffdf8;border-color:#eee4d0;font-size:13px}.barrier strong {color:#a39468;flex-wrap:wrap;align-items:center}.barrier p {font-size:12px;color:#9b957b;line-height:1.8}.recommendation {font-size:14px;color:#73927d;line-height:1.85;gap:11px}.recommendation b {width:24px;height:24px;line-height:24px;border-radius:7px;background:#f0f7eb;color:#8eaa7c;font-size:12px}
.score-card {padding:23px;background:#f3f8f8;border-color:#dfeceb;border-radius:13px}.score-large {font-size:65px}.component {margin-top:18px}.component-label {font-size:11px;color:#7c9ca6;margin-bottom:8px}.meter {background:#e0eeeb}.meter i {background:#91bea5}.model-note {font-size:11px;color:#7797a4;line-height:1.9;border-color:#dceae9;padding-top:16px;margin-top:20px}.similar-item {padding:14px;border-color:#deebf1;border-radius:9px;margin-top:9px}.similar-item:hover {background:#f7fbfc;border-color:#c4dcd5}.similar-item strong {font-size:12px;line-height:1.7;color:#607f95}.similar-item span {font-size:11px;color:#8aa4b3;display:block;margin-top:5px}
.detail-review {margin-top:25px;padding-top:22px}.detail-review textarea {border-color:#d9e6ef;border-radius:8px;min-height:74px;padding:12px;font-size:13px}.error-message {padding:14px;border-radius:8px;font-size:13px;line-height:1.8}.dropzone {padding:34px 20px;border-radius:12px;border-color:#b0ceb5;background:#f6faf3}.dropzone strong {font-size:15px;color:#809f7b}.dropzone p {font-size:12px;color:#91aa88}.empty {padding:55px 24px;font-size:14px;color:#7897ad;line-height:1.8}
/* Secondary labels remain readable at normal zoom. */
.subtitle,.panel-sub,.report-meta,.updated,.footer,.hint,.model-note,.similar-item span,.rule-item small,.queue-note,.chart-caption,.setting p,.graph-sidebar p,.feedback-log p,.explanation,.pattern-card p {color:#6c7f91}
.metric-top,.metric-foot,.legend,.heat-head,.heat-row,.heat-legend,.component-label,.section-label {color:#6c7f91}
.report-title {color:#3c566d}.risk-desc {color:#b4cabe}.risk-stats span {color:#6d8192}.risk-panel .risk-stats span {color:#b9cdb9}
.mobile-menu {display:none}
.btn,.metric-top,.select-wrap select,.report-title,.risk-desc,.small-link,.rule-item strong {font-size:14px}
.subtitle,.explanation,.setting p,.pattern-card p {font-size:16px}
.metric-foot,.metric-foot .trend,.report-meta,.badge,.panel-sub,.legend,.updated,.queue-note,.chart-caption,.footer,.risk-stats span,.heat-head,.heat-cell,.heat-legend,.rule-item small {font-size:12px}
.metric-top {line-height:1.5}.metric {min-height:166px}.risk-panel {min-height:380px}.chart-panel {min-height:380px}.activity-chart {height:235px}
.risk-stats {gap:15px}.risk-panel .risk-stats {padding-top:15px;padding-bottom:17px}.risk-stats span {line-height:1.6}.chart-axis {font-size:12px}
@keyframes fade-in {from{opacity:0}to{opacity:1}}@keyframes dialog-in {from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){main{padding:40px 46px}.topbar{padding:0 46px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 365px;gap:26px}.metric{padding:24px 27px}.metric-number{font-size:40px}.metric-top{font-size:14px}.chart-panel,.risk-panel{min-height:392px}.activity-chart{height:250px}.risk-title{font-size:28px}.risk-desc{font-size:14px}.heat-row{font-size:12px}.heat-cell{height:36px;font-size:12px}}
@media(max-width:1250px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:27px 12px 22px}.brand{padding-left:8px;gap:9px}.brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:1.3px}.brand .brand-mark{width:32px}.nav-item{font-size:13px;padding:13px;gap:10px}main{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 293px;gap:18px}.main-column,.right-column{gap:18px}.metric{padding:17px}.metric-top{font-size:11px}.metrics{gap:12px}.page-heading{align-items:flex-start}.page-heading .actions{margin-top:17px}h1{font-size:29px}.panel-head{padding-left:20px;padding-right:20px}.risk-title{font-size:23px}.heatmap{padding-left:15px;padding-right:15px}}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:19px 22px}.metric-top{font-size:13px}.metric-foot{font-size:11px}.metric-number{font-size:37px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.right-column .rule-panel{display:block;grid-column:2}.right-column .risk-panel{grid-row:span 2}.chart-panel{min-height:350px}.activity-chart{height:220px}.page-heading{flex-wrap:wrap;gap:0}.page-heading .actions{margin-top:18px}.graph-grid{grid-template-columns:1fr}.graph-sidebar{border-left:0;border-top:1px solid var(--line)}.graph-view,.graph-view>svg{min-height:490px;height:490px}.detail-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:244px;padding:28px 18px 24px}.brand strong{font-size:20px}.brand small{font-size:9px;letter-spacing:1.7px}.brand .brand-mark{width:38px}.nav-item{font-size:14px}.mobile-shade.open{background:#10283c77;backdrop-filter:blur(2px)}.mobile-menu{display:inline-grid}.breadcrumb .mobile-menu .icon{width:20px;height:20px}.topbar{height:64px;padding:0 13px}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>span,.breadcrumb>.icon{display:none}.top-actions{gap:7px}.prototype-pill{font-size:9px;padding:6px 8px;gap:5px}main{padding:26px 17px}.page-heading{display:block;margin-bottom:25px}.page-heading .actions{margin-top:23px}h1{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:9px}.subtitle{font-size:13px}.btn{padding:11px 14px;font-size:12px}.filters{gap:9px;margin-bottom:21px}.updated{width:100%;margin-left:1px;margin-top:5px;font-size:10px}.select-wrap{min-height:39px;padding:0 11px}.select-wrap select{font-size:12px}.metrics{gap:11px;margin-bottom:21px}.metric{padding:15px;min-height:158px}.metric-top{font-size:11px;line-height:1.5;align-items:start}.metric-icon{width:25px;height:25px;border-radius:7px}.metric-icon .icon{width:14px;height:14px}.metric-number{font-size:34px;margin:12px 0}.metric-foot{font-size:10px}.dashboard-grid,.main-column,.right-column{display:flex;flex-direction:column;gap:20px}.panel{border-radius:13px}.panel-head{padding:21px 19px 0;gap:12px}h2{font-size:16px}.panel-sub{font-size:11px}.legend{font-size:10px}.chart-panel{min-height:330px}.chart-wrap{padding:18px 13px 6px}.activity-chart{height:190px}.chart-axis{font-size:14px}.chart-caption{padding:13px 19px;font-size:10px}.queue-head{padding-bottom:19px}.queue-note{padding:14px 19px;font-size:10px}.table-scroll table{min-width:580px}th:first-child,td:first-child{padding-left:19px}.report-title{font-size:13px}.report-meta{font-size:11px}.risk-panel{min-height:350px}.risk-title{font-size:28px}.risk-desc{font-size:13px}.risk-stats strong{font-size:28px}.risk-stats span{font-size:11px}.risk-panel .risk-button{font-size:13px}.heatmap{padding:21px 20px}.heat-head,.heat-row{grid-template-columns:88px repeat(4,minmax(0,1fr))}.heat-head{font-size:10px}.heat-row{font-size:12px}.heat-cell{height:38px;font-size:12px}.heat-legend{font-size:10px}.rule-item strong{font-size:13px}.rule-item small{font-size:11px}.footer{padding-top:22px;font-size:10px}.toolbar select{font-size:11px;padding:10px}.toolbar .btn{padding:11px 13px}.pattern-card,.page-panel{padding:23px}.graph-view,.graph-view>svg{min-height:340px;height:340px}.graph-sidebar{padding:23px}.alert-item{padding:22px;align-items:flex-start;flex-direction:column}.modal-backdrop{padding:9px}.modal{max-height:96vh;border-radius:14px}.modal-head{padding:20px;gap:10px}.modal-head h2{font-size:17px}.modal-head p{font-size:11px}.modal-body{padding:22px 20px}.modal-foot{padding:17px 20px;flex-wrap:wrap}.form-row{grid-template-columns:1fr;gap:0}.detail-grid{display:flex;flex-direction:column;gap:22px}.score-card{padding:20px}.score-large{font-size:49px}.score-card .component{display:inline-block;width:48%;vertical-align:top;padding-right:10px}.component-label{font-size:10px}.narrative{padding:17px;font-size:15px}.recommendation{font-size:13px}}
@media(max-height:770px) and (min-width:761px){.brand{padding-bottom:26px}.sidebar-bottom{padding-top:22px}.demo-card{padding:14px;margin-bottom:18px}.nav-item{padding-top:11px;padding-bottom:11px}}
@media(max-width:760px){.chart-axis{font-size:24px}.chart-date{display:none}.chart-date.major-date{display:block}.metric{min-height:166px}.metric-top{font-size:12px}.metric-foot,.metric-foot .trend{font-size:11px}.btn,.select-wrap select,.report-title,.risk-desc{font-size:14px}.subtitle{font-size:14px}.badge,.panel-sub,.legend,.report-meta,.footer,.risk-stats span,.rule-item small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}