/* Shared 0.84.2 interface: desktop and web use the same semantic components. */
:root{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--soft:#f3f5f8;--ink:#1d2430;--muted:#626b78;--line:#e2e6ec;--blue:#006edc;--focus:#b8d9ff;--radius:16px;--space:20px}
body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;color:var(--ink);letter-spacing:-.012em}a{color:#0067cc}.shell{grid-template-columns:218px minmax(0,1fr)}aside{padding:24px 14px;background:#f0f1f4;border-right:1px solid #e1e3e8}aside h2{font-size:17px;letter-spacing:-.03em}aside>small{font-size:12px;color:var(--muted)}aside>img{width:34px;height:34px;margin-bottom:10px!important}nav{gap:3px;margin-top:22px}nav a{min-height:38px;padding:8px 11px;font-size:13px;font-weight:500;border-radius:9px;gap:10px;color:#3d4654}nav a.active{background:#ddeaff;color:#0059b5;box-shadow:none}nav a:hover{background:#e5e7ed}nav .nav-section{font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#747b87;padding:17px 11px 5px}.nav-symbol{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer{border-top:1px solid var(--line);margin-top:22px;padding:16px 10px 4px;display:grid;gap:10px;color:var(--muted);font-size:11px}.sidebar-footer button{background:transparent!important;color:var(--muted)!important;padding:0;min-height:28px;font-size:12px;justify-content:flex-start;border:0}
main{max-width:1420px;padding:26px 30px 36px;min-width:0}header{margin-bottom:20px;gap:20px;align-items:flex-start}header h1{font-size:27px;font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:0}header small{font-size:11px;color:#727b88;letter-spacing:0;margin:0 0 6px;display:block}.header-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:360px}.connection-bar{margin:0;font-size:11px}.header-status button{min-height:32px;padding:6px 10px;font-size:12px;background:#fff;color:#525e6f;border:1px solid var(--line)}
h2{font-size:17px;font-weight:620;letter-spacing:-.025em;margin-bottom:14px}h3{font-size:14px;font-weight:620;margin:0 0 10px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 2px 9px #202f4503;background:var(--surface)}section.card,article.card{margin-bottom:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid>.wide,.grid>.full{grid-column:1/-1}.card p{line-height:1.55;margin:10px 0}.note{font-size:12px;line-height:1.5;color:var(--muted)}.card>.note:last-child{margin-bottom:0}.number{font-size:30px;letter-spacing:-.04em;line-height:1.15;margin:12px 0}.row{padding:11px 0;gap:16px;align-items:flex-start;border-color:#edf0f4}.row>div:first-child{min-width:0}.row small{font-size:12px}.badge{border-radius:7px;padding:4px 8px;font-size:11px;line-height:1.3;font-weight:550;background:#eef1f5;color:#566172}.badge.ok,.ok{background:#e8f5ed;color:#216b42}.badge.warning,.warning{background:#fff3db;color:#865811}.badge.error,.error{background:#feeeee;color:#b33434}.actions{gap:9px;row-gap:9px}.card-footer{margin-top:18px;padding-top:0}
button,.button{min-height:38px;padding:9px 14px;border-radius:9px;font:550 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--blue);box-shadow:none;letter-spacing:0}button:hover,.button:hover{background:#0059b5}button.secondary,.button.secondary{background:#f3f5f8;color:#354359;border:1px solid #e2e6ed}button.secondary:hover,.button.secondary:hover{background:#e9edf4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button[value=reject],button[value=delete_api],button[value=unlink],button[value=totp_disable]{background:#fff1f1;border-color:#f1d5d5;color:#a43232}input,select,textarea{font-family:inherit;font-size:14px;background:#fafbfd;border:1px solid #dce1e8;border-radius:9px;min-height:42px;padding:10px 12px;line-height:1.45;color:#202936;box-shadow:inset 0 1px 2px #162a4002}textarea{min-height:100px;line-height:1.65}label{font-size:12px;font-weight:580;color:#414c5b;margin:14px 0}input:focus,select:focus,textarea:focus{background:#fff;outline:3px solid #cbe2ff;outline-offset:1px;border-color:#6da7e9}input[readonly]{background:#f0f2f6;color:#626b78}input[type=checkbox],input[type=radio]{accent-color:#0071e3;min-height:17px;width:17px;height:17px}.form-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start}.filter-bar{gap:12px;align-items:flex-end}.filter-bar label{font-size:12px;flex:1;max-width:320px}.filter-bar select,.filter-bar input,.filter-bar button{height:42px;min-height:42px}.form-grid label{margin:0 0 12px}.form-grid textarea{min-height:108px}.form-grid+label{margin-top:20px}form>.actions{margin-top:18px}small,.muted{color:var(--muted)}
summary{font-size:14px;font-weight:580;min-height:34px;line-height:1.5;padding:7px 0}summary::marker{color:#8a94a2}details[open]>summary{margin-bottom:14px}.card>details:not([open])>summary{margin:0}.table-wrap{border-radius:10px}table{font-size:12px}th{font-size:11px;color:#727c8c;background:#f6f7f9;letter-spacing:.01em}td,th{padding:11px 12px;border-color:#ebedf2}td{line-height:1.5}pre{background:#f7f8fa;border:1px solid #e5e8ee;padding:16px;border-radius:10px;font-size:14px;line-height:1.65}.alert,.flash{border-radius:12px;padding:14px 16px;font-size:13px}.flash{background:#edf6f0;color:#286c46;border:1px solid #d7e8dd}.alert{background:#fff8e9;border:1px solid #efdfba;color:#765722}
.help-button,.help-button:hover,.help-button:focus-visible{width:21px!important;min-width:21px!important;height:21px!important;min-height:21px!important;padding:0!important;background:#eef1f5!important;border:1px solid #d8dee7!important;color:#65738a!important;font-size:11px!important;box-shadow:none!important;transform:none!important}.help-pop{background:#263344;color:#fff;border:1px solid #354358;border-radius:10px;padding:13px 15px;line-height:1.6;font-size:12px;font-weight:400;box-shadow:0 8px 28px #12203326;z-index:100}.field-help{margin-inline:3px}.workspace-tabs{gap:4px;padding:4px;background:#e9edf2;border-radius:10px;display:inline-flex;max-width:100%}.workspace-tabs a{border:0!important;padding:7px 12px!important;font-size:12px;border-radius:7px!important;color:#596577}.workspace-tabs .selected{background:white!important;color:#1e2b3b!important;box-shadow:0 1px 4px #0d243012}.material-layout{gap:16px}.material-list .material-link{border-radius:10px}.material-link.selected{border-color:#98bfe9;background:#edf5ff}.destination-box{background:#f3f7fc;border-color:#dde6f1;padding:16px;border-radius:12px}.security-card form{max-width:600px}.recovery-grid,.scout-grid{gap:14px!important}.recovery-worker,.scout-grid details{border-color:var(--line)!important;border-radius:12px!important;padding:16px!important}.metric-grid{gap:10px;margin:12px 0}.metric-grid>div{background:#f6f8fa;padding:10px;border-radius:10px}.metric-grid b{font-size:22px}.channel-compact{padding:15px 18px}.channel-compact .channel-title h2{font-size:16px}.channel-list{gap:12px}
/* Overview is a vertical command centre, not a grid of feature adverts. */
.overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.overview-strip>div{padding:17px 20px;border-right:1px solid #edf0f4}.overview-strip>div:last-child{border:0}.overview-strip small{display:block;font-size:11px}.overview-strip strong{display:block;font-size:25px;font-weight:620;letter-spacing:-.04em;margin-top:5px}.overview-strip strong small{display:inline;font-size:13px;font-weight:400;letter-spacing:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 12px}.section-title h2{margin:0;font-size:15px}.section-title a{font-size:12px;text-decoration:none}.tool-card{padding:0;overflow:hidden}.tool-head{padding:17px 20px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center;gap:14px}.tool-head h2{margin:0;font-size:17px}.tool-head small{font-size:12px}.tool-body{padding:16px 20px}.tool-metrics{display:flex;gap:30px;flex-wrap:wrap;margin:0 0 16px}.tool-metrics small{display:block;font-size:11px}.tool-metrics b{display:block;font-size:21px;letter-spacing:-.03em;font-weight:600;margin-top:4px}.channel-brief{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(130px,1fr) auto;gap:16px;padding:12px 0;border-top:1px solid #edf0f4;align-items:center}.channel-brief strong{font-size:13px}.channel-brief small{display:block;font-size:11px;margin-top:2px}.channel-brief .button{font-size:12px;min-height:33px;padding:7px 11px}.attention-list{border:1px solid #ecdcb9;background:#fffcf4;border-radius:14px;padding:3px 18px}.attention-item{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #eee5d1}.attention-item:last-child{border:0}.attention-item .attention-copy{flex:1;min-width:0}.attention-item strong{font-size:13px;font-weight:600}.attention-item p{font-size:12px;margin:4px 0;color:#7a715d}.severity-dot{width:7px;height:7px;border-radius:50%;background:#d5a435;flex:none;margin-top:7px}.severity-dot.critical{background:#d34a48}.notice-list{padding:3px 20px}.notice-row{padding:13px 0;border-bottom:1px solid #edf0f4}.notice-row:last-child{border:0}.notice-row summary{display:flex;align-items:center;gap:12px;font-weight:500;font-size:13px;padding:0;min-height:30px;list-style:none}.notice-row summary::after{content:'⌄';margin-left:auto;color:#8c96a4}.notice-row time{font-size:11px;color:#86909f}.notice-row .notice-body{font-size:12px;padding:6px 0 4px 19px;color:#636e7c}.notice-row:not([open])>summary{margin:0}.notice-row[open]>summary{margin-bottom:4px}.notice-list:not(.expanded)>.notice-row:nth-of-type(n+6){display:none}.notice-footer{padding:11px 0;text-align:center}.notice-footer button{background:transparent;color:#006edc;border:0;min-height:30px;font-size:12px}.overview-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:18px;align-items:start}.inactive-tools{padding:13px 18px;font-size:12px}.inactive-tools summary{font-size:12px;color:#6a7482}.inactive-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f4}.schedule-mini .row{font-size:12px;padding:11px 0}.schedule-mini b{font-weight:550}.overview-footer{margin-top:20px;font-size:11px;color:#83909f}.inline-good{display:flex;gap:8px;align-items:center;font-size:12px;color:#44715b}.ui-dialog{border:1px solid #e1e5ec;border-radius:18px;width:min(600px,calc(100vw - 32px));padding:24px;box-shadow:0 22px 90px #19243333;max-height:85vh;overflow:auto;color:var(--ink)}.ui-dialog::backdrop{background:#26354c45;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.dialog-heading h2{margin:0}.dialog-close{min-height:30px;width:30px;padding:0;background:#f1f3f6;color:#6a7483;border:0;border-radius:50%}
@media(min-width:1600px){main{max-width:1460px}}@media(max-width:1100px){main{padding:24px}.overview-columns{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid>.wide{grid-column:auto}.overview-strip>div{padding:15px}.channel-brief{grid-template-columns:minmax(150px,1fr) minmax(110px,1fr) auto}}@media(max-width:800px){.shell{grid-template-columns:186px minmax(0,1fr)}aside{padding:20px 10px}nav a{font-size:12px;padding:9px}main{padding:20px}.overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-strip>div:nth-child(2){border-right:0}.overview-strip>div:nth-child(-n+2){border-bottom:1px solid #edf0f4}.channel-brief{grid-template-columns:1fr auto}.channel-brief>.channel-stock{grid-column:1/-1;grid-row:2}.tool-metrics{gap:22px}.header-status{max-width:200px}}@media(max-width:600px){.shell{display:block}aside{padding:14px 14px 0;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}aside>h2{font-size:16px}aside>small{display:none}nav{display:flex;overflow-x:auto;gap:4px;margin-top:12px;padding-bottom:10px}nav .nav-section,.sidebar-footer{display:none}nav a{white-space:nowrap;min-height:34px;padding:7px 10px}nav .nav-symbol{display:none}main{padding:18px 14px}header{display:block;margin-bottom:18px}header h1{font-size:25px}.header-status{max-width:none;justify-content:flex-start;margin-top:10px}.card{padding:17px}.tool-card{padding:0}.tool-head,.tool-body{padding:15px 17px}.tool-metrics b{font-size:20px}.tool-metrics{gap:24px}.channel-brief{gap:9px}.overview-strip strong{font-size:23px}.overview-strip>div{padding:14px 16px}.notice-list{padding-inline:16px}.attention-item{flex-wrap:wrap}.attention-item>.button{margin-left:19px}.filter-bar label{max-width:none}.ui-dialog{padding:20px}.actions{gap:8px}.form-grid{grid-template-columns:1fr}.table-wrap table{min-width:540px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.product-tabs{display:flex!important;margin:0 0 20px!important;gap:3px!important;padding:4px!important;overflow:auto;white-space:nowrap}.product-tabs a{min-height:32px;font-size:12px!important;flex:none}.product-tabs~.card{scroll-margin-top:60px}[id^=radar-],#scout-materials,#scout-connections,#product-journal,#add-channel{scroll-margin-top:24px}