:root {
	--bg: #f4f5f3;
	--surface: #ffffff;
	--ink: #202522;
	--muted: #737c76;
	--line: #d9ddd9;
	--green: #294c3f;
	--green-soft: #edf5f0;
	--amber: #a76928;
	--red: #9b493d;
	--sidebar: #222824;
	--sidebar-line: #3a423d;
	--sidebar-width: 252px;
	--radius: 5px;
	--sans: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
	--serif: Georgia, "Times New Roman", serif;
	--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.45 var(--sans); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, summary { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.app-shell { min-height: 100vh; }
.app-main { min-height: 100vh; margin-left: var(--sidebar-width); }
.app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: var(--sidebar-width); flex-direction: column; border-right: 1px solid var(--sidebar-line); background: var(--sidebar); color: #e6ebe7; }
.sidebar-brand { display: flex; min-height: 76px; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--sidebar-line); }
.brand-lockup { display: flex; align-items: center; gap: 12px; }
.brand-lockup > span:last-child { display: block; }
.brand-lockup strong, .brand-lockup small { display: block; }
.brand-lockup strong { color: #f2f4f2; font-size: 13px; letter-spacing: .16em; }
.brand-lockup small { margin-top: 2px; color: #859087; font-size: 9px; letter-spacing: .19em; }
.glyph-mark { display: grid; width: 28px; height: 32px; grid-template-columns: repeat(3, 5px); align-items: end; gap: 3px; padding: 5px; border: 1px solid #748078; background: #2d342f; }
.glyph-mark i { display: block; width: 5px; background: #cbd5cf; }
.glyph-mark i:nth-child(1) { height: 9px; }.glyph-mark i:nth-child(2) { height: 18px; }.glyph-mark i:nth-child(3) { height: 13px; }
.sidebar-close { display: none; border: 0; background: transparent; color: #b8c1bb; font-size: 25px; }
.nav-list { display: flex; flex: 1; flex-direction: column; gap: 4px; padding: 15px 10px; }
.nav-item { display: flex; min-height: 44px; align-items: center; gap: 10px; padding: 0 12px; border-radius: 4px; color: #abb4ae; font-size: 14px; transition: .15s ease; }
.nav-item:hover { background: #2d342f; color: #fff; }
.nav-item.active { background: #39463f; color: #fff; box-shadow: inset 2px 0 #a9bdb3; }
.nav-icon { display: inline-grid; width: 17px; place-items: center; color: #9ca9a1; font-family: var(--mono); }
.nav-item em { margin-left: auto; min-width: 20px; padding: 1px 5px; border: 1px solid #4d5751; border-radius: 3px; color: #aeb8b1; font: normal 11px var(--mono); text-align: center; }
.nav-item em.nav-alert { border-color: #805147; background: #6e3c32; color: #f7ddd8; }
.sidebar-footer { padding: 14px 16px 17px; border-top: 1px solid var(--sidebar-line); }
.monitoring-health { padding: 2px 4px 13px; }
.monitoring-health span { color: #9eb4a8; font: 700 10px var(--mono); letter-spacing: .11em; }
.monitoring-health i, .live-posture i, .live-value i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #79a18b; box-shadow: 0 0 0 3px rgb(121 161 139 / 10%); }
.monitoring-health small { display: block; margin-top: 5px; color: #78837c; font-size: 11px; }
.admin-chip { display: flex; align-items: center; gap: 10px; padding: 11px 5px 0; border-top: 1px solid var(--sidebar-line); }
.admin-chip > span:nth-child(2) { flex: 1; }.admin-chip strong, .admin-chip small { display: block; }.admin-chip strong { font-size: 12px; }.admin-chip small { color: #818c84; font-size: 10px; }.admin-chip b { color: #8a958e; font-size: 18px; }
.admin-avatar, .avatar-mini { display: inline-grid; place-items: center; flex: 0 0 auto; border: 1px solid #58635c; background: #39423c; color: #dbe2dd; font-weight: 700; }
.admin-avatar { width: 32px; height: 32px; border-radius: 4px; font-size: 10px; }
.sidebar-scrim { display: none; }

.topbar { position: sticky; top: 0; z-index: 10; display: flex; height: 66px; align-items: center; justify-content: space-between; padding: 0 clamp(16px,3vw,40px); border-bottom: 1px solid var(--line); background: rgb(250 251 249 / 94%); backdrop-filter: blur(12px); }
.topbar-left, .topbar-right { display: flex; align-items: center; gap: 13px; }
.sidebar-toggle { display: none; width: 32px; height: 32px; place-items: center; gap: 3px; padding: 8px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.sidebar-toggle span { display: block; width: 14px; height: 1px; background: #5e6862; }
.scope-chip,.scope-home { display: flex; align-items: center; }.scope-chip { gap: 9px; color: #424a45; font-size: 13px; }.scope-home { gap: 9px; }.scope-home:hover strong,.scope-current:hover { color: #294c3f; }.scope-divider { color: #9aa19d; }.scope-current { color: #69736d; font-size: 12px; font-weight: 600; }
.scope-symbol { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #cbd1cc; border-radius: 4px; background: #f0f2ef; color: #314d41; font: 12px var(--mono); }
.live-posture { color: #77807a; font-size: 11px; }
.icon-button { position: relative; display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: #5e6862; }.icon-button b { position: absolute; top: -5px; right: -5px; display: grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; background: var(--red); color: #fff; font-size: 9px; }.icon-button.help { font-weight: 700; }

.main-content { width: 100%; max-width: 1550px; min-height: calc(100vh - 112px); margin: 0 auto; padding: clamp(26px,3.5vw,48px) clamp(16px,3vw,44px) 80px; }
.view-stack { display: flex; flex-direction: column; gap: 44px; }
.page-enter { animation: rise-in .35s ease both; } @keyframes rise-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.page-intro h1, .placeholder-page > h1 { margin: 3px 0 4px; color: #1f2823; font: 500 clamp(34px,3.3vw,48px)/1.05 var(--serif); letter-spacing: -.035em; }
.page-intro > div > p:last-child { margin: 0; color: var(--muted); font-size: 14px; }
.eyebrow { margin: 0; color: #69736c; font: 700 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.button { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid; border-radius: 4px; font-size: 13px; font-weight: 600; }
.button-outline { border-color: #cfd5d0; background: #fff; color: #4e5953; }.button-outline:hover { background: #f0f3f0; }
.button-primary { border-color: var(--green); background: var(--green); color: #fff; }.button-primary:hover { background: #203e33; }

.compliance-summary { position: relative; display: grid; min-height: 224px; grid-template-columns: 1.15fr 1fr; overflow: hidden; border: 1px solid #ccd2cd; border-top: 3px solid #4f6b5e; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px rgb(29 40 34 / 4.5%); }
.summary-primary { display: flex; align-items: center; gap: 24px; padding: 32px; border-right: 1px solid #dfe3df; }
.summary-seal { position: relative; display: grid; width: 110px; height: 110px; flex: 0 0 auto; place-items: center; border: 7px solid #dfe8e3; border-top-color: #4e7362; border-right-color: #4e7362; border-radius: 50%; transform: rotate(5deg); }.summary-seal:after { position: absolute; inset: 7px; border: 1px solid #e1e5e1; border-radius: 50%; content: ""; }.summary-seal span,.summary-seal small { position: relative; z-index: 1; transform: rotate(-5deg); }.summary-seal span { margin-left: -5px; color: #284c3e; font: 38px var(--serif); }.summary-seal small { position: absolute; margin: 17px 0 0 45px; color: #63736a; font-size: 11px; }
.summary-label { margin: 0 0 6px; color: #768079; font: 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }.summary-primary h2 { margin: 0; font-size: 20px; font-weight: 450; }.summary-primary h2 strong { font: 500 32px var(--serif); }.attention-text { margin: 9px 0 0; color: #8f4c40; font-size: 12px; }.attention-text i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #ad6557; }
.summary-metrics { display: grid; grid-template-columns: repeat(3,1fr); align-items: center; padding: 16px 27px 64px; }.summary-metrics > div { padding: 0 19px; border-right: 1px solid #e0e3e0; }.summary-metrics > div:first-child { padding-left: 0; }.summary-metrics > div:last-child { border: 0; }.summary-metrics span,.summary-metrics small { display: block; }.summary-metrics span { color: #2d3b34; font: 32px var(--serif); }.summary-metrics span.amber,.inventory-summary span.amber { color: var(--amber); }.summary-metrics small { max-width: 112px; margin-top: 5px; color: #78817b; font-size: 11px; line-height: 1.35; }
.issue-callout { position: absolute; right: 0; bottom: 0; display: flex; width: calc(50% - 1px); align-items: center; gap: 11px; padding: 13px 16px; border-top: 1px solid #e4d8d4; background: #fbf6f4; color: #443832; }.issue-callout > span:nth-child(2) { flex: 1; }.issue-callout strong,.issue-callout small { display: block; }.issue-callout strong { font-size: 12px; }.issue-callout small { margin-top: 2px; color: #8c746b; font-size: 10px; }.issue-callout b { color: #8d6257; }.issue-icon { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #dbc1ba; border-radius: 4px; color: var(--red); }

.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }.section-heading h2 { margin: 3px 0 0; font-size: 17px; letter-spacing: -.015em; }.text-button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: transparent; color: #49665a; font-size: 12px; font-weight: 650; }
.table-shell,.matrix-shell { overflow: hidden; border: 1px solid #d8ddd9; border-radius: var(--radius); background: #fff; box-shadow: 0 2px 12px rgb(28 37 32 / 2.5%); }.table-shell { overflow-x: auto; }
.data-table,.matrix-table { width: 100%; border-collapse: collapse; white-space: nowrap; }.data-table thead,.matrix-table thead { background: #f0f2ef; }.data-table th,.matrix-table th { height: 43px; padding: 0 14px; color: #68716c; font: 700 10px var(--mono); letter-spacing: .07em; text-align: left; text-transform: uppercase; }.data-table td { padding: 13px 14px; border-top: 1px solid #e3e6e3; color: #46504a; font-size: 12px; }.data-table tbody tr:hover { background: #f8f9f7; }.data-table td strong { color: #303933; font-size: 12px; }.data-table td small { display: block; margin-top: 2px; color: #8a938d; font-size: 10px; }.device-name { display: flex; align-items: center; gap: 10px; }.device-icon { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #d2d8d3; border-radius: 4px; background: #f5f7f5; color: #4c6156; font-family: var(--mono); }.user-cell { display: flex; align-items: center; gap: 7px; }.avatar-mini { width: 24px; height: 24px; border-color: #d1d7d2; border-radius: 50%; background: #edf0ed; color: #637169; font-size: 9px; }.status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid; border-radius: 999px; font-size: 10px; font-weight: 650; }.status-badge i { width: 5px; height: 5px; border-radius: 50%; }.status-good { border-color: #cad9d0; background: var(--green-soft); color: #35614d; }.status-good i { background: #4f8268; }.status-attention { border-color: #e3c7bd; background: #fbf0ec; color: #92493d; }.status-attention i { background: #b15a4b; }.muted-cell { color: #78817b!important; }.mono-cell { font: 11px var(--mono)!important; }.row-chevron { color: #98a09b!important; font-size: 18px!important; }
.status-warning { border-color: #e6d0a9; background: #fbf5e9; color: #8b652b; }.status-warning i { background: #bf8b3f; }
.endpoint-count { display: inline-grid; min-width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #e8f0eb; color: #3c6651; font-weight: 700; }.endpoint-count-empty { background: #fbefec; color: #994b3f; }
.unit-badge { display: inline-flex; padding: 4px 8px; border: 1px solid #d5dcd7; border-radius: 999px; background: #f1f4f2; color: #506158; font-size: 10px; font-weight: 650; }
.severity { display: inline-block; min-width: 58px; padding: 4px 6px; border-left: 2px solid; background: #f4f5f3; font-size: 10px; font-weight: 650; }.severity-high,.severity-critical { border-color: #a64f42; background: #fbefec; color: #8c3f34; }.severity-medium { border-color: #bd8135; background: #fcf4e8; color: #8c5b1e; }.severity-low { border-color: #82948b; background: #edf2ef; color: #52685d; }.severity-info { border-color: #aab2ad; color: #6f7973; }
.legend { display: flex; flex-wrap: wrap; gap: 14px; color: #7b837e; font-size: 10px; }.legend span { display: flex; align-items: center; gap: 5px; }.legend i { width: 7px; height: 7px; border-radius: 50%; }.legend .pass { background:#4d7c65 }.legend .warn{background:#ce944a}.legend .fail{background:#a95044}.legend .na{background:#d2d6d2}
.matrix-shell { overflow-x: auto; }.matrix-table { min-width: 760px; }.matrix-table th,.matrix-table td { border-right: 1px solid #e2e5e2; text-align: center; }.matrix-table th:last-child,.matrix-table td:last-child{border-right:0}.matrix-table th { height: 50px; }.matrix-table th span,.matrix-table th small{display:block}.matrix-table th small{margin-top:2px;color:#929a95;font:9px var(--sans);letter-spacing:0;text-transform:none}.matrix-table td{padding:9px 14px;border-top:1px solid #e3e6e3;font-size:12px}.matrix-table .matrix-control-head,.matrix-table .control-label{position:sticky;left:0;z-index:2;min-width:210px;text-align:left}.matrix-table .matrix-control-head{z-index:3;background:#f0f2ef}.matrix-table .control-label{background:#fff;color:#39433d;font-weight:550}.control-mark{display:inline-grid;width:20px;height:20px;place-items:center;border:1px solid;border-radius:50%;font:800 10px var(--mono)}.control-pass{border-color:#9ab8a7;background:#e7f1eb;color:#32614b}.control-warn{border-color:#d7a968;background:#fff6e8;color:#9a5c18}.control-fail{border-color:#ce9389;background:#faece8;color:#984236}.control-na{border-color:#d4d8d5;color:#a9b0ac}.coverage{color:#617069;font:11px var(--mono)!important}

.inventory-summary,.event-overview { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #d8ddd9; border-radius: var(--radius); background: #fff; }.inventory-summary > div { padding: 19px; border-right: 1px solid #e1e4e1; }.inventory-summary > div:last-child,.event-overview > div:last-child{border:0}.inventory-summary span,.inventory-summary small{display:block}.inventory-summary span{color:#34483e;font:29px var(--serif)}.inventory-summary small{margin-top:3px;color:#828b85;font-size:11px}
.inventory-summary span.red { color: var(--red); }
.breadcrumb{display:flex;align-items:center;gap:6px;color:#858d88;font-size:12px}.breadcrumb a{color:#4d665a}.device-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:-27px}.device-identity{display:flex;align-items:center;gap:16px}.large-device-glyph{display:grid;width:56px;height:56px;place-items:center;border:1px solid #c7cec8;border-radius:5px;background:#edf1ed;color:#38594b;font:22px var(--mono)}.title-line{display:flex;align-items:center;gap:12px}.title-line h1{margin:0;font:500 38px var(--serif);letter-spacing:-.04em}.device-identity p{margin:3px 0 0;color:#79827c;font-size:13px}.action-menu{position:relative}.action-menu summary{min-width:112px;list-style:none;justify-content:space-between}.action-menu summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;right:0;z-index:8;width:220px;margin-top:5px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:0 10px 30px rgb(32 37 34 / 14%)}.action-menu button{display:block;width:100%;padding:9px;border:0;border-radius:3px;background:transparent;color:#424b46;font-size:12px;text-align:left}.action-menu button:hover{background:#eef1ee}.action-menu button.danger{color:var(--red)}.action-menu hr{border:0;border-top:1px solid var(--line)}
.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin-top:-14px;border:1px solid #d8ddd9;border-radius:5px;background:#fff}.detail-facts>div{padding:16px;border-right:1px solid #e1e4e1;border-bottom:1px solid #e1e4e1}.detail-facts>div:nth-child(4n){border-right:0}.detail-facts>div:nth-child(n+5){border-bottom:0}.detail-facts span,.detail-facts strong{display:block}.detail-facts span{color:#8a928d;font-size:10px}.detail-facts strong{margin-top:5px;color:#39443e;font-size:12px}.live-value{color:#35624c!important}.verified-note{color:#818a84;font-size:11px}.control-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-card{overflow:hidden;padding:20px;border:1px solid #d8ddd9;border-radius:5px;background:#fff}.control-card header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e8e5}.control-card-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid #cbd5cf;border-radius:4px;background:#edf3ef;color:#38594b}.control-card h3{margin:0;font-size:14px}.inline-good{display:flex;align-items:center;gap:5px;margin-top:3px;color:#417158;font-size:10px}.inline-good i{width:5px;height:5px;border-radius:50%;background:#5d8c72}.control-card dl{margin:12px 0 0}.control-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.control-card dt,.control-card dd{margin:0;font-size:11px}.control-card dt{color:#8a928d}.control-card dd{color:#414c46;font-weight:600;text-align:right}.control-note{margin:12px -20px -20px;padding:11px 20px;border-top:1px solid;font-size:10px}.control-note.alert{border-color:#ead9d2;background:#fbf5f1;color:#8d5145}.control-note.quiet{border-color:#e2e6e2;background:#f5f7f5;color:#768079}
.detail-facts strong { overflow-wrap: anywhere; }
.data-disclaimer { display: flex; align-items: flex-start; gap: 12px; margin-top: -14px; padding: 14px 16px; border: 1px solid #d8ddd9; border-left: 3px solid #789183; border-radius: 5px; background: #f5f7f5; color: #5d6962; }.data-disclaimer > span { color: #496659; font: 16px var(--mono); }.data-disclaimer p { margin: 0; font-size: 11px; line-height: 1.55; }.data-disclaimer strong { color: #34423a; }
.inline-pending { display: flex; align-items: center; gap: 5px; margin-top: 3px; color: #8b652b; font-size: 10px; }.inline-pending i { width: 5px; height: 5px; border-radius: 50%; background: #bf8b3f; }
.inline-result { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 10px; }.inline-result i { width: 5px; height: 5px; border-radius: 50%; }.result-pass { color: #417158; }.result-pass i { background: #5d8c72; }.result-warn { color: #916323; }.result-warn i { background: #bf8b3f; }.result-fail { color: #98483d; }.result-fail i { background: #ad5a4d; }
.control-card.card-pass { border-top: 2px solid #7da08d; }.control-card.card-warn { border-top: 2px solid #c99750; }.control-card.card-fail { border-top: 2px solid #b86558; }

.policy-overview { display: grid; grid-template-columns: minmax(280px,1.4fr) repeat(4,minmax(130px,.65fr)); overflow: hidden; border: 1px solid #d4dad5; border-top: 3px solid #4f6b5e; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px rgb(29 40 34 / 4%); }
.policy-score { display: flex; align-items: center; gap: 18px; padding: 25px 27px; border-right: 1px solid #e1e4e1; }.policy-score > div { display: grid; width: 88px; height: 88px; flex: 0 0 auto; place-items: center; align-content: center; border: 6px solid #dfe8e3; border-top-color: #557967; border-radius: 50%; }.policy-score strong,.policy-score span { display: block; }.policy-score strong { color: #294e3e; font: 28px var(--serif); }.policy-score span { color: #738078; font-size: 9px; }.policy-score p { max-width: 220px; margin: 0; color: #68736c; font-size: 12px; line-height: 1.55; }
.policy-metric { display: flex; min-height: 138px; justify-content: center; flex-direction: column; padding: 20px; border-right: 1px solid #e1e4e1; }.policy-metric:last-child { border-right: 0; }.policy-metric strong,.policy-metric span,.policy-metric small { display: block; }.policy-metric strong { color: #34483e; font: 28px var(--serif); }.policy-metric strong.amber { color: var(--amber); }.policy-metric strong.red { color: var(--red); }.policy-metric span { margin-top: 4px; color: #46534c; font-size: 11px; font-weight: 650; }.policy-metric small { margin-top: 3px; color: #929a95; font-size: 9px; }
.policy-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.policy-card { display: flex; min-width: 0; flex-direction: column; padding: 19px; border: 1px solid #d8ddd9; border-top: 2px solid #738c7e; border-radius: 5px; background: #fff; box-shadow: 0 2px 12px rgb(28 37 32 / 2.5%); }.policy-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #e6e8e6; }.policy-card h3 { margin: 3px 0 0; color: #303a34; font-size: 14px; }.policy-category { margin: 0; color: #7b857f; font: 700 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.policy-description { min-height: 50px; margin: 14px 0; color: #66716a; font-size: 11px; line-height: 1.5; }.policy-facts { margin: 0; }.policy-facts > div { display: flex; justify-content: space-between; gap: 14px; padding: 5px 0; }.policy-facts dt,.policy-facts dd { margin: 0; font-size: 10px; }.policy-facts dt { color: #919994; }.policy-facts dd { color: #46514a; font-weight: 600; text-align: right; }
.policy-coverage { margin-top: auto; padding-top: 15px; }.policy-coverage > div:first-child { display: flex; justify-content: space-between; align-items: baseline; color: #6d7871; font-size: 10px; }.policy-coverage > div:first-child strong { color: #374b40; font: 15px var(--serif); }.coverage-track { height: 5px; overflow: hidden; margin-top: 7px; border-radius: 999px; background: #e7eae7; }.coverage-track i { display: block; height: 100%; border-radius: inherit; background: #60816f; }.policy-coverage small { display: block; margin-top: 6px; color: #8b948e; font-size: 9px; }.policy-card footer { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px -19px -19px; padding: 10px 19px; border-top: 1px solid #e5e8e5; background: #f7f8f6; }.policy-result { font-size: 9px; font-weight: 650; }.policy-result.pass { color: #417158; }.policy-result.warn { color: #916323; }.policy-result.fail { color: #98483d; }
.policy-scope { display: grid; grid-template-columns: minmax(250px,.75fr) 1.5fr; gap: 30px; align-items: center; padding: 24px; border: 1px solid #d8ddd9; border-left: 3px solid #698071; border-radius: 5px; background: #fff; }.policy-scope h2 { margin: 4px 0 7px; font-size: 17px; }.policy-scope > div > p:last-child { margin: 0; color: #758079; font-size: 11px; line-height: 1.55; }.scope-unit-list { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid #dfe3df; border-radius: 4px; }.scope-unit-list > div { padding: 15px; border-right: 1px solid #dfe3df; }.scope-unit-list > div:last-child { border-right: 0; }.scope-unit-list span,.scope-unit-list strong,.scope-unit-list small { display: block; }.scope-unit-list span { color: #39463f; font-size: 11px; font-weight: 650; }.scope-unit-list strong { margin-top: 6px; color: #4a5d52; font: 18px var(--serif); }.scope-unit-list small { margin-top: 2px; color: #929a95; font-size: 9px; }

.report-overview { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); overflow: hidden; border: 1px solid #d8ddd9; border-top: 3px solid #526f61; border-radius: 6px; background: #fff; }.report-overview > div { display: flex; min-height: 110px; justify-content: center; flex-direction: column; padding: 20px 24px; border-right: 1px solid #e1e4e1; }.report-overview > div:last-child { border-right: 0; }.report-overview > div:first-child { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-content: center; }.report-overview-icon { display: grid; grid-row: span 2; width: 40px; height: 40px; place-items: center; border: 1px solid #cad5cf; border-radius: 4px; background: #edf3ef; color: #3e6251; font: 16px var(--mono)!important; }.report-overview p { margin: 0; color: #3f4b44; font-size: 12px; }.report-overview p strong { font: 22px var(--serif); }.report-overview span { color: #34483e; font: 22px var(--serif); }.report-overview small { margin-top: 3px; color: #8b948e; font-size: 9px; }
.report-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.report-card { display: flex; min-width: 0; flex-direction: column; padding: 19px; border: 1px solid #d8ddd9; border-radius: 5px; background: #fff; box-shadow: 0 2px 12px rgb(28 37 32 / 2.5%); }.report-card header { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: start; }.report-glyph { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #d0d8d2; border-radius: 4px; background: #f0f4f1; color: #496659; font-family: var(--mono); }.report-card header p { margin: 0 0 2px; color: #89928c; font: 700 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.report-card h3 { margin: 0; color: #303a34; font-size: 13px; }.report-description { min-height: 50px; margin: 15px 0; color: #6b756f; font-size: 11px; line-height: 1.55; }.report-stat { padding: 14px; border: 1px solid #e1e5e1; border-radius: 4px; background: #f6f8f6; }.report-stat strong,.report-stat span { display: block; }.report-stat strong { color: #3c5145; font: 20px var(--serif); }.report-stat span { margin-top: 2px; color: #8b948e; font-size: 9px; }.report-card footer { display: grid; grid-template-columns: .55fr 1fr auto; gap: 12px; align-items: end; margin-top: auto; padding-top: 17px; }.report-card footer > span { color: #515e57; font-size: 10px; font-weight: 650; }.report-card footer small { display: block; margin-bottom: 2px; color: #9aa19d; font: 8px var(--mono); letter-spacing: .07em; }.report-card footer button { padding: 4px 0; border: 0; background: transparent; color: #476557; font-size: 10px; font-weight: 700; }.report-card footer button b { margin-left: 3px; font-size: 14px; }.report-file { display: flex; align-items: center; gap: 9px; }.report-file > b { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid #ced7d1; border-radius: 4px; background: #f0f4f1; color: #496659; font: 8px var(--mono); }.report-file span strong,.report-file span small { display: block; }

.settings-state { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #cad9d0; border-radius: 999px; background: var(--green-soft); color: #35614d; font-size: 10px; font-weight: 650; }.settings-state i { width: 6px; height: 6px; border-radius: 50%; background: #4f8268; }.settings-nav { position: sticky; top: 78px; z-index: 5; display: flex; flex-wrap: wrap; gap: 5px; margin-top: -22px; padding: 7px; border: 1px solid #d8ddd9; border-radius: 5px; background: rgb(255 255 255 / 94%); backdrop-filter: blur(10px); }.settings-nav a { padding: 7px 11px; border-radius: 3px; color: #5e6962; font-size: 10px; font-weight: 650; }.settings-nav a:hover,.settings-nav a.active { background: #e9f0ec; color: #335343; }.settings-nav a.active { box-shadow: inset 0 0 0 1px #d0ddd5; }.settings-section { display: grid; grid-template-columns: minmax(190px,.42fr) minmax(0,1.58fr); gap: 28px; scroll-margin-top: 140px; }.settings-section-intro h2 { margin: 4px 0 7px; font-size: 17px; }.settings-section-intro > p:last-child { margin: 0; color: #7b847e; font-size: 11px; line-height: 1.55; }.settings-panel { overflow: hidden; border: 1px solid #d8ddd9; border-radius: 5px; background: #fff; box-shadow: 0 2px 12px rgb(28 37 32 / 2.5%); }.settings-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; padding: 20px; }.settings-fields label span { display: block; margin: 0 0 6px 1px; color: #737d76; font-size: 9px; font-weight: 650; }.settings-fields input { width: 100%; height: 38px; padding: 0 11px; border: 1px solid #d0d6d1; border-radius: 4px; background: #f8f9f7; color: #445149; font-size: 11px; }.settings-summary-strip { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #e1e4e1; background: #f5f7f5; }.settings-summary-strip > div { padding: 13px 17px; border-right: 1px solid #e1e4e1; }.settings-summary-strip > div:last-child { border-right: 0; }.settings-summary-strip strong,.settings-summary-strip span { display: block; }.settings-summary-strip strong { color: #3c5145; font: 18px var(--serif); }.settings-summary-strip span { margin-top: 2px; color: #8a938d; font-size: 9px; }
.setting-row { display: flex; min-height: 69px; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 19px; border-bottom: 1px solid #e4e7e4; }.setting-row strong,.setting-row div span { display: block; }.setting-row strong { color: #3b4640; font-size: 11px; }.setting-row div span { margin-top: 3px; color: #8a938d; font-size: 9px; }.toggle-display { display: flex; width: 34px; height: 19px; flex: 0 0 auto; align-items: center; padding: 2px; border: 1px solid #ccd2ce; border-radius: 999px; background: #e6e9e6; }.toggle-display i { width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(30 40 34 / 18%); }.toggle-display.on { justify-content: flex-end; border-color: #6f8e7d; background: #6f8e7d; }.threshold-grid { display: grid; grid-template-columns: repeat(4,1fr); background: #f6f8f6; }.threshold-grid > div { padding: 15px 17px; border-right: 1px solid #e1e4e1; }.threshold-grid > div:last-child { border-right: 0; }.threshold-grid span,.threshold-grid strong,.threshold-grid small { display: block; }.threshold-grid span { color: #8c958f; font-size: 8px; font-weight: 700; text-transform: uppercase; }.threshold-grid strong { margin-top: 4px; color: #405248; font: 16px var(--serif); }.threshold-grid small { margin-top: 2px; color: #969e99; font-size: 8px; }
.integration-row { display: grid; grid-template-columns: auto 1fr minmax(145px,.7fr) auto; gap: 13px; align-items: center; padding: 15px 18px; border-bottom: 1px solid #e3e6e3; }.integration-row:last-child { border-bottom: 0; }.integration-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #ccd6d0; border-radius: 4px; background: #edf3ef; color: #43604f; font: 700 9px var(--mono); }.integration-row div strong,.integration-row div span { display: block; }.integration-row div strong { color: #3d4842; font-size: 11px; }.integration-row div span,.integration-row > small { margin-top: 2px; color: #89928c; font-size: 9px; }.notification-head,.notification-table > div:not(.notification-head) { display: grid; grid-template-columns: minmax(180px,1fr) 72px 72px minmax(100px,.55fr); gap: 12px; align-items: center; }.notification-head { min-height: 39px; padding: 0 18px; background: #f0f2ef; color: #727b76; font: 700 9px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notification-head span:not(:first-child) { text-align: center; }.notification-table > div:not(.notification-head) { min-height: 54px; padding: 9px 18px; border-top: 1px solid #e3e6e3; }.notification-table > div strong { color: #465049; font-size: 10px; }.notification-table > div .control-mark { margin: auto; }.notification-table > div small { color: #7f8982; font-size: 9px; text-align: center; }

.event-overview>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center;padding:16px;border-right:1px solid #e1e4e1}.overview-icon{display:grid;grid-row:span 2;width:35px;height:35px;place-items:center;border:1px solid;border-radius:4px}.overview-icon.high{border-color:#e2c0b8;background:#fbefec;color:var(--red)}.overview-icon.blocked{border-color:#e3cba8;background:#f8f1e7;color:#98651f}.overview-icon.normal{border-color:#c8d8cf;background:#edf3ef;color:#477159}.event-overview p{margin:0;font-size:12px}.event-overview p strong{font:18px var(--serif)}.event-overview small{color:#88918b;font-size:10px}.filter-panel{position:relative;padding:17px;border:1px solid #d8ddd9;border-radius:5px;background:#eef1ee}.search-box{position:relative;display:block;max-width:580px;margin-bottom:16px}.search-box b{position:absolute;left:12px;top:7px;color:#8a938d}.search-box input,.filter-grid select{width:100%;height:38px;border:1px solid #cbd2cc;border-radius:4px;background:#fff;color:#455049;outline:none}.search-box input{padding:0 13px 0 36px;font-size:12px}.search-box input:focus,.filter-grid select:focus{border-color:#6e897d;box-shadow:0 0 0 3px rgb(110 137 125 / 14%)}.filter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.filter-grid label>span{display:block;margin:0 0 5px 1px;color:#707a74;font-size:10px;font-weight:650}.filter-grid select{padding:0 28px 0 9px;font-size:11px}.clear-filters{position:absolute;right:17px;top:18px;border:0;background:transparent;color:#7e5148;font-size:10px}.event-status{display:inline-flex;align-items:center;gap:5px;font-size:10px}.event-status i{width:5px;height:5px;border-radius:50%;background:#87928c}.event-resolved{color:#417058}.event-resolved i{background:#5b8b71}.event-open{color:var(--red)}.event-open i{background:#ac5a4c}.empty-state{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#8b948e}.empty-state strong{color:#4a554f}.empty-state small{font-size:11px}.empty-row:hover{background:#fff!important}
.placeholder-page{min-height:68vh}.placeholder-card{display:flex;max-width:690px;gap:19px;margin-top:64px;padding:32px;border:1px solid #d6dbd7;border-left:3px solid #637a6e;border-radius:5px;background:#fff}.placeholder-card>span{display:grid;width:45px;height:45px;flex:0 0 auto;place-items:center;border:1px solid #cdd6d0;border-radius:4px;background:#eef2ef;color:#486454}.placeholder-card h2{margin:0;font-size:16px}.placeholder-card p{margin:7px 0 16px;color:#747d77;font-size:13px;line-height:1.55}.placeholder-card small{color:#929a95;font:9px var(--mono);letter-spacing:.08em}.app-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 40px;border-top:1px solid var(--line);color:#939a96;font:9px var(--mono);letter-spacing:.08em}

@media(max-width:1200px){.filter-grid{grid-template-columns:repeat(4,1fr)}.compliance-summary{grid-template-columns:1fr}.summary-primary{border-right:0;border-bottom:1px solid #dfe3df}.summary-metrics{padding-bottom:66px}.issue-callout{width:100%}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-facts>div{border-bottom:1px solid #e1e4e1!important}.detail-facts>div:nth-child(2n){border-right:0}.detail-facts>div:nth-child(n+7){border-bottom:0!important}.control-card-grid,.policy-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-overview{grid-template-columns:repeat(4,1fr)}.policy-score{grid-column:1/-1;border-right:0;border-bottom:1px solid #e1e4e1}.policy-metric:nth-child(5){border-right:0}.report-overview{grid-template-columns:repeat(3,1fr)}.report-overview>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #e1e4e1}.settings-section{grid-template-columns:1fr}.settings-section-intro{max-width:560px}}
@media(max-width:880px){.app-main{margin-left:0}.app-sidebar{transform:translateX(-101%);transition:transform .2s ease}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open .sidebar-scrim{position:fixed;inset:0;z-index:19;display:block;background:rgb(18 24 20 / 40%)}.sidebar-close,.sidebar-toggle{display:grid}.event-overview{grid-template-columns:repeat(2,1fr)}.event-overview>div:nth-child(2){border-right:0}.event-overview>div:nth-child(-n+2){border-bottom:1px solid #e1e4e1}}
@media(max-width:700px){.main-content{padding-top:25px}.view-stack{gap:35px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:36px}.live-posture{display:none}.summary-primary{align-items:flex-start;padding:20px}.summary-seal{width:86px;height:86px}.summary-seal span{font-size:30px}.summary-metrics{grid-template-columns:1fr;gap:10px;padding:16px 20px 78px}.summary-metrics>div{display:flex;align-items:baseline;gap:11px;padding:7px 0;border-right:0;border-bottom:1px solid #e5e8e5}.summary-metrics span{font-size:23px}.summary-metrics small{max-width:none}.legend{display:none}.control-card-grid,.policy-grid,.report-grid{grid-template-columns:1fr}.device-hero{align-items:flex-start;flex-direction:column;margin-top:-18px}.title-line{flex-wrap:wrap}.title-line h1{font-size:32px}.detail-facts{grid-template-columns:1fr}.detail-facts>div{border-right:0!important;border-bottom:1px solid #e1e4e1!important}.detail-facts>div:last-child{border-bottom:0!important}.filter-grid{grid-template-columns:repeat(2,1fr)}.inventory-summary{grid-template-columns:repeat(2,1fr)}.inventory-summary>div:nth-child(2){border-right:0}.inventory-summary>div:nth-child(-n+2){border-bottom:1px solid #e1e4e1}.section-heading{align-items:flex-start}.app-footer{flex-direction:column;padding:16px}.data-table th,.data-table td{padding-right:11px;padding-left:11px}.policy-overview{grid-template-columns:repeat(2,1fr)}.policy-score{align-items:flex-start;flex-direction:column}.policy-metric:nth-child(3){border-right:0}.policy-metric:nth-child(4){border-top:1px solid #e1e4e1}.policy-metric:nth-child(5){border-top:1px solid #e1e4e1}.policy-scope{grid-template-columns:1fr}.scope-unit-list{grid-template-columns:1fr}.scope-unit-list>div{border-right:0;border-bottom:1px solid #dfe3df}.scope-unit-list>div:last-child{border-bottom:0}.report-overview{grid-template-columns:1fr}.report-overview>div{border-right:0;border-bottom:1px solid #e1e4e1}.report-overview>div:last-child{border-bottom:0}.settings-fields,.settings-summary-strip,.threshold-grid{grid-template-columns:repeat(2,1fr)}.settings-summary-strip>div:nth-child(2),.threshold-grid>div:nth-child(2){border-right:0}.settings-summary-strip>div:nth-child(-n+2),.threshold-grid>div:nth-child(-n+2){border-bottom:1px solid #e1e4e1}.integration-row{grid-template-columns:auto 1fr auto}.integration-row>small{grid-column:2/-1}.notification-head,.notification-table>div:not(.notification-head){grid-template-columns:minmax(140px,1fr) 50px 50px 88px}}
@media(max-width:460px){.summary-primary{flex-direction:column}.summary-primary h2 strong{display:block}.filter-grid,.event-overview{grid-template-columns:1fr}.event-overview>div{border-right:0;border-bottom:1px solid #e1e4e1}.event-overview>div:last-child{border-bottom:0}.scope-home strong{display:none}.page-intro>.button{width:100%}.placeholder-card{padding:20px}.topbar{padding:0 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}