:root{--ink:#182923;--muted:#7c8882;--line:#e3e9e4;--bg:#f4f6f3;--green:#27694e;--soft:#e8f2eb;--sidebar:#142d25;--amber:#a8781f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a5c9b2}button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}svg{display:block}.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#9bb2a4;display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f1f7ef;font-size:21px;font-weight:700;letter-spacing:1px;margin:0 12px 40px}.brandmark{width:38px;height:38px;border:1px solid #8aaa7855;background:#264637;border-radius:10px;display:grid;place-items:center;color:#d0dfaa;font-size:27px;letter-spacing:-2px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#9db2a3;margin-top:5px;font-weight:500}.workspace-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;margin:0 14px 12px;color:#789482}.workspace-label span{letter-spacing:0}nav .nav-item{display:flex;align-items:center;gap:12px;position:relative;width:100%;padding:12px 14px;color:inherit;border:0;background:transparent;text-decoration:none;text-align:left;border-radius:7px;font-size:12px;margin-bottom:4px;white-space:nowrap}nav .nav-item:hover{background:#254333}nav .nav-item.active{background:#2a4938;color:#e6f1df}nav .nav-item.active:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;background:#bdd68a;border-radius:2px}nav .nav-item .nav-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#a4c37f}.nav-label{font-size:9px;letter-spacing:1.7px;color:#789482;margin:25px 14px 12px}.sidebar-foot{margin-top:auto;padding:24px 12px 0}.security-lock{font-size:11px;color:#b5c8b5;border-bottom:1px solid #33523e;padding-bottom:15px;margin-bottom:15px}.environment{display:flex;align-items:center;gap:7px;font-size:11px}.env-chip{font-size:7px;padding:3px 5px;border:1px solid #476449;border-radius:4px;color:#aac196;margin-left:auto;letter-spacing:.4px}.sidebar-foot p{font-size:10px;color:#6f8b7a;margin-top:12px}.main-shell{margin-left:234px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fbfcfa;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:#7e8b82}.breadcrumb span{color:#c8d1ca}.breadcrumb strong{font-weight:500;color:#354d3e}.top-actions{display:flex;align-items:center;gap:20px}.top-search{display:flex;align-items:center;gap:35px;color:#8b968e;border:1px solid #e1e8e1;background:white;border-radius:6px;padding:8px 10px;font-size:10px}kbd{font-family:inherit;font-size:9px;color:#8a978e;border:1px solid #e4e9e3;border-radius:3px;padding:2px 4px}.avatar{width:31px;height:31px;border:1px solid #cdddcf;background:#edf2e7;border-radius:50%;color:#536c4e;font-size:10px;font-weight:700}.dot{display:inline-block;width:6px;height:6px;background:#8fb374;border-radius:50%;flex-shrink:0}.live-indicator{display:flex;align-items:center;gap:7px;color:#67856d;font-size:10px}.live-indicator.offline .dot{background:#b29d68}main{padding:30px 36px 20px;max-width:1760px;margin:0 auto;min-height:calc(100vh - 130px)}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#a0aaa2;max-width:1760px;padding:0 36px 24px;margin:0 auto}.footer-divider{margin:0 8px;color:#cbd3cd}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#829586;margin-bottom:10px}h1{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px;font-weight:650}h2{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:650}h3{font-size:12px;margin:0;font-weight:600}p{line-height:1.65}.subheading{font-size:11px;color:#8a958d;margin:0;max-width:620px}.heading-actions{display:flex;gap:8px;align-items:center;padding-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:white;color:#536a59;padding:9px 12px;font-size:10px;font-weight:550;text-decoration:none}.btn.primary{background:#286a4f;color:white;border-color:#286a4f}.btn .icon{width:13px;height:13px}.badge{display:inline-flex;align-items:center;gap:6px;background:#edf4ec;color:#62805a;border-radius:4px;padding:5px 7px;font-size:9px;white-space:nowrap}.badge.amber{background:#f7f1e4;color:#967538}.badge.gray{background:#eef0ee;color:#8b968c}.badge.red{background:#fae9e6;color:#af7162}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;min-width:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.card-header .muted{font-size:9px}.muted{color:#909d93;font-size:11px}.grid{display:grid;gap:18px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);margin-top:20px}.stat{padding:19px 20px}.stat-head{display:flex;justify-content:space-between;color:#6f8275;font-size:10px}.stat-head .icon{width:16px;height:16px;color:#b2c1b2}.stat-value{font-size:31px;letter-spacing:-1.2px;font-weight:600;margin:14px 0 10px;line-height:1}.stat-value small{font-size:12px;font-weight:400;color:#a0ada1;letter-spacing:0}.stat-note{font-size:9px;color:#99a69b}.stat-note span{color:#658160}.banner{display:flex;align-items:center;gap:12px;background:#edf3eb;border:1px solid #dce7d7;padding:13px 16px;border-radius:7px;margin-bottom:20px;color:#68815c;font-size:10px;line-height:1.7}.banner .icon{width:15px;height:15px}.banner.amber{background:#f8f5ec;border-color:#ede5ce;color:#9a8355}.banner span{flex:1}.banner button{font-size:10px;background:none;border:0;color:inherit;text-decoration:underline}.system-hero{background:linear-gradient(120deg,#233d30,#183227);color:#e4eddf;border:0;padding:24px;position:relative;overflow:hidden}.system-hero:after{content:'';width:230px;height:230px;border:1px solid #bdd28e15;border-radius:50%;position:absolute;right:-60px;top:-60px;pointer-events:none}.system-hero .muted{color:#819c86}.system-hero h2{font-size:17px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-metrics{display:flex;gap:36px;margin-top:26px}.hero-metrics strong{font-size:24px;font-weight:500;display:block;letter-spacing:-.8px}.hero-metrics span{font-size:9px;color:#97ae97;display:block;margin-top:6px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #49623f66;padding-top:16px;margin-top:24px;font-size:9px;color:#95ae95}.hero-foot .btn{background:#35503b;border-color:#587048;color:#d8e7cc}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf0ec}.row:last-child{border:0}.row-title{display:flex;align-items:center;gap:10px}.row-title .icon{color:#9cad99}.row-title p{margin:4px 0 0;font-size:9px;color:#929f94}.row-title b{font-size:11px;font-weight:550}.checklist{padding:0;margin:0;list-style:none}.checklist li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf1eb}.checklist li:last-child{border:0}.step{border:1px solid #dbe3d8;background:#f7f9f5;color:#9caf95;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:9px;flex-shrink:0}.step.done{background:#e9f2e5;border-color:#d7e7cd;color:#72945e}.checklist strong{font-size:10px;font-weight:550}.checklist p{font-size:9px;color:#9aa79a;margin:5px 0 0}.section-label{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-label h2{font-size:12px}.section-label span{font-size:9px;color:#9aa69b}.quick-card{display:block;text-align:left;width:100%;background:white;border:1px solid var(--line);border-radius:8px;padding:18px;color:var(--ink)}.quick-card .icon{margin-bottom:14px;color:#799474;width:20px;height:20px}.quick-card strong{font-size:11px;font-weight:550}.quick-card p{font-size:9px;color:#94a292;margin:7px 0 0}.quick-card:hover{border-color:#afc6a1}.tabstrip{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:12px}.tabstrip button{background:none;border:0;padding:7px 12px;font-size:10px;color:#96a28f;border-radius:5px}.tabstrip button.selected{background:#eaf1e4;color:#587946}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 25px}.empty .empty-icon{width:46px;height:46px;border:1px solid #e2e9db;border-radius:12px;background:#f6f9f1;display:grid;place-items:center;color:#a0b58d;margin-bottom:18px}.empty h2{font-size:14px;margin-bottom:8px}.empty p{font-size:10px;color:#91a18c;max-width:330px;margin:0 0 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}th{color:#a2ae9c;font-size:8px;letter-spacing:.6px;text-transform:uppercase;font-weight:500;padding:11px 0;border-bottom:1px solid #e9eee3}td{padding:14px 0;border-bottom:1px solid #edf1e8;color:#697e5d}td strong{font-weight:550;color:#435d3a}tr:last-child td{border:0}.table-head{margin-bottom:0}.status-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.status-row .badge{font-size:9px;padding:7px 10px}.monitor-card{background:#202725;border-color:#303b35;color:#e0e9e0;padding:22px}.monitor-card h2{font-size:12px}.monitor-card .muted{color:#8e9b8d;font-size:9px}.monitor-card .badge{background:#304033;color:#a8c48c}.monitor-card .badge.gray{background:#373c34;color:#a9ad99}.monitor-card .stat-value{font-size:35px;margin:23px 0}.monitor-card .stat-value small{color:#a4afa1}.monitor-card .card-header{margin-bottom:5px}.meter{height:5px;background:#3d473b;border-radius:6px;overflow:hidden;margin:18px 0}.meter i{display:block;height:100%;background:#93b879;width:0;transition:width .4s}.meter.purple i{background:#b68acb}.meter.blue i{background:#74a1bf}.reading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#93a38e;padding:9px 0;border-bottom:1px solid #3b463622}.reading:last-child{border:0}.reading span:last-child{color:#d6e1ca;font-variant-numeric:tabular-nums;text-align:right}.monitor-lower{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.chart-card{padding:22px;background:#202725;color:#dce9d5;border-color:#303b35}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-header h2{font-size:12px}.chart-legend{display:flex;gap:12px;color:#a1af97;font-size:9px}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:5px;height:5px;background:#79a3b8;border-radius:50%}.chart-legend .cpu{background:#94b979}.chart-legend .ram{background:#b68acb}.range-control{display:flex;background:#313c32;border-radius:5px;padding:2px;margin-top:16px;width:max-content}.range-control button{background:none;border:0;color:#93a28a;font-size:8px;padding:5px 9px;border-radius:4px}.range-control button.selected{background:#455840;color:#d6e5c8}.chart{position:relative;height:190px;margin-top:18px}.chart svg{width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#93a18a;text-align:center;padding:30px}.chart-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;color:#899880}.model-row{padding:17px 0;border-bottom:1px solid #3d493522}.model-row:last-child{border:0}.model-row strong{font-size:11px;color:#d1e2c5;word-break:break-word}.model-row p{font-size:9px;color:#93a58a;margin:8px 0 0}.monitor-note{font-size:9px;color:#94a18a;line-height:1.7;margin:18px 0 0}.service-list .row{border-color:#3d493522}.service-list .row-title b{color:#cddfc0}.service-list .row-title p{color:#92a185}.connected-line{font-size:10px;color:#86a77b;display:flex;gap:7px;align-items:center}.offline-text{color:#b69d6b}.infra-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#eaf1e4;border:1px solid #dae6d0;border-radius:7px;color:#789265;font-size:9px}.infra-footer .icon{width:14px;height:14px}.ticket-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ticket-tools input{flex:1;min-width:160px}input,select,textarea{border:1px solid #dfe7d8;border-radius:6px;background:white;color:#607452;font-size:10px;padding:9px 11px}input::placeholder,textarea::placeholder{color:#a3af9a}.ticket-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:550px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.ticket-list{background:#fbfcf8;border-right:1px solid var(--line)}.queue-heading{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a4b296;padding:17px;border-bottom:1px solid var(--line)}.ticket-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:18px;color:#516b43}.ticket-item.selected{background:#edf3e7;box-shadow:inset 3px 0 #95b97a}.ticket-meta{display:flex;justify-content:space-between;font-size:8px;color:#96a88b}.ticket-item b{display:block;font-size:11px;margin:9px 0 7px;font-weight:600}.ticket-item p{font-size:9px;margin:0;color:#94a389}.ticket-detail{padding:25px;min-width:0}.ticket-detail-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ticket-detail h2{font-size:17px}.ticket-detail-head p{font-size:9px;color:#94a18b;margin:8px 0 0}.message{border:1px solid #e5ebdf;background:#fbfcf8;padding:20px;border-radius:7px;margin:23px 0;line-height:1.8;color:#6c7e5d;font-size:11px}.message header{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-bottom:15px;color:#9cab91}.message header b{color:#6e855d}.ai-panel{background:#f5f3e8;border:1px solid #e9e5cd;border-radius:7px;padding:17px}.ai-panel h3{font-size:10px;color:#958a59}.ai-panel p{font-size:9px;color:#a09773}.ai-panel .btn{border-color:#dfdbc1;color:#9e935f}.composer{margin-top:24px}.composer-tabs{display:flex;gap:18px;margin-bottom:12px}.composer-tabs button{border:0;background:none;color:#a0ab95;font-size:9px;padding:0 0 7px}.composer-tabs button.selected{color:#6d8a52;border-bottom:2px solid #91ad70}textarea{width:100%;min-height:105px;resize:vertical;font-size:11px;line-height:1.7}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:8px;color:#9eac92}.inline-note{font-size:9px;color:#9eac93;margin-top:14px;line-height:1.7}.connection-card .connection-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e1e9d8;background:#f6f9ef;border-radius:9px;color:#94ae79;margin-bottom:22px}.connection-card h2{font-size:16px}.connection-card p{font-size:10px;color:#9aa88d;margin:9px 0 22px}.connection-card .row{font-size:10px;color:#899d79}.connection-card .row span:last-child{font-size:10px;color:#a4b497}.connection-card .btn{margin-top:16px}.admin-actions{margin-top:20px}.permission-grid{display:grid;grid-template-columns:1.3fr repeat(2,1fr);font-size:10px}.permission-grid>div{padding:12px 8px;border-bottom:1px solid #edf1e6;color:#899b7c}.permission-grid>div:nth-child(-n+3){font-size:9px;color:#9fae8f;background:#f8faf3}.permission-grid .allowed{color:#7a9b55}.permission-grid .locked{color:#a8ad99}.knowledge-card{padding:22px}.knowledge-card .icon{color:#91a879;margin-bottom:19px}.knowledge-card p{font-size:10px;color:#98a788;margin:10px 0}.knowledge-card .tags{display:flex;gap:5px;margin-top:18px}.article{max-width:800px}.article h2{font-size:16px;margin:25px 0 12px}.article p,.article li{font-size:11px;color:#829574;line-height:1.9}.article pre{white-space:pre-wrap;background:#f5f8ef;padding:15px;border-radius:6px;font-size:10px;color:#74915b}.article a{color:#668b48}.settings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9efdf;padding:20px 0;gap:20px}.settings-row:last-child{border:0}.settings-row b{font-size:11px;color:#698255}.settings-row p{font-size:9px;color:#9aac8b;margin:6px 0 0}.segmented{display:flex;padding:3px;border:1px solid #dfe8d4;border-radius:6px}.segmented button{border:0;padding:7px 10px;background:none;color:#9aab88;font-size:9px;border-radius:4px}.segmented button.selected{background:#eaf2df;color:#759557}.mobile-menu{display:none}.icon-button{display:grid;place-items:center;border:0;background:none;font-size:20px;color:#829675;padding:6px}.toast{position:fixed;right:24px;bottom:25px;background:#203d29;color:#dae8c7;padding:14px 18px;border:1px solid #759051;border-radius:7px;box-shadow:0 10px 30px #16321922;z-index:100;font-size:11px;max-width:420px}.toast[hidden]{display:none}dialog{border:1px solid #dde6d0;border-radius:10px;width:440px;max-width:calc(100% - 32px);padding:0;box-shadow:0 20px 80px #18331b44}dialog::backdrop{background:#182e2366}.dialog-top{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.dialog-top input{flex:1;border:0;font-size:12px}.search-result{width:100%;padding:13px 20px;display:flex;align-items:center;gap:12px;border:0;background:white;text-align:left;font-size:11px;color:#729056}.search-result:hover{background:#edf4e2}.search-hint{font-size:9px;color:#9cac8b;padding:12px 20px;margin:0;border-top:1px solid var(--line)}.dense .card{padding:15px}.dense .row{padding:11px 0}.dense .stat-value{font-size:26px}.skeleton{animation:pulse 1.3s ease-in-out infinite;background:#eaf0e2;border-radius:5px;color:transparent!important}@keyframes pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.monitor-card{padding:26px}.stat-value{font-size:37px}.overview-grid{grid-template-columns:2fr 1fr}}@media(max-width:1200px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.main-shell{margin-left:208px}.topbar{padding:0 25px}main{padding:25px}.page-footer{padding:0 25px 20px}.top-search{gap:12px}.hero-metrics{gap:25px}.cols-4{gap:12px}.monitor-card{padding:17px}.stat-value{font-size:28px}.overview-grid{grid-template-columns:1.5fr 1fr}.ticket-layout{grid-template-columns:260px 1fr}.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.monitor-lower{grid-template-columns:1fr}.top-search{display:none}.heading-actions{padding-top:10px}.hero-metrics{gap:36px}.ticket-layout{grid-template-columns:220px 1fr}.ticket-detail{padding:18px}.page-heading h1{font-size:25px}}@media(max-width:680px){.sidebar{transform:translateX(-100%);width:234px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #14302144}.main-shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:60px;padding:0 18px}.top-actions{gap:12px}.breadcrumb{font-size:10px;gap:9px}.live-indicator{font-size:9px}.avatar{width:28px;height:28px}main{padding:22px 18px}.page-heading{flex-direction:column;gap:8px;margin-bottom:20px}.heading-actions{padding:0}.cols-2,.cols-3{grid-template-columns:1fr}.cols-4{gap:10px}.stat{padding:16px}.stat-value{font-size:27px}.hero-metrics{gap:25px}.hero-metrics strong{font-size:22px}.page-footer{padding:0 18px 20px;font-size:8px;gap:16px}.page-footer span:last-child{max-width:170px;text-align:right}.ticket-layout{grid-template-columns:1fr}.ticket-list{border-right:0;border-bottom:1px solid var(--line);max-height:250px;overflow:auto}.ticket-detail{padding:20px}.monitor-card .stat-value{font-size:30px}.chart-header{align-items:flex-start;flex-direction:column}.permission-grid{font-size:9px}.infra-footer{gap:15px;line-height:1.6}.hero-foot{gap:12px}.table-wrap{max-width:100%}}@media print{.sidebar,.topbar,.page-footer,.btn{display:none}.main-shell{margin:0}main{padding:0}.card{break-inside:avoid}}
/* Component contracts and readable operational density. */
.grid{margin-bottom:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.quick-card,.knowledge-card{text-decoration:none}.quick-card h2{margin-bottom:12px}.quick-card p,.knowledge-card p,.connection-card p{font-size:12px;color:#728376}.section-label{font-size:10px;letter-spacing:1.5px;color:#7c8d80}.checklist>.step{display:flex;align-items:center;gap:13px;width:auto;height:auto;border:0;border-radius:0;background:none;padding:13px 0;border-bottom:1px solid var(--line)}.checklist>.step>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dbe4dc;border-radius:50%;background:#f5f8f3;flex-shrink:0}.checklist>.step.done>span{background:#e7f2e7;color:#3b7650}.checklist strong{font-size:12px}.checklist p{font-size:11px;color:#819084}.system-hero{border-radius:10px}.system-hero h2{font-size:24px;line-height:1.3;letter-spacing:-.6px}.system-hero p{font-size:12px;color:#a7bdad;margin-bottom:0}.hero-top{align-items:flex-start}.hero-metrics small{font-size:11px;color:#a3bca9}.hero-metrics strong{font-size:25px;margin-top:10px}.hero-metrics strong small{font-size:13px;margin-left:5px}.row{font-size:12px;min-width:0}.row>span{color:#7f8d82}.row>strong{text-align:right;font-weight:500;overflow-wrap:anywhere}.monitor-card{border:1px solid #35413b;border-radius:9px}.monitor-card>.reading{display:block;font-size:38px;color:#ecf3ed;border:0;font-weight:600;margin:20px 0 10px;letter-spacing:-1px}.monitor-card>.reading small{font-size:12px;font-weight:400;color:#9caf9f;margin-left:7px;letter-spacing:0}.monitor-card .row{border-color:#ffffff12;font-size:11px;padding:12px 0}.monitor-card .row>span{color:#92a498}.monitor-card .row>strong{color:#dce7dd}.monitor-card .stat-head{font-size:12px;color:#a6baab}.meter span{display:block;height:100%;background:#8ab790}.connected-line{margin-bottom:20px;flex-wrap:wrap}.chart-card{border:1px solid #35413b;border-radius:9px}.chart{width:100%;height:auto;min-height:170px}.chart-empty{position:static;min-height:190px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.chart-empty small{font-size:11px}.chart-legend{margin-top:12px}.model-row strong{color:#405b48;font-size:12px}.model-row p{color:#7f9082;font-size:11px}.monitor-note{font-size:11px}.ticket-list{padding:0;border:0;border-radius:0}.ticket-detail{border:0;border-radius:0}.ticket-detail-head{display:block}.ticket-detail-head .ticket-meta{margin-top:18px;gap:12px;flex-wrap:wrap;align-items:center;font-size:11px}.ticket-item>strong{display:block;font-size:13px;margin:12px 0 8px}.ticket-item>small{display:block;font-size:10px;margin-top:10px}.ticket-item p{font-size:11px}.message small{display:block;color:#95a58d;margin-top:6px}.message{font-size:12px}.message p{margin-bottom:0}.composer label{display:block;font-size:12px;margin-bottom:12px}.composer-footer{flex-wrap:wrap}.inline-note{font-size:11px;color:#82927e}.card+.card{margin-top:20px}.grid>.card+.card{margin-top:0}.article p{font-size:14px;color:#657d69}.subheading{font-size:12px;color:#7b897f}.stat-note{font-size:10px;color:#809081}.badge{font-size:10px}.btn{font-size:11px}.ticket-tools input,select,textarea{font-size:12px}.live-indicator.offline{color:#967d47}.nav-item>span{width:20px;text-align:center;font-size:17px}.search-result{text-decoration:none}.knowledge-card h2{font-size:17px}.knowledge-card{transition:border-color .15s}.knowledge-card:hover{border-color:#abc19f}@media(max-width:680px){.system-hero h2{font-size:21px}.hero-metrics{gap:17px;flex-wrap:wrap}.hero-metrics strong{font-size:21px}.row{font-size:11px}.monitor-card>.reading{font-size:31px}.page-heading h1{font-size:27px}}

.mobile-menu{display:none}@media(max-width:680px){.mobile-menu{display:grid}}
/* Identity and work management */
nav .request-badge{margin-left:auto;background:#d8ad61;color:#203124;font-size:10px;padding:2px 6px;border-radius:8px;width:auto}.onboarding{max-width:680px;margin:auto}.onboarding h2{font-size:23px}.onboarding p{color:#7b8b80}.onboarding .btn{margin-top:18px}form label{display:block;font-size:12px;color:#597261;margin:16px 0}form label>input:not([type=checkbox]),form label>textarea,form label>select{display:block;width:100%;margin-top:8px}fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0}legend{padding:0 8px;font-size:12px;font-weight:600}.grant-row{padding:15px 0;border-bottom:1px solid var(--line)}.grant-row:last-child{border:0}.grant-row>label{display:flex;gap:10px;align-items:center;margin:0}.grant-row p{font-size:11px;color:#829287;margin:7px 0 9px 24px}.store-checks{display:flex;gap:20px;flex-wrap:wrap;margin-left:24px}.store-checks label{display:flex;align-items:center;gap:7px;font-size:11px;margin:7px 0}.sensitive-warning{display:block;margin-left:24px;color:#a47c34;font-size:10px}.permission-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.role-card p{font-size:12px;color:#75877a}.role-card .btn{margin-top:18px}.request-purpose{background:#f5f8f3;padding:15px;border-radius:7px;color:#657d6a;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.request-card h2{font-size:18px}.request-card>p{font-size:12px;color:#7f9184}.user-review{margin-top:24px;scroll-margin-top:20px}.user-review h2{font-size:20px}.review-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.effective-preview{border:1px solid #dbe7d7;background:#f5f9f2;padding:18px;border-radius:8px;margin:20px 0;font-size:12px}.danger{border-color:#ddc3bb;color:#a15d4c}.editor-body{padding:24px}#editorDialog{width:700px;max-height:90vh}#editorDialog .dialog-top{justify-content:space-between;align-items:center}#editorDialog h2{font-size:19px}#editorDialog p{font-size:12px;color:#82917f}.form-error{color:#a34e38!important;font-size:12px}.permission-choice{display:flex;gap:10px;align-items:center;font-size:12px}table td small{display:block;margin-top:6px;color:#8a9b8d}table td p{margin:6px 0;color:#8a9b8d}.spark-tabs{margin-top:-4px}.core-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:18px 0}.core-grid span{background:#34463b;aspect-ratio:1.8;border-radius:3px;position:relative}.core-grid span i{display:block;position:absolute;inset:0;background:#649ab6;border-radius:3px}.core-grid span small{position:absolute;font-size:6px;left:2px;bottom:1px;color:#bdd2c3}.detail-stat{font-size:31px;font-weight:600;margin:20px 0;color:#e4ede5}.detail-stat small{font-size:12px;font-weight:400}.telemetry-table td{font-size:11px}.telemetry-table th{font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.metric-grid>div{background:#f2f6ef;border-radius:7px;padding:14px;text-align:center}.metric-grid strong{display:block;font-size:24px;margin-bottom:6px}.metric-grid small{font-size:10px;color:#84947d}.guide-message{font-size:12px;color:#80917f}.metrics-chart{width:100%;height:210px}.no-source{font-size:11px;color:#80907f;padding:15px;background:#f5f8f2;border-radius:7px}.account-status{margin:20px 0}.hero-metrics{flex-wrap:wrap}@media(max-width:680px){.metric-grid{grid-template-columns:repeat(3,1fr)}.review-actions{align-items:stretch;flex-direction:column}.user-review{padding:15px}.grant-row p{margin-left:0}#editorDialog .editor-body{padding:16px}fieldset{padding:12px}.core-grid{grid-template-columns:repeat(10,1fr)}}

[hidden]{display:none!important}

.sidebar nav{min-height:0;overflow-y:auto;flex:1}.sidebar-foot{flex-shrink:0;margin-top:18px}.brand{margin-bottom:26px}
.card .detail-stat{color:var(--ink)}

.nav-area-label{display:block;font-size:9px;letter-spacing:.12em;color:#9db0a5;padding:0 7px 17px}.nav-area-label select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #52665b;background:#233b31;color:#eef5ed;border-radius:7px;font:inherit;font-size:11px;letter-spacing:0}.spark-activity-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.spark-activity-top .monitor-card{padding:22px}.spark-activity-top .reading{font-size:34px;margin:16px 0 8px}.spark-activity-top p{color:#b9c7be;font-size:11px;margin:0}.activity-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px;margin-bottom:20px}.activity-layout .chart{height:250px}.inventory-row{padding:17px 0;border-bottom:1px solid var(--line)}.inventory-row:last-child{border:0}.inventory-title{display:flex;gap:12px;justify-content:space-between;align-items:center}.inventory-title strong{font-size:13px}.inventory-row p{font-size:11px;color:var(--muted);margin:8px 0 0}.history-note{font-size:11px;color:var(--muted);margin:8px 0 22px}.spark-diagnostics{margin-top:25px}.spark-diagnostics>summary{cursor:pointer;font-size:14px;font-weight:650;padding:18px 0}.spark-diagnostics .grid{margin-top:10px}@media(max-width:1100px){.spark-activity-top{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.activity-layout{grid-template-columns:1fr}}@media(max-width:500px){.spark-activity-top{gap:10px}.spark-activity-top .monitor-card{padding:17px}.spark-activity-top .reading{font-size:27px}}

.activity-layout{align-items:start}.activity-charts{display:grid;gap:18px;min-width:0}.activity-charts .chart-card{padding:25px}.inference-history .chart{height:180px}.inference-history .card-heading{margin-bottom:12px}
/* Compact workspace density: preserve readable text and touch targets. */
@media(min-width:681px){.sidebar{width:200px;padding:20px 12px}.main-shell{margin-left:200px}.brand{margin:0 10px 22px}.topbar{height:56px;padding:0 22px}main{padding:20px 22px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:26px}.page-heading p{margin:6px 0 0}.grid,.activity-layout{gap:12px;margin-bottom:12px}.card,.activity-charts .chart-card{padding:16px}.card-heading{margin-bottom:10px}.monitor-card,.spark-activity-top .monitor-card{padding:15px}.monitor-card>.reading,.spark-activity-top .reading{font-size:30px;margin:10px 0 6px}.monitor-card .row,.row{padding:7px 0}.spark-activity-top{gap:12px;margin-bottom:12px}.connected-line{margin-bottom:12px}.tabs{margin-bottom:12px}.activity-charts{gap:12px}.inventory-row{padding:10px 0}.history-note{margin-bottom:12px}.chart-header{margin-bottom:10px}.card+.card{margin-top:12px}.grid>.card+.card{margin-top:0}.nav-area-label{padding-bottom:10px}nav .nav-item{padding:10px 12px;margin-bottom:2px}.spark-diagnostics{margin-top:12px}.spark-diagnostics>summary{padding:12px 0}.page-footer{padding:0 22px 12px}.activity-layout .chart{height:210px}.inference-history .chart{height:160px}}
.media-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;margin:8px 0}.media-summary+.inline-note{margin:6px 0}.inventory-row p{margin:5px 0 0;line-height:1.5}.monitor-card .meter{margin:8px 0}.monitor-card .reading small{white-space:nowrap}.service-list .row{padding:6px 0}
@media(max-width:680px){main{padding:16px 12px}.page-heading{margin-bottom:14px}.card,.monitor-card,.spark-activity-top .monitor-card{padding:13px}.grid,.activity-layout{gap:10px;margin-bottom:12px}.spark-activity-top{gap:10px;margin-bottom:12px}.connected-line{margin-bottom:12px}.monitor-card>.reading{margin:10px 0 6px}.row,.monitor-card .row{padding:8px 0}.media-summary{align-items:flex-start}}

.media-summary{justify-content:flex-start;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#eef3ec;margin:0 0 12px;gap:10px 16px}.media-summary>span:last-child{font-size:11px;color:var(--muted)}

/* Unified device overview: cards follow their own content height. */
.unified-monitor-main{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start}
.unified-monitor-main .chart-card{align-self:start;padding:16px;min-height:0;height:auto}
.unified-monitor-main svg.chart{display:block;position:static;width:100%;height:auto;min-height:0;aspect-ratio:800 / 270;margin-top:18px}
.chart-card .chart-header{flex-wrap:wrap}.chart-card .chart-meta{gap:12px;flex-wrap:wrap;font-size:10px}
.model-media{display:grid;gap:12px;min-width:0}.model-media>.card+.card{margin-top:0}
.monitor-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.monitor-jumps a{text-decoration:none;font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:white}
[id^="spark-"]{scroll-margin-top:20px}.hardware-values{display:flex;gap:16px;color:#e2ebe5;margin:10px 0 6px}.hardware-values span{font-size:14px}
.core-grid{grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:4px;margin:14px 0}.core-grid span{height:26px;aspect-ratio:auto;overflow:hidden;background:#172f26}.core-grid span i{inset:auto 0 0;opacity:1;background:#68acd2;transition:height .3s}.core-grid span small{font-size:8px;left:3px;bottom:2px;color:#eff7f0}
.model-family h3{font-size:13px;margin:12px 0 0}.inventory-title{align-items:flex-start}.inventory-title strong{overflow-wrap:anywhere}.inventory-row p{line-height:1.55}.inventory-title .badge{flex-shrink:0}
.usage-bars{height:110px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line);margin-top:18px}.usage-bars>span{flex:1;background:#5b9fbb;min-height:2px;border-radius:2px 2px 0 0}.usage-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.light-meter{background:#e9eee8;margin:12px 0}.status-cards .card{padding:13px 16px}.table-wrap{overflow-x:auto}.chart-card .range-control{margin-top:0}.unified-monitor-main .chart-legend{font-size:11px;gap:12px;flex-wrap:wrap}.unified-monitor-main h2{font-size:16px}
@media(max-width:1100px){.unified-monitor-main{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}}
@media(max-width:900px){.unified-monitor-main{grid-template-columns:1fr}.model-media{grid-template-columns:repeat(2,minmax(0,1fr))}.status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.model-media,.status-cards{grid-template-columns:1fr}.unified-monitor-main svg.chart{aspect-ratio:800 / 340}.chart-card .chart-header{flex-direction:column}.unified-monitor-main .chart-card{padding:13px}.monitor-jumps{gap:5px}.metric-grid{gap:5px}.metric-grid>div{padding:10px 6px}}
@media(min-width:901px){.status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.monitor-card>.reading{font-size:26px}.hardware-values{gap:10px}.monitor-card .row{gap:7px;flex-wrap:wrap}.monitor-card .row>strong{max-width:100%}.core-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.core-grid span{height:30px}}

/* Compact is the existing baseline. Extra compact increases information density. */
.density-control{font-size:11px;padding:6px 8px;background:#f4f7f2;color:var(--ink);min-height:30px;max-width:124px}
.extra-compact main{padding:12px 14px}.extra-compact .topbar{height:46px;padding:0 14px}.extra-compact .page-heading{margin-bottom:8px;gap:8px}.extra-compact .page-heading h1{font-size:23px}.extra-compact .page-heading p{margin:3px 0 0}.extra-compact .eyebrow{margin-bottom:5px}.extra-compact .grid,.extra-compact .activity-layout,.extra-compact .activity-charts,.extra-compact .model-media{gap:8px;margin-bottom:8px}.extra-compact .activity-charts,.extra-compact .model-media{margin-bottom:0}
.extra-compact .card,.extra-compact .monitor-card,.extra-compact .unified-monitor-main .chart-card{padding:10px 12px}.extra-compact .card-heading{margin-bottom:6px}.extra-compact h2,.extra-compact .unified-monitor-main h2{font-size:14px}.extra-compact .row,.extra-compact .monitor-card .row{padding:4px 0;font-size:11px;gap:8px}.extra-compact .monitor-card>.reading{font-size:25px;margin:6px 0 4px}.extra-compact .monitor-card .stat-head{font-size:11px}.extra-compact .hardware-values{margin:6px 0 4px;gap:12px}.extra-compact .hardware-values span{font-size:12px}.extra-compact .meter{margin:6px 0;height:4px}.extra-compact .core-grid{margin:8px 0;gap:3px}.extra-compact .core-grid span{height:21px}.extra-compact .inline-note,.extra-compact .monitor-note{font-size:11px;line-height:1.4;margin:7px 0 0}.extra-compact .inventory-row{padding:7px 0}.extra-compact .inventory-title strong{font-size:12px}.extra-compact .inventory-row p{margin:4px 0 0;font-size:11px;line-height:1.35}.extra-compact .model-family h3{margin:8px 0 0;font-size:12px}.extra-compact .connected-line{margin-bottom:8px;font-size:10px}.extra-compact .monitor-jumps{margin-bottom:8px;gap:6px}.extra-compact .monitor-jumps a{padding:4px 8px}.extra-compact .chart-header{margin-bottom:6px}.extra-compact .chart-legend{margin-top:7px;gap:9px}.extra-compact .unified-monitor-main svg.chart{margin-top:10px}.extra-compact .chart-meta{margin-top:6px;font-size:10px}.extra-compact .metric-grid{gap:5px;margin:10px 0}.extra-compact .metric-grid>div{padding:8px 4px}.extra-compact .metric-grid strong{font-size:21px;margin-bottom:3px}.extra-compact .usage-bars{height:72px;margin-top:10px}.extra-compact table th,.extra-compact table td{padding:6px 5px}.extra-compact .stat-value{font-size:26px;margin:8px 0}.extra-compact .card+.card{margin-top:8px}.extra-compact .grid>.card+.card,.extra-compact .model-media>.card+.card,.extra-compact .activity-charts>.card{margin-top:0}.extra-compact .page-footer{padding:0 14px 10px}.extra-compact .settings-row{padding:12px 0}
@media(min-width:681px){.extra-compact .sidebar{width:180px;padding:14px 10px}.extra-compact .main-shell{margin-left:180px}.extra-compact .brand{margin:0 8px 14px;font-size:20px;gap:9px}.extra-compact .brandmark{width:32px;height:32px;font-size:24px}.extra-compact nav .nav-item{padding:8px 10px;gap:8px;font-size:11px;margin-bottom:1px}.extra-compact .nav-area-label{padding-bottom:7px}.extra-compact .nav-area-label select{padding:7px;margin-top:5px}.extra-compact .sidebar-foot{padding:12px 8px 0}.extra-compact .security-lock{padding-bottom:10px;margin-bottom:10px}}
@media(max-width:680px){.density-control{min-height:34px;font-size:11px;padding:6px;max-width:115px}.top-actions{gap:8px}.top-actions .live-indicator{display:none}.extra-compact main{padding:12px 10px}.extra-compact .topbar{height:54px;padding:0 10px}.extra-compact .monitor-card>.reading{font-size:24px}.extra-compact .core-grid span{height:26px}.extra-compact .range-control button{min-height:30px}.extra-compact .btn{min-height:32px}.extra-compact .card,.extra-compact .monitor-card{padding:10px}.extra-compact .sidebar nav .nav-item{min-height:40px}}

/* Spark monitoring density: shared by both compact preferences. */
.spark-overview .spark-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.spark-heading h1{margin:0;min-width:0;font-size:26px}.spark-heading .btn{flex-shrink:0}.gateway-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 14px;background:var(--card,#fff);border-radius:10px;margin-bottom:12px;font-size:12px}.gateway-summary label{display:flex;align-items:center;gap:5px;margin-left:auto}.gateway-summary select,#usageRange{padding:4px 8px;font-size:12px;border-radius:6px;max-width:110px}.spark-overview .row,.spark-overview td,.spark-overview th,.spark-overview .inventory-row,.spark-overview .model-family{border:0!important}.spark-overview .row{padding:4px 0}.spark-overview .inventory-row{padding:6px 0}.spark-overview .inventory-row p{margin:2px 0 0;line-height:1.35}.spark-overview .model-family h3{margin:4px 0 3px}.spark-overview .model-state{display:inline-flex;align-items:center;flex-shrink:0;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;background:#edf1ed;color:#526258}.spark-overview .model-state.running{background:#d6f8df;color:#00872f}.spark-overview .model-state.running:before{content:'';width:7px;height:7px;border-radius:50%;background:#0ac143;margin-right:5px}.spark-overview .core-grid{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:3px!important;max-width:240px;margin:10px 0!important}.spark-overview .core-grid span{height:7px!important;min-height:7px!important;border:0!important;border-radius:2px!important;padding:0!important;transition:background .3s}.extra-compact .spark-overview .core-grid span{height:6px!important;min-height:6px!important}.spark-overview .inline-note,.spark-overview .monitor-note{margin:5px 0;font-size:11px}.spark-overview .card-heading{margin-bottom:7px}.spark-overview .inventory-title{gap:7px;align-items:center}.spark-overview .activity-charts,.spark-overview .model-media{min-width:0}.spark-overview .metric-grid{gap:5px}.spark-overview .usage-bars{height:75px}.spark-overview .card-heading h2{margin:0}@media(max-width:600px){.spark-heading h1{font-size:21px}.spark-heading .btn{padding:7px 9px}.gateway-summary{gap:5px 9px;padding:9px}.gateway-summary label{margin-left:0}.spark-overview .core-grid{max-width:210px}.spark-overview .inventory-title strong{font-size:13px}.spark-overview .model-state{font-size:11px;padding:4px 8px}.spark-overview .unified-monitor-main{display:flex;flex-direction:column}.spark-overview .model-media{order:-1}}
.spark-overview .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:9px 0}.spark-overview .metric-grid>div{min-width:0;padding:8px 4px}.spark-overview .metric-grid strong{font-size:20px;margin-bottom:3px}.spark-overview .core-grid span{aspect-ratio:auto!important}.spark-overview .inventory-title strong{min-width:0;overflow-wrap:anywhere}
.support-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 15px}.support-tabs a{padding:7px 11px;border-radius:7px;color:#526b5e;font-size:12px;text-decoration:none;background:#edf2eb}.support-tabs a[aria-current=page]{background:#244f3b;color:#fff}.support-test-banner{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff1d8;color:#755420;padding:10px 13px;border-radius:9px;margin-bottom:12px;font-size:12px}.support-test-banner label{display:flex;gap:8px;align-items:center}.support-presence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px}.support-shell .message p,.support-template-body{white-space:pre-wrap;overflow-wrap:anywhere}.support-shell .message{margin:12px 0}.support-shell .internal-note{background:#fff6df;border-radius:7px;padding:12px}.support-ticket-facts{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:#778a7d;margin:12px 0}.support-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.support-template-grid h2{font-size:16px}.support-check{display:flex!important;gap:8px;align-items:center;font-size:12px!important;margin:12px 0!important}.support-check input{width:auto!important}.support-template-picker{display:flex;gap:8px;margin:10px 0}.support-template-picker select{min-width:0;max-width:100%;flex:1}.support-events>div{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:11px;padding:6px 0}.support-events time{color:#82907f}.support-events small{margin-left:auto}.support-steps{font-size:13px;line-height:1.7;padding-left:20px}.support-flow{padding:12px;background:#f0f5ed;border-radius:8px;font-size:13px;line-height:1.8}.support-shell details{margin:12px 0}.support-shell summary{font-size:12px;cursor:pointer;color:#3b674a}.support-shell select{max-width:100%}.support-shell .ticket-tools{flex-wrap:wrap}.support-ticket-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.6fr)}.support-shell .ticket-detail{min-width:0}.support-shell .ticket-list{max-height:950px;overflow:auto}.support-shell #supportError:empty{display:none}.support-shell .page-heading{margin-bottom:12px}.support-shell table td,.support-shell table th{white-space:normal}.support-shell .composer-footer{flex-wrap:wrap;gap:7px}.support-shell .ai-panel h3{font-size:12px;margin-top:12px}.support-shell .ai-panel .btn{margin:5px 4px 0 0}@media(max-width:760px){.support-ticket-layout{grid-template-columns:1fr}.support-shell .ticket-list{max-height:300px}.support-test-banner{gap:8px}.support-tabs a{padding:6px 8px}.support-template-picker{flex-wrap:wrap}.support-events small{margin-left:0}.support-shell .ticket-tools>select{flex:1;min-width:100px}}

.spark-chat-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.spark-chat-entry span{font-size:12px;color:var(--muted)}