.app{background:#f4f6f3;font-size:14px;--sidebar:230px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar);background:var(--dark);color:#dce3d9;display:flex;flex-direction:column;padding:30px 20px;z-index:10}.sidebar .brand{font-size:25px;padding:0 10px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #414c3d;border-radius:6px;padding:13px 10px;margin:35px 0 29px;font-size:13px}.workspace-avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#35412e;color:#c0ccaf;border-radius:5px;font-weight:600}.workspace small{display:block;font-size:10px;color:#89957f;margin-top:4px}.workspace-tag{font-size:9px;color:#a8b396;border:1px solid #47523e;padding:3px 4px;border-radius:3px;margin-left:auto}.side-label{font-size:9px;letter-spacing:1.5px;color:#7d8a74;padding:0 12px;margin-bottom:13px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:11px;font-size:13px;padding:13px 12px;color:#a7b29e;border-radius:5px;white-space:nowrap}.side-nav a.active{background:#343c28;color:#eac573}.side-nav a:hover{background:#2b3427}.side-nav a>span{font-size:19px;width:18px;line-height:1}.side-nav i{font:10px var(--font);background:#504429;border-radius:4px;padding:2px 5px;color:#e7bc6e;margin-left:auto}.side-nav small{font-size:9px;border:1px solid #45503c;border-radius:3px;padding:2px 4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.boundary-note{padding:16px 12px;border:1px solid #374330;border-radius:6px}.boundary-note>span{font-size:23px;color:#8c9b76;display:block;margin-bottom:10px}.boundary-note strong{font-size:11px;font-weight:500}.boundary-note p{font-size:11px;color:#849176;line-height:1.7;margin:7px 0 13px}.boundary-note a{font-size:10px;color:#b6c6a1;display:flex;justify-content:space-between}.back-site{display:flex;gap:12px;padding:22px 12px;color:#97a688;font-size:11px}.user-row{padding:17px 0 0;border-top:1px solid #35422e;display:flex;gap:10px;align-items:center;font-size:11px}.user-row small{display:block;color:#81916f;margin-top:4px;font-size:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#38442e;display:flex;align-items:center;justify-content:center;color:#c8d2bd;font-size:10px}.app-shell{margin-left:var(--sidebar)}.app-topbar{height:73px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:12px}.breadcrumb{color:#8d948a;display:flex;gap:15px}.breadcrumb strong{font-weight:500;color:#515e49}.topbar-right{display:flex;align-items:center;gap:16px;color:#7c8676;font-size:11px}.demo-badge{font-size:9px;letter-spacing:1px;background:#f0f2ed;color:#77866a;padding:5px 7px;border-radius:3px}.topbar-divider{width:1px;height:19px;background:#e2e6dc}.topbar-right b{font-size:9px;color:#748566;border:1px solid #d8dfd1;padding:3px;border-radius:2px;margin-left:6px}.app-main{max-width:1530px;padding:35px 34px 0;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.app-eyebrow{font-size:9px;letter-spacing:1.5px;color:#88937e}.page-heading h1{font-size:34px;letter-spacing:-1.6px;font-weight:600;line-height:1.3;margin:9px 0 8px}.page-heading p{font-size:13px;color:#87917d}.date-stamp{text-align:right}.date-stamp>span{font-size:9px;letter-spacing:1px;color:#819072}.date-stamp small{display:block;font-size:11px;color:#95a08d;margin-top:8px}.source-warning{display:flex;align-items:center;gap:13px;background:#fcf7e9;border:1px solid #e8dcb6;border-radius:6px;padding:16px 19px;margin-bottom:22px}.warning-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #b6913d;border-radius:50%;color:#af842a;font-size:14px;font-weight:600}.source-warning strong{font-size:12px;color:#7b6636;font-weight:550}.source-warning p{font-size:11px;color:#9b8b60;margin-top:5px;line-height:1.5}.source-warning a{margin-left:auto;white-space:nowrap;font-size:11px;color:#8e773e;display:flex;gap:15px;align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{border:1px solid var(--border);background:white;padding:20px 20px 18px;border-radius:7px;text-align:left;color:var(--ink)}.metric:hover{border-color:#a6b798}.metric-title{display:flex;justify-content:space-between;gap:10px;color:#7c8972;font-size:12px}.metric-icon{color:#a2ae98}.metric-value{display:flex;align-items:baseline;gap:10px;margin:14px 0 8px}.metric-value strong{font-family:var(--heading);font-weight:600;font-size:33px;line-height:1;letter-spacing:-1px}.metric-value span{font-size:10px;color:#8b977f}.metric-caption{font-size:10px;color:#9aa48f}.metric:nth-child(2) .metric-value strong{color:#477553}.metric:nth-child(3) .metric-value strong{color:#ac8231}.metric:nth-child(4) .metric-value strong{color:#7c8977}.inventory-panel,.class-panel,.sync-panel,.policy-panel{background:white;border:1px solid var(--border);border-radius:7px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 22px 20px}.panel-heading h2{font-size:15px;letter-spacing:-.3px;font-weight:650}.panel-heading p{font-size:11px;color:#8b967f;margin-top:7px}.panel-heading>a{font-size:11px;color:#687f56;display:flex;gap:15px}.table-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 22px 17px}.status-tabs{display:flex;gap:4px}.status-tabs button{border:none;background:transparent;padding:8px 9px;color:#89967e;border-radius:4px;font-size:10px;white-space:nowrap}.status-tabs button.selected{background:#eaf0e5;color:#4f6940}.status-tabs span{margin-left:4px;color:#a88b49;font-size:9px}.search-controls{display:flex;gap:9px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e1e7dc;border-radius:4px;padding:6px 10px;color:#a1ad97;max-width:177px}.search-box>span{font-size:21px;line-height:1}.search-box input{width:100%;border:0;outline:0;min-width:0;font-size:10px;color:#566a48;background:transparent}.search-box:focus-within{outline:2px solid #bba257}.search-box input::placeholder{color:#a1ad97}select{border:1px solid #e1e7dc;border-radius:4px;color:#7e8f70;font-size:10px;background:white;padding:7px 20px 7px 8px;max-width:140px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f7f9f5;font-size:8px;letter-spacing:1px;font-weight:500;color:#88987c;padding:13px 18px;border-top:1px solid #e8ede3;border-bottom:1px solid #e8ede3}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:22px}td{padding:15px 18px;border-bottom:1px solid #edf0e9;font-size:11px;color:#7e8c73}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfcf9}.device-cell{display:flex;align-items:center;gap:12px}.device-icon{width:32px;height:34px;border:1px solid #e6ecdf;border-radius:5px;background:#f5f8f0;display:flex;align-items:center;justify-content:center;font-size:19px;color:#7b9069}.device-name{border:0;background:none;padding:0;text-align:left;color:#4a5b3e;font-size:11px;font-weight:550}.device-name:hover{text-decoration:underline}.device-cell small{font:9px monospace;letter-spacing:.3px;display:block;color:#a1aa98;margin-top:5px}.health{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.health:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.healthy{background:#edf4e9;color:#6b8b53}.attention{background:#fcf3df;color:#b79142}.stale{background:#f0f2ed;color:#909a87}.battery{display:inline-flex;gap:7px;align-items:center;font-size:10px}.battery-box{display:inline-flex;width:19px;height:10px;padding:2px;border:1px solid #b5c2ab;position:relative;border-radius:2px}.battery-box:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#b5c2ab}.battery-box i{height:100%;background:#94b77a}.battery.low{color:#b39143}.battery.low i{background:#c9a051}.observe{font-size:10px}.observe small{display:block;font-size:8px;color:#a6b09d;margin-top:4px}.row-open{border:0;background:none;color:#839474;font-size:17px;padding:4px 8px}.table-footer{display:flex;justify-content:space-between;gap:18px;padding:14px 22px;background:#fcfdfb;border-top:1px solid #edf0e9;color:#9aa78e;font-size:9px}.overview-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:24px}.small-meta{font:9px monospace;color:#a1af92;letter-spacing:.5px}.class-bars{padding:0 24px;display:grid;gap:15px}.class-bar{display:grid;grid-template-columns:130px 1fr 20px;gap:12px;align-items:center;font-size:10px;color:#829274}.class-bar>span>small{display:inline-block;width:15px;color:#b0baa5;font-size:8px}.bar-track{height:5px;border-radius:4px;overflow:hidden;background:#eff3e9;display:flex;gap:2px}.bar-track i{height:100%}.bar-track .bar-healthy{background:#8da979}.bar-track .bar-attention{background:#d5b15b}.bar-track .bar-stale{background:#c5cdbd}.class-bar>b{font-size:10px;font-weight:400;text-align:right}.chart-legend{display:flex;gap:18px;padding:23px 24px;color:#9fae90;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:2px}.legend-green{background:#8da979}.legend-amber{background:#d5b15b}.legend-gray{background:#c5cdbd}.source-row{display:flex;align-items:center;gap:12px;padding:15px 22px;border-top:1px solid #edf1e8;font-size:11px;color:#667959}.source-row .health{margin-left:auto}.source-symbol{width:32px;height:32px;background:#f3f7ee;border:1px solid #e8eedd;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#8a9e77;font-size:19px}.source-row small{font-size:9px;color:#a0ae92;display:block;margin-top:6px}.sync-note{background:#fafcf6;border-top:1px solid #e9efdf;padding:14px 22px;font-size:10px;line-height:1.6;color:#96a685}.app-footer{border:0;color:#a4b296;padding:27px 0!important;font-size:8px;letter-spacing:.4px;gap:12px}.app-footer>span{display:flex;align-items:center;gap:8px}.mini-mark{font-family:var(--heading);font-size:18px;color:#a8b996;font-weight:800}.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.source-card{border:1px solid var(--border);border-radius:7px;background:white;padding:24px}.source-card h3{font-size:17px;letter-spacing:-.4px;margin:15px 0 10px}.source-card p{font-size:13px;line-height:1.75;color:#869779}.source-card .health{font-size:11px}.source-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:24px 0 0}.source-card dt{font-size:11px;color:#95a388}.source-card dd{text-align:right;margin:0;font-size:11px;color:#667856}.source-card .feature-icon{margin:0;font-size:24px}.policy-panel{margin:24px 0}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:5px 22px 30px}.policy-grid h3{font-size:13px;font-weight:600;margin:9px 0}.policy-grid p{font-size:12px;line-height:1.8;color:#8a9a7d}.roadmap-banner{padding:35px;background:var(--dark);color:white;border-radius:7px}.roadmap-banner h2{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:20px 0 15px}.roadmap-banner p{font-size:13px;color:#a3b491;line-height:1.7;max-width:460px}.planned{display:inline-block;margin-top:25px;color:#ab995f;font-size:11px}.empty-row{text-align:center;padding:42px!important;color:#819571}dialog{width:480px;max-width:calc(100% - 32px);border:1px solid #d9e2cf;padding:28px;border-radius:10px;box-shadow:0 20px 100px #131c1255;color:var(--ink);max-height:90vh}dialog::backdrop{background:#13201366;backdrop-filter:blur(3px)}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-button{border:0;background:#f1f5eb;width:30px;height:30px;border-radius:50%;font-size:22px;color:#7a9066}#detail-title{font-size:26px;letter-spacing:-.8px;margin:16px 0 6px}.detail-id{font:12px monospace;color:#93a282;margin-bottom:20px}.detail-message{padding:15px;background:#f7f9f2;border-radius:5px;line-height:1.8;font-size:13px;color:#7a8e65;margin:20px 0}.detail-fields{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.detail-fields dt{font-size:11px;color:#95a786}.detail-fields dd{margin:6px 0 0;color:#5c744b;font-size:13px}.detail-footer{font-size:11px;border-top:1px solid #e9eee2;padding-top:18px;line-height:1.7;color:#9aab8a}.detail-source{display:inline-flex;font-size:12px;margin-top:15px;color:#8b7b3e}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
/* Comfortable type for operational labels. */
.app-topbar,.page-heading p,.metric-title,.side-nav a,.workspace,.source-warning strong,.panel-heading p,.panel-heading>a,.status-tabs button,.search-box input,select,.device-name,td,.observe,.source-row,.class-bar,.battery,.source-card dt,.source-card dd,.policy-grid h3,.policy-grid p{font-size:14px}.source-warning p,.source-warning a,.metric-caption,.metric-value span,.health,.device-cell small,.observe small,.table-footer,.chart-legend,.source-row small,.sync-note,.user-row,.user-row small,.boundary-note strong,.boundary-note p,.boundary-note a,.back-site,.app-footer,.topbar-right,.small-meta{font-size:12px}.app-eyebrow,.date-stamp>span,.date-stamp small,.side-label,.demo-badge,.workspace small,th,.workspace-tag,.side-nav small,.side-nav i{font-size:11px}.status-tabs button{padding:8px}.search-box{max-width:180px}.device-cell{gap:10px}th,td{padding-left:14px;padding-right:14px}.observe small{font-size:11px}.class-bar{grid-template-columns:153px 1fr 20px}.class-bar>span>small{font-size:11px}.class-bar>b{font-size:13px}.app-footer{letter-spacing:0}.side-nav a{gap:8px}.table-controls{flex-wrap:wrap}.search-controls{margin-left:auto}.side-label{letter-spacing:1px}.metric{padding:20px 18px}.boundary-note{padding:14px 12px}.table-footer{font-size:11px}
@media(min-width:1600px){.app-main{padding-top:45px}.metric{padding:25px}.metric-value strong{font-size:38px}.page-heading{margin-bottom:34px}}
@media(max-width:1250px){.app{--sidebar:210px}.sidebar{padding:25px 14px}.app-main{padding:28px 24px 0}.app-topbar{padding:0 24px}.date-stamp{display:none}.metric-grid{gap:12px}.metric{padding:17px 14px}.metric-title{font-size:12px}.metric-caption{font-size:11px}.overview-bottom{grid-template-columns:1fr 1fr}.class-bar{grid-template-columns:127px 1fr 15px;font-size:12px}.source-row{font-size:12px}.source-cards{gap:13px}.source-card{padding:19px}.table-controls{gap:15px}.search-controls{margin-left:0}}
@media(max-width:960px){.app{--sidebar:185px}.sidebar{padding:25px 10px}.sidebar .brand{font-size:23px;padding:0 8px}.sidebar .brand-mark{font-size:44px;width:31px}.brand small{font-size:8px}.side-nav a{font-size:12px;padding:12px 10px;gap:8px}.side-nav a>span{font-size:16px}.side-nav small{font-size:9px}.workspace{margin-top:27px}.workspace-avatar{display:none}.boundary-note{padding:12px 10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-title{font-size:14px}.metric-value strong{font-size:32px}.metric-value{margin:13px 0 8px}.overview-bottom{grid-template-columns:1fr}.source-cards{grid-template-columns:1fr}.policy-grid{grid-template-columns:1fr;gap:12px}.topbar-right>span:last-child,.topbar-divider{display:none}.source-warning{align-items:flex-start;flex-wrap:wrap}.source-warning>div{flex:1;min-width:180px}.source-warning a{margin-left:37px}.table-footer{flex-direction:column;gap:6px}.source-row{font-size:14px}.class-bar{font-size:14px;grid-template-columns:150px 1fr 20px}.source-card dl{max-width:400px}}
@media(max-width:650px){.app{--sidebar:0px}.sidebar{position:static;width:100%;padding:17px 20px 0;display:block}.sidebar>.brand{font-size:22px;padding:0;max-width:180px}.sidebar .brand-mark{height:35px}.workspace,.side-label,.sidebar-bottom{display:none}.side-nav{flex-direction:row;gap:4px;padding-top:17px;overflow:auto;scrollbar-width:none}.side-nav a{font-size:12px;padding:12px 11px;border-radius:5px 5px 0 0}.side-nav a>span,.side-nav small,.side-nav i{display:none}.side-nav a.active{background:#3a442e}.app-topbar{padding:0 20px;height:55px}.app-main{padding:25px 17px 0}.page-heading h1{font-size:30px}.page-heading p{line-height:1.65;max-width:290px}.metric-grid{gap:10px}.metric{padding:17px 13px}.metric-value span{font-size:10px}.metric-caption{font-size:10px}.source-warning{padding:14px}.source-warning p{font-size:12px}.panel-heading{padding:20px 16px;gap:10px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:12px;line-height:1.6}.panel-heading>a{font-size:11px;gap:8px;white-space:nowrap}.table-controls{padding:0 12px 16px;gap:15px}.status-tabs button{font-size:12px;padding:8px}.search-controls{width:100%}.search-box{max-width:none;flex:1}.search-box input{font-size:13px}select{font-size:12px}.table-footer{padding:14px 16px;font-size:10px}.app-footer{flex-direction:column;align-items:flex-start;font-size:11px;gap:8px}.app-footer>span{display:flex}.source-warning a{font-size:12px}.class-bar{grid-template-columns:145px 1fr 12px}.policy-grid{padding-left:20px;padding-right:20px}.roadmap-banner{padding:25px}.roadmap-banner h2{font-size:29px}.source-card p,.policy-grid p{font-size:14px}.breadcrumb{font-size:12px}.topbar-right{gap:0}.demo-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sidebar .brand{font-size:17px;letter-spacing:-.65px;gap:8px;padding:0 3px}.sidebar .brand small{font-size:7px;letter-spacing:1.4px}.sidebar .brand-mark{width:29px;font-size:44px}.back-site{font-size:11px}@media(max-width:960px) and (min-width:651px){.sidebar .brand{font-size:15px}.sidebar .brand-mark{font-size:35px;width:23px}.sidebar .brand small{font-size:6px}}@media(max-width:650px){.sidebar>.brand{max-width:240px;font-size:20px}.sidebar .brand small{font-size:8px}.sidebar .brand-mark{font-size:42px}}
.page-heading p,.app-eyebrow,.metric-title,.metric-caption,.metric-value span,.panel-heading p,.table-footer,.source-row small,.class-bar,.chart-legend,.sync-note,.device-cell small,.observe small,.small-meta,.source-card p,.source-card dt,.policy-grid p,.detail-fields dt,.detail-footer,.detail-id,.date-stamp small,.date-stamp>span,.app-footer{color:#697660}.source-warning p{color:#84713f}.healthy{color:#4d7435}.attention{color:#97711f}.stale{color:#697260}th{color:#657359}.status-tabs button{color:#64745a}.search-box input::placeholder{color:#75806b}td{color:#66765a}.table-footer{font-size:12px}.source-row small,.observe small{font-size:12px}
