/* Shared visual language for every DNS Console surface. */
:root,.operations-shell{--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--bg:#f5f7fb;--panel:#fff;--raised:#f8fafd;--inset:#eef2f8;--ink:#18243a;--muted:#68778d;--line:#e2e8f1;--accent:#4d60de;--accent-soft:#eef0ff;--on-accent:#fff;--blue:#4d60de;--blue-light:#eef0ff;--good:#18765e;--good-bg:#eaf7f0;--bad:#bb3c50;--bad-bg:#fceef1;--side:#111c30;--shadow:0 18px 60px #21345813}
html[data-theme=dark],html[data-theme=dark] .operations-shell{--bg:#101824;--panel:#172232;--raised:#1b293b;--inset:#121e2e;--ink:#e5ebf5;--muted:#a0aec1;--line:#2c3b50;--accent:#a3b0ff;--accent-soft:#293857;--on-accent:#142039;--blue:#a3b0ff;--blue-light:#293857;--good:#8ad5b1;--good-bg:#203d36;--bad:#ffadbc;--bad-bg:#462d3b;--side:#0e1727;--shadow:0 18px 65px #0003}
body,.operations-shell{font-family:var(--font);font-size:14px;line-height:1.55}button,input,select,textarea{font-family:inherit}svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.button,.operations-shell .button{min-height:40px;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.35;box-shadow:none;transition:background .15s,border-color .15s}.button.primary,.operations-shell .button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 7px #3f50c51b}.button.subtle{background:var(--panel)}.icon-button,.operations-shell .icon-button{border-radius:7px;min-width:34px;height:34px}.icon-button svg{width:18px;height:18px}.quiet,.operations-shell .quiet{font-size:12px;line-height:1.5}.button:focus-visible,.icon-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea,.operations-shell input,.operations-shell select{border-radius:8px;font-size:14px;min-height:42px;border-color:var(--line);background:var(--panel);color:var(--ink)}label{font-size:13px;font-weight:500;gap:8px}label small{font-size:12px;line-height:1.65}.eyebrow,.operations-shell .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.35px;color:var(--muted)}.muted{color:var(--muted)}.surface-icon{width:40px;height:40px;display:inline-grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:10px;flex-shrink:0}.surface-icon svg{width:20px;height:20px}.page-footnote{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px;margin-top:24px}.page-footnote svg{margin-top:1px;width:16px}.field-note{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0 0}.inline-note{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:9px;padding:14px;background:var(--raised);color:var(--muted);font-size:12px;line-height:1.7}.inline-note svg{margin-top:2px;width:17px}.inline-note p{margin:0}.numeric{font-variant-numeric:tabular-nums}
/* Navigation keeps the original Operations structure. */
.operations-shell .sidebar{width:260px;padding:26px 14px 16px;background:var(--side);overflow-y:auto;scrollbar-width:thin}.operations-shell .main-shell{margin-left:260px;width:calc(100% - 260px);min-width:0}.operations-shell .sidebar .brand{padding:0 15px 27px;font-family:var(--font);gap:12px;letter-spacing:-.6px}.operations-shell .sidebar .brand>span:last-child{font-size:24px}.operations-shell .sidebar .brand small{font-size:9px;letter-spacing:1.7px;margin-top:3px}.operations-shell .workspace-switcher{margin:0 8px 26px}.operations-shell .workspace-switcher summary{padding:12px 10px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff16;gap:10px}.operations-shell .workspace-switcher small{font-size:10px;color:#a3b0c8;line-height:1.4}.operations-shell .workspace-switcher summary>span:nth-child(2){font-size:12px}.operations-shell .workspace-switcher .workspace-icon{background:#ffffff0b;border:1px solid #ffffff16;border-radius:7px;font-size:12px;width:31px;height:31px;display:grid;place-items:center;padding:0}.operations-shell .nav-label{font-size:10px;letter-spacing:1.2px;padding:0 14px;color:#8b9bb8;margin-bottom:8px}.operations-shell .nav-item{font-size:13px;line-height:1.4;min-height:42px;padding:10px 13px;margin:3px 0;border-radius:8px;gap:11px;color:#afbed6}.operations-shell .nav-item.active{background:#708eff21;box-shadow:inset 3px 0 #94a7ff;color:#f1f4ff}.operations-shell .nav-item:hover{background:#ffffff08;color:white}.operations-shell .nav-item.active:hover{background:#708eff29}.operations-shell .nav-count{font-size:10px;border-radius:5px;padding:2px 6px;background:#ffffff12;color:#ccd8f4}.operations-shell .group-label{margin-top:27px}.operations-shell .group{font-size:11px;padding:9px 14px;color:#a1b2cb;letter-spacing:0}.operations-shell .group .group-number{color:#9babca}.operations-shell .sidebar-bottom{padding-top:24px}.operations-shell .preview-state{margin:0 7px 16px;border-color:#ffffff15;border-radius:9px;font-size:11px;color:#d5dff1;padding:12px 12px 12px 28px}.operations-shell .preview-state small{color:#9babca;font-size:10px;line-height:1.5}.operations-shell .profile{font-size:12px;padding:14px 10px 0;border-color:#ffffff15}.operations-shell .profile small{color:#9baecc;font-size:10px}.operations-shell .profile .avatar{background:#ffffff10;color:#dbe4fa}.operations-shell .topbar{height:70px;padding:0 34px;position:sticky;top:0;z-index:20;background:var(--panel)}.operations-shell .breadcrumb{font-size:12px;gap:12px;min-width:0}.operations-shell .breadcrumb strong{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operations-shell .topbar-right{gap:14px}.operations-shell .environment{font-size:11px;border-radius:6px;border:1px solid var(--line);padding:5px 8px;background:var(--raised);color:var(--muted)}.operations-shell .avatar.small{height:31px;width:31px;font-size:10px;background:var(--accent-soft);color:var(--accent)}.operations-shell #operations-main{padding:25px 34px 0;max-width:1720px;margin:auto}.operations-shell .direction-picker{display:flex;align-items:center;justify-content:space-between;padding:0 0 23px;margin:0 0 27px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.operations-shell .direction-intro{display:flex;gap:7px;flex-direction:column;align-items:flex-start}.operations-shell .direction-intro .workspace-context{font-size:13px;font-weight:600;color:var(--ink)}.operations-shell .direction-intro>span:last-child{font-size:11px;color:var(--muted)}.operations-shell .direction-buttons,.layout-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--inset)}.operations-shell .direction-buttons button,.layout-toggle button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;padding:8px 12px;border:1px solid transparent;border-radius:6px;line-height:1.4;background:transparent;color:var(--muted)}.operations-shell .direction-buttons button svg,.layout-toggle button svg{width:15px;height:15px}.operations-shell .direction-buttons button[aria-pressed=true],.layout-toggle button[aria-pressed=true]{background:var(--panel);color:var(--accent);border-color:var(--line);box-shadow:0 1px 3px #1e2d4210}
/* Headings, statistics and tables use one scale. */
.page-heading.design-heading,.operations-shell #operations-main>.page-heading.design-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.design-heading>div:first-child{min-width:0}.design-heading h1,.operations-shell .page-heading h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:7px 0 10px}.design-heading p,.operations-shell .page-heading p{font-size:14px;color:var(--muted);line-height:1.75;margin:0;max-width:680px}.design-heading .heading-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;margin-top:0!important}.operations-shell .page-heading{gap:24px;margin-bottom:27px}.operations-shell .stats{gap:16px;margin:0 0 27px}.operations-shell .stat{padding:22px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 3px #15284b03;display:flex;align-items:center;gap:14px}.operations-shell .stat-icon{width:44px;height:44px;border-radius:11px;margin:0;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}.operations-shell .stat-icon.violet{background:#f1edff;color:#8061c5}.operations-shell .stat-icon.teal{background:var(--good-bg);color:var(--good)}.operations-shell .stat-label{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:3px}.operations-shell .stat-number{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.operations-shell .stat-number strong{font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-1px;color:var(--ink)}.operations-shell .stat-number span{font-size:11px;color:var(--muted)}.panel,.operations-shell .panel,.design-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 2px 3px #15284b03;overflow:hidden}.operations-shell .panel-heading{padding:22px 23px;gap:20px}.operations-shell .panel-title h2{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.3px;color:var(--ink)}.operations-shell .panel-title>.muted{font-size:12px;display:block;margin-top:5px}.operations-shell .count-pill{font-size:10px;line-height:1.5;background:var(--inset);border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--muted);margin-left:5px}.operations-shell .search{padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:9px}.operations-shell .search input{font-size:13px!important;min-height:20px;background:transparent;border:0;padding:0!important;line-height:1.4}.operations-shell .search svg{color:var(--muted);width:16px;height:16px}.operations-shell .table-controls{gap:10px}.operations-shell .table-controls select{font-size:12px;padding:10px 12px;min-height:42px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.zone-table,.record-table,.admin-table{width:100%;border-collapse:collapse}.operations-shell .zone-table th,.operations-shell .record-table th,.admin-table th{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.15px;padding:13px 22px;background:var(--raised);color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.operations-shell .zone-table td,.operations-shell .record-table td,.admin-table td{font-size:13px;line-height:1.65;padding:18px 22px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.admin-table th:first-child,.admin-table td:first-child{padding-left:24px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.admin-table td>strong{font-weight:550}.operations-shell .domain-cell{gap:12px}.operations-shell .domain-icon{height:36px;width:36px;border-radius:9px;background:var(--raised);border:1px solid var(--line);color:#8c9dbd}.operations-shell .domain-name{font-size:14px;font-weight:550;line-height:1.5}.operations-shell .domain-name small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:3px}.operations-shell .zone-table tr[data-ops-zone]:hover{background:var(--raised)}.operations-shell .group-chip{font-size:10px;line-height:1.6;border:1px solid var(--line);color:var(--muted);background:var(--raised);border-radius:5px;padding:3px 7px}.operations-shell .panel-footer{padding:15px 22px;font-size:11px;color:var(--muted);gap:15px;flex-wrap:wrap}.pagination{font-size:12px!important;gap:16px!important}.pagination .quiet{font-size:12px!important}.operations-shell .bottom-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:21px;gap:9px}.operations-shell .footer{font-size:10px;color:var(--muted);padding:28px 0 22px}.overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:12px;background:var(--line);overflow:hidden;margin-bottom:25px}.overview-strip>div{padding:19px 24px;background:var(--panel);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.overview-strip strong{font-size:25px;letter-spacing:-.6px;font-weight:600}.overview-strip span{font-size:12px;color:var(--muted)}.status,.operations-shell .status,.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap;background:var(--inset);color:var(--muted)}.status-pill i,.status i{height:5px;width:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status.good,.status-pill.good{background:var(--good-bg);color:var(--good)}.status.bad,.status-pill.bad{background:var(--bad-bg);color:var(--bad)}.status-pill.warning{background:#b4852117;color:#a97b17}.role-badge,.group-token{display:inline-block;padding:4px 8px;border-radius:5px;background:var(--inset);color:var(--muted);font-size:11px;line-height:1.5}.group-token{margin:3px 5px 3px 0}.table-person{display:flex;align-items:center;gap:11px}.table-person strong{font-size:13px;font-weight:550}.person-avatar,.actor-avatar,.account-avatar{display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;height:34px;width:34px;border-radius:9px;flex-shrink:0}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 24px}.list-heading h2{font-size:15px;letter-spacing:-.2px}.list-heading>span{font-size:12px;color:var(--muted)}.design-panel+.design-panel{margin-top:23px}.design-panel-heading{display:flex;align-items:center;gap:13px;padding:22px 24px;border-bottom:1px solid var(--line)}.design-panel-heading h2{font-size:16px;font-weight:600;letter-spacing:-.2px}.design-panel-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}.design-panel-body{padding:24px}.panel-note{display:flex;align-items:flex-start;gap:9px;background:var(--raised);padding:16px 24px;color:var(--muted);font-size:12px;line-height:1.7;border-top:1px solid var(--line)}.panel-note svg{margin-top:2px;width:16px}.panel-actions{padding:18px 24px;border-top:1px solid var(--line)}
/* Infrastructure cards and readable addresses. */
.fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.pair-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.pair-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px;border-bottom:1px solid var(--line);background:var(--panel)}.pair-title{display:flex;align-items:center;gap:12px;min-width:0}.pair-title h2{font-size:15px;line-height:1.5;letter-spacing:-.2px}.pair-title p{font-size:11px;color:var(--muted);margin-top:2px}.pair-title .surface-icon{height:36px;width:36px;border-radius:9px}.pair-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pair-card .fleet-node{padding:20px;display:block;min-width:0;border:0}.pair-card .fleet-node+.fleet-node{border-left:1px solid var(--line)}.node-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.node-role{font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted);background:var(--inset);border:1px solid var(--line);border-radius:5px;padding:3px 7px}.node-connection{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.node-connection i{width:4px;height:4px;border-radius:50%;background:var(--bad)}.node-connection i.connected{background:var(--good)}.pair-card .fleet-node h3{font-size:14px;line-height:1.5;margin:0 0 17px;font-weight:600;overflow-wrap:anywhere}.address-label{font-size:10px;line-height:1.6;color:var(--muted);margin-top:11px}.copy-value{display:flex;align-items:flex-start;gap:5px;min-width:0}.copy-value code{font:11px/1.8 var(--mono);overflow-wrap:anywhere;flex:1;min-width:0}.copy-value .icon-button{min-width:23px;height:23px;opacity:.45}.copy-value .icon-button svg{height:13px;width:13px}.copy-value:hover .icon-button,.copy-value .icon-button:focus-visible{opacity:1}.node-version{font-size:10px;color:var(--muted);display:block;margin-top:16px}
/* Activity, account and settings surfaces. */
.activity-timeline{padding:0 24px}.timeline-event{display:grid;grid-template-columns:36px minmax(0,1fr) 100px;gap:15px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}.timeline-icon{height:34px;width:34px;background:var(--inset);color:var(--muted);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.timeline-icon svg{height:16px;width:16px}.timeline-event h3{font-size:13px;font-weight:550;line-height:1.5;margin:0 0 4px}.timeline-event p{font-size:12px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.event-actor{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-top:9px}.actor-avatar{height:19px;width:19px;border-radius:50%;font-size:9px;background:var(--inset);color:var(--muted)}.timeline-event time{font-size:11px;line-height:1.7;color:var(--muted);text-align:right}.timeline-event time small{display:block;font-size:10px}.operation-detail{font-size:12px!important;color:var(--muted)!important;max-width:300px;overflow-wrap:anywhere}.account-filters{display:flex;gap:5px;margin:0;padding:13px 18px;border-bottom:1px solid var(--line)}.account-filters .button{border-color:transparent;background:none;min-height:38px;color:var(--muted);box-shadow:none}.account-filters .button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.account-filters .button>span{font-size:10px;min-width:20px;text-align:center;padding:1px 4px;border-radius:4px;background:var(--panel)}.account-profile{display:flex;gap:17px;align-items:center;padding:25px;margin-bottom:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.profile-monogram{display:grid;place-items:center;height:60px;width:60px;border-radius:16px;font-size:20px;font-weight:600;letter-spacing:-.5px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.account-profile>div{flex:1;min-width:0}.account-profile h2{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.account-profile p{font-size:13px;color:var(--muted);margin-top:3px}.settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;align-items:start}.settings-columns>.design-panel+.design-panel{margin:0}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-row strong{font-size:13px}.settings-row p{font-size:12px;color:var(--muted);line-height:1.7;max-width:300px;margin-top:7px}.settings-row .button{flex-shrink:0}.account-properties{margin:0}.account-properties>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.account-properties>div:first-child{padding-top:0}.account-properties dt{color:var(--muted)}.account-properties dd{margin:0;text-align:right;overflow-wrap:anywhere}.settings-explanation{font-size:12px;line-height:1.8;margin-top:20px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px;align-items:start}.settings-layout form{min-width:0}.ns-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ns-choice{position:relative;display:flex;flex-direction:row;gap:11px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--panel);min-width:0}.ns-choice>input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.ns-choice>span:nth-child(2){flex:1;min-width:0}.ns-choice strong{font-size:12px;font-weight:600}.ns-choice small{display:block;font-size:10px;line-height:1.7;margin-top:4px;overflow-wrap:anywhere;color:var(--muted)}.choice-check{height:18px;width:18px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;flex-shrink:0}.choice-check svg{display:none;height:13px;width:13px}.ns-choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.ns-choice:has(input:checked) .choice-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ns-choice:has(input:checked) .choice-check svg{display:block}.ns-choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.setting-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.setting-toggle strong{font-size:13px}.setting-toggle small{display:block;font-size:12px;color:var(--muted);margin-top:4px;font-weight:400}.setting-toggle input{appearance:none;width:36px!important;min-width:36px;height:21px;min-height:21px;padding:0;border:0;border-radius:20px;background:#a3afc1;position:relative;cursor:pointer;transition:background .15s}.setting-toggle input:before{content:'';position:absolute;left:3px;top:3px;height:15px;width:15px;border-radius:50%;background:#fff;transition:transform .15s}.setting-toggle input:checked{background:var(--accent)}.setting-toggle input:checked:before{transform:translateX(15px)}.settings-field{margin:20px 0}.settings-savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px 22px;margin-top:23px}.settings-savebar strong{font-size:13px;display:block}.settings-savebar span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.settings-context{padding:8px 0;color:var(--muted)}.settings-context h3{font-size:13px;color:var(--ink);margin:15px 0 10px}.settings-context p{font-size:12px;line-height:1.85;margin:0 0 20px}.settings-context>div{padding:17px 0;margin:10px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-context>div strong,.settings-context>div span{display:block;font-size:12px;line-height:1.7}.settings-context>div strong{color:var(--ink);font-weight:500}.settings-context>div span{font-size:11px}
/* Record Studio is denser, with the same type, controls and surfaces. */
.brand-symbol{display:inline-grid;grid-template-columns:repeat(2,9px);gap:4px;transform:rotate(-8deg);flex-shrink:0}.brand-symbol i{height:9px;width:9px;border-radius:3px;background:#98a8ff}.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(3){background:#6279ef}.brand-symbol i:last-child{background:#d0d7ff}.studio-topbar{height:76px;padding:0 26px;gap:22px;border-bottom:1px solid var(--line);background:var(--panel)}.studio-topbar>.brand{display:flex;align-items:center;gap:11px;min-width:145px;font-size:23px;letter-spacing:-.7px;color:var(--ink)}.studio-topbar>.brand>span:last-child{display:block}.studio-topbar .brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:2px}.studio-topbar .workspace-switcher{min-width:180px;max-width:240px;margin:0 auto 0 0}.studio-topbar .workspace-switcher summary{min-height:45px;padding:8px 10px;gap:9px;background:var(--raised)}.studio-topbar .workspace-switcher summary>span:nth-child(2){font-size:11px}.studio-topbar .workspace-switcher small{font-size:9px}.studio-topbar .workspace-icon{display:none}.studio-topbar .account{margin:0;gap:12px;flex-shrink:0}.account-name{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:none;padding:0;color:var(--ink)}.account-name>span:last-child{font-size:12px;font-weight:500}.account-name small{font-size:10px;color:var(--muted);font-weight:400;display:block;margin-top:2px}.account-avatar{border-radius:50%;height:31px;width:31px;font-size:10px}.console-shell{display:flex;min-height:calc(100vh - 76px)}.console-main{min-width:0;flex:1}.app-nav,html[data-layout=technical] .app-nav{width:178px;flex-shrink:0;display:flex;flex-direction:column;padding:22px 12px;gap:5px;background:var(--panel);border-right:1px solid var(--line)}.app-nav button{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:11px 12px;border-radius:7px;font-size:12px;color:var(--muted)}.app-nav button svg{height:17px;width:17px}.app-nav button>span:last-child{font-size:12px}.app-nav button.active{background:var(--accent-soft);color:var(--accent)}.studio-command{padding:22px;gap:15px;border-bottom:1px solid var(--line);background:var(--panel)}.studio-command>.scope{min-width:190px}.scope>span{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:6px}.scope select{font-size:12px}.studio-command .search input{font-size:13px}.studio-command>.button{font-size:12px;padding:10px 13px}.studio-body{grid-template-columns:minmax(0,1fr) 270px}.studio-sheet{background:var(--panel);min-width:0}.sheet-tools{padding:16px 22px}.sheet-tools>span{font-size:11px;color:var(--muted)}.record-filters button{font-size:12px;padding:6px 9px;border-radius:6px}.record-filters button.active{background:var(--accent-soft);color:var(--accent)}.record-sheet th{font-size:10px;font-weight:500;background:var(--raised);padding:13px 17px;color:var(--muted);letter-spacing:.4px}.record-sheet td{padding:18px 17px;border-bottom:1px solid var(--line);font-size:12px}.record-sheet .sheet-owner strong{font-size:13px;font-weight:500}.record-sheet .sheet-owner small{font-size:10px;margin-bottom:5px;color:var(--muted)}.record-sheet .sheet-data{font:12px/1.8 var(--mono);overflow-wrap:anywhere}.record-sheet tr.selected{background:var(--accent-soft)}.record-sheet tr:hover{background:var(--raised)}.sheet-status{padding:14px 22px;font-size:11px;border-top:1px solid var(--line);background:var(--raised);gap:16px;flex-wrap:wrap}.studio-catalog{padding:17px 22px;gap:16px;background:var(--panel)}.studio-inspector{padding:28px 23px;border-left:1px solid var(--line);background:var(--raised)}.studio-inspector>.eyebrow{font-size:10px;margin-bottom:19px}.studio-inspector h2{font-size:25px;letter-spacing:-.7px;overflow-wrap:anywhere}.studio-inspector .properties{margin:24px 0}.studio-inspector .properties>div{font-size:11px;padding:12px 0;gap:10px;display:flex;flex-wrap:wrap}.studio-inspector .properties dt{font-size:11px;color:var(--muted)}.studio-inspector .properties dd{font-size:11px;max-width:100%;overflow-wrap:anywhere}.studio-inspector>.button{margin-top:12px;font-size:12px}.studio-inspector>.quiet{margin-top:10px}.studio-recent p{font-size:11px;line-height:1.7}.studio-recent small{font-size:10px;line-height:1.7}.management-page{padding:30px;max-width:1600px;margin:auto}.global-status{padding:13px 25px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.operations-shell .operations-info{padding:25px}.operations-info .drawer-note{font-size:13px;line-height:1.8;color:var(--muted);margin:15px 0}.operations-shell .info-box{border:1px solid var(--line);border-radius:9px;background:var(--raised);padding:18px;font-size:13px;line-height:1.85;color:var(--muted);margin:20px 0}.operations-shell .info-box strong{color:var(--ink);font-weight:500}.operations-shell .detail-tabs{margin:24px 0 22px;border-color:var(--line)}.operations-shell .detail-tab{font-size:13px;padding:12px 0;margin-right:26px;color:var(--muted)}.operations-shell .detail-tab.active{color:var(--accent);border-color:var(--accent)}.operations-shell .back-link{font-size:12px;color:var(--muted);margin-bottom:20px}.operations-shell .zone-heading{padding-bottom:0}.operations-shell .metadata{font-size:12px;gap:14px;line-height:1.6}.operations-shell .mini-server{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:20px}.operations-shell .mini-server-top strong{font-size:14px;font-weight:550}.operations-shell .mini-server .server-ip{font:12px/1.9 var(--mono);color:var(--muted)}.operations-shell .pair-summary{gap:17px;margin-top:22px}.operations-shell .record-type,.record-type{font:10px/1.6 var(--mono);padding:3px 7px;border-radius:5px}.record-type.t-A{background:var(--accent-soft);color:var(--accent)}.record-type.t-AAAA{background:var(--good-bg);color:var(--good)}.design-empty{padding:52px 25px;text-align:center;color:var(--muted)}.empty-symbol{height:52px;width:52px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--raised);color:var(--muted)}.empty-symbol svg{width:23px;height:23px}.design-empty h2{font-size:16px;color:var(--ink);font-weight:550;margin:0 0 8px;letter-spacing:-.3px}.design-empty p{font-size:13px;line-height:1.8;max-width:340px;margin:0 auto}.connection-error{padding:16px 19px;border:1px solid var(--bad-bg);background:var(--bad-bg);color:var(--bad);border-radius:9px;font-size:13px;line-height:1.7;margin-bottom:20px}.pending-state{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}.pending-state h2{font-size:23px;letter-spacing:-.5px;margin:12px 0}.pending-state p{font-size:13px;color:var(--muted);line-height:1.8}.verification{background:var(--raised);border:1px solid var(--line);border-radius:9px;padding:15px;margin:20px 0}.verification dt{font-size:11px;color:var(--muted)}.verification dd{font-size:12px;overflow-wrap:anywhere}
/* Login, password gates and dialogs are part of the same product. */
.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}.auth-intro{background:#111c30;color:#f0f4ff;padding:45px clamp(35px,6vw,100px);display:flex;justify-content:flex-start;min-height:100dvh}.auth-intro>.brand{position:static;display:flex;align-items:center;gap:13px;font-size:27px;letter-spacing:-1px;margin:0;padding:0}.auth-intro .brand small{font-size:9px;letter-spacing:1.8px;display:block;color:#9aaecf;margin-top:3px}.auth-story{margin:auto 0;max-width:470px;padding:55px 0}.auth-story>.eyebrow{color:#a9b8db;font-size:10px;letter-spacing:1.6px;margin:0}.auth-story h1{font-size:clamp(38px,4.6vw,65px);letter-spacing:-2.5px;line-height:1.08;margin:22px 0}.auth-story>p{font-size:15px;line-height:1.8;color:#aab9d2;max-width:370px;margin:0}.auth-example{margin:35px 0 27px;border:1px solid #ffffff1a;background:#ffffff05;border-radius:13px;padding:20px 22px;max-width:370px;box-shadow:0 20px 45px #0001}.auth-example-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff13;padding-bottom:17px;margin-bottom:14px;font-size:13px;font-weight:500;color:#e5ecff}.auth-example-title svg{color:#8fa4ff;width:17px;height:17px}.auth-example-title .example-type{margin-left:auto;font:10px var(--mono);padding:3px 6px;border-radius:4px;background:#91a6ff1a;color:#bac8ff}.auth-example>div:not(.auth-example-title){display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0;font-size:12px;color:#aab9d2}.auth-example code{font-size:12px;color:#d7e2fc}.auth-example>small{display:block;font-size:10px;color:#92a4c3;border-top:1px solid #ffffff13;padding-top:15px;margin-top:12px}.auth-features{display:flex;gap:18px;flex-wrap:wrap;color:#adbcda;font-size:11px}.auth-features>span{display:flex;align-items:center;gap:7px}.auth-features svg{height:15px;width:15px;color:#94a9ed}.auth-line{font-size:9px;letter-spacing:1.3px;margin:0;padding-top:20px;border-color:#ffffff13;color:#8e9fbd;max-width:100%}.auth-panel{padding:65px 40px;background:var(--bg)}.auth-panel form{max-width:355px}.auth-form-icon{height:46px;width:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;place-items:center;color:var(--accent);margin-bottom:27px}.auth-form-icon svg{height:22px;width:22px}.auth-panel .eyebrow{font-size:10px;letter-spacing:1.3px}.auth-panel h2{font-size:30px;font-weight:600;letter-spacing:-.9px;margin:10px 0}.auth-panel form>p:not(.error){font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 30px}.auth-panel label{font-size:13px;margin-bottom:20px}.auth-panel input{min-height:46px;background:var(--panel);font-size:14px;border-radius:8px}.auth-panel .primary{margin-top:5px;min-height:46px;justify-content:space-between;padding:13px 15px;font-size:13px}.auth-panel .primary svg{height:17px;width:17px}.auth-panel form>small{font-size:11px;line-height:1.8;margin-top:25px;display:flex;gap:7px;align-items:flex-start;text-align:left;color:var(--muted)}.auth-panel form>small svg{height:14px;width:14px;flex-shrink:0;margin-top:2px}.auth-theme{right:27px;top:26px;border:1px solid var(--line);background:var(--panel);height:35px;width:35px}.password-gate{background:var(--bg)}.password-gate form{max-width:470px;padding:32px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.password-gate h1{font-size:27px;letter-spacing:-.8px}.password-gate p{font-size:13px;color:var(--muted);line-height:1.7}.password-gate label{font-size:13px}.password-gate input{font-size:14px}dialog{width:min(580px,calc(100vw - 32px));border-radius:13px;border-color:var(--line);box-shadow:0 25px 85px #10203940}dialog::backdrop{background:#0e192966;backdrop-filter:blur(4px)}dialog form>header{padding:24px 27px;background:var(--panel)}dialog h2{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.6px}dialog .eyebrow{font-size:9px;letter-spacing:1.3px}#dialog-body{padding:25px 27px;gap:21px}#dialog-body p{font-size:13px;line-height:1.8;color:var(--muted)}#dialog-body label{font-size:13px}dialog footer{padding:18px 27px;background:var(--raised)}dialog footer .button{min-width:90px}dialog fieldset{padding:17px;border-radius:9px;background:var(--raised)}dialog legend{font-size:12px;color:var(--muted)}dialog .check{font-size:13px;font-weight:400;line-height:1.7;margin:8px 0}input[type=checkbox],input[type=radio]{min-height:0;width:16px;height:16px;accent-color:var(--accent)}.setting-toggle input{height:21px;width:36px}.error{font-size:12px}.form-row{gap:17px}#toast{font-size:13px;line-height:1.7;border-radius:9px;padding:12px 18px;box-shadow:var(--shadow)}
/* Tablet and mobile layouts: controls wrap, data tables scroll locally. */
@media(min-width:1700px){.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-shell #operations-main{padding-left:44px;padding-right:44px}}
@media(max-width:1250px){.fleet-grid{grid-template-columns:minmax(0,1fr)}.settings-columns{grid-template-columns:minmax(0,1fr)}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-context{display:none}.studio-topbar{gap:15px;padding:0 20px}.studio-topbar>.brand{min-width:125px}.studio-topbar .workspace-switcher{min-width:145px;max-width:200px}.studio-topbar .account-name>span:last-child{display:none}.studio-body{grid-template-columns:minmax(0,1fr)}.studio-inspector{display:none}.operations-shell .stat-number span{display:none}.operations-shell .stat{padding:20px 17px;gap:11px}.operations-shell .stat-icon{width:38px;height:38px}}
@media(max-width:1000px){.operations-shell .sidebar{width:228px;padding-left:11px;padding-right:11px}.operations-shell .main-shell{margin-left:228px;width:calc(100% - 228px)}.operations-shell #operations-main{padding:22px 24px 0}.operations-shell .topbar{padding:0 24px}.operations-shell .stat{padding:17px 14px;gap:9px}.operations-shell .stat-icon{display:none}.operations-shell .panel-heading{flex-wrap:wrap}.operations-shell .table-controls{width:100%}.operations-shell .search{max-width:none}.operations-shell .page-heading{align-items:flex-start;gap:18px}.operations-shell .page-heading h1,.design-heading h1{font-size:27px}.settings-row{flex-direction:column}.studio-command{flex-wrap:wrap}.studio-command>.search{max-width:none;flex:1;min-width:170px}.studio-topbar .workspace-switcher{min-width:135px}.studio-topbar .layout-toggle button{font-size:11px;padding:8px}.studio-topbar .account{gap:6px}.app-nav,html[data-layout=technical] .app-nav{width:150px;padding-left:9px;padding-right:9px}.app-nav button{padding-left:10px;gap:8px}.app-nav button>span:last-child{font-size:11px}.overview-strip>div{padding:18px}.ns-choices{grid-template-columns:1fr}.management-page{padding:25px}}
@media(max-width:760px){.page-heading.design-heading,.operations-shell #operations-main>.page-heading.design-heading{display:block}.design-heading .heading-actions{margin-top:18px!important}.operations-shell .direction-intro{display:none}.operations-shell .direction-picker{justify-content:flex-end;margin-bottom:23px;padding-bottom:20px}.operations-shell .stat-number strong{font-size:26px}.operations-shell .stats{gap:10px}.operations-shell .zone-heading{flex-wrap:wrap}.operations-shell .zone-heading .heading-actions{margin-top:0}.operations-shell .record-table{min-width:720px}.overview-strip>div{display:block}.overview-strip strong,.overview-strip span{display:block}.overview-strip span{font-size:11px;margin-top:3px}.pair-card .fleet-node{padding:18px}.pair-card>header{padding:18px}.design-panel-heading{padding:20px}.design-panel-body{padding:20px}.settings-savebar{padding:17px}.settings-savebar>div{max-width:220px}.settings-savebar .button{flex-shrink:0}.account-profile{gap:13px;padding:21px;flex-wrap:wrap}.account-profile>.role-badge{margin-left:73px;margin-top:-5px}.profile-monogram{height:54px;width:54px}.settings-columns{gap:20px}.auth-intro{padding:33px 30px}.auth-panel{padding:60px 30px}.auth-story h1{font-size:40px}.auth-story>p{font-size:13px}.auth-example{padding:16px}.auth-features{gap:12px}.account-filters{padding:11px}.list-heading{padding:19px 20px}.activity-timeline{padding:0 20px}.timeline-event{grid-template-columns:31px minmax(0,1fr) 75px;gap:11px}.timeline-icon{height:30px;width:30px;border-radius:9px}.timeline-event h3{font-size:12px}.timeline-event time{font-size:10px}.panel-note{padding:16px 20px}}
@media(max-width:640px){.operations-shell .sidebar{width:260px}.operations-shell .main-shell{margin-left:0;width:100%}.operations-shell .topbar{height:62px;padding:0 16px}.operations-shell #operations-main{padding:20px 16px 0}.operations-shell .topbar-right{gap:9px}.operations-shell .topbar-right .environment{display:none}.operations-shell .breadcrumb{font-size:11px;gap:9px;max-width:calc(100vw - 160px)}.operations-shell .direction-picker{padding-bottom:17px;margin-bottom:23px;justify-content:flex-start}.operations-shell .direction-buttons{width:100%}.operations-shell .direction-buttons button{flex:1;padding:9px 12px;font-size:12px}.operations-shell .page-heading{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.operations-shell .page-heading h1,.design-heading h1{font-size:27px}.operations-shell .page-heading p,.design-heading p{font-size:13px;line-height:1.75;max-width:100%}.operations-shell .page-heading>.button{font-size:12px}.operations-shell .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}.operations-shell .stat{display:block;padding:15px 12px;border-radius:10px}.operations-shell .stat-label{font-size:10px;white-space:normal;line-height:1.5;min-height:30px;margin:0 0 7px}.operations-shell .stat-number strong{font-size:25px}.operations-shell .stat-number span{display:none}.operations-shell .panel-heading{padding:19px 16px;gap:16px}.operations-shell .panel-title h2{font-size:15px}.operations-shell .panel-title>.muted{font-size:11px}.operations-shell .table-controls{gap:8px;flex-wrap:wrap}.operations-shell .table-controls .search{min-width:160px;flex:1}.operations-shell .table-controls select{font-size:11px;max-width:130px;padding:10px 8px;min-height:40px}.operations-shell .zone-table th,.operations-shell .zone-table td{padding-left:16px;padding-right:16px}.operations-shell .domain-icon{height:31px;width:31px;border-radius:8px}.operations-shell .domain-name{font-size:13px}.operations-shell .domain-name small{font-size:10px;max-width:165px}.operations-shell .zone-table .status{font-size:10px;padding:4px 6px}.operations-shell .panel-footer{padding:14px 16px;font-size:10px;gap:15px}.operations-shell .panel-footer .quiet{font-size:11px}.pagination{font-size:11px!important;gap:11px!important}.operations-shell .bottom-note{font-size:11px}.operations-shell .metadata{font-size:11px;gap:11px}.operations-shell .heading-actions .button{font-size:11px;padding:9px 12px}.operations-shell .detail-tabs{margin:22px 0 18px}.operations-shell .detail-tab{margin-right:23px;font-size:12px}.operations-shell .operations-info{padding:20px}.operations-shell .pair-summary{grid-template-columns:1fr;gap:13px}.operations-shell .mini-server{padding:18px}.operations-shell .mini-server .server-ip{font-size:11px}.operations-shell .unified-records .panel-heading .search{max-width:none}.operations-shell .records-filter-bar{padding:10px 13px}.operations-shell .unified-records .record-filters button{font-size:11px;padding:6px 8px}.operations-shell .record-table td,.operations-shell .record-table th{padding-left:16px;padding-right:16px}.pair-nodes{grid-template-columns:1fr}.pair-card .fleet-node+.fleet-node{border-left:0;border-top:1px solid var(--line)}.pair-card .fleet-node{padding:20px}.pair-card .copy-value code{font-size:12px}.pair-card .fleet-node h3{font-size:15px}.copy-value .icon-button{opacity:.7}.overview-strip{margin-bottom:20px}.overview-strip>div{padding:15px 14px}.overview-strip strong{font-size:24px}.overview-strip span{font-size:10px;line-height:1.5}.design-heading .heading-actions{gap:8px}.design-heading .heading-actions .button{font-size:12px}.account-profile{padding:19px}.account-profile h2{font-size:18px}.account-profile p{font-size:12px}.account-properties>div{font-size:12px}.settings-layout .form-row{grid-template-columns:1fr}.settings-savebar{display:block}.settings-savebar>div{max-width:none}.settings-savebar .button{width:100%;margin-top:15px}.settings-savebar span{font-size:11px;line-height:1.6}.settings-context{display:none}.setting-toggle small{font-size:11px}.timeline-event time{font-size:10px}.timeline-event p{font-size:11px}.event-actor{font-size:10px}.list-heading h2{font-size:14px}.list-heading>span{font-size:10px}.table-scroll{max-width:100%;overflow-x:auto}.admin-table{min-width:650px}.design-empty{padding:42px 20px}.design-empty h2{font-size:15px}.design-empty p{font-size:12px}.studio-topbar{height:auto!important;min-height:0;padding:15px 16px;display:flex;flex-wrap:wrap;gap:13px;align-items:center}.studio-topbar>.brand{order:1;font-size:22px;min-width:0;margin-right:auto}.studio-topbar .brand small{display:none}.studio-topbar .account{order:2;margin-left:auto}.studio-topbar .account-name{display:none}.studio-topbar .workspace-switcher{order:3;width:100%;max-width:none;flex-basis:100%;min-width:0}.studio-topbar .workspace-switcher summary{padding:9px 11px;min-height:40px}.studio-topbar .workspace-switcher small{display:block;font-size:10px}.studio-topbar .workspace-switcher summary>span:nth-child(2){font-size:12px}.studio-topbar .layout-toggle{order:4;width:100%;margin:0}.studio-topbar .layout-toggle button{flex:1;font-size:12px;min-height:36px}.console-shell{display:block;min-height:calc(100dvh - 215px)}.app-nav,html[data-layout=technical] .app-nav{width:100%;max-width:100%;display:flex;flex-direction:row;gap:5px;padding:9px 12px;overflow-x:auto;justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line)}.app-nav button{width:auto;min-width:max-content;flex-shrink:0;flex-direction:row;padding:9px 10px;gap:7px}.app-nav button>span:last-child{font-size:11px}.app-nav button svg{height:15px;width:15px}.studio-command{padding:18px 16px;gap:13px}.studio-command>.scope{width:100%;display:block}.studio-command>.scope select{width:100%;font-size:12px}.studio-command>.search{min-width:0;width:100%;flex-basis:100%}.studio-command>.button{font-size:12px;flex:1;padding:10px}.sheet-tools{padding:12px 16px;gap:8px}.sheet-tools>.record-filters{flex-wrap:nowrap;gap:2px}.sheet-tools .record-filters button{font-size:10px;padding:5px 6px}.sheet-tools>span{font-size:9px}.record-sheet th{padding:12px 14px}.record-sheet td{padding:17px 14px}.sheet-status{padding:13px 16px;font-size:10px;gap:9px}.studio-catalog{padding:16px;gap:14px}.studio-catalog>.search{flex-basis:100%}.management-page{padding:25px 16px}.global-status{padding:13px 16px;font-size:9px}.auth-page{display:flex;flex-direction:column;min-height:100dvh}.auth-intro{min-height:0;padding:27px 25px 30px}.auth-intro>.brand{font-size:24px;gap:12px}.auth-intro .brand small{font-size:8px}.auth-story{padding:34px 0 0;margin:0;max-width:none}.auth-story h1{font-size:39px;letter-spacing:-1.8px;margin:17px 0}.auth-story>p{font-size:13px;line-height:1.75;max-width:315px}.auth-example,.auth-features,.auth-line{display:none}.auth-story>.eyebrow{font-size:9px}.auth-panel{padding:32px 25px 38px;min-height:480px;align-items:flex-start}.auth-panel form{max-width:none}.auth-form-icon{display:none}.auth-panel .eyebrow{font-size:9px}.auth-panel h2{font-size:27px;margin:10px 0}.auth-panel form>p:not(.error){font-size:13px;margin-bottom:25px}.auth-panel label{font-size:13px;margin-bottom:18px}.auth-panel input{font-size:16px;min-height:46px}.auth-panel form>small{font-size:10px;margin-top:21px;gap:6px}.auth-theme{top:27px;right:25px;height:33px;min-width:33px}.password-gate{padding:17px}.password-gate form{padding:25px}.password-gate h1{font-size:25px}.password-gate input,dialog input,dialog select,dialog textarea{font-size:16px}.password-gate p{font-size:12px}dialog{max-height:calc(100dvh - 24px);border-radius:12px}dialog form>header{padding:21px 23px}dialog h2{font-size:22px}#dialog-body{padding:23px;gap:20px}dialog footer{padding:17px 23px}#form-error{margin:0 23px 19px}.form-row{grid-template-columns:1fr}.record-editor .geo-rule .form-row{grid-template-columns:1fr}.record-editor .record-identity{grid-template-columns:85px minmax(0,1fr)}.record-editor .record-identity>label:last-child{grid-column:1/-1}.record-editor input,.record-editor select,.record-editor textarea{font-size:16px}#toast{font-size:12px;bottom:18px;padding:11px 15px;max-width:calc(100vw - 30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.operations-shell .sidebar .brand>span:last-child{color:#edf2ff}.operations-shell .sidebar .brand small{color:#9eb1d0}
.auth-intro .brand>span:last-child:not(.brand-mark){display:block;font-size:27px;font-weight:600;letter-spacing:-.8px;color:#f0f4ff;border:0;padding:0;margin:0}.studio-topbar>.brand>span:last-child:not(.brand-mark){display:block;font-size:23px;font-weight:600;letter-spacing:-.7px;color:var(--ink);border:0;padding:0;margin:0}.studio-topbar .account-name{display:flex;flex-direction:row;align-items:center;gap:9px;max-width:none;overflow:visible}.studio-topbar .account-name small{line-height:1.5}html[data-theme=dark] .operations-shell .direction-picker{background:none}@media(max-width:640px){.operations-shell .sidebar:not(.open){box-shadow:none}.studio-topbar .account-name{display:none}.auth-intro .brand>span:last-child:not(.brand-mark){font-size:24px}.studio-topbar>.brand>span:last-child:not(.brand-mark){font-size:22px}}
.sidebar-close,.sidebar-scrim{display:none}@media(max-width:640px){.operations-shell .sidebar-close{display:inline-grid;position:absolute;right:13px;top:18px;color:#c0cee5;z-index:2}.operations-shell .sidebar.open+.sidebar-scrim{display:block;position:fixed;inset:0;border:0;background:#0d172860;backdrop-filter:blur(2px);z-index:29}.operations-shell .sidebar{z-index:30}body:has(.operations-shell .sidebar.open){overflow:hidden}}
/* Calm navigation: workspace content first, administration separate. */
.operations-shell .sidebar.sidebar-redesign{width:244px;background:var(--panel);color:var(--ink);padding:25px 13px 14px;border-right:1px solid var(--line);box-shadow:none}.operations-shell:has(.sidebar-redesign) .main-shell{margin-left:244px;width:calc(100% - 244px)}.operations-shell .sidebar-redesign .brand{padding:0 12px 25px;gap:12px;font:650 23px/1.3 var(--font);letter-spacing:-.7px;color:var(--ink)}.operations-shell .sidebar-redesign .brand>span:last-child{color:var(--ink);border:0;margin:0;padding:0;font:inherit;letter-spacing:inherit}.operations-shell .sidebar-redesign .brand-symbol{grid-template-columns:repeat(2,8px);gap:3px}.operations-shell .sidebar-redesign .brand-symbol i{height:8px;width:8px;border-radius:2px}.operations-shell .sidebar-redesign .workspace-switcher{margin:0 2px 24px}.operations-shell .sidebar-redesign .workspace-switcher summary{background:var(--raised);border:1px solid var(--line);color:var(--ink);padding:10px 9px;border-radius:8px;gap:9px}.operations-shell .sidebar-redesign .workspace-switcher summary>span:nth-child(2){font-size:12px;font-weight:550;line-height:1.5}.operations-shell .sidebar-redesign .workspace-switcher summary small{display:none}.operations-shell .sidebar-redesign .workspace-switcher .workspace-icon{height:27px;width:27px;border-radius:6px;background:var(--accent-soft);border:0;color:var(--accent);font-size:11px}.operations-shell .sidebar-redesign .workspace-switcher .workspace-menu{background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:0 12px 30px #14234218}.operations-shell .sidebar-redesign .workspace-menu small{color:var(--muted)}.operations-shell .sidebar-redesign .sidebar-content{flex:1;min-height:0}.operations-shell .sidebar-redesign .nav-label{padding:0 12px;margin:0 0 9px;font-size:10px;font-weight:550;letter-spacing:.3px;text-transform:none;color:var(--muted)}.operations-shell .sidebar-redesign .nav-item{display:flex;align-items:center;gap:11px;min-height:41px;margin:3px 0;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.4;font-weight:450;color:var(--muted);box-shadow:none}.operations-shell .sidebar-redesign .nav-item>svg{height:17px;width:17px;opacity:.85}.operations-shell .sidebar-redesign .nav-item>span:not(.nav-count){flex:1;text-align:left}.operations-shell .sidebar-redesign .nav-item:hover{background:var(--raised);color:var(--ink)}.operations-shell .sidebar-redesign .nav-item.active{color:var(--accent);background:var(--accent-soft);box-shadow:none;font-weight:550}.operations-shell .sidebar-redesign .nav-count{margin-left:auto;color:var(--muted);background:transparent;font-size:11px;font-weight:400;padding:0}.operations-shell .sidebar-redesign .nav-item.active .nav-count{color:var(--accent);background:transparent}.operations-shell .sidebar-redesign .sidebar-section-label{margin-top:27px}.sidebar-groups{margin-top:27px;border-top:1px solid var(--line);padding-top:18px}.sidebar-groups>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;color:var(--muted);font-size:11px;padding:5px 12px}.sidebar-groups>summary::-webkit-details-marker{display:none}.sidebar-groups>summary>span{display:flex;gap:8px;align-items:center;font-size:10px}.sidebar-groups>summary svg{height:13px;width:13px;transition:transform .15s}.sidebar-groups[open]>summary svg{transform:rotate(90deg)}.operations-shell .sidebar-redesign .groups{margin:9px 0 0;min-height:0;flex:none}.operations-shell .sidebar-redesign .group{padding:8px 11px;gap:9px;font-size:11px;color:var(--muted);letter-spacing:0}.operations-shell .sidebar-redesign .group>span:nth-child(2){flex:1;overflow-wrap:anywhere}.operations-shell .sidebar-redesign .group:hover,.operations-shell .sidebar-redesign .group.selected{background:var(--raised);color:var(--ink)}.group-initial{height:21px;width:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--raised);font-size:9px;flex-shrink:0}.operations-shell .sidebar-redesign .group-number{color:var(--muted);font-size:10px}.operations-shell .sidebar-redesign .sidebar-bottom{padding-top:20px;margin-top:auto}.operations-shell .sidebar-redesign .profile{border-top:1px solid var(--line);padding:16px 8px 2px;gap:10px;color:var(--ink);font-size:12px;align-items:center}.operations-shell .sidebar-redesign .profile .avatar{border-radius:8px;height:31px;width:31px;background:var(--inset);color:var(--muted);font-size:10px}.profile-text{flex:1;min-width:0;overflow-wrap:anywhere}.operations-shell .sidebar-redesign .profile small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}.operations-shell .sidebar-redesign .profile>svg{height:16px;width:16px;color:var(--muted)}.operations-shell .sidebar-redesign .sidebar-close{color:var(--muted)}@media(max-width:1000px) and (min-width:641px){.operations-shell .sidebar.sidebar-redesign{width:220px;padding-left:10px;padding-right:10px}.operations-shell:has(.sidebar-redesign) .main-shell{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:640px){.operations-shell .sidebar.sidebar-redesign{width:260px;padding-top:26px}.operations-shell:has(.sidebar-redesign) .main-shell{margin-left:0;width:100%}.operations-shell .sidebar-redesign .brand{padding-bottom:25px}.operations-shell .sidebar-redesign .sidebar-close{top:20px}.operations-shell .sidebar-redesign.open{box-shadow:15px 0 60px #101b3430}}
.operations-shell .sidebar-redesign .sidebar-close{display:none}@media(max-width:640px){.operations-shell .sidebar-redesign .sidebar-close{display:inline-grid;position:absolute;right:13px;top:18px}}
.sso-entry[hidden]{display:none!important}.sso-entry>.button{justify-content:center!important;gap:9px;margin-top:0!important;min-height:46px}.auth-separator{position:relative;text-align:center;margin:23px 0;color:var(--muted);font-size:11px}.auth-separator:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--line)}.auth-separator span{position:relative;background:var(--bg);padding:0 12px}html[data-sso=on] #login-form button[type=submit]{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:none}.identity-provider{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.identity-provider>div{flex:1;min-width:150px}.identity-provider strong{font-size:14px}.identity-provider p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:3px}.settings-columns+.design-panel{margin-top:24px}.oidc-registration>label{margin-bottom:22px;font-size:12px}.oidc-registration .copy-value{margin-top:7px;background:var(--raised);border:1px solid var(--line);padding:10px;border-radius:8px;font-weight:400}.oidc-registration .copy-value code{font-size:11px}.identity-provider+.field-note{margin-bottom:16px}.auth-panel .sso-entry>.button{margin-bottom:0}.auth-panel .sso-entry svg{width:18px;height:18px}#uniauth-settings-form>.design-panel+.design-panel{margin-top:23px}
.operations-shell .sidebar-redesign .nav-item:not(.active) .nav-count{background:transparent;color:var(--muted)}
.oidc-advanced{margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.oidc-advanced summary{cursor:pointer;font-size:12px;color:var(--muted)}.oidc-advanced label{margin-top:15px}

/* Short, quiet feedback; data refreshes do not replay page entrances. */
:root{--motion-fast:140ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.button,.operations-shell .button,.icon-button,.nav-item,.group,.profile{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}
.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:scale(.97)}
input,select,textarea{transition:border-color 160ms,box-shadow 160ms}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-soft)}
@media(hover:hover){.button.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 12px #4d60de25}.nav-item:not(.active):hover svg{transform:translateX(2px)}.nav-item svg{transition:transform 160ms var(--motion-ease)}}
@keyframes console-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes console-fade-in{from{opacity:0}to{opacity:1}}
@keyframes console-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
dialog[open]{animation:console-dialog-in 190ms var(--motion-ease)}
dialog[open]::backdrop{animation:console-fade-in 160ms ease-out}
.workspace-switcher[open] .workspace-menu{animation:console-menu-in 160ms var(--motion-ease)}
.sidebar-groups[open] .group{animation:console-fade-in 160ms ease-out}
#toast{transition:opacity 160ms,transform 200ms var(--motion-ease)}
#toast:not(.visible){transform:translateY(6px)}
#toast.visible{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Ownership history remains readable on narrow screens. */
.inline-note>div{min-width:0}.inline-note strong,.inline-note p{white-space:normal;overflow-wrap:anywhere}.inline-note .button{max-width:100%;white-space:normal}.archive-records{margin-top:16px;min-width:0}.archive-records .table-scroll{max-width:100%}
.dnssec-summary,.dnssec-controls,.dnssec-key-heading,.dnssec-key-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dnssec-summary{margin-bottom:18px}.dnssec-controls{margin:20px 0}.dnssec-publication{margin:20px 0 0}.dnssec-key{padding:24px;border-top:1px solid var(--line);min-width:0}.dnssec-key-heading{justify-content:space-between;margin-bottom:18px}.dnssec-key h3{font-size:15px;margin:0}.dnssec-key h3 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:10px}.dnssec-key pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--raised);padding:14px;border-radius:8px;font-size:12px}.dnssec-key details{margin:14px 0;font-size:12px;color:var(--muted)}.dnssec-key .copy-value{max-width:100%}.dnssec-key label{display:block;font-size:12px}.dnssec-key-actions small{flex:1;min-width:180px;font-size:12px;line-height:1.6}.dnssec-panel>.panel-heading{flex-wrap:wrap;gap:12px}.dnssec-panel .inline-note{display:block}.dnssec-panel .panel-heading p{font-size:12px;margin:5px 0 0}.dnssec-key .copy-line,.dnssec-key code{overflow-wrap:anywhere;white-space:normal;min-width:0}
/* Domain categories scroll independently; account controls stay within reach. */
.operations-shell .sidebar-redesign .sidebar-content{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:2px}.operations-shell .sidebar-redesign .nav-item{min-height:37px;margin:2px 0;padding:8px 12px}.operations-shell .sidebar-redesign .sidebar-section-label{margin-top:20px}.operations-shell .sidebar-redesign .sidebar-bottom{padding-top:12px}
.account-switcher{position:relative}.account-switcher>summary{list-style:none;cursor:pointer}.account-switcher>summary::-webkit-details-marker{display:none}.account-switcher-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;max-width:calc(100vw - 30px);max-height:min(560px,75vh);overflow-y:auto;z-index:80;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);background:var(--panel);padding:10px}.account-menu-heading{padding:10px;font-size:11px;font-weight:600;color:var(--muted)}.saved-account-row{display:flex;align-items:center;gap:3px}.saved-account{display:flex;align-items:center;gap:10px;padding:11px 9px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;min-width:0;width:100%;font-size:13px;cursor:pointer}.saved-account:hover{background:var(--raised)}.saved-account:disabled{opacity:1;cursor:default;background:var(--accent-soft)}.saved-account>span:nth-child(2){flex:1;min-width:0}.saved-account strong,.saved-account small{display:block;overflow-wrap:anywhere}.saved-account small{font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:3px}.account-mini-avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:8px;background:var(--inset);font-size:10px;color:var(--muted);flex-shrink:0}.saved-account>svg{height:15px;width:15px;color:var(--muted)}.account-menu-actions{border-top:1px solid var(--line);padding-top:7px;margin-top:7px}.account-menu-actions>button{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:12px;width:100%;padding:11px 10px;text-align:left;cursor:pointer}.account-menu-actions>button:hover{background:var(--raised)}.saved-login{margin:18px 0}.saved-login .saved-account-row{margin-top:7px}.saved-login .saved-account{border:1px solid var(--line)}.account-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--ink);gap:14px}.account-transition h1{font-size:23px;margin:0}.account-transition p{color:var(--muted);margin:0}.account-switcher[open] .account-switcher-menu{animation:console-menu-in 160ms var(--motion-ease)}@media(prefers-reduced-motion:reduce){.account-switcher[open] .account-switcher-menu{animation:none}}

.studio-account-switcher .account-switcher-menu{top:calc(100% + 14px);bottom:auto;right:0;left:auto;width:310px}.studio-account-switcher .profile{border:0;padding:0;display:flex;align-items:center;gap:8px;list-style:none}.studio-account-switcher .profile .avatar{width:30px;height:30px;font-size:10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.studio-account-switcher .profile-text{font-size:12px}.studio-account-switcher .profile-text small{display:block;color:var(--muted);font-size:10px}.account-switcher-menu summary{cursor:pointer}
.account-switcher>summary{display:flex;align-items:center;gap:10px}

.domain-bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--border);}.selection-cell{width:42px!important;text-align:center;}.selection-cell input{width:16px;height:16px;cursor:pointer;accent-color:#6558d3;}

.domain-import-preview{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:10px;}.domain-import-list{max-height:240px;overflow:auto;display:grid;gap:7px;}.domain-import-list label{display:flex;align-items:center;gap:8px;margin:0;overflow-wrap:anywhere;}.domain-import-list input{width:16px;height:16px;flex-shrink:0;}.domain-import-list small{color:var(--muted);}
/* Domain selection and import review. */
.domain-bulk-toolbar{padding:11px 20px;gap:8px;background:var(--raised);border-bottom:1px solid var(--line);font-size:12px}.domain-bulk-toolbar>strong{margin-right:auto;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.domain-bulk-toolbar .button{min-height:32px;padding:7px 11px;font-size:12px;background:var(--panel)}.domain-bulk-toolbar .button:disabled{opacity:.4}.operations-shell .zone-table .selection-cell{padding-left:16px;padding-right:8px;width:42px!important;min-width:42px}.selection-cell input,.domain-import-list input,.import-approval input{min-height:0!important;height:16px!important;width:16px!important;margin:0;accent-color:var(--accent);vertical-align:middle;cursor:pointer;flex-shrink:0}.operations-shell .zone-table .domain-row-selected{background:var(--accent-soft)}.operations-shell .zone-table .domain-row-selected:hover{background:var(--accent-soft)}.operations-shell .domain-name{font-size:14px;line-height:1.45}.operations-shell .domain-name small{font-size:11px;line-height:1.5;color:var(--muted)}.operations-shell .zone-table th{font-size:11px;letter-spacing:.02em}.operations-shell .zone-table td{padding-top:17px;padding-bottom:17px}.domain-import-preview{padding:0;margin:18px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.import-preview-heading{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--raised);border-bottom:1px solid var(--line)}.import-preview-heading strong{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}.import-preview-heading>span{font-size:11px;color:var(--muted)}.import-count{display:inline-grid;place-items:center;min-width:23px;height:21px;padding:0 5px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.domain-import-list{display:block;max-height:245px;overflow-y:auto;overscroll-behavior:contain}.domain-import-list .import-domain-row{display:flex;align-items:center;gap:11px;padding:11px 14px;margin:0;min-height:42px;border-bottom:1px solid var(--line);cursor:pointer}.domain-import-list .import-domain-row:last-child{border-bottom:0}.import-domain-row:hover{background:var(--raised)}.import-domain-row:has(input:checked){background:color-mix(in srgb,var(--accent-soft) 45%,var(--panel))}.import-domain-name{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.5;color:var(--ink);min-width:0;overflow-wrap:anywhere;flex:1}.import-domain-state{font-size:10px;font-weight:500;color:var(--muted);flex-shrink:0}.import-domain-row:has(input:checked) .import-domain-state{color:var(--good)}.import-empty{display:flex;align-items:center;gap:11px;padding:23px 16px;color:var(--muted);font-size:12px}.import-empty>svg{color:var(--accent);width:22px;height:22px}.import-empty span{font-weight:600;color:var(--ink)}.import-empty small{display:block;margin-top:4px;color:var(--muted);font-weight:400;font-size:11px}.import-ignored{border-top:1px solid var(--line);background:var(--raised)}.import-ignored summary{font-size:11px;padding:11px 14px;cursor:pointer;color:var(--muted)}.import-explanation{border-top:1px solid var(--line);padding:9px 14px;color:var(--muted);font-size:11px}.import-advanced{border:1px solid var(--line);border-radius:8px;padding:11px 13px;margin-top:14px}.import-advanced summary{font-size:12px;cursor:pointer;color:var(--muted)}.import-advanced[open] summary{margin-bottom:12px}.import-approval{display:flex;align-items:flex-start;font-size:12px;gap:9px}.import-approval input{margin-top:3px}[data-domain-import-input]{font-family:var(--mono);font-size:13px;line-height:1.7;resize:vertical}
@media(max-width:640px){.operations-shell .zone-table th:nth-child(2),.operations-shell .zone-table td:nth-child(2){display:table-cell}.operations-shell .zone-table th:nth-child(3),.operations-shell .zone-table td:nth-child(3),.operations-shell .zone-table th:nth-child(4),.operations-shell .zone-table td:nth-child(4){display:none}.operations-shell .zone-table .selection-cell{padding-left:12px;padding-right:3px;min-width:33px;width:33px!important}.operations-shell .zone-table td:nth-child(2){padding-left:7px}.operations-shell .domain-name{font-size:12px}.operations-shell .domain-name small{font-size:10px}.domain-bulk-toolbar{padding:11px 12px}.domain-bulk-toolbar>strong{flex-basis:100%}.domain-bulk-toolbar .button{font-size:11px;padding:7px 9px}.import-preview-heading{align-items:flex-start;flex-direction:column;gap:5px}.import-domain-name{font-size:12px}}
#dialog .domain-import-list .import-domain-row{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:11px}#dialog .import-approval{flex-direction:row;align-items:flex-start;gap:9px}

.domain-bulk-toolbar .button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#dialog.zone-import-dialog{max-height:calc(100dvh - 36px);padding:0}#dialog.zone-import-dialog #modal-form{display:flex;flex-direction:column;max-height:calc(100dvh - 38px)}.zone-import-dialog #modal-form>header,.zone-import-dialog #modal-form>footer{flex-shrink:0;background:var(--panel)}.zone-import-dialog #dialog-body{overflow-y:auto;min-height:0;padding:22px 26px;gap:14px}.zone-import-dialog #dialog-body>p{margin:0}.zone-import-dialog .domain-import-preview{margin:0}.zone-import-dialog #modal-form>footer{padding:16px 26px;border-top:1px solid var(--line)}.zone-import-dialog #form-error:empty{display:none}.zone-import-dialog #form-error:not(:empty){margin:0;padding:10px 26px;flex-shrink:0}.zone-import-dialog .import-advanced{margin-top:0}@media(max-width:640px){.zone-import-dialog #dialog-body{padding:18px}.zone-import-dialog #modal-form>footer{padding:14px 18px}}

.bulk-verification-results{max-height:340px;overflow-y:auto;border:1px solid var(--line);border-radius:9px}.bulk-verification-row{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;border-bottom:1px solid var(--line);font-size:12px}.bulk-verification-row:last-child{border-bottom:0}.bulk-verification-row strong{font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.bulk-verification-row>span{font-size:11px;color:var(--muted)}.bulk-verification-row>span.verification-success{color:var(--good)}.bulk-verification-row>span.verification-error{color:var(--bad)}.bulk-verification-row p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px!important}#bulk-verify-stop[hidden]{display:none}
.group-nav-dot{width:7px;height:7px;border-radius:3px;background:#92a7cc;flex-shrink:0}.sidebar nav[aria-label="Custom domain groups"]{max-height:280px;overflow-y:auto;scrollbar-width:thin}.sidebar nav[aria-label="Custom domain groups"] .nav-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar nav[aria-label="Custom domain groups"] .nav-item>small{margin-left:auto;font-size:10px;color:#a0afc9}.domain-group-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.domain-group-tags>span{padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-family:var(--font);font-size:9px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-more-actions{position:relative}.bulk-more-actions summary{list-style:none;cursor:pointer}.bulk-more-actions>div{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:6px;border-radius:9px;min-width:180px;z-index:40}.bulk-more-actions>div>button{display:block;width:100%;padding:10px 12px;font-size:12px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--ink)}.bulk-more-actions>div>button:hover{background:var(--raised)}.bulk-more-actions>div>button.danger{color:var(--bad)}[data-bulk-progress]:not(:empty){font-size:12px;color:var(--muted);flex-basis:100%}#bulk-delete-errors pre{max-height:210px;overflow:auto}#bulk-delete-progress{font-weight:600}
@media(max-width:640px){.bulk-more-actions>div{position:fixed;left:18px;right:18px;bottom:18px;top:auto;min-width:0;z-index:200;box-shadow:0 10px 50px #101a3640;padding:9px}.bulk-more-actions>div>button{padding:14px;font-size:13px}}
.sidebar nav[aria-label="Custom domain groups"]{max-height:none;overflow:visible}.group-nav-list{max-height:220px;overflow-y:auto;scrollbar-width:thin}.group-nav-dot{flex:0 0 7px!important;width:7px!important;min-width:7px!important;max-width:7px;height:7px!important;border-radius:2px}.domain-group-tags>span{font-size:10px}
#bulk-delete-stop[hidden]{display:none}
.url-navigation-progress{position:fixed;top:12px;left:50%;transform:translateX(-50%);padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);font-size:12px;z-index:500;pointer-events:none}
.email-method-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;background:var(--panel)}.email-destination{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:8px;margin:18px 0 22px;font-size:13px}.email-destination>span{flex:1;min-width:0;overflow-wrap:anywhere}.email-destination svg{color:var(--accent)}#email-login-form input[name=code]{font-family:var(--mono);font-size:23px;letter-spacing:5px}#email-login-form [data-email-resend]{margin-top:10px}#email-login-form [data-email-password-login]{margin-top:16px}#email-login-form>p.field-note{font-size:12px;margin:0 0 15px}.email-link-page{min-height:100dvh;padding:30px 18px;background:var(--bg);display:grid;place-items:center}.email-link-panel{padding:32px;width:min(100%,460px);border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.email-link-panel .brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:650;text-decoration:none;color:var(--ink);margin-bottom:28px}.email-link-panel h1{font-size:25px;margin:10px 0 20px;letter-spacing:-.6px}.email-link-panel p{font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.email-link-panel p strong{color:var(--ink)}.email-link-panel .primary{margin:15px 0;overflow-wrap:anywhere}.auth-provider-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.email-link-panel .error{color:var(--bad)}#email-auth-settings-form{max-width:850px}@media(max-width:640px){.email-link-panel{padding:25px 20px}.email-link-panel h1{font-size:23px}.email-link-page{align-items:start;padding-top:45px}}