@charset "UTF-8";
:root{--bg:#101214;--panel:#181b1e;--panel-soft:#15181b;--line:#2a2e32;--muted:#858d96;--text:#f0f2ed;--lime:#c5f88d;--cyan:#64d7e2;--violet:#b8a1f8;--orange:#f3ba7e;--red:#ff797e;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}a{color:var(--cyan)}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}svg{display:block;flex-shrink:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;color:var(--muted);text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-dot.good{background:var(--lime);box-shadow:0 0 9px #c5f88d35}.status-dot.warn{background:var(--orange)}.status-dot.bad{background:var(--red)}
.app-shell{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:84px;border-right:1px solid var(--line);background:#121517;z-index:20;display:flex;flex-direction:column;align-items:center;padding:28px 0 20px}.brand-emblem{width:37px;height:42px;color:var(--lime);display:grid;place-items:center}.rail-nav{display:flex;flex-direction:column;gap:13px;margin-top:49px;width:100%;align-items:center}.rail-btn{width:47px;height:47px;border:0;border-radius:12px;background:transparent;color:#7d858c;display:grid;place-items:center;position:relative;transition:background .16s,color .16s}.rail-btn:hover{background:#22282a;color:var(--text)}.rail-btn.active{background:#c5f88d11;color:var(--lime);box-shadow:inset 0 0 0 1px #c5f88d23}.rail-btn.active:before{content:"";position:absolute;width:2px;left:-18px;top:12px;bottom:12px;background:var(--lime)}.rail-btn .tooltip{pointer-events:none;position:absolute;left:60px;background:#30363a;border:1px solid #42494f;border-radius:7px;padding:6px 10px;font-size:11px;white-space:nowrap;color:white;opacity:0;transform:translateX(-4px);transition:.15s;z-index:60}.rail-btn:hover .tooltip,.rail-btn:focus-visible .tooltip{opacity:1;transform:none}.rail-bottom{margin-top:auto;display:grid;gap:10px}.avatar{border:1px solid #3f4840;border-radius:50%;width:32px;height:32px;background:#273028;color:#d7e7cb;font-size:10px;font-weight:700;display:grid;place-items:center}.content-shell{grid-column:2;min-width:0}.topbar{height:91px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:20px;font-weight:600;letter-spacing:3.3px;line-height:1}.wordmark span{font-weight:300;color:#afb5b7}.brand-small{font-size:8px;letter-spacing:2.8px;color:var(--muted);margin-top:9px}.top-left{display:flex;align-items:center;gap:26px}.private-label{border-left:1px solid var(--line);padding-left:25px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:17px}.connection-pill{font-size:10px;display:flex;align-items:center;gap:7px;color:#aeb4b8}.top-clock{font-size:11px;color:#aab0b5;border-left:1px solid var(--line);padding-left:17px}.sample-button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:6px 9px;font-size:10px;display:flex;gap:6px;align-items:center}.sample-button.active{color:var(--violet);border-color:#b8a1f840}.main{max-width:1720px;margin:0 auto;padding:31px 40px 22px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.intro h1{font-size:28px;letter-spacing:-.9px;font-weight:500;margin-top:6px}.intro p{color:var(--muted);font-size:12px;margin-top:5px}.date-label{font-size:11px;color:var(--muted);margin-bottom:2px}.small-actions{display:flex;gap:9px;align-items:center}.button{background:#242a2e;border:1px solid #343b40;border-radius:8px;padding:10px 14px;color:var(--text);font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:39px;transition:background .15s,border-color .15s}.button:hover{background:#30373c;border-color:#515b62}.button.primary{background:var(--lime);border-color:var(--lime);color:#1b2615}.button.primary:hover{background:#d8ffae}.button.ghost{background:transparent;border-color:var(--line);color:#aeb6bc}.button.danger{background:#ff797e11;color:#ff9296;border-color:#ff797e35}.button.danger:hover{background:#ff797e23}.button.sm{padding:6px 10px;min-height:32px;font-size:10px}.icon-button{padding:7px;border-radius:7px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.icon-button:hover{background:#ffffff08;color:var(--text)}
.sample-banner{border:1px solid #b8a1f84a;background:#b8a1f811;border-radius:9px;padding:11px 15px;font-size:11px;color:#d3c5ff;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.sample-banner strong{color:#e7ddff}.connection-banner{border:1px solid #f3ba7e28;background:#f3ba7e08;border-radius:9px;padding:10px 14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#c9b09b}.connection-banner>span{display:flex;gap:10px;align-items:center}.pod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.pod-card{--pod:var(--cyan);padding:16px 17px 13px;border:1px solid var(--line);background:var(--panel-soft);text-align:left;border-radius:10px;position:relative;overflow:hidden;min-height:113px;transition:border-color .18s,background .18s}.pod-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--pod);opacity:0}.pod-card:hover{border-color:#465057;background:#1b2023}.pod-card.selected{border-color:color-mix(in srgb,var(--pod) 50%,#30363a);background:linear-gradient(125deg,color-mix(in srgb,var(--pod) 5%,#181b1e),#181b1e)}.pod-card.selected:after{opacity:.7}.pod-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pod-number{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.pod-state{font-size:9px;display:flex;align-items:center;gap:5px;color:#a0a8ae}.pod-name{font-size:15px;font-weight:550;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:7px}.pod-count{font-size:10px;color:var(--muted)}.pod-count b{font-size:15px;font-weight:500;color:var(--text);margin-right:3px}.sparkline{width:85px;height:24px;color:var(--pod);opacity:.8}.pod-empty-line{opacity:.3}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.workspace-title{font-size:15px;font-weight:500;display:flex;gap:9px;align-items:center}.workspace-title small{font-size:10px;color:var(--muted);font-weight:400}.live-label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.chart-panel{padding:21px 23px 16px;min-width:0;position:relative}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.segmented{display:flex;gap:3px;padding:3px;background:#111416;border:1px solid #282e32;border-radius:7px}.segment{border:0;background:transparent;color:var(--muted);font-size:10px;border-radius:4px;padding:5px 11px;display:flex;gap:6px;align-items:center}.segment.active{background:#2a3034;color:#e8ecee}.chart-options{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.chart-options select{border:0;background:transparent;color:#aab3bb;font-size:10px;max-width:100px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:27px;margin-bottom:23px}.metric{border-right:1px solid var(--line);padding-right:11px;min-width:0}.metric:last-child{border:0}.metric-value{font-size:29px;font-weight:400;letter-spacing:-1.15px;white-space:nowrap;line-height:1.1}.metric-name{font-size:10px;color:var(--muted);margin-top:7px;display:flex;gap:6px;align-items:center}.metric-note{font-size:9px;color:var(--lime);margin-top:5px;min-height:14px}.metric-value.warn{color:var(--orange)}.metric-value.cyan{color:var(--cyan)}.metric-value.red{color:var(--red)}.chart-legend{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9ca5ad;gap:10px;margin-bottom:2px}.legend-item{display:flex;align-items:center;gap:7px}.legend-dash{width:13px;height:2px;display:inline-block;background:var(--cyan)}.legend-dash.violet{background:var(--violet)}.chart-value{color:var(--cyan);font-size:12px;margin-top:4px;font-weight:500}.live-chart{position:relative;width:100%;margin-top:13px;height:234px}.live-chart svg{width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;inset:30% 0 auto;text-align:center;pointer-events:none}.chart-empty-icon{width:33px;height:33px;border-radius:9px;background:#64d7e20a;color:#71b7bd;border:1px solid #64d7e220;display:grid;place-items:center;margin:0 auto 9px}.chart-empty p{color:#acb4b8;font-size:11px}.chart-empty small{font-size:9px;color:#68747d;display:block;margin-top:4px}.chart-foot{border-top:1px solid #282d31;margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chart-periods{display:flex;gap:3px}.chart-periods button{border:0;color:#7f8b93;background:transparent;padding:4px 8px;font-size:9px;border-radius:4px}.chart-periods button.active{background:#2b3237;color:#e5e9ec}.chart-foot-note{font-size:9px;color:#6f7a82;display:flex;align-items:center;gap:6px}.progress-panel{display:flex;flex-direction:column;padding:21px 20px 17px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:500}.panel-title small{color:var(--muted);font-size:9px;font-weight:400}.tag{font-size:9px;background:#22282c;color:#9ea9af;padding:3px 7px;border-radius:4px;border:1px solid #333b40;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tag.good{color:var(--lime);background:#c5f88d0a;border-color:#c5f88d22}.tag.warn{color:var(--orange);background:#f3ba7e09;border-color:#f3ba7e22}.tag.bad{color:var(--red);background:#ff797e09;border-color:#ff797e22}.tag.violet{color:var(--violet);background:#b8a1f809;border-color:#b8a1f822}.batch-select{border:0;background:transparent;color:#939ea6;font-size:10px;width:100%;padding:0;margin-top:8px;outline:none}.progress-ring{position:relative;width:200px;height:200px;margin:12px auto 0}.progress-ring svg{width:100%;height:100%}.ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-number{font-size:37px;font-weight:350;letter-spacing:-1.5px;line-height:1.2}.ring-number span{font-size:17px;color:#7f8b92;letter-spacing:0}.ring-label{font-size:9px;color:#859198;margin-top:6px}.ring-center-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-top:12px}.progress-info{text-align:center;font-size:10px;color:#8b969d;margin-bottom:16px}.progress-info strong{color:#d4dce0;font-weight:500}.progress-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;gap:12px}.progress-stat{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.progress-stat b{font-size:11px;color:#cad2d6;font-weight:500}.progress-alert{margin-top:14px;display:flex;align-items:flex-start;gap:8px;color:#85929a;font-size:10px;line-height:1.6}.progress-alert svg{color:var(--lime);margin-top:2px}.progress-actions{display:flex;gap:7px;margin-top:auto;padding-top:15px}.progress-actions .button{flex:1}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px;margin-top:16px}.pipeline-panel{padding:18px 21px}.pipeline{display:flex;align-items:center;gap:6px;margin-top:21px}.pipeline-node{flex:1;min-width:0;text-align:center}.pipeline-symbol{width:36px;height:36px;margin:0 auto 8px;border:1px solid #394349;background:#20272b;border-radius:10px;color:#a6b9c4;display:grid;place-items:center}.pipeline-node.active .pipeline-symbol{color:var(--cyan);border-color:#64d7e23b;background:#64d7e209}.pipeline-name{font-size:9px;color:#bec7cc;white-space:nowrap}.pipeline-count{font-size:9px;color:#6d7c85;margin-top:3px}.pipeline-arrow{color:#3f4b53;margin-top:-27px}.pipeline-note{margin-top:18px;border-top:1px solid var(--line);padding-top:11px;font-size:9px;color:#73818b;display:flex;align-items:center;gap:7px}.activity-panel{padding:18px 19px;min-height:192px}.event-list{display:grid;gap:13px;margin-top:16px}.event{display:flex;gap:9px;align-items:flex-start}.event-dot{width:5px;height:5px;border-radius:50%;background:#738491;flex-shrink:0;margin-top:5px}.event-dot.success{background:var(--lime)}.event-dot.error{background:var(--red)}.event-body{font-size:10px;line-height:1.5;color:#aeb8be}.event-time{font-size:8px;color:#64717b;margin-top:3px}.empty-event{color:#76838d;font-size:10px;padding:18px 0}.footer-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;margin-top:16px}.footer-card{display:flex;align-items:center;gap:11px;padding:14px 15px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);min-width:0}.footer-card:hover{border-color:#44525c}.footer-card-icon{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;background:#b8a1f80b;color:var(--violet);border:1px solid #b8a1f81c;flex-shrink:0}.footer-card-title{display:block;font-size:10px;color:#c4cbd0}.footer-card-detail{display:block;font-size:9px;color:#6f7d87;margin-top:3px}.footer-card-arrow{margin-left:auto;color:#606e78}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:#586772;font-size:8px;letter-spacing:.65px}.footer-left{display:flex;align-items:center;gap:8px}.footer b{font-weight:500;color:#8f9ba2}.mobile-brand,.mobile-only{display:none}.mobile-failsafe{display:none}.channels-note{color:#8997a0;font-size:10px;line-height:1.7;padding:10px 0 0}.all-pods{border:0;background:transparent;color:#91a0a9;font-size:10px;padding:0;display:flex;align-items:center;gap:5px}.all-pods:hover{color:var(--cyan)}
.overlay{position:fixed;inset:0;background:#05090cb3;z-index:80;backdrop-filter:blur(5px);animation:fadeIn .18s ease}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(650px,100vw);background:#15191d;border-left:1px solid #35414a;box-shadow:-20px 0 80px #0005;display:flex;flex-direction:column;animation:slideIn .22s ease}.drawer.wide{width:min(840px,100vw)}.drawer-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:26px 29px 23px;border-bottom:1px solid var(--line)}.drawer-heading{display:flex;gap:13px;align-items:center}.drawer-icon{width:40px;height:40px;border-radius:11px;border:1px solid #c5f88d27;background:#c5f88d08;color:var(--lime);display:grid;place-items:center}.drawer-header h2{font-size:18px;font-weight:500;letter-spacing:-.3px}.drawer-header p{font-size:10px;color:var(--muted);margin-top:5px}.drawer-content{padding:25px 29px 40px;overflow:auto;overscroll-behavior:contain}.drawer-section{margin-bottom:28px}.drawer-section h3{font-size:12px;font-weight:550;letter-spacing:.1px;margin-bottom:13px;display:flex;align-items:center;gap:8px}.drawer-section>p{font-size:11px;color:#8f9da7;line-height:1.8;margin-bottom:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0}.field-grid .field{margin-bottom:0}.field.full{grid-column:1/-1}.field>span,.field-label{font-size:10px;color:#a7b2b9}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #35414a;border-radius:7px;background:#101519;color:#e3eaee;font-size:11px;min-height:39px}.field input::placeholder,.field textarea::placeholder{color:#566671}.field textarea{resize:vertical;min-height:105px;line-height:1.7}.field small{font-size:9px;color:#6f808b;line-height:1.6}.field input[type=file]{padding:11px;color:#90a1ac}.field input[type=file]::file-selector-button{background:#2b3841;color:#d8e2e8;border:1px solid #41535f;border-radius:5px;padding:5px 9px;margin-right:10px;font-size:10px;cursor:pointer}.field input[type=checkbox]{width:15px;min-height:15px;accent-color:var(--lime)}.checkbox{font-size:11px;display:flex;gap:9px;align-items:flex-start;color:#a6b4bd;line-height:1.7;margin:15px 0}.checkbox input{accent-color:var(--lime);margin-top:3px}.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px}.form-status{font-size:10px;color:#8caaa0}.notice{padding:12px 14px;border:1px solid #64d7e223;background:#64d7e208;border-radius:8px;color:#8cabb3;font-size:10px;line-height:1.8;margin-bottom:17px;display:flex;gap:9px;align-items:flex-start}.notice.warning{border-color:#f3ba7e27;background:#f3ba7e08;color:#bda289}.notice svg{margin-top:3px}.list-card{border:1px solid #2c3942;background:#131a1f;border-radius:8px;padding:14px;margin-bottom:10px}.list-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.list-card-title{font-size:12px;font-weight:500;overflow-wrap:anywhere}.list-card-meta{font-size:9px;color:#728693;margin-top:5px;display:flex;gap:9px;flex-wrap:wrap}.list-card-text{font-size:10px;color:#9aabb6;margin-top:10px;line-height:1.8;white-space:pre-wrap;max-height:160px;overflow:auto}.list-card-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.connection-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.connection-row strong{font-size:11px;font-weight:500}.connection-row p{font-size:9px;color:#728794;margin-top:4px;line-height:1.6}.empty-state{padding:25px 18px;border:1px dashed #33414a;border-radius:9px;color:#7c909d;font-size:11px;text-align:center;line-height:1.8}.stat-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.stat-cell{padding:14px;border:1px solid var(--line);border-radius:8px;background:#11171b}.stat-cell b{display:block;font-size:24px;font-weight:400;color:#d6e2e8}.stat-cell span{font-size:9px;color:#7e919d}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.result-box{border:1px solid #374b41;background:#c5f88d08;color:#a9be9b;border-radius:7px;padding:13px;font-size:10px;line-height:1.8;margin-top:15px;overflow-wrap:anywhere;white-space:pre-wrap}.result-box.error{border-color:#ff797e37;background:#ff797e08;color:#dc9699}.extracted-text{width:100%;min-height:200px;margin-top:10px;border:1px solid #344653;border-radius:7px;padding:13px;background:#10171c;color:#a5b7c4;white-space:pre-wrap;max-height:320px;overflow:auto;font-size:11px;line-height:1.7}.chat-log{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}.chat-message{padding:13px 15px;background:#1c282f;border:1px solid #334753;border-radius:9px;color:#c2d1db;font-size:11px;line-height:1.8;white-space:pre-wrap}.chat-message.user{background:#c5f88d08;border-color:#c5f88d23;align-self:flex-end;max-width:90%;color:#c4d4b8}.chat-message small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#708b9d;margin-bottom:5px}.chat-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.chat-suggestions button{background:transparent;border:1px solid #334753;border-radius:6px;padding:7px 9px;color:#8fa6b5;font-size:9px}.chat-suggestions button:hover{border-color:var(--cyan)}.external-chat-links{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#191e23;border:1px solid #474046;border-radius:15px;width:min(480px,100%);box-shadow:0 30px 130px #000a;overflow:hidden;animation:popIn .18s}.modal-head{padding:27px 28px 21px;display:flex;justify-content:space-between;align-items:flex-start}.modal h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.modal-icon{width:43px;height:43px;border-radius:12px;border:1px solid #ff797e40;background:#ff797e10;color:var(--red);display:grid;place-items:center;margin-bottom:18px}.modal-body{padding:0 28px 25px}.modal-body p{font-size:11px;color:#9ba6af;line-height:1.8;margin-bottom:18px}.pod-choices{display:grid;gap:8px;margin:17px 0}.pod-choice{display:flex;gap:10px;align-items:center;border:1px solid #35424b;padding:11px 12px;border-radius:8px;color:#b5c3cd;font-size:11px;cursor:pointer}.pod-choice input{accent-color:var(--red)}.pod-choice:has(input:checked){border-color:#ff797e88;background:#ff797e09}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.scope-box{background:#ff797e09;border:1px solid #ff797e30;border-radius:8px;padding:14px;margin:14px 0;color:#e1bec0;font-size:12px}.scope-box small{display:block;color:#9d7b80;font-size:10px;margin-top:5px}.acknowledgement{padding:15px;border:1px solid #c5f88d30;border-radius:8px;background:#c5f88d08;color:#c0d4af;font-size:11px;line-height:1.9}.spinner{width:14px;height:14px;border:1.5px solid #ffffff30;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.toast{position:fixed;right:25px;bottom:25px;z-index:140;max-width:420px;padding:14px 17px;border:1px solid #c5f88d40;background:#202a24;color:#d1e1c6;box-shadow:0 10px 50px #0007;border-radius:9px;font-size:11px;display:flex;gap:10px;align-items:flex-start;animation:popIn .2s;line-height:1.7}.toast.error{border-color:#ff797e55;background:#322125;color:#e3b1b4}.toast button{background:transparent;border:0;color:inherit;margin-left:10px}.section-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.section-header h3{margin:0}.text-button{padding:0;background:none;border:none;color:var(--cyan);font-size:10px}.info-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#7b919e}.mobile-notice{display:none}.loading-line{height:2px;position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);z-index:200;animation:loading 1.5s infinite}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes popIn{from{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(min-width:1600px){.main{padding-top:40px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 340px}.chart-panel{padding:26px 29px 19px}.live-chart{height:278px}.progress-ring{width:220px;height:220px;margin-top:18px}.metric-value{font-size:35px}.metrics{margin-top:31px}.pod-card{padding:19px 20px;min-height:121px}.pod-name{font-size:17px}.footer-cards{margin-top:20px}.chart-foot{margin-top:21px}}
@media(max-width:1200px){.topbar{padding:0 25px}.main{padding:27px 25px 20px}.private-label{display:none}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 265px}.chart-panel{padding:19px 18px 14px}.metrics{gap:10px}.metric-value{font-size:25px}.pod-card{padding:14px 13px}.pod-name{font-size:13px}.pod-state{font-size:8px}.sparkline{width:60px}.top-clock{display:none}.chart-options{display:none}.progress-panel{padding:20px 17px 15px}.progress-ring{width:182px;height:182px}.footer-card{padding:12px}.footer-card-detail{display:block;font-size:8px}}
@media(max-width:960px){.app-shell{grid-template-columns:65px minmax(0,1fr)}.rail{width:65px;padding-top:24px}.rail-btn{width:40px;height:42px}.rail-btn.active:before{left:-12px}.topbar{height:83px;padding:0 21px}.main{padding:24px 21px 20px}.top-actions{gap:12px}.connection-pill{font-size:9px}.intro h1{font-size:24px}.intro p{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.lower-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.pod-grid{gap:9px}.pod-state{display:none}.pod-name{font-size:12px}.pod-count{font-size:8px}.pod-count b{font-size:12px}.metrics{gap:7px}.metric-value{font-size:22px}.metric-name{font-size:8px}.metric-note{font-size:8px}.chart-panel{padding:18px 13px 12px}.segment{padding:5px 8px;font-size:9px}.progress-panel{padding:18px 13px 15px}.progress-ring{width:165px;height:165px;margin-top:23px}.ring-number{font-size:32px}.progress-stat{font-size:8px}.progress-stat b{font-size:10px}.footer-cards{gap:9px}.footer-card-icon{display:none}.footer-card-title{display:block;font-size:9px}.footer-card-detail{display:block;font-size:8px}.pipeline-panel{padding:17px 13px}.pipeline-symbol{width:31px;height:31px}.pipeline-name{font-size:8px}.pipeline-count{font-size:8px}.pipeline{gap:3px}.pipeline-arrow{width:10px}.activity-panel{padding:17px 13px}.footer{font-size:7px}}
@media(max-width:740px){.app-shell{display:block}.rail{display:none}.content-shell{width:100%}.topbar{height:76px;padding:0 19px;gap:10px;background:#121619}.wordmark{font-size:16px;letter-spacing:2.6px}.brand-small{font-size:7px;margin-top:8px;letter-spacing:2px}.top-left{gap:11px}.mobile-brand{display:block;color:var(--lime)}.mobile-brand svg{width:27px;height:31px}.top-actions{gap:9px}.connection-pill{font-size:0;gap:0}.connection-pill .status-dot{width:7px;height:7px}.top-actions .sample-button{display:none}.top-clock{display:none}.main{padding:23px 17px 115px}.desktop-only{display:none!important}.mobile-only{display:initial}.intro{margin-bottom:20px;align-items:center}.intro h1{font-size:24px;letter-spacing:-.8px}.intro p{font-size:10px;max-width:270px;line-height:1.7}.intro .eyebrow{font-size:8px;letter-spacing:1.7px}.date-label{display:none}.small-actions{gap:6px}.small-actions .button{padding:8px;min-height:34px}.workspace-heading{margin-bottom:12px}.workspace-title{font-size:13px}.workspace-title small{font-size:9px}.live-label{font-size:8px;letter-spacing:.4px}.pod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:23px}.pod-card{min-height:106px;padding:13px 13px 12px;border-radius:9px}.pod-state{display:flex;font-size:8px}.pod-number{font-size:8px}.pod-name{font-size:13px;margin-top:7px}.pod-count{font-size:8px}.pod-count b{font-size:13px}.sparkline{width:61px;height:22px}.dashboard-grid{display:flex;flex-direction:column;gap:13px}.chart-panel{padding:17px 14px 13px}.chart-heading{gap:7px}.segmented{gap:0}.segment{padding:5px 9px;font-size:9px;gap:5px}.segment svg{width:12px}.metrics{gap:8px;margin-top:24px;margin-bottom:20px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:19px}.metric{padding-right:9px}.metric:nth-child(2){border-right:0}.metric-value{font-size:31px;letter-spacing:-1px}.metric-name{font-size:10px;margin-top:5px}.metric-note{display:none}.chart-legend{font-size:9px;margin-top:4px}.chart-value{font-size:11px}.live-chart{height:207px;margin-top:14px}.chart-empty p{font-size:10px}.chart-empty small{font-size:8px}.chart-foot{padding-top:10px;margin-top:11px}.chart-foot-note{font-size:8px}.chart-periods button{padding:4px 7px;font-size:8px}.progress-panel{padding:18px 17px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:start}.progress-panel .panel-title{grid-column:1/-1;font-size:12px}.batch-select{grid-column:1/-1;margin-top:8px}.progress-ring{grid-column:1;width:155px;height:155px;margin:12px auto 0;max-width:100%}.ring-number{font-size:31px}.ring-label{font-size:8px}.progress-info{grid-column:1;font-size:8px;grid-row:4;margin-top:0;margin-bottom:0}.progress-stats{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:14px;border-top:0;border-bottom:0;padding:27px 0 0}.progress-stat{font-size:9px}.progress-stat b{font-size:11px}.progress-alert{grid-column:1/-1;font-size:9px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.progress-actions{display:none}.lower-grid{display:flex;flex-direction:column;gap:13px;margin-top:13px}.pipeline-panel{padding:17px 14px}.pipeline{margin-top:20px;gap:4px}.pipeline-symbol{width:33px;height:33px}.pipeline-name{font-size:8px}.pipeline-count{font-size:8px}.pipeline-note{font-size:8px;line-height:1.7}.activity-panel{padding:17px 16px;min-height:150px}.event-list{gap:13px}.event-body{font-size:10px}.event-time{font-size:8px}.footer-cards{grid-template-columns:1fr;margin-top:13px;gap:9px}.footer-card{padding:13px 15px}.footer-card-icon{display:grid;width:31px;height:31px}.footer-card-title{display:block;font-size:10px}.footer-card-detail{display:block;font-size:9px}.footer{margin-top:18px;font-size:7px;gap:6px;flex-direction:column;line-height:1.8}.footer-left{justify-content:center}.footer>span{text-align:center}.mobile-failsafe{position:fixed;bottom:0;left:0;right:0;z-index:35;display:flex;gap:10px;padding:13px 17px calc(13px + env(safe-area-inset-bottom));background:#11171aeF;backdrop-filter:blur(15px);border-top:1px solid #33404a}.mobile-failsafe .button{height:44px}.mobile-failsafe .danger{flex:1;background:#ff797e12;border-color:#ff797e50;font-size:11px}.mobile-failsafe .consult{width:45px;padding:0;color:var(--cyan);border-color:#64d7e236}.mobile-notice{display:flex;font-size:9px;color:#79929f;gap:6px;align-items:center;margin-top:8px}.connection-banner{font-size:9px;padding:10px 12px;line-height:1.7}.connection-banner .button{display:flex;padding:5px 8px;font-size:9px;min-height:29px}.sample-banner{font-size:9px;line-height:1.7;align-items:flex-start}.drawer-header{padding:22px 20px 18px}.drawer-content{padding:22px 20px 35px}.drawer-header h2{font-size:17px}.drawer-header p{font-size:9px}.drawer-icon{width:35px;height:35px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.field input,.field select,.field textarea{font-size:16px;padding:11px;min-height:43px}.field textarea{font-size:13px}.field>span{font-size:10px}.modal-overlay{padding:17px}.modal-head{padding:23px 22px 17px}.modal-body{padding:0 22px 22px}.modal h2{font-size:19px}.modal-body p{font-size:11px}.modal-actions .button{min-height:42px}.toast{left:17px;right:17px;bottom:91px;max-width:none;font-size:10px}.stat-cell{padding:11px}.stat-cell b{font-size:21px}.stat-cell span{font-size:8px}.list-card-meta{font-size:8px}.chat-message{font-size:12px}.chat-suggestions button{font-size:10px;padding:9px}.external-chat-links .button{font-size:11px}.all-pods{font-size:9px}.panel-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.drawer-tabs .segment{flex:1;justify-content:center;padding:8px 12px;font-size:11px}

/* Compact desktop cockpit: retain one operational view at laptop heights. */
@media(min-width:1100px) and (max-height:950px){
 .topbar{height:64px;padding:0 31px}.wordmark{font-size:18px}.brand-small{margin-top:7px}.main{padding:18px 31px 12px}.intro{margin-bottom:16px;align-items:center}.intro h1{font-size:24px;line-height:1.2;margin-top:4px}.intro p{display:none}.intro .eyebrow{font-size:9px}.date-label{font-size:10px}.pod-grid{margin-bottom:16px;gap:11px}.pod-card{min-height:86px;padding:11px 15px 9px}.pod-name{font-size:14px;margin-top:4px}.pod-bottom{margin-top:4px}.pod-number{font-size:8px}.pod-state{font-size:8px}.pod-count b{font-size:13px}.sparkline{height:19px}.workspace-heading{margin-bottom:10px}.workspace-title{font-size:13px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 285px;gap:13px}.chart-panel{padding:15px 20px 12px}.metrics{margin-top:18px;margin-bottom:15px;gap:13px}.metric-value{font-size:28px;line-height:1.05}.metric-name{font-size:9px;margin-top:5px}.metric-note{display:none}.chart-legend{font-size:9px}.chart-value{font-size:11px;margin-top:3px}.live-chart{height:160px;margin-top:9px}.chart-foot{margin-top:10px;padding-top:9px}.chart-foot-note{font-size:8px}.progress-panel{padding:15px 17px 12px}.progress-ring{width:130px;height:130px;margin-top:8px}.ring-number{font-size:30px}.ring-number span{font-size:14px}.ring-label{font-size:7px;margin-top:4px}.ring-center-dot{margin-top:6px;width:4px;height:4px}.progress-info{font-size:9px;margin-bottom:9px;margin-top:0}.progress-stats{padding:9px 0;gap:8px}.progress-alert{display:none}.progress-actions{padding-top:11px}.progress-actions .button{min-height:31px;padding:6px 9px;font-size:10px}.batch-select{font-size:9px;margin-top:6px}.panel-title{font-size:11px}.lower-grid{margin-top:13px}.pipeline-panel{padding:13px 18px}.pipeline{margin-top:12px}.pipeline-symbol{width:30px;height:30px;margin-bottom:5px}.pipeline-name,.pipeline-count{font-size:8px}.pipeline-count{margin-top:1px}.pipeline-arrow{margin-top:-19px}.pipeline-note{display:none}.activity-panel{padding:13px 17px;min-height:125px}.event-list{margin-top:10px;gap:9px}.event:nth-child(n+3){display:none}.event-body{font-size:9px}.event-time{font-size:7px;margin-top:2px}.empty-event{padding:16px 0;font-size:9px}.footer-cards{display:none}.footer{margin-top:12px;font-size:7px}.connection-banner,.sample-banner{padding:7px 12px;margin-bottom:13px;font-size:10px}
}
@media(min-width:1100px) and (max-height:760px){
 .main{padding-top:14px}.intro{margin-bottom:12px}.intro h1{font-size:22px}.pod-card{min-height:79px;padding-top:9px;padding-bottom:8px}.pod-grid{margin-bottom:12px}.live-chart{height:123px}.progress-ring{width:116px;height:116px}.metrics{margin-top:15px;margin-bottom:12px}.metric-value{font-size:26px}.pipeline-symbol{width:27px;height:27px}.activity-panel{min-height:116px}.topbar{height:60px}.sample-banner{margin-bottom:10px}
}

.results-table-wrap{overflow-x:auto;border:1px solid #30404b;border-radius:8px}.results-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.results-table th{color:#79909e;font-size:9px;font-weight:500;padding:12px 13px;border-bottom:1px solid #30404b;background:#10181d}.results-table td{padding:13px;vertical-align:top;color:#c2d0d8;border-bottom:1px solid #26353e}.results-table tr:last-child td{border-bottom:0}.result-address{display:block;font-size:10px;overflow-wrap:anywhere;max-width:220px}.result-id{display:block;font-size:8px;color:#5e7889;margin-top:5px}.result-detail{max-width:230px;font-size:9px}.result-detail summary{color:var(--cyan);cursor:pointer;font-size:9px}.result-detail p{font-size:9px;line-height:1.8;color:#a3b4bf;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:8px}.result-detail-text{font-size:9px;line-height:1.7;color:#8ca4b4}.result-retry{margin-top:10px}.results-pagination{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:19px}.results-pagination>span{color:#718a9b;font-size:9px}.results-pagination>button:first-child svg{transform:rotate(180deg)}
@media(max-width:740px){.results-table-wrap{border:0;overflow:visible}.results-table,.results-table tbody{display:block}.results-table thead{display:none}.results-table tr{display:block;padding:9px 13px;border:1px solid #30404b;border-radius:8px;margin-bottom:11px;background:#121b21}.results-table td{display:flex;justify-content:space-between;gap:15px;border:0;padding:8px 0;flex-wrap:wrap;font-size:11px}.results-table td:before{content:attr(data-label);color:#728b9b;font-size:9px;min-width:65px}.result-address{max-width:220px;font-size:11px}.result-id{flex-basis:100%;text-align:right;font-size:8px}.results-table td:first-child .result-id{margin-left:auto;margin-top:-4px}.result-detail{max-width:215px}.result-detail summary,.result-detail p{font-size:10px}.results-pagination{gap:6px}.results-pagination .button{font-size:9px;padding:7px}.results-pagination>span{font-size:8px;text-align:center}.result-detail-text{font-size:10px}}

/* Console language selection never changes campaign content. */
.language-switch{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border:1px solid #35414a;border-radius:6px;color:#60727e;background:#11171b;font-size:9px;line-height:1}
.language-switch button{min-width:29px;min-height:25px;padding:5px 7px;border:0;border-radius:3px;background:transparent;color:#82949f;font:inherit;font-weight:500;cursor:pointer}
.language-switch button[aria-pressed=true]{background:#c5f88d14;color:var(--lime)}
.language-switch button:hover{color:#e1e9ee}.language-switch button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}
.panel-language-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
@media(max-width:740px){.topbar{padding-left:14px;padding-right:14px;gap:7px}.top-actions{gap:7px}.language-switch{gap:0;padding:2px;font-size:9px}.language-switch button{min-width:23px;min-height:25px;padding:4px}.panel-language-actions{gap:8px}.topbar .brand-small{font-size:6px;letter-spacing:1.2px}.topbar .wordmark{font-size:14px;letter-spacing:2px}.topbar .top-left{gap:8px}.topbar .mobile-brand svg{width:24px}}
@media(max-width:740px){.drawer-tabs{flex-wrap:wrap}.drawer-tabs .segment{flex:1 1 100px;min-width:0;font-size:10px;padding:8px 6px;gap:4px;line-height:1.35}.drawer-tabs .segment svg{flex-shrink:0}}

/* Alpha Prime / Neo punk cockpit.
   Presentation only: operational controls, data and mobile permissions are unchanged. */
:root {
  --bg: #05070d;
  --panel: #0b101a;
  --panel-soft: #090e18;
  --line: #263145;
  --muted: #8d9bad;
  --text: #f4f7ff;
  --lime: #c8ff28;
  --cyan: #00e5ff;
  --violet: #9867ff;
  --pink: #ff2a9b;
  --orange: #ff9d32;
  --red: #ff4567;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --display: "Arial Narrow", "Franklin Gothic Medium", "Arial Black", sans-serif;
}
body {
  background:
    radial-gradient(ellipse at 78% 0%, #00e5ff0b, transparent 43%),
    radial-gradient(ellipse at 4% 50%, #9867ff0a, transparent 40%),
    linear-gradient(#ffffff02 1px, transparent 1px), var(--bg);
  background-size: auto, auto, 100% 44px, auto;
}
::selection { background: var(--pink); color: #fff; }
.rail {
  width: 84px;
  border-right-color: #1d2e43;
  background: linear-gradient(180deg, #0c111d, #070b12 70%);
  box-shadow: 8px 0 45px #0005;
}
.brand-emblem { color: var(--cyan); filter: drop-shadow(0 0 8px #00e5ff30); }
.rail-nav { gap: 10px; margin-top: 35px; }
.rail-btn { border-radius: 5px; color: #9aa8bd; border: 1px solid transparent; }
.rail-btn:hover { background: #00e5ff0d; color: #fff; border-color: #00e5ff40; }
.rail-btn.active {
  color: var(--lime); background: #c8ff2810; border-color: #c8ff2850;
  box-shadow: inset 3px 0 0 var(--lime), 0 0 22px #c8ff280a;
}
.rail-btn.active:before { background: var(--lime); box-shadow: 0 0 14px #c8ff28b0; }
.rail-btn .tooltip { border-color: #00e5ff70; background: #0b1421; color: #e8faff; border-radius: 3px; }
.avatar { border-color: #c8ff2860; color: var(--lime); background: #c8ff280b; box-shadow: 0 0 20px #c8ff2810; border-radius: 6px; }
.topbar {
  height: 78px; padding: 0 32px; gap: 18px; background: #070c14eb;
  border-bottom: 1px solid #28374b; box-shadow: 0 6px 30px #0003;
  position: relative;
}
.topbar:after {
  content: ""; position: absolute; bottom: -1px; left: 32px; width: 174px; height: 2px;
  background: linear-gradient(90deg, var(--cyan), var(--violet), transparent); pointer-events: none;
}
.top-left { gap: 22px; min-width: 0; }
.wordmark { font-family: var(--display); font-size: 25px; font-weight: 850; letter-spacing: 4.5px; white-space: nowrap; }
.wordmark span { color: var(--lime); font-weight: 850; text-shadow: 0 0 22px #c8ff2833; }
.brand-small { color: #778ca5; font-family: var(--mono); letter-spacing: 2.3px; font-size: 7px; }
.private-label { border-left-color: #33445c; color: #94a4bc; padding-left: 20px; font-family: var(--mono); font-size: 9px; }
.private-label svg { color: var(--cyan); }
.top-actions { gap: 13px; flex-shrink: 0; }
.connection-pill { color: #b4c3d6; font-size: 10px; font-family: var(--mono); white-space: nowrap; }
.top-clock { color: #91aac7; font-family: var(--mono); border-left-color: #2b3951; padding-left: 13px; }
.sample-button {
  color: #b6a3ff; background: #9867ff0c; border-color: #9867ff50; border-radius: 4px;
  padding: 7px 10px; font-weight: 600; font-size: 10px; min-height: 31px;
}
.sample-button:hover, .sample-button.active { color: #f2eaff; background: #9867ff22; border-color: #b78dff; }
.language-switch { background: #070c16; border-color: #36445c; color: #465e7d; border-radius: 4px; padding: 3px; }
.language-switch button { color: #9caec5; border-radius: 2px; font-family: var(--mono); font-weight: 700; }
.language-switch button[aria-pressed=true] { color: #101607; background: var(--lime); box-shadow: 0 0 13px #c8ff2820; }
.language-switch button:hover { color: #fff; background: #00e5ff1a; }
.language-switch button[aria-pressed=true]:hover { color: #101607; background: #dcff78; }
.main { max-width: 1800px; padding: 28px 32px 20px; }
.intro { align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 22px; }
.eyebrow { color: var(--cyan); font-family: var(--mono); font-size: 9px; letter-spacing: 2.5px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.eyebrow:before { content: ""; width: 18px; height: 3px; background: var(--cyan); box-shadow: 0 0 10px #00e5ff40; }
.intro h1 { font-family: var(--display); font-size: clamp(28px, 2.7vw, 42px); font-weight: 850; line-height: 1.08; letter-spacing: -1px; text-transform: uppercase; margin-top: 8px; }
.intro p { color: #98a9c0; font-size: 11px; margin-top: 8px; }
.small-actions { gap: 8px; flex-wrap: wrap; }
.date-label { color: #8495ae; font-family: var(--mono); font-size: 9px; margin-right: 5px; }
.button {
  border-radius: 4px; background: #111c2d; color: #e0e9f6; border-color: #344762;
  font-weight: 650; min-height: 38px; padding: 9px 13px; font-size: 10px;
  transition: background .16s, border-color .16s, box-shadow .16s, transform .16s;
}
.button:hover { color: #fff; background: #183147; border-color: #00e5ff90; box-shadow: 0 0 18px #00e5ff0d; }
.button.primary { color: #131b04; background: var(--lime); border-color: var(--lime); box-shadow: 0 0 20px #c8ff2818; }
.button.primary:hover { color: #0b1100; background: #d8ff6b; border-color: #e2ff91; box-shadow: 0 0 24px #c8ff2833; }
.button.ghost { background: #101725; border-color: #34455e; color: #bacbe2; }
.button.ghost:hover { background: #00e5ff0d; border-color: #00e5ff99; color: var(--cyan); }
.button.danger { background: #ff456712; border-color: #ff45677a; color: #ff7e96; box-shadow: inset 3px 0 0 #ff4567; }
.button.danger:hover { background: #ff456727; border-color: #ff6b87; color: #ffd8e0; box-shadow: inset 3px 0 0 #ff4567, 0 0 20px #ff456712; }
.button.sm { min-height: 31px; padding: 6px 10px; }
.icon-button { color: #99b3cf; border-radius: 4px; }
.icon-button:hover { color: var(--cyan); background: #00e5ff0b; }
.status-dot { width: 6px; height: 6px; background: #6d819a; }
.status-dot.good { background: var(--lime); box-shadow: 0 0 9px #c8ff2870; }
.status-dot.warn { background: var(--orange); box-shadow: 0 0 8px #ff9d3230; }
.status-dot.bad { background: var(--red); box-shadow: 0 0 8px #ff456740; }
.sample-banner {
  background: linear-gradient(90deg, #9867ff1c, #ff2a9b07 80%); border-color: #9867ff60;
  border-left: 3px solid #b188ff; color: #d8c9ff; border-radius: 3px; font-family: var(--mono);
  font-size: 9px; padding: 9px 13px; margin-bottom: 20px;
}
.sample-banner strong { color: #efddff; letter-spacing: 1px; }
.sample-banner .text-button { color: #d4baff; }
.connection-banner { color: #ffd1a3; background: #ff9d3210; border-color: #ff9d3250; border-left: 3px solid var(--orange); border-radius: 4px; }
.pod-grid { gap: 12px; margin-bottom: 22px; }
.pod-card {
  min-height: 116px; padding: 15px 16px 13px; border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--pod) 38%, #1f2b40);
  border-left: 3px solid var(--pod);
  background: linear-gradient(115deg, color-mix(in srgb, var(--pod) 13%, #0b101a), #0b101a 78%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pod) 9%, transparent), 0 5px 16px #0002;
}
.pod-card:before { content: ""; position: absolute; width: 29px; height: 3px; right: 12px; top: 0; background: var(--pod); opacity: .8; pointer-events: none; }
.pod-card:after { height: 1px; opacity: .35; background: linear-gradient(90deg, var(--pod), transparent); }
.pod-card:hover { border-color: var(--pod); background: linear-gradient(115deg, color-mix(in srgb, var(--pod) 20%, #0b101a), #101724 90%); box-shadow: 0 0 24px color-mix(in srgb, var(--pod) 8%, transparent); }
.pod-card.selected { border-color: var(--pod); background: linear-gradient(115deg, color-mix(in srgb, var(--pod) 22%, #0b101a), #0a111f 85%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pod) 20%, transparent), 0 0 26px color-mix(in srgb, var(--pod) 9%, transparent); }
.pod-card.selected:after { height: 2px; opacity: 1; }
.pod-number { color: var(--pod); font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: 1.8px; }
.pod-state { color: #cfdaeb; padding: 2px 5px; border: 1px solid color-mix(in srgb, var(--pod) 17%, transparent); border-radius: 2px; background: #050a1260; font-size: 8px; gap: 4px; }
.pod-name { color: #fff; font-size: 17px; font-weight: 700; letter-spacing: -.4px; margin-top: 8px; }
.pod-select { display: block; width: 100%; padding: 0; border: 0; border-radius: 2px; color: inherit; background: transparent; cursor: pointer; text-align: inherit; }
.pod-select:focus-visible { outline: 2px solid var(--pod); outline-offset: 3px; }
.pod-card > .pod-top,.pod-card > .pod-bottom,.pod-card > div.pod-name { position: relative; pointer-events: none; }
.pod-name-form { position: relative; display: flex; align-items: center; gap: 5px; }
.pod-name-input { width: 100%; min-width: 0; padding: 3px 2px; border: 0; border-bottom: 1px dashed color-mix(in srgb, var(--pod) 45%, transparent); border-radius: 0; color: inherit; background: transparent; font: inherit; letter-spacing: inherit; }
.pod-name-input:focus { outline: none; border-bottom-color: var(--pod); background: #ffffff08; }
.pod-name-save { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; padding: 0; border: 1px solid color-mix(in srgb, var(--pod) 45%, transparent); border-radius: 3px; color: var(--pod); background: #0003; cursor: pointer; }
.pod-name-save:disabled { opacity: .3; cursor: default; }
.pod-name-save:focus-visible { outline: 2px solid var(--pod); outline-offset: 2px; }
.pod-bottom { margin-top: 7px; align-items: center; }
.pod-count { color: #9baec5; font-size: 9px; }
.pod-count b { color: #f8fbff; font-size: 19px; font-family: var(--mono); font-weight: 500; letter-spacing: -.6px; }
.sparkline { width: 86px; height: 30px; opacity: 1; color: var(--pod); filter: drop-shadow(0 0 4px color-mix(in srgb, var(--pod) 28%, transparent)); }
.pod-empty-line { opacity: .4; filter: none; }
.workspace-heading { margin-bottom: 12px; border-bottom: 1px solid #24324a; padding-bottom: 10px; }
.workspace-title { color: #f5f9ff; font-family: var(--display); font-size: 15px; font-weight: 700; letter-spacing: .2px; }
.workspace-title>svg { color: var(--cyan); }
.workspace-title small { color: #8498b4; font: 9px var(--mono); margin-left: 4px; }
.live-label { color: #adc2d9; font: 8px var(--mono); letter-spacing: 1.5px; }
.dashboard-grid, .lower-grid { grid-template-columns: minmax(0,1fr) 300px; gap: 14px; }
.panel { position: relative; border-radius: 5px; background: linear-gradient(145deg, #0e1521, #080e18 70%); border: 1px solid #2a3952; box-shadow: 0 8px 32px #0003; }
.panel:before { content: ""; position: absolute; top: 0; left: 0; width: 38px; height: 2px; background: var(--cyan); pointer-events: none; opacity: .9; }
.panel:after { content: ""; position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; border-top: 1px solid #00e5ff70; border-right: 1px solid #00e5ff70; pointer-events: none; }
.chart-panel { padding: 20px; container-type: inline-size; }
.chart-heading { gap: 10px; flex-wrap: wrap; }
.segmented { border-radius: 3px; border-color: #2d3d55; background: #050a13; padding: 3px; }
.segment { font-size: 10px; border-radius: 2px; color: #8ea7c2; font-weight: 600; }
.segment.active { background: #00e5ff16; color: var(--cyan); box-shadow: inset 0 -2px 0 var(--cyan); }
.segment:hover:not(.active) { color: #e5f6ff; background: #162537; }
.chart-options { display: flex; font: 9px var(--mono); color: #88a7c8; }
.chart-options select { color: #b9d4ec; max-width: 140px; font: 9px var(--mono); background: #0d1826; border: 1px solid #2c4059; padding: 4px 5px; border-radius: 3px; }
.chart-options select option, .batch-select option { background: #0b1320; color: #e5f4ff; }
.metrics { gap: 9px; margin-top: 21px; margin-bottom: 19px; }
.metric { --metric: var(--lime); border: 1px solid color-mix(in srgb, var(--metric) 24%, #1e2d40); border-top: 3px solid var(--metric); border-radius: 3px; background: linear-gradient(160deg, color-mix(in srgb, var(--metric) 8%, #0a111c), #0a111c); padding: 11px 10px; min-width: 0; }
.metric:nth-child(2) { --metric: var(--cyan); }
.metric:nth-child(3) { --metric: var(--pink); }
.metric:nth-child(4) { --metric: var(--orange); }
.metric:last-child { border: 1px solid color-mix(in srgb, var(--metric) 24%, #1e2d40); border-top: 3px solid var(--metric); }
.metric-value { font-family: var(--display); font-size: 29px; font-size: clamp(18px, 4.1cqi, 38px); color: var(--metric); font-weight: 750; line-height: 1; letter-spacing: -.9px; }
.metric-value.cyan, .metric-value.warn, .metric-value.red { color: var(--metric); }
.metric-name { color: #bfcee1; font-size: 9px; margin-top: 8px; font-weight: 500; }
.metric-note { color: #7187a2; font-size: 8px; margin-top: 5px; display: block; min-height: 12px; }
.metric-note.muted { color: #7187a2; }
.chart-legend { color: #93acc8; margin-bottom: 6px; font-size: 9px; align-items: flex-start; }
.legend-dash { background: var(--cyan); box-shadow: 0 0 9px #00e5ff30; }
.chart-value { color: var(--cyan); font: 700 14px var(--mono); margin-top: 6px; letter-spacing: -.4px; }
.live-chart { height: 236px; margin-top: 13px; border: 1px solid #1b3448; border-radius: 3px; background: radial-gradient(ellipse at 80% 70%, #00e5ff06, transparent 70%), #070e18; }
.live-chart svg { overflow: visible; }
.chart-empty { inset: 29% 12px auto; }
.chart-empty-icon { color: var(--cyan); border-color: #00e5ff40; background: #00e5ff0b; border-radius: 4px; }
.chart-empty p { color: #c2d7e9; font-size: 11px; }
.chart-empty small { color: #7d94b0; font-size: 9px; }
.chart-series-legend { display: flex; flex-wrap: wrap; gap: 7px 12px; margin: 13px 0 0; }
.series-legend-item { --series: var(--cyan); display: inline-flex; align-items: center; gap: 6px; font-size: 9px; color: #b5c9df; min-width: 0; }
.series-legend-item strong { color: #edf6ff; font-weight: 600; }
.series-swatch { display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 1px; background: var(--series); box-shadow: 0 0 7px color-mix(in srgb, var(--series) 35%, transparent); }
.chart-view-switch { display: inline-flex; align-items: center; padding: 2px; gap: 2px; border: 1px solid #2d425e; border-radius: 3px; background: #070d17; }
.chart-view-switch button { border: 0; padding: 5px 8px; font: 9px var(--mono); background: transparent; color: #8ea7c3; border-radius: 2px; }
.chart-view-switch button.active, .chart-view-switch button[aria-pressed=true] { color: #f6e7ff; background: #9867ff28; box-shadow: inset 0 -1px 0 var(--violet); }
.chart-view-switch button:hover { color: var(--cyan); }
.chart-inspector { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 14px; min-height: 30px; padding: 7px 10px; margin-top: 9px; border: 1px solid #1d3349; background: #00e5ff04; border-radius: 3px; color: #8faecc; font: 9px/1.5 var(--mono); }
.chart-inspector strong { color: #e6f7ff; font-weight: 600; }
.chart-inspector span { min-width: 0; }
.chart-tooltip { position: absolute; z-index: 8; pointer-events: none; max-width: 240px; padding: 10px 12px; color: #e6f5ff; background: #081321f5; border: 1px solid #00e5ff90; border-radius: 4px; box-shadow: 0 6px 24px #0008; font: 10px/1.7 var(--mono); }
.chart-tooltip strong { color: var(--cyan); }
.chart-tooltip small { color: #8da5c0; }
.chart-tooltip-row { display: flex; justify-content: space-between; gap: 15px; }
.chart-crosshair { stroke: #e6faff; stroke-width: 1; stroke-dasharray: 3 5; opacity: .55; pointer-events: none; }
.chart-dots { filter: drop-shadow(0 0 4px #00e5ff80); pointer-events: none; }
.chart-foot { border-top-color: #21334d; padding-top: 11px; margin-top: 13px; flex-wrap: wrap; gap: 8px; }
.chart-periods button { font-family: var(--mono); color: #809bb8; border-radius: 2px; }
.chart-periods button.active { color: #071318; background: var(--cyan); box-shadow: 0 0 13px #00e5ff18; }
.chart-foot-note { color: #8fa6c2; font-family: var(--mono); font-size: 8px; }
.progress-panel { border-color: #c8ff283a; padding: 20px 19px 17px; background: radial-gradient(circle at 50% 34%, #c8ff2808, transparent 45%), linear-gradient(160deg, #111a1a, #0a0f19 70%); }
.progress-panel:before { background: var(--lime); width: 60px; }
.progress-panel:after { border-color: #c8ff2860; }
.panel-title { color: #e8f1fe; font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: .1px; }
.panel-title small { color: #7293b8; font-family: var(--mono); font-size: 8px; letter-spacing: 1px; }
.tag { color: #93a9c2; background: #101b2a; border-color: #34465f; border-radius: 2px; font: 8px/1.4 var(--mono); padding: 3px 6px; }
.tag.good { color: var(--lime); background: #c8ff2810; border-color: #c8ff2850; }
.tag.warn { color: #ffb159; background: #ff9d3210; border-color: #ff9d3250; }
.tag.bad { color: #ff7893; background: #ff456712; border-color: #ff456760; }
.tag.violet { color: #c0a1ff; background: #9867ff18; border-color: #9867ff66; }
.batch-select { color: #b2c3d9; font: 9px/1.5 var(--mono); margin-top: 9px; padding: 4px 0; }
.progress-ring { width: 200px; height: 200px; margin-top: 15px; background: radial-gradient(circle, #c8ff2807, transparent 62%); }
.progress-ring svg { filter: drop-shadow(0 0 9px #c8ff2820); }
.ring-number { color: #edffc0; font: 800 43px/1.1 var(--display); letter-spacing: -1px; text-shadow: 0 0 21px #c8ff2833; }
.ring-number span { color: #c8ff28a8; font-size: 19px; }
.ring-label { color: #96ad91; font: 7px var(--mono); letter-spacing: .8px; margin-top: 9px; }
.ring-center-dot { background: var(--lime); box-shadow: 0 0 8px #c8ff2860; }
.progress-info { color: #8ba1b9; font: 9px/1.6 var(--mono); margin: 2px 0 15px; }
.progress-info strong { color: #e8f4ff; font-weight: 600; }
.progress-stats { border-color: #2a3c3b; gap: 12px; padding: 14px 0; }
.progress-stat { color: #92a9be; font-size: 9px; }
.progress-stat b { color: #e1efff; font: 600 11px var(--mono); }
.progress-alert { display: flex; color: #8ba4bc; font-size: 9px; margin-top: 13px; }
.progress-alert svg { color: var(--lime); }
.progress-actions { gap: 8px; padding-top: 14px; }
.progress-actions .button { min-height: 32px; }
.lower-grid { margin-top: 14px; }
.pipeline-panel { padding: 17px 20px; }
.pipeline-panel:before { background: var(--pink); }
.pipeline { gap: 7px; margin-top: 20px; }
.pipeline-node { --node: var(--cyan); }
.pipeline-node:nth-child(3) { --node: var(--lime); }
.pipeline-node:nth-child(5) { --node: var(--pink); }
.pipeline-node:nth-child(7) { --node: var(--violet); }
.pipeline-node:nth-child(9) { --node: var(--orange); }
.pipeline-symbol { width: 37px; height: 37px; color: var(--node); background: color-mix(in srgb, var(--node) 7%, #0b1220); border-color: color-mix(in srgb, var(--node) 40%, #203148); border-radius: 4px; }
.pipeline-node.active .pipeline-symbol { color: var(--node); border-color: var(--node); background: color-mix(in srgb, var(--node) 13%, #0b1220); box-shadow: 0 0 17px color-mix(in srgb, var(--node) 12%, transparent); }
.pipeline-name { color: #b7cde5; font-size: 9px; }
.pipeline-count { color: #7594b6; font: 8px var(--mono); margin-top: 4px; }
.pipeline-arrow { color: #375576; }
.pipeline-note { display: flex; color: #7b98b9; border-top-color: #22344d; padding-top: 10px; margin-top: 17px; }
.pipeline-note svg { color: var(--cyan); }
.activity-panel { padding: 17px 19px; min-height: 165px; }
.activity-panel:before { background: var(--violet); }
.event-list { gap: 12px; margin-top: 15px; }
.event:nth-child(n+3) { display: flex; }
.event-dot { background: var(--cyan); box-shadow: 0 0 6px #00e5ff25; }
.event-dot.success { background: var(--lime); }
.event-dot.error { background: var(--red); }
.event-body { color: #bdcee1; font-size: 10px; }
.event-time { color: #728ead; font: 8px/1.5 var(--mono); margin-top: 5px; }
.empty-event { color: #7f9ab9; }
.footer-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.footer-card { border-radius: 4px; border-color: #293d59; background: linear-gradient(110deg, #101a2a, #0a101a); padding: 13px 15px; }
.footer-card:hover { border-color: #00e5ff77; box-shadow: 0 0 18px #00e5ff08; }
.footer-card-icon { border-radius: 4px; width: 32px; height: 32px; }
.footer-card-title { color: #c9d9eb; font-weight: 600; }
.footer-card-detail { color: #7792b1; font-size: 9px; }
.footer-card-arrow { color: var(--cyan); }
.footer { color: #5b7697; font: 7px/1.6 var(--mono); letter-spacing: .6px; }
.footer b { color: #9eb8d5; }
.all-pods { color: var(--cyan); font-family: var(--mono); }
/* Drawers are working surfaces: neon framing, quiet reading areas. */
.overlay { background: #02050bd9; backdrop-filter: blur(7px); }
.drawer { background: linear-gradient(155deg, #101826, #080f1a 65%); border-left: 1px solid #00e5ff66; box-shadow: -25px 0 100px #0009; }
.drawer-header { background: #0a1220; border-bottom-color: #293c58; padding: 25px 28px 21px; position: relative; }
.drawer-header:after { content: ""; position: absolute; bottom: -1px; left: 28px; width: 110px; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--violet)); pointer-events: none; }
.drawer-icon { color: var(--cyan); background: #00e5ff0a; border-color: #00e5ff45; border-radius: 4px; }
.drawer-header h2 { font-family: var(--display); color: #f4f8ff; font-weight: 800; font-size: 21px; letter-spacing: -.3px; }
.drawer-header p { color: #7794b7; font-family: var(--mono); font-size: 9px; }
.drawer-content { padding: 26px 28px 40px; }
.drawer-section { margin-bottom: 29px; }
.drawer-section h3 { color: #d8eaff; font-family: var(--display); font-size: 14px; font-weight: 750; letter-spacing: .2px; }
.drawer-section h3>svg { color: var(--cyan); }
.drawer-section>p { color: #90a8c6; font-size: 11px; }
.drawer-section:first-child h3 { color: var(--lime); }
.field>span, .field-label { color: #a8bed9; font-size: 10px; }
.field input, .field select, .field textarea { border-radius: 3px; border-color: #2d4361; background: #070e19; color: #e3efff; font-size: 11px; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 1px solid var(--cyan); border-color: var(--cyan); box-shadow: 0 0 16px #00e5ff0a; }
.field input::placeholder, .field textarea::placeholder { color: #52708f; }
.field small { color: #718daf; }
.field input[type=file] { color: #9ebcda; border-style: dashed; border-color: #00e5ff60; background: #00e5ff04; }
.field input[type=file]::file-selector-button { color: #0d1b21; background: var(--cyan); border-color: var(--cyan); border-radius: 2px; font-weight: 700; }
.checkbox { color: #a2b9d5; }
.checkbox input { accent-color: var(--lime); }
.form-status { color: var(--lime); font-family: var(--mono); }
.notice { color: #93c6dd; background: #00e5ff08; border-color: #00e5ff28; border-left: 2px solid #00e5ff80; border-radius: 3px; }
.notice.warning { color: #ddb486; background: #ff9d3208; border-color: #ff9d3230; border-left-color: #ff9d3280; }
.list-card { color: #cad9eb; border-radius: 3px; border-color: #263e5a; background: linear-gradient(120deg, #0c1727, #0a121e); }
.list-card-title { color: #e3efff; font-weight: 600; }
.list-card-meta { color: #7797bb; }
.list-card-text { color: #a0bad5; }
.connection-row { border-bottom-color: #243a54; }
.connection-row strong { color: #c8dff4; }
.connection-row p { color: #7797b9; }
.empty-state { color: #7898ba; border-color: #284563; border-radius: 3px; background: #07101b; }
.stat-cell { border-color: #2c4665; border-radius: 3px; background: #07101c; }
.stat-cell b { color: var(--cyan); font-weight: 650; }
.stat-cell:nth-child(2) b { color: var(--lime); }
.stat-cell:nth-child(3) b { color: var(--pink); }
.stat-cell span { color: #8ea9c7; }
.divider { border-top-color: #293e5a; }
.result-box { color: #c1df9b; background: #c8ff2807; border-color: #c8ff2840; border-radius: 3px; }
.result-box.error { color: #ff9bb1; background: #ff45670a; border-color: #ff456750; }
.extracted-text { color: #adcae5; background: #060e19; border-color: #2d4868; border-radius: 3px; }
.chat-message { color: #c0d8f0; background: #0f1e32; border-color: #2c4a6d; border-radius: 4px; }
.chat-message.user { color: #d9eab7; background: #c8ff2808; border-color: #c8ff2830; }
.chat-message small { color: #6f9bc7; }
.chat-suggestions button { color: #9fc1df; border-color: #2d4e71; border-radius: 3px; background: #081321; }
.chat-suggestions button:hover { color: var(--cyan); background: #00e5ff08; border-color: var(--cyan); }
.modal { background: linear-gradient(150deg, #151a2a, #0b1120); border-color: #ff45676b; border-radius: 5px; box-shadow: 0 0 0 1px #ff456710, 0 24px 100px #000c; }
.modal-head { border-top: 3px solid var(--red); }
.modal h2 { color: #f9eaf0; font-family: var(--display); font-weight: 800; font-size: 24px; }
.modal-icon { color: var(--red); border-color: #ff456770; background: #ff456710; border-radius: 4px; }
.modal-body p { color: #a7bad2; }
.pod-choice { color: #bfcee2; border-color: #32455f; background: #0b1422; border-radius: 3px; }
.pod-choice:has(input:checked) { border-color: var(--red); background: #ff456712; }
.scope-box { color: #ffc8d4; border-color: #ff45674b; background: #ff45670b; border-radius: 3px; }
.scope-box small { color: #b08d9e; }
.acknowledgement { color: #cfecad; border-color: #c8ff2850; background: #c8ff280a; border-radius: 3px; }
.toast { background: #132218; border-color: #c8ff2870; color: #e0efce; border-radius: 4px; box-shadow: 0 10px 45px #0008; }
.toast.error { background: #2a1222; border-color: #ff456780; color: #ffc6d4; }
.results-table-wrap { border-color: #2d4768; border-radius: 3px; }
.results-table th { color: #8eb4db; background: #081321; border-color: #294463; }
.results-table td { color: #b5cee7; border-color: #1d324a; }
.result-id, .results-pagination>span { color: #6c8db4; }
.result-detail-text { color: #8eafd0; }
.result-detail p { color: #a6c3dd; }
.results-table td:before { color: #7b9fc7; }
.mobile-notice { color: #6aa4bd; }
@media (min-width: 1600px) {
  .main { padding: 34px 40px 22px; }
  .topbar { padding-left: 40px; padding-right: 40px; }
  .dashboard-grid, .lower-grid { grid-template-columns: minmax(0,1fr) 340px; gap: 18px; }
  .live-chart { height: 285px; }
  .chart-panel { padding: 24px; }
  .progress-ring { width: 220px; height: 220px; }
  .pod-card { min-height: 124px; padding: 18px 20px; }
  .pod-name { font-size: 19px; }
}
@media (min-width: 1100px) and (max-height: 850px) {
  .topbar { height: 64px; }
  .main { padding-top: 18px; }
  .intro { margin-bottom: 16px; }
  .intro h1 { font-size: 30px; }
  .intro p { display: block; font-size: 10px; margin-top: 5px; }
  .pod-card { min-height: 92px; padding: 11px 14px; }
  .pod-name { font-size: 16px; margin-top: 5px; }
  .pod-count b { font-size: 16px; }
  .pod-grid { margin-bottom: 15px; }
  .sparkline { height: 25px; }
  .chart-panel { padding: 17px 19px 14px; }
  .metrics { margin: 16px 0; }
  .metric { padding: 10px 9px; }
  .metric-note { display: none; }
  .live-chart { height: 185px; }
  .progress-ring { width: 162px; height: 162px; margin-top: 9px; }
  .ring-number { font-size: 37px; }
  .ring-label { font-size: 7px; }
  .progress-panel { padding: 17px; }
  .progress-info { margin-bottom: 12px; }
  .progress-alert { display: flex; }
  .lower-grid { margin-top: 14px; }
  .pipeline-panel, .activity-panel { padding: 15px 18px; }
  .pipeline-note { display: flex; }
  .footer-cards { display: grid; }
}
@media (max-width: 1200px) {
  .topbar { padding: 0 24px; }
  .main { padding: 24px; }
  .topbar:after { left: 24px; }
  .top-actions { gap: 10px; }
  .wordmark { font-size: 22px; letter-spacing: 3.5px; }
  .private-label { display: none; }
  .dashboard-grid, .lower-grid { grid-template-columns: minmax(0,1fr) 260px; }
  .pod-name { font-size: 15px; }
  .pod-count b { font-size: 16px; }
  .sparkline { width: 65px; }
  .progress-panel { padding: 19px 16px; }
  .progress-ring { width: 178px; height: 178px; }
  .metric { padding-left: 8px; padding-right: 8px; }
  .chart-panel { padding: 17px; }
  .chart-options { display: flex; }
}
@media (max-width: 1000px) and (min-width: 741px) {
  .app-shell { grid-template-columns: 67px minmax(0,1fr); }
  .rail { width: 67px; }
  .rail-btn { width: 42px; height: 44px; }
  .rail-btn.active:before { left: -13px; }
  .topbar { padding: 0 21px; height: 76px; }
  .top-left { gap: 10px; }
  .top-actions { gap: 8px; }
  .connection-pill { font-size: 8px; gap: 5px; }
  .sample-button { padding: 6px 8px; font-size: 9px; }
  .language-switch { font-size: 8px; }
  .wordmark { font-size: 20px; letter-spacing: 3px; }
  .brand-small { font-size: 6px; letter-spacing: 1.8px; }
  .main { padding: 23px 21px 18px; }
  .intro { gap: 14px; }
  .intro h1 { font-size: 29px; }
  .intro p { font-size: 10px; }
  .small-actions { gap: 6px; }
  .small-actions .button { padding: 8px 10px; font-size: 9px; min-height: 35px; }
  .date-label { font-size: 8px; margin-right: 2px; }
  .pod-grid { gap: 9px; }
  .pod-card { min-height: 106px; padding: 12px 10px; }
  .pod-name { font-size: 14px; }
  .pod-count b { font-size: 14px; }
  .pod-count { font-size: 8px; }
  .pod-state { display: none; }
  .sparkline { width: 51px; height: 25px; }
  .dashboard-grid, .lower-grid { grid-template-columns: minmax(0,1fr) 235px; gap: 11px; }
  .chart-panel { padding: 15px; }
  .metrics { gap: 6px; margin-top: 17px; }
  .metric { padding: 10px 7px; }
  .metric-value { font-size: clamp(17px, 4.1cqi, 26px); }
  .metric-note { display: none; }
  .metric-name { font-size: 8px; }
  .progress-panel { padding: 16px 13px; }
  .progress-ring { width: 168px; height: 168px; }
  .ring-number { font-size: 35px; }
  .progress-stat { font-size: 8px; }
  .progress-stat b { font-size: 10px; }
  .chart-series-legend { gap: 6px 10px; }
  .series-legend-item { font-size: 8px; }
  .footer-card { padding: 12px; }
  .footer-card-icon { display: none; }
  .footer-card-title { font-size: 9px; }
  .footer-card-detail { font-size: 8px; }
}
@media (max-width: 740px) {
  .app-shell { display: block; }
  .topbar { min-height: 76px; height: auto; padding: 15px 13px; gap: 6px; }
  .topbar:after { left: 13px; width: 90px; }
  .top-left { gap: 7px; }
  .mobile-brand { color: var(--cyan); }
  .mobile-brand svg { width: 22px; height: 27px; }
  .wordmark { font-size: 15px; letter-spacing: 1.8px; }
  .brand-small { margin-top: 7px; font-size: 5px!important; letter-spacing: 1px!important; }
  .top-actions { gap: 6px; }
  .language-switch { padding: 2px; gap: 0; font-size: 8px; }
  .language-switch button { min-width: 23px; min-height: 25px; padding: 4px; }
  .connection-pill { font-size: 0; }
  .connection-pill .status-dot { width: 5px; height: 5px; }
  .topbar .icon-button { padding: 4px; }
  .main { padding: 24px 14px 118px; }
  .intro { margin-bottom: 20px; }
  .intro h1 { font-size: 28px; letter-spacing: -.8px; max-width: 280px; }
  .intro .eyebrow { font-size: 7px; letter-spacing: 2px; }
  .intro p { display: block; font-size: 10px; margin-top: 8px; }
  .intro .eyebrow:before { width: 12px; }
  .mobile-notice { font-size: 8px; color: #7aa0c1; }
  .sample-banner { padding: 9px 11px; font-size: 8px; line-height: 1.7; margin-bottom: 19px; }
  .pod-grid { gap: 9px; margin-bottom: 22px; }
  .pod-card { min-height: 111px; padding: 12px 10px 11px; border-radius: 4px; border-left-width: 2px; }
  .pod-card:before { width: 20px; right: 9px; height: 2px; }
  .pod-number { font-size: 7px; letter-spacing: 1.4px; }
  .pod-state { display: inline-flex; border: 0; font-size: 7px; padding: 0; gap: 3px; background: transparent; }
  .pod-state .status-dot { width: 4px; height: 4px; }
  .pod-name { font-size: 13px; margin-top: 9px; }
  .pod-bottom { flex-wrap: wrap; gap: 4px; align-items: flex-end; margin-top: 8px; }
  .pod-count { font-size: 8px; }
  .pod-count b { display: inline; font-size: 15px; letter-spacing: -.7px; }
  .sparkline { width: 51px; height: 22px; margin-left: auto; }
  .workspace-heading { margin-bottom: 12px; padding-bottom: 10px; }
  .workspace-title { font-size: 12px; gap: 6px; }
  .workspace-title small { font-size: 8px; margin-left: 0; }
  .live-label { font-size: 7px; letter-spacing: .8px; }
  .dashboard-grid, .lower-grid { display: flex; flex-direction: column; gap: 13px; }
  .chart-panel { padding: 15px 12px 13px; }
  .chart-heading { gap: 10px; align-items: center; }
  .segmented { padding: 2px; }
  .segment { font-size: 8px; gap: 4px; padding: 5px 8px; }
  .segment svg { width: 11px; }
  .chart-options { display: flex; }
  .chart-options>svg { display: none; }
  .chart-options select { max-width: 106px; padding: 5px; font-size: 8px; }
  .metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 19px; margin-bottom: 17px; }
  .metric { padding: 12px 10px 10px; border-right: 1px solid color-mix(in srgb,var(--metric) 24%,#1e2d40); border-top-width: 3px; }
  .metric:nth-child(2) { border-right: 1px solid color-mix(in srgb,var(--metric) 24%,#1e2d40); }
  .metric-value { font-size: clamp(21px, 7vw, 30px); font-weight: 800; letter-spacing: -.8px; }
  .metric-name { font-size: 9px; margin-top: 7px; }
  .metric-note { display: none; }
  .chart-legend { font-size: 8px; gap: 10px; }
  .chart-value { font-size: 12px; }
  .live-chart { height: 210px; margin-top: 12px; }
  .chart-empty p { font-size: 10px; }
  .chart-empty small { font-size: 8px; }
  .chart-series-legend { gap: 7px 10px; margin-top: 11px; }
  .series-legend-item { font-size: 8px; }
  .series-swatch { width: 6px; height: 6px; flex-basis: 6px; }
  .chart-view-switch { padding: 2px; }
  .chart-view-switch button { font-size: 8px; padding: 5px 7px; }
  .chart-inspector { font-size: 8px; gap: 4px 10px; padding: 7px 8px; }
  .chart-foot { margin-top: 11px; padding-top: 10px; gap: 7px; }
  .chart-foot-note { font-size: 7px; }
  .chart-periods { gap: 2px; }
  .chart-periods button { font-size: 7px; padding: 5px 6px; }
  .progress-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 14px; padding: 18px 14px; }
  .progress-panel .panel-title { grid-column: 1/-1; font-size: 12px; }
  .batch-select { grid-column: 1/-1; margin-top: 7px; font-size: 9px; }
  .progress-ring { width: 146px; height: 146px; max-width: 100%; margin-top: 14px; }
  .ring-number { font-size: 31px; }
  .ring-number span { font-size: 15px; }
  .ring-label { font-size: 6px; letter-spacing: .3px; }
  .progress-info { grid-column: 1; grid-row: 4; font-size: 8px; margin: 0; }
  .progress-stats { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; gap: 13px; padding: 31px 0 0; border: 0; }
  .progress-stat { font-size: 8px; gap: 6px; }
  .progress-stat b { font-size: 10px; }
  .progress-alert { display: flex; grid-column: 1/-1; margin-top: 16px; font-size: 8px; padding-top: 12px; border-top-color: #263b45; }
  .progress-actions { display: none; }
  .pipeline-panel { padding: 17px 12px; }
  .pipeline { gap: 3px; margin-top: 20px; }
  .pipeline-symbol { width: 31px; height: 31px; margin-bottom: 8px; }
  .pipeline-name { font-size: 7px; }
  .pipeline-count { font-size: 7px; }
  .pipeline-arrow { width: 7px; margin-top: -23px; }
  .pipeline-note { display: flex; font-size: 8px; line-height: 1.8; align-items: flex-start; margin-top: 16px; padding-top: 11px; }
  .pipeline-note svg { margin-top: 4px; }
  .activity-panel { padding: 17px 14px; min-height: 155px; }
  .event-body { font-size: 10px; }
  .event-time { font-size: 8px; }
  .footer-cards { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 13px; }
  .footer-card { padding: 13px 14px; }
  .footer-card-icon { display: grid; }
  .footer-card-title { font-size: 10px; }
  .footer-card-detail { font-size: 9px; }
  .footer { font-size: 6px; letter-spacing: .4px; }
  .mobile-failsafe { border-top: 1px solid #ff45675c; background: #080d18f2; box-shadow: 0 -6px 25px #0006; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); }
  .mobile-failsafe .danger { background: #ff45671a; border-color: #ff456786; color: #ffa1b4; }
  .mobile-failsafe .consult { color: var(--cyan); border-color: #00e5ff6b; background: #00e5ff0c; }
  .drawer-header { padding: 20px 16px 18px; gap: 8px; }
  .drawer-header:after { left: 16px; }
  .drawer-heading { gap: 9px; min-width: 0; }
  .drawer-header h2 { font-size: 18px; }
  .drawer-header p { font-size: 8px; line-height: 1.6; }
  .drawer-icon { width: 32px; height: 32px; flex: 0 0 32px; }
  .panel-language-actions { gap: 5px; }
  .panel-language-actions .icon-button { padding: 4px; }
  .drawer-content { padding: 22px 16px 35px; }
  .drawer-section h3 { font-size: 13px; }
  .drawer-section>p { font-size: 11px; }
  .field-grid { grid-template-columns: 1fr; gap: 13px; }
  .field input, .field select, .field textarea { min-height: 43px; font-size: 16px; padding: 11px; }
  .field textarea { font-size: 13px; }
  .field>span { font-size: 10px; }
  .field small { font-size: 9px; }
  .field input[type=file] { font-size: 10px; max-width: 100%; padding: 10px; }
  .field input[type=file]::file-selector-button { font-size: 9px; padding: 6px 7px; margin-right: 7px; }
  .drawer-tabs { flex-wrap: wrap; }
  .drawer-tabs .segment { flex: 1 1 100px; min-width: 0; font-size: 9px; padding: 8px 6px; }
  .modal-head { padding: 24px 20px 18px; }
  .modal-body { padding: 0 20px 22px; }
  .modal h2 { font-size: 22px; }
  .modal-body p { font-size: 11px; }
  .modal-actions { flex-wrap: wrap; }
  .toast { left: 14px; right: 14px; bottom: 89px; font-size: 10px; }
  .stat-cell { padding: 10px; }
  .stat-cell b { font-size: 23px; }
  .stat-cell span { font-size: 8px; }
  .list-card-meta { font-size: 8px; }
  .results-table th { font-size: 9px; }
  .results-table tr { background: #0b1726; border-color: #2c476a; border-radius: 3px; }
  .results-table td { font-size: 11px; }
  .results-pagination { gap: 6px; }
}
@media (max-width: 360px) {
  .wordmark { font-size: 13px!important; letter-spacing: 1.6px!important; }
  .topbar .brand-small { font-size: 4.7px!important; letter-spacing: .7px!important; }
  .mobile-brand svg { width: 19px!important; }
  .top-actions { gap: 4px; }
  .topbar { padding-left: 11px; padding-right: 11px; }
  .topbar .top-left { gap: 5px; }
  .language-switch button { min-width: 21px; padding: 3px; }
  .main { padding-left: 12px; padding-right: 12px; }
  .pod-card { padding-left: 9px; padding-right: 8px; }
  .pod-state { font-size: 6px; }
  .pod-name { font-size: 12px; }
  .pod-count b { font-size: 14px; }
  .sparkline { width: 43px; }
  .chart-panel { padding-left: 10px; padding-right: 10px; }
  .metric { padding-left: 8px; padding-right: 8px; }
  .metric-value { font-size: 22px; }
  .metric-name { font-size: 8px; }
  .workspace-title { font-size: 11px; }
  .workspace-title small { font-size: 7px; }
  .live-label { font-size: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
/* Progress is the real accepted percentage; these marks are decorative framing. */
.gauge-track { stroke: #26373e; }
.gauge-progress { stroke-linecap: round; filter: drop-shadow(0 0 4px #c8ff2860); }
.gauge-tick { stroke: #34495b; opacity: .7; }
.gauge-tick.is-lit { stroke: var(--cyan); opacity: 1; }
.gauge-orbit { stroke: #9867ff65; opacity: .8; }
.gauge-core { fill: #c8ff2804; stroke: #c8ff2815; }

/* Graph interaction surfaces and readable SVG instrumentation. */
button.series-legend-item {
  appearance: none;
  -webkit-appearance: none;
  background: linear-gradient(120deg, color-mix(in srgb, var(--series) 8%, #0a1320), #08101c);
  border: 1px solid color-mix(in srgb, var(--series) 29%, #263a52);
  border-bottom: 2px solid color-mix(in srgb, var(--series) 65%, #263a52);
  border-radius: 3px;
  padding: 6px 8px;
  min-height: 29px;
  max-width: 100%;
  line-height: 1.4;
  text-align: left;
  flex-wrap: wrap;
  cursor: pointer;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
button.series-legend-item:hover,
button.series-legend-item.active,
button.series-legend-item[aria-pressed=true],
.chart-series-legend:has(.series-legend-item:only-child) .series-legend-item {
  background: color-mix(in srgb, var(--series) 13%, #0a1523);
  border-color: color-mix(in srgb, var(--series) 74%, #263a52);
  color: #edf7ff;
  box-shadow: 0 0 14px color-mix(in srgb, var(--series) 9%, transparent);
}
.series-legend-item span { min-width: 0; overflow-wrap: anywhere; }
.series-legend-item strong { font-family: var(--mono); margin-left: 4px; white-space: nowrap; }
.graph-grid { fill: none; vector-effect: non-scaling-stroke; pointer-events: none; }
.graph-grid.horizontal { stroke: #23405a; stroke-width: .8px; stroke-dasharray: 2 6; opacity: .7; }
.graph-grid.vertical { stroke: #173249; stroke-width: .65px; opacity: .55; }
.graph-axis { fill: #8aaccd; font: 14px var(--mono); font-weight: 500; pointer-events: none; }
.graph-time { fill: #7395b9; font-size: 13px; }
.chart-line { stroke-width: 1.8px; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 3px color-mix(in srgb, var(--series, var(--cyan)) 38%, transparent)); }
.chart-total-line { stroke-width: 2.2px; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px #00e5ff55); }
.chart-inspector>span { display: inline-flex; align-items: baseline; column-gap: 7px; row-gap: 2px; flex-wrap: wrap; }
.chart-inspector>small { color: #668bb0; font-size: 8px; line-height: 1.6; }
.chart-tooltip>time { display: block; color: #8cb9df; padding-bottom: 6px; margin-bottom: 5px; border-bottom: 1px solid #29405a; font-size: 9px; }
.chart-tooltip>div { display: flex; align-items: center; gap: 6px; }
.chart-tooltip>div>span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.chart-tooltip>div>strong { color: #ecf7ff; margin-left: auto; white-space: nowrap; font-size: 10px; }
.chart-tooltip>footer { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #29405a; padding-top: 6px; margin-top: 6px; }
.pod-top { flex-wrap: wrap; row-gap: 4px; }
.pod-state { display: inline-flex; max-width: 100%; line-height: 1.4; white-space: normal; }
@media (max-width: 1000px) and (min-width: 741px) {
  .pod-state { display: inline-flex; font-size: 7px; border: 0; padding: 0; background: transparent; }
  .pod-top { gap: 4px 6px; }
  .graph-axis { font-size: 16px; }
  .graph-time { font-size: 15px; }
}
@media (max-width: 740px) {
  button.series-legend-item { padding: 5px 7px; min-height: 28px; font-size: 8px; }
  .series-legend-item strong { margin-left: 2px; }
  .graph-axis { font-size: 23px; }
  .graph-time { font-size: 22px; }
  .chart-inspector>span { gap: 2px 6px; }
  .chart-inspector>small { font-size: 7px; }
  .chart-tooltip>time { font-size: 8px; }
  .pod-state { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) {
  button.series-legend-item { transition: none!important; }
}

.chart-history-note{font:9px/1.6 var(--mono);color:var(--orange);padding:8px 10px;border-left:2px solid var(--orange);background:#ff9d3208;margin-top:10px}
.chart-tooltip>small{display:block;color:#91a9c4;font-size:8px;margin:-3px 0 9px}

/* User-provided Alpha Prime emblem, with its exterior transparent. */
.prime-emblem{display:block;object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 0 9px #00e5ff24)}
.brand-emblem{width:62px;height:62px}.brand-emblem .prime-emblem{width:62px;height:62px}
.desktop-brand{display:block;flex-shrink:0}.desktop-brand .prime-emblem{width:60px;height:60px}
.graph-y-axis{position:absolute;inset:0;pointer-events:none;z-index:1}
.graph-axis-label{position:absolute;right:6px;transform:translateY(-100%);font:9px/1.2 var(--mono);color:#9db6d0;padding:1px 3px;background:#070d17a8;border-radius:2px}
.graph-x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;color:#96adc7;font:9px/1.4 var(--mono)}
.chart-tooltip{z-index:4}.chart-tooltip[hidden]{display:none}
@media(max-width:740px){.desktop-brand{display:none}.mobile-brand .prime-emblem{width:36px;height:36px}.graph-axis-label,.graph-x-axis{font-size:8px}.graph-x-axis span:nth-child(2),.graph-x-axis span:nth-child(4){display:none}.top-left{gap:8px}}