*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9ece7;color:#182019;font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #176e32;outline-offset:4px}button{transition:background .16s,color .16s,border-color .16s,transform .16s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}a{color:#176e32}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-1.8px;font-weight:650}h2{font-size:28px;line-height:1.2;letter-spacing:-.8px}h3{font-size:17px}.skip{position:fixed;left:16px;top:-80px;z-index:200;background:white;padding:16px}.skip:focus{top:12px}.studio{max-width:1568px;margin:auto;padding:32px 40px 64px}.mast{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:40px}.wordmark{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:1.3px}.logo{width:32px;height:32px;background:#72e000;color:#152013;display:grid;place-items:center;font-weight:900;font-style:italic;border-radius:5px;font-size:18px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#52604f}.intro{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:32px}.intro p{max-width:465px;color:#4d5c51;line-height:1.7}.intro .eyebrow{margin-bottom:12px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.direction{background:transparent;border:1px solid #82917f;border-radius:12px;text-align:left;padding:20px;color:#263327;position:relative;min-height:118px}.direction[aria-pressed=true]{background:#fff;border:2px solid #276c37;padding:19px;box-shadow:0 5px 18px #263e2110}.direction .num{font:12px 'Consolas',monospace;color:#52624e}.direction strong{display:block;font-size:20px;margin:4px 0}.direction span:last-child{font-size:13px;color:#52604f}.direction .recommend{position:absolute;right:16px;top:16px;background:#e2f1dc;color:#26592b;padding:3px 8px;font-size:10px;border-radius:30px}.controls{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:24px 0 16px}.segmented{display:flex;gap:4px;background:#dce1d8;padding:4px;border-radius:8px}.segmented button{border:0;background:transparent;padding:10px 20px;min-height:44px;border-radius:5px;color:#354233}.segmented button[aria-pressed=true]{background:white;color:#182019;box-shadow:0 1px 5px #15201319;font-weight:650}.right-controls{display:flex;align-items:center;gap:10px}.quiet{background:none;border:1px solid #788571;border-radius:6px;padding:9px 13px;min-height:44px;color:#33412e}.preview-note{font-size:12px;color:#52604f}.canvas{container-type:inline-size;max-width:100%;margin:auto;transition:width .25s;width:100%;box-shadow:0 18px 65px #1a291521;border:1px solid #a6afa1;border-radius:12px;overflow:hidden}.canvas.mobile{width:390px}.app{--bg:#f1f3ef;--panel:#fff;--secondary:#e9ede5;--ink:#202a20;--muted:#52604e;--border:#bbc4b5;--control:#73816b;--accent:#70de00;--accentInk:#14200b;--green:#226733;--selected:#edf7e7;--radius:5px;--pad:24px;background:var(--bg);color:var(--ink);font-size:14px;min-height:700px}.app button,.app input,.app select,.app textarea{border-radius:var(--radius)}.app button:focus-visible,.app a:focus-visible,.app input:focus-visible,.app select:focus-visible,.app textarea:focus-visible{outline-color:var(--green)}.app svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chrome{padding:10px 16px;min-height:40px;background:var(--secondary);display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);font-size:11px}.chrome .dot{height:8px;width:8px;border-radius:50%;background:var(--green)}.chrome .right{margin-left:auto;color:var(--muted)}.workspace{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:680px}.rail{background:var(--panel);border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column;gap:24px}.rail .wordmark{padding:0 8px;font-size:13px}.rail .logo{width:27px;height:27px;font-size:16px}.rail nav{display:grid;gap:4px}.navbtn{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:12px;min-height:44px;text-align:left;width:100%}.navbtn.selected{background:var(--selected);color:var(--green);font-weight:650;box-shadow:inset 3px 0 var(--green)}.rail-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:8px 12px}.team-rail{display:grid;gap:3px}.team-rail button{border:0;background:transparent;text-align:left;padding:9px 12px;color:var(--muted);font-size:12px;min-height:40px}.team-rail button.selected{color:var(--ink);background:var(--secondary);font-weight:650}.rail-bottom{margin-top:auto;padding:8px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;font-weight:750;color:var(--ink);flex:none}.app-main{min-width:0;display:flex;flex-direction:column}.topbar{padding:16px var(--pad);border-bottom:1px solid var(--border);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:600}.searchbox{display:flex;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--control);border-radius:var(--radius);padding:0 12px;min-width:180px;max-width:390px;flex:1;margin-left:32px}.searchbox input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);padding:10px 0;font-size:12px;outline-offset:1px}.searchbox input::placeholder{color:var(--muted);opacity:1}.content{padding:var(--pad);flex:1}.customer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.identity{display:flex;align-items:center;gap:16px}.team-icon{background:var(--secondary);color:var(--green);width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius);font-weight:750;font-size:20px}.customer-head h2{font-size:26px;margin:4px 0 5px}.small{font-size:12px;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:4px;background:var(--selected);color:var(--green);font-size:11px;font-weight:650;white-space:nowrap}.status-pill svg{width:13px;height:13px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--control);background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}.btn.primary{background:var(--accent);border-color:var(--green);color:var(--accentInk)}.btn.subtle{border-color:transparent;background:transparent;color:var(--green)}.buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:16px}.stat .stat-icon{background:var(--secondary);padding:10px;border-radius:var(--radius);color:var(--green)}.stat b{font-size:24px;font-weight:650;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:11px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.section-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 16px;font-weight:600;font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px}.section-tabs button.selected{color:var(--green);border-bottom-color:var(--green)}.count{border-radius:4px;padding:1px 6px;background:var(--secondary);color:var(--ink);font-size:10px}.filter-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);cursor:pointer}.filter-toggle input{appearance:none;width:32px;height:18px;background:var(--secondary);border:1px solid var(--control);border-radius:20px;position:relative;margin:0;flex:none}.filter-toggle input:before{content:'';display:block;width:12px;height:12px;border-radius:50%;position:absolute;left:2px;top:2px;background:var(--muted);transition:transform .15s}.filter-toggle input:checked{background:var(--green);border-color:var(--green)}.filter-toggle input:checked:before{background:#fff;transform:translateX(14px)}.data-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:16px}.data-layout.no-detail{grid-template-columns:minmax(0,1fr)}.list-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;overflow:hidden;align-self:start}.list-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:8px;border-bottom:1px solid var(--border)}.list-title strong{font-size:13px}.column-head{display:grid;grid-template-columns:1fr 100px 72px;padding:10px 16px;background:var(--secondary);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.data-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 100px 72px;align-items:center;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);padding:16px;text-align:left;border-radius:0!important;gap:8px;min-height:78px}.data-row:last-child{border-bottom:0}.data-row.selected{background:var(--selected);box-shadow:inset 3px 0 var(--green)}.data-row strong{font-size:13px;display:block}.data-row small{color:var(--muted);font-size:11px;display:block;margin-top:4px}.data-row .state-cell{font-size:11px;color:var(--green);font-weight:600}.data-row .end-cell{font:11px 'Consolas',monospace;color:var(--muted);text-align:right}.detail-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-self:start;overflow:hidden}.detail-top{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:start;gap:8px}.detail-top h3{margin:8px 0 4px}.iconbtn{border:0;background:transparent;color:var(--muted);padding:8px;display:grid;place-items:center;min-width:36px;min-height:36px}.detail-body{padding:16px}.detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin:0 0 20px}.detail-body dt{color:var(--muted)}.detail-body dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}.detail-body h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:10px;color:var(--ink);background:var(--secondary);border:1px solid var(--border);padding:4px 7px;border-radius:4px}.callout{padding:12px;border-radius:var(--radius);background:var(--secondary);font-size:11px;color:var(--muted);margin:16px 0;line-height:1.6}.callout strong{color:var(--ink);display:block;margin-bottom:4px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad);border-top:1px solid var(--border);font-size:10px;color:var(--muted);background:var(--panel)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.customer-mobile{display:none}.empty{padding:40px 24px;text-align:center;color:var(--muted)}.customer-card{padding:24px}.customer-card dl{display:grid;grid-template-columns:160px 1fr;gap:16px;margin-bottom:24px}.customer-card dt{color:var(--muted)}.customer-card dd{margin:0}.portal-top{background:var(--panel);border-bottom:1px solid var(--border);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-top .wordmark{font-size:15px}.portal-top nav{display:flex;gap:8px}.portal-top .navbtn{width:auto;font-size:12px}.portal-content{max-width:1180px;margin:auto;padding:32px 40px 40px}.welcome{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.welcome h2{font-size:32px;margin:8px 0 12px}.welcome p{color:var(--muted);font-size:13px}.greeting{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--green);font-weight:650}.portal-summary{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:12px 16px;border-radius:var(--radius);background:var(--panel)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 16px}.section-heading h3{font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.product-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.product-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--selected);display:grid;place-items:center;color:var(--green)}.product-icon svg{width:25px;height:25px}.product-header h3{font-size:24px;letter-spacing:-.6px}.product-header .status-pill{margin-left:auto}.product-card p{font-size:12px;color:var(--muted)}.seat-line{display:flex;justify-content:space-between;margin:20px 0 8px;font-size:12px}.seat-bar{height:4px;background:var(--secondary);border-radius:8px;margin-bottom:20px;overflow:hidden}.seat-bar span{display:block;height:100%;background:var(--green)}.product-card .buttons{margin-top:24px}.hardware-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:12px}.hardware-card .hw-icon{height:44px;width:72px;border-radius:6px;background:var(--secondary);display:grid;place-items:center;color:var(--green);border:1px solid var(--border)}.hardware-card .hw-icon svg{width:34px;height:34px}.hardware-card .identity{flex:1}.hardware-card .small{margin-top:4px}.support-link{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-top:24px}.support-link p{font-size:12px;color:var(--muted);margin-top:4px}.surface-caption{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;margin:24px 0 40px;padding:24px 0;border-bottom:1px solid #b5beae;font-size:13px}.surface-caption p{color:#52604f;margin-top:6px}.surface-caption h3{font-size:13px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.spec{background:#f7f9f4;border:1px solid #c3ccbc;border-radius:12px;padding:24px}.spec h3{margin:12px 0}.spec p,.spec li{font-size:13px;color:#52604f}.spec ul{padding-left:18px}.palette{display:flex;height:48px;border-radius:6px;overflow:hidden;margin:16px 0}.palette span{display:flex;align-items:center;justify-content:center;font-size:11px}.palette span:nth-child(1){width:60%}.palette span:nth-child(2){width:30%}.palette span:nth-child(3){width:10%}.design-notes{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.design-notes h2{font-size:24px;margin-bottom:16px}.design-notes p,.design-notes li{font-size:13px;color:#435240;margin-bottom:8px}.design-notes ol,.design-notes ul{padding-left:20px}.footnote{font-size:11px;color:#52604f;margin-top:32px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#203224;color:#fff;box-shadow:0 8px 40px #0003;padding:16px 24px;border-radius:8px;z-index:100;font-size:13px}.toast:empty{display:none}dialog{--ink:#202a20;--muted:#52604e;--panel:#fff;--bg:#f1f3ef;--border:#bbc4b5;--control:#73816b;--accent:#70de00;--accentInk:#14200b;--green:#226733;--radius:8px;background:var(--panel);color:var(--ink);border:1px solid var(--control);border-radius:16px;padding:0;width:min(580px,calc(100% - 32px));max-height:90dvh;box-shadow:0 32px 100px #0004}dialog::backdrop{background:#0c190bb0;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--border)}.dialog-head h2{font-size:23px}.dialog-body{padding:24px}.dialog-body label{display:block;font-size:12px;font-weight:600;margin:16px 0 6px}.dialog-body input,.dialog-body select,.dialog-body textarea{display:block;width:100%;border:1px solid var(--control);background:var(--bg);color:var(--ink);padding:12px;border-radius:var(--radius);min-height:44px}.dialog-body textarea{min-height:90px;resize:vertical}.dialog-body input[type=checkbox]{width:18px;height:18px;min-height:18px;display:inline;accent-color:var(--green);vertical-align:middle;margin-right:8px}.dialog-body .checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.dialog-body .checks label{margin:8px 0;font-weight:400}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:var(--bg);border-top:1px solid var(--border)}.dialog-body .helper{font-size:12px;color:var(--muted);margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error{color:#a42720;font-size:12px}.selected-marker{border:1px solid var(--control);padding:14px;background:var(--bg);border-radius:var(--radius);margin:16px 0}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
.app.dark{color-scheme:dark;--bg:#131a16;--panel:#1d2820;--secondary:#2a382d;--ink:#f0f5ed;--muted:#b7c6b1;--border:#4c5e49;--control:#8ba280;--accent:#80e619;--accentInk:#14200b;--green:#a1ed69;--selected:#30452b}
.app.dark .chrome,.app.dark .topbar,.app.dark .portal-top,.app.dark .app-footer{background:var(--bg);border-color:var(--border)}
.app.dark .rail{background:#101810;border-color:var(--border)}
.app.dark .searchbox,.app.dark .stat,.app.dark .product-card,.app.dark .hardware-card{background:var(--panel);border-color:var(--border)}
.app.dark .team-icon,.app.dark .portal-summary,.app.dark .support-link,.app.dark .product-icon,.app.dark .hw-icon,.app.dark .stat .stat-icon{background:var(--secondary);border-color:var(--control);color:var(--green)}
.app.dark .section-tabs{background:var(--secondary)}
.app.dark .section-tabs button.selected,.app.dark .portal-top .navbtn.selected,.app.dark .rail .navbtn.selected{background:var(--selected);color:var(--green)}
.app.dark .list-panel,.app.dark .detail-panel,.app.dark .welcome{border-color:var(--border)}
.app.dark .eyebrow,.app.dark .customer-head .small{color:var(--muted)}
.app.dark .chip,.app.dark .status-pill{background:var(--selected);color:var(--green);border-color:var(--control)}
.app.dark .error{color:#ffbdb3}
.app.dark :is(button,input,select,textarea,summary,a):focus-visible{outline-color:#c0ff83}
body.app{margin:0;min-height:100dvh;--pad:24px}body.app.dark{--bg:#131a16;--panel:#1d2820;--secondary:#2a382d;--ink:#f0f5ed;--muted:#b7c6b1;--border:#4c5e49;--control:#8ba280;--accent:#80e619;--accentInk:#14200b;--green:#a1ed69;--selected:#30452b}
body.app[data-theme=light]{color-scheme:light}.app .chrome{min-height:48px}.theme-label select{background:var(--panel);color:var(--ink);border:1px solid var(--control);padding:5px 8px;min-height:32px;font-size:11px}.chrome .btn{min-height:32px;padding:5px 12px;font-size:11px}.workspace{min-height:calc(100dvh - 72px)}.topbar{background:var(--panel)}.app.dark .rail{background:#101810}.rail nav .active{background:var(--selected);color:var(--green);font-weight:650;box-shadow:inset 3px 0 var(--green)}.customer-picker{display:grid;gap:8px;min-width:0}.customer-picker input,.customer-picker select{background:var(--bg);color:var(--ink);border:1px solid var(--control);padding:8px;min-height:36px;min-width:0;width:100%;font-size:11px}.team-rail button.active{background:var(--secondary);color:var(--ink)}.searchbox{margin-left:auto}.searchbox>span{display:flex}.heading{flex-wrap:wrap}.heading>.actions{margin-left:auto}.address-line{margin-top:4px;line-height:1.6}.section-tabs button.active{background:var(--selected);border-bottom-color:var(--green);color:var(--green)}.split:has(#detailPanel[hidden]){grid-template-columns:1fr}.column-head,.data-row{grid-template-columns:minmax(0,1fr) 112px 84px}.data-row{font-weight:400}.data-row .state-cell{font-weight:500}.stat-icon{display:flex}.stat span{display:block}.detail-top h3{margin:4px 0}.detail-top button{font-size:20px}#detail>p{white-space:pre-line;font-size:12px}#detailActions{padding:16px;border-top:1px solid var(--border)}#detailActions button{width:100%}.slot{padding:12px 0;border-top:1px solid var(--border);font-size:12px}.slot span{display:block;color:var(--muted)}.notice{padding:12px;background:var(--secondary);border:1px solid var(--border);border-left:3px solid var(--green);font-size:12px;line-height:1.6;border-radius:5px;margin:16px 0}.notice strong{display:block;margin-bottom:8px}.notice p{color:var(--muted);margin:8px 0}.notice button{margin:4px 8px 4px 0}.helper{font-size:12px;color:var(--muted)}.card .helper{margin:8px 0}.card .actions{margin-top:20px}.card details{margin-top:16px}.badge{display:inline-block;font-size:11px;color:var(--green);background:var(--selected);padding:4px 8px;border-radius:4px}.downloads{padding:24px;border:1px solid var(--border);background:var(--panel);border-radius:5px;margin-top:24px}.downloads p{font-size:12px;color:var(--muted);margin:8px 0 16px}.downloads a{border:1px solid var(--control);border-radius:5px;padding:10px 14px;font-size:12px;text-decoration:none}.technical-note{color:var(--muted);font-size:11px;margin-top:24px}.technical-note p{margin:12px 0;max-width:800px}summary{cursor:pointer}#connection{color:var(--green)}.portal .workspace{grid-template-columns:1fr}.portal .content{max-width:1232px;width:100%;margin:auto;padding:32px 40px 40px}.portal #newCustomer,.portal #customerLabel,.portal #metrics{display:none}.portal .topbar{padding:16px 40px}.portal #headline{font-size:32px}.portal #listPanel:has(.card){border:0;background:transparent}.portal #rows:has(.card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portal .split:has(.card){grid-template-columns:1fr}.login-card{max-width:460px;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:5px;margin:64px auto 24px}.login-card .wordmark{margin-bottom:32px}.login-card h1{font-size:30px;letter-spacing:-.6px;margin:8px 0 12px}.login-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}#loginform{display:grid;gap:16px;margin:24px 0}#loginform label{display:grid;gap:6px;font-size:12px}#loginform input,#loginform select{width:100%;min-height:44px;border:1px solid var(--control);background:var(--bg);color:var(--ink);padding:10px 12px}.login-help{color:var(--muted);font-size:11px;margin-top:24px}.login-help p{margin-top:12px}.login-status{max-width:460px;margin:16px auto;color:#f29e8d;font-size:13px}.login-status:empty{display:none}dialog{width:min(680px,calc(100% - 32px));border-radius:8px}body.dark dialog{color-scheme:dark;--bg:#131a16;--panel:#1d2820;--secondary:#2a382d;--ink:#f0f5ed;--muted:#b7c6b1;--border:#4c5e49;--control:#8ba280;--accent:#80e619;--accentInk:#14200b;--green:#a1ed69;--selected:#30452b}.dialog-body{display:grid;gap:16px}.dialog-body label{margin:0;display:grid;gap:6px}.dialog-body .check{display:flex;align-items:center;gap:8px}.dialog-body input[type=checkbox]{margin:0}.dialog-body fieldset{min-width:0;border:1px solid var(--border);border-radius:5px;padding:16px;display:grid;gap:12px}.dialog-body legend{font-weight:650;font-size:12px;padding:0 8px}.dialog-body input,.dialog-body select{font-size:13px}#formError{padding:0 24px 16px;color:#ffb6a8;font-size:12px}.profile-card{padding:24px}.profile-card h3{margin-bottom:24px}.profile-card dl{display:grid;grid-template-columns:160px 1fr;gap:16px;font-size:13px}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0}.profile-card .actions{margin-top:24px}.product-icon{flex:none}.product-header{margin-bottom:16px}.product-header h3{font-size:24px}.product-card .eyebrow{font-size:10px}.slot>strong{font-size:12px}.portal .detail-panel{max-width:100%}
@media(max-width:1120px){.workspace{grid-template-columns:180px minmax(0,1fr)}.heading>.actions{margin-left:0}.heading{align-items:start}.topbar{flex-wrap:wrap}.switch-row>.small{display:none}.data-layout{grid-template-columns:minmax(0,1fr) 280px}.stat{padding:12px;gap:10px}.column-head,.data-row{grid-template-columns:minmax(0,1fr) 90px 70px}}
@media(max-width:760px){.chrome{flex-wrap:wrap;gap:8px}.chrome>span:not(.right):not(.dot){display:none}.chrome .right{font-size:10px}.workspace{display:block}.rail{padding:16px;border-right:0;border-bottom:1px solid var(--border);gap:16px}.rail>.wordmark,.rail-label,.rail-bottom,.team-rail{display:none}.rail nav{display:flex;flex-wrap:wrap}.rail nav button{width:auto;font-size:11px;padding:8px}.customer-picker{grid-template-columns:1fr 1fr}.customer-picker label{display:none}.topbar,.portal .topbar{padding:16px;gap:12px}.searchbox{order:3;max-width:none;flex-basis:100%;margin:0}.topbar>#newCustomer{margin-left:auto}.content,.portal .content{padding:24px 16px}.identity{gap:12px}.team-icon{width:44px;height:44px;font-size:16px}.customer-head h2,.portal #headline{font-size:24px}.stats{gap:8px}.stat{padding:12px;display:block}.stat .stat-icon{display:none}.stat b{font-size:22px}.stat span{font-size:10px}.section-tabs{width:100%;flex-wrap:wrap}.section-tabs button{padding:10px 12px;font-size:11px}.data-layout,.portal .split{display:flex;flex-direction:column}.split>*{width:100%}.detail-panel{order:-1}.column-head,.data-row{grid-template-columns:minmax(0,1fr) 80px 62px;padding:12px;gap:6px}.data-row strong{font-size:12px}.data-row small{font-size:10px}.column-head{font-size:9px}.data-row .state-cell,.data-row .end-cell{font-size:10px}.portal #rows:has(.card){grid-template-columns:1fr}.product-card{padding:20px}.login-card{margin:24px 16px;padding:24px}.login-status{margin:16px}.form-grid{grid-template-columns:1fr}.profile-card dl{grid-template-columns:1fr 1.5fr}.app-footer{flex-wrap:wrap;padding:12px 16px}.technical-note{margin-top:16px}.dialog-body .checks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Interactive metrics retain the classic cards and native keyboard focus. */
button.stat{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;transition:border-color .15s,background .15s}button.stat:hover,button.stat:focus-visible{outline:2px solid var(--accent,#a1ed69);outline-offset:2px}html[data-theme="dark"]{color-scheme:dark}html[data-theme="light"]{color-scheme:light}
.postal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}.postal-state{margin:12px 0 0;font-size:12px;color:var(--muted)}.postal-state[data-state=ok]{color:var(--green)}.postal-state[data-state=partial]{color:#d9a23a}.profile-card dd{white-space:pre-line}.postal-street{grid-column:span 3}.postal-city{grid-column:span 3}.postal-country{grid-column:span 4}@media(max-width:480px){.postal-grid{grid-template-columns:1fr}.postal-grid>label{grid-column:1}}
.pin-editor{grid-column:1/-1;padding:16px;border:1px solid var(--border,#50624b);border-radius:8px}.pin-editor summary{cursor:pointer;padding:8px}.pin-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:16px 0}.pin-swatch{border:1px solid #889b82;border-radius:4px;padding:8px;min-width:80px;align-self:end;text-shadow:0 1px 3px #000}.pin-deviation{align-self:end;padding:8px 0;font-size:12px;font-weight:600;color:#c98a12}.connector-tools{grid-column:1/-1}textarea{font:inherit;color:inherit;background:var(--input,#253127);border:1px solid var(--border,#50624b);padding:8px;width:100%;box-sizing:border-box}[hidden]{display:none!important}
/* Status uses text and a high-contrast marker, independently of owner assignment. */
.blocked-row{border-left:4px solid #ff8f98!important}.blocked-row>span:nth-child(2){color:#ffb4bb;font-weight:700}
.blocked-notice{border:1px solid #e78e98;border-left:4px solid #ff8f98;background:#351f25;color:#ffe7ea;padding:16px;margin-bottom:16px}.blocked-notice h3{color:inherit;margin:0 0 8px}
[data-theme="light"] .blocked-row>span:nth-child(2){color:#9a1e30}[data-theme="light"] .blocked-notice{background:#fff0f2;color:#7b1726;border-color:#ae3145}
[data-section="blocked"]{color:#ffb4bb}[data-theme="light"] [data-section="blocked"]{color:#9a1e30}
/* R7.6.8: concise confirmation, optional detail and fixed action footer. */
.assignment-dialog{padding:0;max-height:calc(100dvh - 32px);overflow:hidden}.assignment-dialog #actionform{display:flex;flex-direction:column;max-height:calc(100dvh - 36px)}.assignment-dialog .dialog-head,.assignment-dialog .dialog-foot,.assignment-dialog #formError{flex:none}.assignment-dialog .dialog-body{overflow:auto;min-height:0}.assignment-dialog .dialog-foot{border-top:1px solid var(--border);background:var(--panel);padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.assignment-summary{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:12px 24px;margin:0;font-size:13px}.assignment-summary dt{color:var(--muted)}.assignment-summary dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}.assignment-more{border-top:1px solid var(--border);padding-top:16px}.assignment-more summary{cursor:pointer;font-weight:600;padding:8px 0}.assignment-more[open] summary{margin-bottom:16px}@media(max-width:600px){.assignment-dialog .dialog-head,.assignment-dialog .dialog-body{padding:20px}.assignment-dialog .dialog-foot{padding:16px;flex-wrap:wrap}.assignment-dialog .dialog-foot .primary{flex:1 1 100%}.assignment-summary{grid-template-columns:1fr;gap:4px}.assignment-summary dd{margin-bottom:12px}.assignment-dialog h2{font-size:23px}}
.assignment-options{margin:0;border:1px solid var(--border);padding:16px}.assignment-options legend{padding:0 8px;font-weight:600}.assignment-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.assignment-option-grid .check{min-height:40px;margin:0}@media(max-width:600px){.assignment-option-grid{grid-template-columns:1fr}}