:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;--bg:#f4f6fa;--panel:#fff;--raised:#fafbfd;--inset:#edf1f7;--ink:#263449;--muted:#768398;--line:#e2e7ef;--accent:#4967dc;--accent-soft:#eef1ff;--on-accent:#fff;--good:#287c61;--good-bg:#eaf5ef;--bad:#b4404c;--bad-bg:#fceef0;--shadow:0 18px 70px #20325518;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace}
html[data-theme=dark]{color-scheme:dark;--bg:#111722;--panel:#18212e;--raised:#1c2736;--inset:#121b27;--ink:#dce4f1;--muted:#99a8bd;--line:#2b384b;--accent:#93a8ff;--accent-soft:#2b3855;--on-accent:#10192c;--good:#81c9a9;--good-bg:#203e35;--bad:#f3a1ad;--bad-bg:#462b37;--shadow:0 18px 70px #0005}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px}h2{font-size:19px;font-weight:600}h3{font-size:16px}small{font-size:12px}code,.mono{font-family:var(--mono);font-size:12px}code{overflow-wrap:anywhere}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{font-family:var(--mono);font-size:13px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-weight:500;font-size:13px}label small{font-weight:400;color:var(--muted);line-height:1.6}input[readonly],select:disabled{background:var(--inset);opacity:1}fieldset{border:1px solid var(--line);border-radius:6px;margin:0;padding:15px}legend{font-size:12px;color:var(--muted);padding:0 6px}fieldset .check{margin-bottom:9px}.check{flex-direction:row;align-items:flex-start;font-weight:400}.check input{width:auto;margin:4px 2px 0 0;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:9px 14px;font-size:13px;font-weight:550;white-space:nowrap;color:var(--ink)}.button:hover:not(:disabled){background:var(--inset)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover{filter:brightness(.96)}.full{width:100%}.quiet{border:0;background:transparent;font-size:12px;color:var(--muted);padding:5px 2px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.quiet:hover{color:var(--accent)}.danger{color:var(--bad)}.icon-button{height:32px;min-width:32px;border:0;background:transparent;border-radius:5px;display:inline-grid;place-items:center;font-size:21px;line-height:1}.icon-button:hover{background:var(--inset)}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:650;display:block}.muted{color:var(--muted)}.starting,.loading{padding:55px;color:var(--muted)}.section-gap{margin-top:32px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--good);border-radius:50%;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:6px;background:var(--inset);color:var(--muted);padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;text-transform:capitalize;font-weight:500;max-width:100%}.status i{height:4px;width:4px;border-radius:50%;background:currentColor}.status.good{color:var(--good);background:var(--good-bg)}.status.bad{color:var(--bad);background:var(--bad-bg)}
.topbar{height:76px;background:var(--panel);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:9px;align-items:center;font-size:21px;letter-spacing:-.7px;font-weight:650;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);height:29px;width:29px;font-size:23px;border-radius:7px}.brand>span:last-child:not(.brand-mark){font-size:9px;font-weight:500;letter-spacing:1px;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;margin-left:5px}.layout-toggle{background:var(--inset);padding:4px;border:1px solid var(--line);border-radius:7px;display:flex;gap:3px}.layout-toggle button{border:1px solid transparent;background:none;color:var(--muted);font-size:12px;padding:8px 16px;border-radius:4px}.layout-toggle button[aria-pressed=true]{background:var(--panel);color:var(--accent);border-color:var(--line);box-shadow:0 1px 3px #0001}.account{display:flex;align-items:center;gap:18px}.account-name{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:0;font-size:12px;font-weight:600}.account-name small{font-size:10px;color:var(--muted);font-weight:400}.account>.quiet{font-size:11px}
.console-shell{display:flex;min-height:calc(100vh - 76px)}.app-nav{width:72px;flex-shrink:0;background:#1d293b;display:flex;flex-direction:column;padding:22px 8px;gap:12px}.app-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#96a5bb;border-radius:6px;padding:10px 2px}.app-nav button>span:first-child{font-size:23px;line-height:1.1}.app-nav button>span:last-child{font-size:8px;font-weight:500}.app-nav button.active{background:#34435c;color:#e7edff}.app-nav button:hover{color:white}.console-main{flex:1;min-width:0;display:flex;flex-direction:column}.workbench{display:grid;grid-template-columns:250px minmax(360px,1fr) 266px;flex:1;min-height:calc(100vh - 104px)}.zone-nav{background:var(--raised);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 0;min-width:0}.zone-nav-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;padding:0 5px;font-size:13px}.zone-nav-heading strong span{font-size:10px;color:var(--muted);margin-left:6px;font-weight:400}.search{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:0 10px}.search>span{color:var(--muted);font-size:19px}.search input{border:0;background:none;padding:9px 0;font-size:12px;outline-offset:5px}.zone-groups{padding-top:30px;flex:1}.zone-groups section{margin-bottom:24px}.group-label{display:flex;align-items:center;gap:8px;padding:0 8px 9px;font-size:9px;letter-spacing:1.1px;color:var(--muted);font-weight:600}.group-label small{margin-left:auto;font-size:9px;font-weight:400;letter-spacing:0}.zone-link{display:flex;gap:9px;align-items:center;width:100%;padding:10px 10px;background:none;border:0;text-align:left;border-radius:5px;margin:2px 0;min-width:0}.zone-link>span:first-child{color:var(--muted);font-size:16px}.zone-link>span:nth-child(2){font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-link.active{background:var(--accent-soft);color:var(--accent)}.zone-link.active>span:first-child{color:var(--accent)}.pending-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto;flex-shrink:0}.nav-bottom{border-top:1px solid var(--line);padding:18px 4px;margin-top:14px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:9px;color:var(--muted);padding-top:10px}.pagination .quiet{font-size:9px}.no-zones{font-size:12px;padding:0 8px}
.record-workspace{background:var(--panel);padding:36px 34px 0;min-width:0;display:flex;flex-direction:column}.zone-heading{padding-bottom:22px}.title-line{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.zone-heading p{font-size:11px;color:var(--muted);margin-top:12px}.zone-heading p>span{padding:0 9px}.zone-actions{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:21px;flex-wrap:wrap}.zone-actions .quiet{font-size:10px}.record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 18px}.record-toolbar h2{font-size:14px}.record-filters{display:flex;gap:4px;flex-wrap:wrap}.record-filters button{border:0;background:none;color:var(--muted);font-size:10px;padding:6px 10px;border-radius:4px}.record-filters button.active{background:var(--accent-soft);color:var(--accent)}.records{padding-top:11px}.record-row{display:grid;grid-template-columns:105px minmax(0,1fr) 70px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:21px 0}.record-owner{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-width:0}.record-owner strong{font-weight:500;overflow-wrap:anywhere}.record-type{display:inline-block;min-width:31px;padding:2px 5px;border-radius:3px;background:var(--inset);color:var(--muted);font-family:var(--mono);font-size:9px;text-align:center;font-weight:600;width:max-content}.t-A{background:#e9efff;color:#4f70c2}.t-AAAA{background:#f0eaff;color:#8a67ba}.t-TXT{background:#fcf0da;color:#a77c33}.t-NS{background:#e6f4ed;color:#42866b}.t-CNAME{background:#e8f5f8;color:#3e8293}.t-MX{background:#fae9ed;color:#b06d82}html[data-theme=dark] .record-type{background:var(--accent-soft);color:#bdcaff}html[data-theme=dark] .t-NS{background:#244238;color:#9cd2b7}html[data-theme=dark] .t-TXT{background:#443c29;color:#e4c88c}.record-values{font-family:var(--mono);font-size:11px;line-height:1.9;overflow-wrap:anywhere;min-width:0}.record-values small{font-family:inherit;font-size:9px}.record-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted)}.record-meta small{font-size:8px}.record-meta .icon-button{font-size:16px;min-width:25px;height:25px}.workspace-footer{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;margin-top:auto;padding:35px 0 22px}.inspector{background:var(--raised);border-left:1px solid var(--line);padding:32px 22px}.inspector h3{font-size:13px;margin-top:17px;overflow-wrap:anywhere}.properties{margin:25px 0 0}.properties>div{margin-bottom:17px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.properties dt{font-size:10px;color:var(--muted);flex-shrink:0}.properties dd{margin:0;text-align:right;font-size:10px;overflow-wrap:anywhere;min-width:0}.properties dd .quiet{font-size:9px;display:block;margin-left:auto}.pair-track{margin:22px 0 0 5px;border-left:1px solid var(--line);padding-left:17px}.pair-track>div{display:flex;flex-direction:column;gap:7px;position:relative;padding-bottom:25px}.pair-track>div:before{content:'';position:absolute;left:-22px;top:4px;width:8px;height:8px;background:var(--accent);border:2px solid var(--raised);border-radius:50%}.node-role{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.pair-track strong{font-size:11px;font-weight:600}.pair-track code{font-size:9px;color:var(--muted)}.transfer-note{font-size:10px;line-height:1.8;padding:15px 0 27px}.global-status{background:var(--raised);border-top:1px solid var(--line);padding:6px 18px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;margin-top:auto}.empty{padding:65px 20px;text-align:center;color:var(--muted)}.empty>span{font-size:33px;font-weight:300;opacity:.6}.empty h2{font-size:16px;margin:15px 0 8px;color:var(--ink)}.empty p{font-size:12px;max-width:360px;margin:auto}.pending-state{margin-top:30px;padding:26px;background:var(--raised);border:1px solid var(--line);border-radius:8px}.pending-state h2{margin-top:14px}.pending-state p{margin:14px 0 22px;color:var(--muted);font-size:12px;line-height:1.8}.pending-state .button{margin:0 8px 8px 0}.verification{margin:20px 0 25px}.verification dt{font-size:10px;color:var(--muted);margin-top:14px}.verification dd{margin:4px 0 0;overflow-wrap:anywhere}.verification code{font-size:11px}.connection-error{background:var(--bad-bg);color:var(--bad);padding:12px 22px;font-size:12px}.connection-error button{margin-left:12px;color:inherit}
/* Studio works across domains and prioritizes the spreadsheet. */
html[data-layout=technical] .app-nav{width:60px;background:var(--panel);border-right:1px solid var(--line);gap:8px}.app-nav button span{pointer-events:none}html[data-layout=technical] .app-nav button{color:var(--muted)}html[data-layout=technical] .app-nav button.active{background:var(--accent-soft);color:var(--accent)}html[data-layout=technical] .topbar{height:64px}html[data-layout=technical] .console-shell{min-height:calc(100vh - 64px)}.studio{flex:1;display:flex;flex-direction:column;min-width:0}.studio-command{background:var(--raised);border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;gap:18px}.scope{font-size:8px;color:var(--muted);letter-spacing:1px;min-width:180px}.scope select{font-size:11px;padding:5px 0;border:0;background:transparent;color:var(--ink);letter-spacing:0}.studio-command>.search{flex:1;min-width:100px;max-width:600px;margin-right:auto}.studio-command>.button{font-size:11px}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) 275px;flex:1;min-width:0}.studio-sheet{min-width:0;display:flex;flex-direction:column;background:var(--panel)}.sheet-tools{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.sheet-tools>span{font-size:10px;color:var(--muted);white-space:nowrap}.table-scroll{overflow:auto;max-width:100%;min-width:0}.record-sheet{border-collapse:collapse;width:100%;font-size:11px}.record-sheet th{text-align:left;font-size:8px;letter-spacing:1px;font-weight:550;color:var(--muted);background:var(--raised);border-bottom:1px solid var(--line);padding:12px 14px;white-space:nowrap}.record-sheet td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:middle}.record-sheet tbody tr:nth-child(even){background:var(--raised)}.record-sheet tbody tr:hover,.record-sheet tbody tr.selected{background:var(--accent-soft);cursor:pointer}.record-sheet .line-number{font-size:9px;color:var(--muted);font-family:var(--mono);padding-right:4px}.sheet-owner{min-width:135px;max-width:250px;overflow-wrap:anywhere}.sheet-owner small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.sheet-owner strong{font-size:11px;font-weight:500;font-family:var(--mono)}.sheet-data{font-family:var(--mono);font-size:10px;min-width:210px;max-width:500px;overflow-wrap:anywhere;line-height:1.9}.record-sheet td.mono{font-size:10px}.record-sheet .icon-button{font-size:15px;height:25px;min-width:25px}.sheet-status{padding:11px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;margin-top:auto}.sheet-status .live-dot{margin-right:6px}.sheet-status .quiet{font-size:9px}.studio-inspector{background:var(--raised);border-left:1px solid var(--line);padding:26px 22px}.studio-inspector>.eyebrow{margin-bottom:24px}.studio-inspector>.record-type{margin-bottom:14px}.studio-inspector h2{font-family:var(--mono);font-size:22px;overflow-wrap:anywhere}.studio-inspector .properties>div{display:block;margin-bottom:22px}.studio-inspector .properties dd{text-align:left;margin-top:5px;font-size:11px}.studio-inspector .status{margin:0 0 20px}.studio-inspector .button{margin:0 0 10px}.studio-inspector>.quiet{font-size:10px}.studio-inspector .empty{padding:40px 0}.studio-recent{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.studio-recent p{font-size:11px;margin-top:18px;overflow-wrap:anywhere}.studio-recent small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.studio-catalog{border-top:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.studio-catalog>.search{flex:1;min-width:170px}.studio-catalog .pagination{padding:0;gap:15px}
.management-page{padding:40px;max-width:1500px;width:100%;margin:0 auto}.page-heading{margin-bottom:35px}.page-heading h1{margin:12px 0}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:22px;max-width:650px}.heading-actions{display:flex;gap:12px;flex-wrap:wrap}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pair-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.pair-card header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px;border-bottom:1px solid var(--line)}.pair-card h2{font-size:14px}.fleet-node{padding:22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-width:0}.fleet-node:last-child{border-bottom:0}.fleet-node h3{font-size:14px}.fleet-node code{font-size:11px;color:var(--muted)}.fleet-node small{font-size:9px;color:var(--muted);margin-top:7px}.admin-table{width:100%;border-collapse:collapse;background:var(--panel);font-size:12px}.admin-table th{font-weight:500;color:var(--muted);font-size:10px;letter-spacing:.5px;text-align:left;padding:16px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:18px 16px;border-bottom:1px solid var(--line);max-width:350px;overflow-wrap:anywhere}.admin-table small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.admin-table .button{font-size:11px;padding:7px 12px}.audit-list{margin-bottom:22px}.audit-list article{display:flex;gap:18px;align-items:flex-start;padding:23px 0;border-bottom:1px solid var(--line)}.audit-list article>span{font-size:23px;color:var(--accent)}.audit-list article>div{flex:1;min-width:0}.audit-list strong{font-size:13px;font-weight:550}.audit-list p{font-size:11px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.audit-list time{font-size:10px;color:var(--muted);white-space:nowrap;padding-top:4px}
/* Authentication and dialogs share the same appearance tokens. */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-intro{background:#24344a;color:#e3eaf7;padding:7vh 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-intro .brand{position:absolute;top:7vh;left:7vw;font-size:25px}.auth-intro>.eyebrow{color:#9eafc9;margin-top:80px}.auth-intro h1{font-size:clamp(44px,4.8vw,74px);line-height:1.08;letter-spacing:-3px;margin:25px 0}.auth-intro p{font-size:14px;color:#aab8cf;max-width:300px;line-height:1.9}.auth-line{font-size:8px;letter-spacing:1.2px;color:#8295b1;margin-top:90px;border-top:1px solid #43536c;padding-top:24px;width:max-content;max-width:100%}.auth-panel{display:flex;align-items:center;justify-content:center;background:var(--panel);padding:60px 35px;position:relative}.auth-theme{position:absolute;right:30px;top:30px}.auth-panel form{max-width:340px;width:100%}.auth-panel h2{font-size:30px;letter-spacing:-1px;margin:15px 0 10px}.auth-panel form>p:not(.error){color:var(--muted);font-size:12px;margin-bottom:36px}.auth-panel label{margin-bottom:20px}.auth-panel form>small{display:block;text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin-top:22px}.auth-panel .primary{padding:12px}.error{color:var(--bad);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.error:empty{display:none}.auth-panel .error{margin:0 0 20px}.password-gate{min-height:100vh;display:grid;place-items:center;padding:30px}.password-gate form{width:100%;max-width:450px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:35px;box-shadow:var(--shadow)}.password-gate h1{font-size:26px;margin:18px 0}.password-gate p{font-size:12px;color:var(--muted);margin-bottom:24px}.password-gate label{margin:20px 0}.password-gate .quiet{margin-left:16px}.password-gate p.error{color:var(--bad)}dialog{width:min(540px,calc(100vw - 30px));padding:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#101b2b85;backdrop-filter:blur(3px)}dialog form>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line)}dialog h2{font-size:22px;margin-top:7px;letter-spacing:-.5px}#dialog-body{padding:25px 28px;display:flex;flex-direction:column;gap:20px}#dialog-body p{font-size:12px;line-height:1.9}#dialog-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:var(--inset);border-radius:5px;font-size:11px;margin:0}.modal-context{font-size:11px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#form-error{margin:0 28px 20px}dialog footer{padding:20px 28px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--panel);padding:12px 20px;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);font-size:12px;max-width:min(600px,calc(100vw - 30px));z-index:100;transition:opacity .15s,transform .15s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.workbench{grid-template-columns:280px minmax(360px,1fr) 300px}.record-workspace{padding:45px 55px 0}.record-row{padding:25px 0;grid-template-columns:125px 1fr 85px}.record-values{font-size:12px}.zone-link>span:nth-child(2){font-size:13px}}
@media(max-width:1200px){.workbench{grid-template-columns:220px minmax(300px,1fr)}.inspector{grid-column:2;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding:25px 30px}.inspector .pair-track{grid-column:2;grid-row:2/5;margin-top:0}.inspector .properties{margin-top:0;grid-column:1}.inspector>.section-gap{grid-column:2;grid-row:1;margin:0}.inspector h3{margin:12px 0 18px}.inspector .transfer-note{grid-column:2;grid-row:5;padding:0}.inspector>.danger{grid-column:1;grid-row:5}.inspector>.eyebrow:first-child{grid-column:1}.zone-nav{grid-row:1/3}.record-workspace{padding:30px 26px 0}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-body{grid-template-columns:minmax(0,1fr) 245px}.studio-command{gap:10px;padding:15px}.studio-command>.button{font-size:10px;padding:8px}.brand>span:last-child:not(.brand-mark){display:none}}
@media(max-width:900px){.topbar{padding:0 15px;gap:10px}.layout-toggle button{padding:8px 10px;font-size:10px}.account{gap:10px}.account-name{font-size:10px}.account-name small{font-size:8px}.account>.quiet{font-size:10px}.app-nav{width:58px}.app-nav button>span:last-child{font-size:7px}.workbench{grid-template-columns:190px minmax(0,1fr)}.record-row{grid-template-columns:80px minmax(0,1fr) 55px;gap:10px}.record-values{font-size:10px}.record-workspace{padding:27px 22px 0}.record-meta{font-size:8px}.record-meta .icon-button{min-width:20px}.record-toolbar{gap:12px}.record-toolbar .button{font-size:11px;padding:8px 10px}.record-filters button{padding:5px 7px;font-size:9px}.zone-link{padding:10px 5px;gap:6px}.zone-link>span:nth-child(2){font-size:10px}.pagination{gap:4px;font-size:8px}.pagination .quiet{font-size:8px}.studio-body{grid-template-columns:minmax(0,1fr)}.studio-inspector{display:none}.studio-command{flex-wrap:wrap}.studio-command>.scope{min-width:150px}.studio-command>.search{max-width:none}.management-page{padding:30px 24px}.pair-card header{padding:17px}.auth-intro{padding:7vh 6vw}.auth-intro .brand{left:6vw}.auth-intro h1{font-size:48px}.auth-panel{padding:60px 30px}.audit-list time{font-size:8px}}
@media(max-width:600px){.topbar{height:auto;min-height:112px;flex-wrap:wrap;padding:13px 16px;gap:12px}.brand{font-size:20px;order:1}.account{margin-left:auto;order:2}.account-name small{display:none}.account>.quiet{font-size:9px}.account .icon-button{font-size:19px;min-width:28px;width:28px;height:28px}.layout-toggle{order:3;width:100%;padding:3px}.layout-toggle button{flex:1;font-size:11px;padding:7px 8px}.console-shell{display:block;min-height:calc(100vh - 112px)}.app-nav,html[data-layout=technical] .app-nav{width:100%;flex-direction:row;padding:7px 10px;gap:5px;justify-content:space-around;border-bottom:1px solid var(--line);border-right:0}.app-nav button{flex-direction:row;gap:6px;padding:8px 9px}.app-nav button>span:first-child{font-size:18px}.app-nav button>span:last-child{font-size:9px}.workbench{display:flex;flex-direction:column;min-height:calc(100vh - 168px)}.zone-nav{padding:15px 17px 0;border-right:0;border-bottom:1px solid var(--line)}.zone-nav-heading{margin-bottom:12px}.zone-groups{display:flex;gap:15px;overflow:auto;padding-top:15px;max-height:180px;flex:none}.zone-groups section{margin-bottom:5px;min-width:max-content}.zone-link{padding:8px 10px}.zone-link>span:nth-child(2){font-size:11px}.group-label{font-size:8px;padding-bottom:3px}.nav-bottom{display:none}.zone-nav>.pagination{padding:8px 0 13px}.record-workspace{padding:28px 20px 0;min-height:450px}.zone-heading{padding-bottom:16px}.title-line h1{font-size:28px}.title-line{gap:9px}.zone-actions{gap:16px;padding-bottom:15px}.record-toolbar{padding:22px 0 16px}.record-toolbar h2{font-size:14px}.record-row{grid-template-columns:65px minmax(0,1fr) 55px;padding:20px 0;gap:10px}.record-owner strong{font-size:10px}.record-values{font-size:10px}.workspace-footer{font-size:8px;line-height:1.6;padding-top:30px}.inspector{display:block;padding:26px 22px}.inspector .pair-track{display:flex;gap:30px;border:0;padding-left:0;margin:20px 0 0}.pair-track>div{padding-left:12px;width:50%;gap:8px}.pair-track>div:before{left:-3px}.inspector>.section-gap{margin-top:28px}.inspector .properties{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.properties>div{display:block}.properties dd{text-align:left;margin-top:5px}.inspector .transfer-note{padding:0 0 15px}.global-status{font-size:8px}.studio-command{padding:16px;gap:12px}.studio-command>.scope{width:100%;display:flex;flex-direction:row;align-items:center;gap:20px}.scope select{flex:1}.studio-command>.search{width:100%;flex-basis:100%;margin:0}.studio-command>.button{flex:1;font-size:11px;padding:9px}.sheet-tools{padding:12px;gap:6px}.sheet-tools>span{font-size:8px}.sheet-tools .record-filters{gap:2px}.record-sheet th,.record-sheet td{padding-left:10px;padding-right:10px}.sheet-data{min-width:240px}.sheet-owner{min-width:140px}.sheet-status{padding:10px 12px;font-size:8px;flex-wrap:wrap;gap:7px}.studio-catalog{padding:12px;gap:12px}.studio-catalog>.search{flex-basis:100%}.studio-catalog .pagination{flex:1}.management-page{padding:28px 18px}.page-heading h1{font-size:27px}.fleet-grid{grid-template-columns:1fr;gap:16px}.audit-list article{gap:10px;flex-wrap:wrap}.audit-list article>div{min-width:200px}.audit-list time{padding-left:30px}.admin-table{min-width:600px}.auth-page{display:flex;flex-direction:column;min-height:100dvh}.auth-intro{padding:35px 28px 30px;justify-content:flex-start}.auth-intro .brand{position:static;font-size:22px;margin-bottom:30px}.auth-intro>.eyebrow{margin:0;font-size:8px}.auth-intro h1{font-size:40px;letter-spacing:-1.8px;margin:14px 0}.auth-intro p{font-size:11px;max-width:270px;line-height:1.7}.auth-line{display:none}.auth-panel{padding:35px 28px;flex:1}.auth-panel form{max-width:none}.auth-panel .eyebrow{font-size:8px}.auth-panel h2{font-size:26px}.auth-panel form>p:not(.error){margin-bottom:25px}.auth-theme{top:25px;right:25px}.password-gate{padding:18px}.password-gate form{padding:25px}dialog{max-height:calc(100dvh - 25px)}dialog form>header{padding:21px}#dialog-body{padding:22px}dialog h2{font-size:20px}dialog footer{padding:18px 22px}#form-error{margin:0 22px 18px}.pending-state{padding:20px}.pending-state .button{font-size:11px}html[data-layout=technical] .topbar{height:auto}html[data-layout=technical] .console-shell{min-height:calc(100vh - 112px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep operational text readable while preserving Studio's denser grid. */
@media(min-width:601px){.zone-link>span:nth-child(2){font-size:13px}.group-label{font-size:10px}.record-values{font-size:12px}.record-owner strong{font-size:12px}.record-meta{font-size:10px}.record-type{font-size:10px}.status{font-size:11px}.inspector .properties dt,.inspector .properties dd{font-size:11px}.pair-track strong{font-size:12px}.pair-track code{font-size:10px}.eyebrow{font-size:11px}.record-sheet th{font-size:9px}.sheet-data{font-size:12px}.sheet-owner strong{font-size:12px}.sheet-owner small{font-size:10px}.record-sheet td.mono{font-size:11px}.studio-recent p{font-size:12px}.studio-command>.button{font-size:12px}.record-filters button{font-size:11px}}
@media(max-width:600px){.record-values{font-size:11px}.record-type{font-size:10px}.record-owner strong{font-size:11px}.record-meta{font-size:9px}.pair-track code{font-size:10px}.inspector .properties dt,.inspector .properties dd{font-size:11px}.workspace-footer{font-size:9px}}
h1{overflow-wrap:anywhere;min-width:0;max-width:100%}.account-name{display:block;text-align:left;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name small{display:block}@media(max-width:600px){.account-name{max-width:80px}.account-name small{display:none}}
.geo-badge{display:inline-block;color:var(--accent);background:var(--accent-soft);font:9px var(--mono);padding:2px 5px;border-radius:3px;width:max-content}.sheet-data .geo-description,.geo-description{display:block;color:var(--accent);font:10px/1.7 var(--mono);margin-top:5px}.geo-dialog{width:min(710px,calc(100vw - 30px))}.geo-rule{background:var(--raised);border:1px solid var(--line);padding:17px;border-radius:6px;display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.geo-rule-top{display:flex;align-items:center;justify-content:space-between}.geo-rule-top strong{font-size:12px}.geo-rule-top .icon-button{font-size:16px}.geo-rules-heading h3{font-size:14px}.geo-rules-heading small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.geo-conversion{border-left:3px solid var(--accent);padding:10px 14px;background:var(--accent-soft)}.geo-preview{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px}.geo-preview label{flex:1;min-width:180px}.geo-preview p{flex-basis:100%;color:var(--accent);overflow-wrap:anywhere}.geo-attribution{font-size:10px!important;color:var(--muted)}.geo-attribution a{color:var(--accent);text-decoration:underline}.geo-secondary-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.geo-switch{align-self:flex-start}
/* Workspace switching is shared by Operations and Record Studio. */
.workspace-switcher{position:relative;min-width:180px;max-width:280px;text-align:left;font-size:13px}.workspace-switcher summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:12px;border:1px solid var(--line,#dbe1ec);border-radius:9px;background:var(--panel,#fff);color:var(--ink,#18233c)}.workspace-switcher summary::-webkit-details-marker{display:none}.workspace-switcher summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.workspace-switcher small{display:block;font-size:11px;opacity:.7;font-weight:400;margin-top:3px}.workspace-switcher .workspace-icon{flex-shrink:0;border-radius:7px;padding:7px 9px;background:#4662dc22}.workspace-menu{position:absolute;z-index:100;left:0;top:calc(100% + 6px);width:max(100%,240px);max-width:90vw;max-height:440px;overflow:auto;border:1px solid var(--line,#dbe1ec);border-radius:10px;background:var(--panel,#fff);box-shadow:0 12px 35px #0003;padding:8px;color:var(--ink,#18233c)}.workspace-menu>.eyebrow{display:block;padding:10px}.workspace-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:6px;padding:10px;text-align:left;background:transparent;color:inherit;font:inherit}.workspace-menu button:hover,.workspace-menu button[aria-current=true]{background:#5262e51c}.operations-shell .workspace-switcher{margin:0 17px 25px;max-width:none;color:#e6ecfa}.operations-shell .workspace-switcher summary{background:#1b2538;border-color:#2c364a;color:#e6ecfa}.operations-shell .workspace-menu{background:#1b2538;border-color:#34415a;color:#e6ecfa}.operations-shell .workspace-switcher .workspace-icon{width:auto;height:auto}.account-filters{display:flex;gap:10px;margin:0 0 20px}.account-filters [aria-pressed=true]{background:#4658ed;color:white}.operations-info>label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.operations-info>label.check{flex-direction:row;align-items:center}.operations-info .form-row{margin-top:18px}.operations-info h2{margin-top:22px}.operations-info h2:first-child{margin-top:0}.topbar>.workspace-switcher{margin-right:12px;flex-shrink:1}.operations-shell .sidebar{overflow-y:auto}.operations-shell .sidebar-bottom{margin-top:auto;position:static}.operations-shell .groups{min-height:40px;flex:1}.operations-shell .nav-item{padding-top:10px;padding-bottom:10px}
@media(max-width:760px){.topbar>.workspace-switcher{min-width:130px;max-width:180px}.topbar>.workspace-switcher small{display:none}.topbar>.workspace-switcher summary{padding:7px;gap:5px}.topbar>.workspace-switcher .workspace-icon{display:none}.account-filters{flex-wrap:wrap}.workspace-menu{max-height:60vh}}
.operations-shell #operations-main>.page-heading{display:block;margin-bottom:26px}.operations-shell #operations-main>.page-heading>h1{display:block;margin:8px 0 12px}.operations-shell #operations-main>.page-heading>.button{margin-top:15px}.operations-shell .workspace-menu{width:100%;min-width:0;max-width:none}.operations-shell #operations-main>.page-heading>.heading-actions{margin-top:18px}

/* One record, one editor: answers and routing belong together. */
#dialog.record-editor{width:min(1030px,calc(100vw - 40px));border-radius:16px;max-height:calc(100dvh - 48px);box-shadow:0 28px 100px #101a3640}.record-editor form>header{padding:24px 30px;position:sticky;top:0;background:var(--panel);z-index:4}.record-editor form>header h2{font-size:25px;letter-spacing:-.7px}.record-editor #dialog-body{padding:0;gap:0}.record-editor [hidden]{display:none!important}.record-editor form>footer{position:sticky;bottom:0;background:var(--panel);z-index:4;padding:18px 30px}.record-editor form>footer .button{min-height:42px;padding:10px 24px}.record-editor #form-error{padding-top:16px}.editor-domain{display:flex;gap:12px;align-items:center;padding:18px 30px;border-bottom:1px solid var(--line);background:var(--raised)}.editor-domain-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:10px;font-size:23px}.editor-domain>div{flex:1;min-width:0}.editor-domain strong{display:block;font-size:14px;overflow-wrap:anywhere}.editor-domain>div>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.editor-live{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--good);white-space:nowrap}.editor-live i{height:6px;width:6px;background:currentColor;border-radius:50%}.record-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start}.record-editor-main{padding:28px 30px;min-width:0}.editor-section+.editor-section{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}.section-caption{display:flex;gap:10px;align-items:center;margin-bottom:18px}.section-caption>span{font:11px var(--mono);color:var(--muted);background:var(--inset);padding:4px 6px;border-radius:4px}.section-caption h3{font-size:15px;letter-spacing:-.2px}.record-identity{display:grid;grid-template-columns:105px minmax(0,1fr) 110px;gap:14px}.record-editor label{font-size:13px;gap:8px}.record-editor input,.record-editor select,.record-editor textarea{font-size:14px;line-height:1.5;border-radius:8px;padding:10px 12px}.record-editor textarea{font-family:var(--mono);font-size:13px;min-height:86px}.record-editor label small{font-size:11px}.record-editor .field-note{font-size:12px!important;line-height:1.65!important;color:var(--muted);margin:10px 0 17px}.routing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.routing-options button{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:15px;text-align:left;position:relative;color:var(--ink)}.routing-options button:hover{border-color:var(--accent)}.routing-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.routing-options button[aria-pressed=true]:after{content:'✓';position:absolute;top:12px;right:12px;font-size:12px;color:var(--accent)}.routing-option-icon{font-size:21px;display:block;color:var(--accent);margin-bottom:8px}.routing-options strong{display:block;font-size:13px}.routing-options small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.record-editor-aside{padding:30px 22px;min-width:0;align-self:stretch;background:var(--raised);border-left:1px solid var(--line)}.record-editor-aside>.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.preview-owner{font:14px var(--mono);display:flex;gap:9px;align-items:center;overflow-wrap:anywhere}.preview-owner>span{font:10px var(--mono);background:var(--accent-soft);color:var(--accent);padding:4px 6px;border-radius:4px}.preview-answer{padding:18px 0;border-bottom:1px solid var(--line)}.preview-answer small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.preview-answer small b{font:10px var(--mono);margin-right:4px}.preview-answer code{font:12px/1.8 var(--mono);overflow-wrap:anywhere}.preview-cache{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:18px 0 28px}.preview-cache strong{color:var(--ink);font-weight:500}.editor-ip-test{border-top:1px solid var(--line);padding-top:22px}.editor-ip-test>.button{width:100%;margin-top:10px;font-size:12px}.editor-ip-test>small{font-size:11px;line-height:1.7;display:block;color:var(--muted);margin-top:16px}.editor-ip-test a{color:var(--accent);text-decoration:underline}.editor-ip-test #geo-preview-result{font-size:12px;color:var(--accent);overflow-wrap:anywhere;margin-top:12px}.record-editor #dialog-body .editor-save-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px}.record-editor .geo-rule{padding:16px;background:var(--panel);border-radius:10px;gap:13px;margin-bottom:12px}.record-editor .geo-rule-top{gap:8px}.geo-rule-top>strong{flex:1;font-size:12px}.rule-index{font:10px var(--mono);color:var(--accent);background:var(--accent-soft);padding:4px 6px;border-radius:4px}.record-editor .geo-rule-top .icon-button{font-size:15px;height:26px;min-width:26px}.record-editor .geo-rule .form-row{grid-template-columns:120px minmax(0,1fr);gap:12px}.record-editor .add-location-rule{width:100%;border-style:dashed;padding:12px;color:var(--accent);font-size:12px}.routing-conversion-note{border:1px solid #d49b442f;background:#d49b4412;color:var(--ink);border-radius:8px;padding:12px;margin-top:12px!important}.editor-danger-zone{padding:0 30px 22px}.answer-route{display:grid;grid-template-columns:minmax(50px,85px) minmax(0,1fr);gap:10px;align-items:start;margin:5px 0;font:12px/1.7 var(--mono)}.location-label{color:var(--muted);font:10px/1.6 Inter,sans-serif;background:var(--inset);border:1px solid var(--line);padding:2px 6px;border-radius:4px;width:max-content;max-width:100%;overflow-wrap:anywhere}.default-route .location-label{color:var(--ink);background:transparent}.routing-more{font:11px Inter,sans-serif;color:var(--muted);display:block;margin-top:8px}.routing-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);border-radius:20px;font:11px/1.5 Inter,sans-serif;padding:5px 9px;white-space:nowrap;color:var(--muted)}.routing-badge:hover{border-color:var(--accent);color:var(--accent)}.routing-badge.is-geographic{color:var(--accent);background:var(--accent-soft);border-color:transparent}.routing-badge small{font-size:10px;border-left:1px solid currentColor;padding-left:6px;opacity:.8}.routing-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.routing-static{color:var(--muted)}.records-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 22px;border-bottom:1px solid var(--line)}.records-filter-bar .record-filters{padding:0}.records-filter-bar>span{font-size:11px;color:var(--muted)}.unified-records .record-table{min-width:720px}.record-ttl{white-space:nowrap;color:var(--muted);font-size:12px}.answer-value+.answer-value{margin-top:5px}.inspector-answers .answer-route{display:block}.inspector-answers .location-label{display:block;margin:8px 0 4px}
@media(max-width:720px){#dialog.record-editor{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.record-editor-grid{grid-template-columns:minmax(0,1fr)}.record-editor-aside{border-left:0;border-top:1px solid var(--line);padding:22px}.record-editor-main{padding:22px}.editor-domain{padding:15px 22px}.record-editor form>header{padding:19px 22px}.record-editor form>header h2{font-size:22px}.record-editor form>footer{padding:15px 22px}.record-identity{grid-template-columns:85px minmax(0,1fr);gap:12px}.record-identity>label:last-child{grid-column:1/-1;display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.record-identity>label:last-child small{margin:0}.record-editor .geo-rule .form-row{grid-template-columns:1fr}.routing-options button{padding:13px 11px}.routing-options small{font-size:10px}.records-filter-bar>span{display:none}.editor-live{display:none}.record-editor .form-row{gap:12px}.record-editor .geo-rule textarea{min-height:80px}.record-editor .editor-danger-zone{padding:0 22px 18px}}
.operations-shell .unified-records .record-filters button{font-size:12px;line-height:1.4;padding:6px 10px;border-radius:6px}.operations-shell .unified-records .record-table th{font-size:12px;font-weight:500}.operations-shell .unified-records .record-content{font-size:13px;line-height:1.8}.operations-shell .unified-records .record-name{font-size:13px;font-weight:500}.operations-shell .unified-records .routing-badge{font-size:12px}.operations-shell .unified-records .answer-route{font-size:13px}.operations-shell .unified-records .panel-heading .search{max-width:310px;width:100%}.operations-shell .unified-records .panel-heading .search input{font-size:12px}.operations-shell .unified-records .record-table tbody tr:hover{background:var(--raised)}