/* ZCOMMANDER / PIXEL SYSTEM 01
   Independent design system. No HeroUI, Tailwind or external CSS.
   Palette: black, paper white and neutral greys only.
*/
@font-face{font-family:ZPixel;src:url(data:font/woff2;base64,d09GMgABAAAAAAS0AAoAAAAAJfgAAARmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRYKwBC1BgE2AiQDagtmAAQgBYFqB4QGG08fERWaoyi0SrDppHZ8xWa5D85ZSg/fSU1vCmnw8H/4u/e998cc3sANGlBbIJrH2xxRxxPMCiT+g+c2oWmm5sMOFmn1+235idDEO94YQruKuOdGJr1foW6o4NMPym03xRDaDwXDu7xQjFE7HMVqzhsZ7Pu97+y/+W+TLuv4Bka1JlU/SRea8agIdWbfnmTufYVWhcEiLDEqkmZcaePROBOJMYb9/UxH378rrsilGCjGgCf9G+t3JIYnX8iQaC6VdDzgx805i3iTBnHOt9FwnsIg7qFNRPA+E4/AkDqRIgsYjkQhQ2fiQo2Xf6MAc8RsIJ+6/u3VjQKbh771o0+96l1veoMMAeh7sXcLjUSVw93Dr4HwCcUPlH/KYf4oPaBJmwpNmlRp0qBGmSqliaPXqdGgSY0SNSo0qFCkRociVWpUkan0H1fqJHJkyFMgR44SJbJkaKbmTZmSxeylt1nALfAJboAsGW1AsO7LtqsOQ5Vc5+idlgITCXAyzkJY3P+qAxvq3vwjJa6VJQlSlMKoIbPUUKyNwAPGNNEepXgLcQlkgJEVy1gh6suK1VVft9QZMGRvYsFF5KrnAmYhjlJpBuGCAx5peM6S1acmRlHBr12ToPBA59TrguzRWXrI6l17JjxlCAPGnj8BdGXxhdQQDT5XopwJVAY9OiPoYutPBxkRQ+Rrv5jbwW7a6izNGhfKncl0QYR43nqmKzXz+R43aIXyGSoNBGXCs70xFJFvcfr9/qLXnbwYgyNsy1G/mdM/j0VpMiMbDSq7o+UufNJfRUdzJ/jucnYvu6DQeepQo+cMCeIcZf+p9aC15EGXxW1DH1MdWbdImUHCMEfXjeK2SwNxMJE459Hg7dIvWGXekF0rx03CB4bEPoecvpFQtRWxtKtEh0ni41NWvc6PBoKdi365y5p60ZL0YQujZmYtOIGa2pEcL2L8Y4Y8NxN/Fyaxw5OsWzJzUdXH7Nq9egdhglrXlfpdTWJUf1NY9CchFyZM7VwqxD93VLnduMI7E+VnxIcMJSVuM/r4XOvZqSIKt7aaYrq6Qq/DJFEro6n96aIPHevZ8uvgskfOoyGaPPi7M1iKWHos/t9LZHhKmpmu7VxBpoV2OdcOOTfJM6nZ2o3ocnNcOUUeIL/Lorbsotmy90c6R/O/1v+djvgHwK9rVQCLYRy+3hUJAAgfu/2I8AHcWH6k3ojLdzwF1Me6GpeTdqmDuErgpCK3QO5KCSaWAjlKS5EmzYMJuZldPCxiKiBd1tVSoMreUmTNdjBVG9nq+hfHb/zhxfbuf1muT9982Y6VnwNFrJjQR5gTTDhjwBw7ZDFghANzdEB6XC5WPoZF80XtAqLBaDJj1px5C1GMkmUrUbVm3YZNW7bt2LVn34FDR46dOHXm3IVUJlcoVWqNVqc3GE16MpU7LCdEAsAABAqDI5AoND4GW92MEh4YgEBhcASyqhkQHhiAQGFwRJUzvLhqplHT3DPY6s9oV7PD3o7ctckNAAAAAA==) format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#050505;--panel:#0a0a0a;--raised:#101010;--field:#0d0d0d;--ink:#f4f4f1;--faint:#a0a0a0;--muted:#797979;--line:#353535;--strongline:#656565;--invert:#f4f4f1;--invert-ink:#050505;--shade:#191919;--pixel:ZPixel,'Courier New',monospace;--mono:'DejaVu Sans Mono','Liberation Mono',monospace;--text:Arial,'DejaVu Sans',sans-serif;--cut:10px}

*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}html{scroll-behavior:smooth}body{font-family:var(--text);font-size:13px;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}a:hover{color:var(--faint)}svg{display:block;flex:none;stroke-linecap:square!important;stroke-linejoin:miter!important}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1{line-height:1.13;letter-spacing:-.045em}h2{line-height:1.3}code,.mono{font:11px/1.5 var(--mono)}.loading{font:11px var(--pixel);padding:55px;color:var(--faint)}
/* Core shapes */
.button,.icon-button,.input{border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;min-height:40px;font:11px/1.4 var(--mono);letter-spacing:.005em;white-space:nowrap;text-decoration:none;transition:background .14s steps(2),color .14s steps(2),border-color .14s steps(2)}
.button--primary{color:var(--invert-ink);background:var(--invert);border:1px solid var(--invert);clip-path:polygon(0 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px))}
.button--primary:hover:not(:disabled){background:var(--bg);color:var(--ink);outline:1px solid var(--ink);outline-offset:-1px}
.button--secondary{background:var(--panel);border:1px solid var(--strongline);color:var(--ink)}.button--secondary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--bg)}.button--tertiary{background:transparent;color:var(--faint);border:1px solid transparent}.button--tertiary:hover:not(:disabled){color:var(--ink);border-color:var(--line)}.button--sm{min-height:32px;padding:0 11px;font-size:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:transparent;color:var(--ink);border:1px solid var(--line)}.icon-button:hover{border-color:var(--ink);background:var(--shade)}.input{display:block;background:var(--field);border:1px solid var(--strongline);min-height:45px;padding:9px 13px;color:var(--ink);width:auto;font-size:13px}.input--full-width{width:100%}.input::placeholder{color:var(--muted);opacity:1}.input:focus{outline:1px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}.field{margin-bottom:19px;display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:600;letter-spacing:.01em}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint{font:10px var(--mono);color:var(--muted)}.danger{color:var(--ink)!important;text-decoration:underline;text-decoration-style:dotted}.row{display:flex;gap:9px;align-items:center}.eyebrow,.label-caps,.aside-index{font:10px/1.5 var(--pixel);letter-spacing:1.1px;color:var(--faint)}.notice{padding:13px 15px;border:1px solid var(--strongline);background:var(--raised);color:var(--ink);font:11px/1.7 var(--mono)}.notice.error{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--ink)}.notice.important{border-style:dashed}.quiet-empty,.grants-loading,.access-no-devices{font:11px/1.7 var(--mono);padding:30px 24px;color:var(--faint)}
/* Tiny 3 by 3 pixel glyph that serves as brand mark */
.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--ink);font:12px/1 var(--pixel);letter-spacing:1.5px;white-space:nowrap}.pixel-logo{display:grid;width:24px;height:24px;grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:3px;flex:none}.pixel-logo i{width:6px;height:6px;background:currentColor}.pixel-logo i:nth-child(2),.pixel-logo i:nth-child(4),.pixel-logo i:nth-child(9){opacity:.25}.pixel-logo i:nth-child(3),.pixel-logo i:nth-child(7){opacity:0}
/* Authentication: signal field / input console */
.signin-layout{min-height:100svh;display:grid;grid-template-columns:minmax(0,56%) minmax(440px,44%);background:var(--bg)}.signin-art{position:relative;min-height:100svh;overflow:hidden;background:#050505;color:#f4f4f1;border-right:1px solid #393939;padding:42px 48px 44px;isolation:isolate}.signin-art::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 94%,#050505bb 100%);pointer-events:none;z-index:1}.art-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}.art-brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.art-brand .brand{color:#f4f4f1}.signal-caption{position:absolute;z-index:2;left:48px;bottom:86px;pointer-events:none}.signal-caption strong{display:block;font:clamp(34px,4.65vw,84px)/1.15 var(--pixel);letter-spacing:1px;color:#f4f4f1;text-shadow:0 2px #050505}.signal-caption small{display:block;margin-top:13px;font:10px var(--mono);color:#a9a9a9;letter-spacing:.08em}.signin-panel{background:var(--bg);min-height:100svh;padding:39px clamp(32px,5.3vw,90px) 33px;display:flex;flex-direction:column}.signin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.signin-content{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 0 35px}.signin-form-wrap{width:min(100%,379px)}.signin-form-wrap .eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:25px}.signin-form-wrap .eyebrow::before{content:'';display:block;background:var(--ink);width:7px;height:7px}.signin-form-wrap h1{font-size:clamp(38px,3.6vw,56px);font-family:var(--mono);letter-spacing:-.075em;font-weight:500;line-height:1.15;margin-bottom:10px}.signin-caption{font:12px/1.7 var(--mono);color:var(--faint);margin-bottom:37px}.signin-form-wrap form{margin-top:23px}.signin-form-wrap .input{height:50px;background:var(--panel)}.signin-form-wrap .submit-button{margin-top:9px;height:55px;width:100%;font:12px var(--mono);justify-content:space-between;padding-inline:22px}.auth-toggle{display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding-top:19px;border-top:1px solid var(--line);color:var(--faint);font:11px var(--mono)}.auth-toggle a{color:var(--ink);font-weight:bold}
/* App chrome */
.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100svh;background:var(--bg)}.sidebar{display:flex;flex-direction:column;min-height:100svh;background:var(--panel);border-right:1px solid var(--line);padding:0 17px 22px}.sidebar-logo{padding:37px 9px 36px;border-bottom:1px solid var(--line);margin-bottom:28px}.sidebar-logo .brand{font-size:11px;gap:10px;letter-spacing:.6px}.sidebar-logo .brand-suffix{display:block;font-size:9px}.sidebar-nav{flex:1}.nav-label{font:9px/1.5 var(--pixel);letter-spacing:.8px;color:var(--muted);margin:0 11px 13px}.sidebar-nav nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--faint);padding:14px 11px;font:12px var(--mono);transition:background .13s steps(2),color .13s steps(2)}.nav-item:hover{border-color:var(--line);color:var(--ink)}.nav-item.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.nav-item::after{content:'+';font:12px var(--pixel);margin-left:auto;opacity:0}.nav-item.active::after{content:'>';opacity:1}.nav-item svg{width:17px;height:17px}.app-column{min-width:0;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(25px,3.5vw,52px);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:12px;align-items:center;font:10px var(--pixel);color:var(--muted);min-width:0}.breadcrumb-root{color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:400}.slash{opacity:.4}.top-right{display:flex;align-items:center;gap:17px;min-width:0}.user-email{color:var(--faint);font:10px var(--mono);max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{border:1px solid var(--line);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--ink);font:12px var(--pixel);background:var(--raised)}.top-right::before{content:'';width:5px;height:5px;background:var(--ink);margin-right:-9px}.main{width:100%;max-width:1510px;margin:0 auto;padding:48px clamp(25px,3.5vw,52px) 80px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:31px}.page-heading .eyebrow{margin-bottom:13px}.page-heading h1{font:clamp(34px,3.7vw,54px)/1.13 var(--mono);letter-spacing:-.075em;text-transform:uppercase}.heading-count{display:inline-flex;align-items:center;justify-content:center;font:12px var(--pixel);vertical-align:middle;color:var(--faint);margin-left:10px;border:1px solid var(--line);min-width:37px;height:30px;letter-spacing:0}.page-subtitle{font:11px/1.7 var(--mono);color:var(--faint);margin-top:11px}.page-heading>.button{min-width:190px;height:44px}.page-heading .button--primary{font-size:11px}
/* Devices */
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:27px}.workspace-primary,.access-primary{min-width:0}.device-panel,.steps-panel,.workspace-aside,.access-section,.access-aside,.detail-panel{min-width:0;border:1px solid var(--line);background:var(--panel)}.list-head,.steps-head,.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 21px;border-bottom:1px solid var(--line)}.list-head strong,.steps-head h2,.section-top h2{font:12px var(--mono);font-weight:700}.list-head span,.steps-head>span,.section-note{font:10px var(--mono);color:var(--muted)}.device-table-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.8fr) minmax(118px,.9fr) 245px;gap:9px;padding:13px 20px;font:9px var(--pixel);letter-spacing:.25px;color:var(--muted);border-bottom:1px solid var(--line)}.device-item+.device-item{border-top:1px solid var(--strongline)}.device-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.8fr) minmax(118px,.9fr) 245px;align-items:center;gap:9px;min-height:85px;padding:15px 20px}.device-person{display:flex;align-items:center;gap:12px;min-width:0}.device-glyph{height:39px;width:39px;flex:none;display:flex;justify-content:center;align-items:center;border:1px solid var(--strongline);color:var(--ink);background:var(--raised)}.device-glyph svg{stroke-width:2.5}.device-info{min-width:0}.device-info h3{font:12px/1.5 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-id{color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:9px;color:var(--faint);font:10px var(--mono);white-space:nowrap}.dot{height:7px;width:7px;display:inline-block;background:transparent;border:1px solid var(--faint);flex:none}.dot.online{background:var(--ink);border-color:var(--ink)}.dot.disabled{border-style:dashed;opacity:.4}.last-seen{color:var(--faint);font:10px/1.5 var(--mono)}.device-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:0}.device-actions .button{white-space:nowrap}.device-endpoint{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:11px 20px 13px;background:var(--raised)}.device-endpoint>span{font:9px var(--pixel);color:var(--muted);min-width:73px}.device-endpoint code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--faint);flex:1;min-width:0}.device-endpoint button{flex:none;background:transparent;border:1px solid var(--line);color:var(--ink);padding:6px;cursor:pointer}.device-endpoint button:hover{border-color:var(--ink)}.device-empty{padding:70px 25px 75px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-command{font:clamp(45px,6vw,80px)/1 var(--pixel);letter-spacing:7px;margin-bottom:27px}.empty-command span{color:var(--muted)}.device-empty h3{font:16px var(--mono);margin-bottom:11px}.device-empty p{font:11px/1.7 var(--mono);color:var(--faint);margin-bottom:25px}.steps-panel{margin-top:22px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.step{display:flex;gap:12px;padding:22px 17px}.step+.step{border-left:1px solid var(--line)}.step-number{font:11px var(--pixel);color:var(--muted);padding-top:2px}.step strong{display:block;font:11px var(--mono);margin-bottom:9px}.step p{font:10px/1.7 var(--mono);color:var(--faint)}.step code{font-size:10px;color:var(--ink)}
/* Network / endpoint side panel */
.workspace-aside{align-self:start;overflow:hidden}.aside-head{padding:25px 23px 0}.aside-head h2{font:18px var(--mono);letter-spacing:-.04em;margin-top:13px}.aside-head p{font:11px/1.8 var(--mono);color:var(--faint);margin-top:9px}.aside-endpoint{margin:21px 22px 23px;padding:12px 12px 12px 15px;background:var(--raised);border:1px solid var(--strongline);display:flex;align-items:center;gap:10px;min-width:0}.aside-endpoint code{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:11px}.aside-endpoint .icon-button{height:30px;width:30px}.aside-rule{border-top:1px solid var(--line)}.aside-security{padding-top:23px}.aside-security h2{font-size:15px}.aside-diagram{margin:25px 22px 25px;padding:22px 18px;border:1px dashed var(--strongline);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--faint);font:9px var(--pixel)}.connector-line{display:flex;gap:6px;align-items:center;flex:1}.connector-line i{display:block;width:5px;height:5px;background:var(--ink);opacity:.25;flex:1;max-height:5px}.connector-line i:nth-child(2),.connector-line i:nth-child(4),.connector-line i:nth-child(6){opacity:.75}
/* MCP */
.access-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:26px}.access-section+.access-section{margin-top:22px}.access-title{padding:24px 23px 16px;display:flex;align-items:start;justify-content:space-between;gap:16px}.access-title h2{margin-top:10px;font:17px var(--mono);letter-spacing:-.03em}.access-caption{font:9px var(--pixel);color:var(--faint)}.access-description{font:11px/1.8 var(--mono);color:var(--faint);padding:0 23px 8px}.access-url{display:flex;gap:13px;align-items:center;margin:16px 23px 10px;padding:12px;border:1px solid var(--strongline);background:var(--raised)}.access-url code{font:12px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.access-footnote{font:10px/1.65 var(--mono);color:var(--muted);padding:10px 23px 25px}.access-grants #grants-list{border-top:1px solid var(--line)}.grant-item{display:flex;align-items:center;gap:13px;padding:15px 22px}.grant-item+.grant-item{border-top:1px solid var(--line)}.grant-symbol{border:1px solid var(--line);width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex:none}.grant-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.grant-info strong{font:12px var(--mono)}.grant-info small{font:10px var(--mono);color:var(--muted)}.access-aside{align-self:start}.access-aside .aside-head{padding-bottom:17px}.endpoint-list{border-top:1px solid var(--line)}.endpoint-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 22px}.endpoint-device{display:flex;gap:8px;flex:1;flex-direction:column;min-width:0}.endpoint-device .status strong{color:var(--ink);font-weight:500}.endpoint-device code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.endpoint-item .icon-button{flex:none}.aside-footnote{padding-top:22px}
/* Account */
.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px;align-items:start}.profile-list{margin:0}.profile-list>div{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(0,1.25fr);gap:15px;border-bottom:1px solid var(--line);padding:18px 22px}.profile-list dt{font:11px var(--mono);color:var(--faint)}.profile-list dd{margin:0;font:12px/1.5 var(--mono);overflow-wrap:anywhere}.account-signout{padding:24px 22px}.password-panel form{padding:24px 22px 27px}.password-panel .field{margin-bottom:18px}.password-panel .button{margin-top:6px}
/* Modal and OAuth */
.dialog-backdrop{position:fixed;z-index:10;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.dialog{width:min(100%,560px);max-height:min(90vh,760px);overflow:auto;background:var(--panel);border:1px solid var(--strongline);padding:31px;box-shadow:9px 9px 0 #0008;position:relative}.dialog::before{content:'';position:absolute;top:0;right:0;border-top:11px solid var(--bg);border-left:11px solid transparent}.dialog-title{display:flex;align-items:center;gap:17px;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:24px}.dialog-icon{height:41px;width:41px;display:flex;align-items:center;justify-content:center;border:1px solid var(--strongline);color:var(--ink)}.dialog-title h2{font:19px var(--mono);letter-spacing:-.04em}.dialog-title p{color:var(--faint);font:10px var(--mono);margin-top:6px}.dialog .field{margin-top:17px}.dialog-footer{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.dialog-footer-split{justify-content:space-between}.copy-field{margin-top:17px}.copy-field label{display:block;font:10px var(--pixel);color:var(--faint);margin-bottom:7px}.mono-block{display:flex;align-items:center;gap:9px;border:1px solid var(--strongline);padding:9px;background:var(--raised);min-width:0}.mono-block code{min-width:0;flex:1;overflow:auto;white-space:nowrap;scrollbar-width:thin}.mono-block .button{flex:none}.consent-screen{min-height:100svh;background:var(--bg)}.consent-head{display:flex;justify-content:space-between;align-items:center;padding:26px 35px;border-bottom:1px solid var(--line)}.consent-main{max-width:525px;padding:90px 20px;margin:0 auto}.consent-icon{width:55px;height:55px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:30px}.consent-main .eyebrow{margin-bottom:14px}.consent-main h1{font:32px var(--mono);margin-bottom:14px}.consent-main .page-subtitle{margin-bottom:30px}.approval-box{border:1px solid var(--line);padding:22px;background:var(--panel)}.approval-app{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.approval-app strong{font:14px var(--mono);display:block}.approval-app small{font:10px/1.6 var(--mono);color:var(--faint);display:block;margin-top:5px}.consent-back{display:inline-flex;gap:10px;align-items:center;font:11px var(--mono);margin-top:27px}
#toast{position:fixed;right:23px;bottom:23px;z-index:30;pointer-events:none}.toastitem{border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:11px var(--mono);padding:15px 20px;max-width:320px;box-shadow:5px 5px 0 var(--bg)}
/* Responsive / no table overflow */
@media(max-width:1250px){.workspace-grid,.access-grid{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.device-table-head,.device-row{grid-template-columns:minmax(0,1.5fr) minmax(82px,.7fr) minmax(105px,.8fr) 178px}.device-actions .button span{display:none}.device-actions .button{width:33px;min-width:33px;padding:0}.device-actions{gap:5px}.signin-art{padding-inline:30px}.signal-caption{left:30px}}
@media(max-width:1040px){.workspace-grid,.access-grid,.account-grid{grid-template-columns:1fr}.workspace-aside{display:block}.aside-head{padding-top:23px}.sidebar{width:190px}.app-shell{grid-template-columns:190px minmax(0,1fr)}.main{padding:37px 25px 70px}.topbar{padding:0 25px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signin-layout{grid-template-columns:minmax(0,49%) minmax(370px,51%)}.signal-caption strong{font-size:40px}}
@media(max-width:760px){.signin-layout{display:flex;flex-direction:column}.signin-art{height:233px;min-height:233px;border-right:0;border-bottom:1px solid #393939;padding:22px 23px}.art-brand .brand{font-size:11px}.signal-caption{left:23px;bottom:42px}.signal-caption strong{font-size:28px}.signal-caption small{font-size:9px;margin-top:4px}.signin-panel{min-height:calc(100svh - 233px);padding:19px 24px 25px}.signin-content{padding:37px 0;align-items:flex-start}.signin-form-wrap{width:min(100%,430px);margin:0 auto}.signin-form-wrap h1{font-size:39px}.signin-caption{margin-bottom:22px}.app-shell{display:flex;flex-direction:column}.sidebar{width:100%;min-height:0;padding:0 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-logo{padding:17px 4px 14px;margin:0;border-bottom:0}.sidebar-nav{flex:none}.nav-label{display:none}.sidebar-nav nav{display:flex;flex-direction:row;gap:4px}.nav-item{width:auto;padding:10px 12px 12px;border-bottom:2px solid transparent;font-size:11px}.nav-item.active{background:transparent;color:var(--ink);border-color:transparent;border-bottom-color:var(--ink)}.nav-item::after,.sidebar::after{display:none}.topbar{height:51px;padding:0 23px}.main{padding:28px 23px 55px}.page-heading{margin-bottom:22px}.user-email{max-width:150px}.device-table-head{display:none}.device-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.device-person{grid-column:1;grid-row:1}.device-connection{grid-column:2;grid-row:1}.last-seen{grid-column:1;grid-row:2;padding-left:50px}.device-actions{grid-column:2;grid-row:2}.device-endpoint{padding-inline:16px}.steps-grid{grid-template-columns:1fr}.step+.step{border-left:0;border-top:1px solid var(--line)}.step{padding:17px 20px}.workspace-grid,.access-grid,.account-grid{gap:17px}}
@media(max-width:500px){.signin-panel{padding:17px 22px 23px}.signin-form-wrap h1{font-size:33px}.signin-form-wrap .eyebrow{margin-bottom:19px}.signin-caption{font-size:11px}.signin-form-wrap form{margin-top:17px}.signin-form-wrap .input{height:45px}.signin-form-wrap .submit-button{height:49px}.signin-form-wrap .field{margin-bottom:15px}.main{padding:25px 15px 50px}.topbar{padding:0 15px}.top-right{gap:8px}.top-right::before{display:none}.user-email{display:none}.sidebar{padding-inline:8px}.sidebar-logo{padding-left:9px}.nav-item{font-size:10px;padding:10px 9px 12px;gap:6px}.nav-item svg{width:14px;height:14px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:23px}.page-heading h1{font-size:32px}.page-heading>.button{width:100%;min-width:0}.page-subtitle{font-size:10px}.device-row{grid-template-columns:minmax(0,1fr) auto;gap:11px}.device-connection{grid-column:1;grid-row:2;padding-left:51px}.last-seen{grid-column:1;grid-row:3;padding-left:51px}.device-actions{grid-column:2;grid-row:2/4;align-self:center;gap:4px}.device-actions .button{height:32px;width:32px}.device-glyph{width:39px;height:39px}.device-info h3{font-size:11px}.device-id{font-size:9px}.device-endpoint>span{min-width:59px;font-size:8px}.device-endpoint code{font-size:9px}.device-empty{padding:48px 14px 50px}.device-empty h3{font-size:13px}.device-empty p{font-size:10px}.aside-head,.access-title{padding-inline:17px}.aside-endpoint{margin-inline:17px}.aside-diagram{margin-inline:17px;padding:16px 9px;font-size:8px;gap:5px}.access-description{padding-inline:17px}.access-url{margin-inline:17px;flex-wrap:wrap}.access-url code{width:100%;flex:auto}.access-url .button{width:100%}.access-footnote{padding-inline:17px}.endpoint-item{padding-inline:15px}.profile-list>div{display:block;padding:15px 17px}.profile-list dt{margin-bottom:6px}.account-signout,.password-panel form{padding:17px}.dialog{padding:20px;max-height:92vh}.dialog-footer{gap:7px}.dialog-footer .button{font-size:10px}.dialog-footer-split .row{flex-wrap:wrap}.mono-block .button span{display:none}.mono-block .button{min-width:34px;padding:0}.consent-main{padding-top:55px}.top-right .icon-button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-item{transition:none}}