:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf2f8;background:#071018;line-height:1.45;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 0,#0d2632 0,#071018 34%,#050b11 100%);min-height:100vh}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid #1a2a34;background:rgba(4,11,17,.82);backdrop-filter:blur(16px);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-weight:760;font-size:20px;display:flex;align-items:center;gap:10px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #20bed9;border-radius:9px;color:#73e5f5;background:#0a2630}nav{display:grid;gap:7px}.nav-item{color:#8298a6;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.nav-item:hover,.nav-item.active{background:#10212b;color:#f1f8fb}.nav-item.active{box-shadow:inset 3px 0 #32d4ed}.sidebar-footer{margin-top:auto;border-top:1px solid #182833;padding:20px 8px 0;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:11px;color:#708794}.status-dot{width:8px;height:8px;border-radius:50%;background:#526873;box-shadow:0 0 0 4px rgba(82,104,115,.12)}.status-dot.ok{background:#46d8a2;box-shadow:0 0 0 4px rgba(70,216,162,.12)}main{width:min(1280px,100%);padding:46px clamp(24px,4vw,64px);margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#5ebed0;font-weight:800;margin:0 0 6px}.topbar h1{font-size:34px;line-height:1.05;margin:0;font-weight:750;letter-spacing:-.03em}.subtitle{color:#78909e;margin:8px 0 0}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer;transition:.18s ease}.btn.primary{background:#26c6df;color:#021319;box-shadow:0 8px 24px rgba(38,198,223,.14)}.btn.primary:hover{background:#58d9eb;transform:translateY(-1px)}.btn.ghost{background:#10202a;color:#bfd0da;border:1px solid #203642}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:linear-gradient(180deg,rgba(16,33,43,.9),rgba(10,24,32,.86));border:1px solid #1c3441;border-radius:14px;padding:18px}.metric-card span,.metric-card small{display:block;color:#79919f;font-size:12px}.metric-card strong{font-size:28px;display:block;margin:8px 0 3px;letter-spacing:-.03em}.panel{background:rgba(8,20,27,.87);border:1px solid #1a313e;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.12)}.toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid #162a36}.search{flex:1;display:flex;align-items:center;gap:8px;background:#091820;border:1px solid #203642;border-radius:9px;padding:0 11px;color:#67828f}.search input,.toolbar select,input,select{color:#dce9ef;background:transparent;border:0;outline:none;font:inherit}.search input{width:100%;padding:10px 0}.toolbar select{background:#0d1d26;border:1px solid #203642;border-radius:9px;padding:9px 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #132832}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#607a87;font-weight:800}td{font-size:13px}.link-title{font-weight:720;color:#edf7fa}.link-slug{font-size:12px;color:#48cbe0;margin-top:3px}.link-destination{font-size:11px;color:#647e8a;margin-top:3px;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750}.badge.active{color:#75e0b8;background:#0d342b}.badge.disabled{color:#e8c46d;background:#342c15}.badge.archived{color:#9cafba;background:#24323a}.row-actions{display:flex;justify-content:flex-end;gap:6px}.icon-btn{border:0;background:transparent;color:#91a8b4;font-size:19px;cursor:pointer;border-radius:8px;padding:5px 8px}.icon-btn:hover{background:#132833;color:#fff}.empty{text-align:center;padding:72px 20px}.empty-icon{width:52px;height:52px;border-radius:14px;background:#102630;color:#53d8ea;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.empty h2{margin:0;font-size:18px}.empty p{color:#708995;margin:7px 0 18px}.hidden{display:none!important}dialog{width:min(610px,calc(100vw - 32px));border:1px solid #23404e;border-radius:16px;padding:0;color:#eaf2f8;background:#091821;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,6,10,.72);backdrop-filter:blur(6px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{margin:0;font-size:21px}.dialog-head .icon-btn{font-size:26px;padding:0 5px}dialog label{display:grid;gap:7px;color:#aabdc7;font-size:12px;font-weight:650;margin-bottom:15px}dialog input,dialog select{width:100%;background:#071219;border:1px solid #203b49;border-radius:9px;padding:10px 11px;color:#edf7fa}dialog input:focus,dialog select:focus{border-color:#36c9df;box-shadow:0 0 0 3px rgba(54,201,223,.08)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.form-error{background:#35191b;border:1px solid #5e292d;color:#ff9ea4;padding:9px 11px;border-radius:8px;font-size:12px}.helper{color:#78909e;font-size:13px}.helper code{color:#79e0ee}.key-dialog{width:min(480px,calc(100vw - 32px))}.toast{position:fixed;right:24px;bottom:24px;background:#102832;border:1px solid #27505f;color:#dff5f8;border-radius:11px;padding:11px 14px;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:28px 18px}.metrics{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}}@media(max-width:560px){.metrics{grid-template-columns:1fr}.topbar{display:grid}.topbar .btn{width:100%}.grid-two{grid-template-columns:1fr}th:nth-child(4),td:nth-child(4){display:none}}

/* Secondary views */
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #162a36}.panel-head h2{margin:0;font-size:17px;letter-spacing:-.01em}.muted{color:#708995;font-size:12px}.analytics-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.analytics-card{min-height:270px}.wide-card{grid-column:1/-1}.traffic-chart{padding:22px 20px 16px;min-height:235px;display:flex;align-items:flex-end}.chart-bars{width:100%;height:190px;display:grid;grid-template-columns:repeat(30,minmax(5px,1fr));align-items:end;gap:6px;border-bottom:1px solid #1a313e}.chart-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.chart-value{font-size:9px;color:#78909e;height:18px}.chart-bar{width:100%;max-width:18px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#4ad8ec,#159eb5);min-height:2px;box-shadow:0 0 18px rgba(38,198,223,.08)}.chart-col small{height:24px;margin-top:7px;font-size:8px;color:#5f7885;white-space:nowrap;transform:rotate(-28deg);transform-origin:center top}.rank-list{padding:8px 18px 16px}.rank-row{display:grid;gap:9px;padding:13px 2px;border-bottom:1px solid #142832}.rank-row:last-child{border-bottom:0}.rank-main{display:flex;gap:10px;align-items:center;min-width:0}.rank-main>div{min-width:0}.rank-index{width:25px;height:25px;border-radius:7px;background:#102630;color:#72d9e7;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.rank-row strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row small{font-size:10px;color:#6c8490;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar{height:4px;border-radius:99px;background:#10232d;overflow:hidden;margin-left:35px}.mini-bar span{display:block;height:100%;border-radius:99px;background:#28c7df}.link-rank{width:100%;grid-template-columns:1fr auto;align-items:center;text-align:left;color:inherit;background:transparent;border:0;cursor:pointer}.link-rank:hover{background:#0c1d26}.link-rank b{font-size:13px;color:#dceaf0}.mini-empty{color:#708995;text-align:center;padding:50px 10px;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{min-height:250px}.full-card{grid-column:1/-1}.settings-list{margin:0;padding:8px 20px 18px}.settings-list>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #142832}.settings-list>div:last-child{border-bottom:0}.settings-list dt{font-size:11px;color:#6f8793}.settings-list dd{margin:0;font-size:12px;color:#d9e7ed;word-break:break-word}.settings-list code{color:#6edbeb;background:#07151d;padding:3px 6px;border-radius:5px}.settings-actions{display:flex;gap:9px;padding:0 20px 20px}.btn.danger{background:#2b171b;color:#f0a0a7;border:1px solid #4d252b}.btn.danger:hover{background:#3a1b20}.pill-success{font-size:10px;font-weight:800;color:#7be5bc;background:#0d342b;border-radius:99px;padding:5px 8px}.domain-list{padding:8px 20px}.domain-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #142832}.domain-row:last-child{border-bottom:0}.domain-row strong{display:block;font-size:13px}.domain-row small{display:block;color:#6f8793;font-size:10px;margin-top:3px}.domain-badges{display:flex;gap:6px}.domain-pill{font-size:10px;padding:5px 8px;border-radius:99px;font-weight:750}.domain-pill.verified{color:#7be5bc;background:#0d342b}.domain-pill.pending{color:#e5c875;background:#342c15}.domain-pill.primary-domain{color:#79deeb;background:#0d2d35}.settings-helper{padding:0 20px 18px;margin:0}.app-view{animation:viewIn .18s ease}@keyframes viewIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.analytics-grid,.settings-grid{grid-template-columns:1fr}.wide-card,.full-card{grid-column:auto}.chart-bars{gap:3px}.settings-list>div{grid-template-columns:110px 1fr}}

/* Session authentication + users */
.account-footer{grid-template-columns:auto 1fr}.avatar{width:34px;height:34px;border-radius:10px;background:#102630;color:#72d9e7;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}.login-dialog{width:min(430px,calc(100vw - 32px))}.login-dialog form{padding:30px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.login-brand h2{margin:0;font-size:24px}.full-btn{width:100%;margin-top:8px}.user-list{padding:6px 20px 16px}.user-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #142832}.user-row:last-child{border-bottom:0}.user-main{display:flex;align-items:center;gap:11px;min-width:0}.user-main strong,.user-main small{display:block}.user-main strong{font-size:13px}.user-main small{font-size:11px;color:#708995;margin-top:2px}.user-controls{display:flex;align-items:center;gap:8px}.user-controls select{background:#0d1d26;border:1px solid #203642;border-radius:8px;padding:7px 9px;font-size:11px}.btn.compact{padding:7px 9px;font-size:11px}.settings-note{padding:20px}.settings-note strong{font-size:13px}.settings-note p{color:#78909e;font-size:12px;margin:7px 0 0;max-width:720px}@media(max-width:700px){.user-row{align-items:flex-start;flex-direction:column}.user-controls{width:100%;flex-wrap:wrap}}

/* Link detail + QR */
.back-link{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#69d8e7;font-size:12px;font-weight:750;padding:0;margin:0 0 14px;cursor:pointer}.back-link:hover{color:#a6edf5}.detail-topbar{align-items:flex-end}.detail-actions{display:flex;gap:9px}.detail-summary{display:grid;grid-template-columns:1fr 260px;margin-bottom:18px;overflow:visible}.detail-summary-main{display:grid;grid-template-columns:2fr .7fr 1fr 1fr;gap:18px;padding:22px;align-items:start}.detail-summary-main>div{min-width:0}.detail-label{display:block;color:#718a96;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:7px}.detail-summary-main strong{font-size:12px;color:#dce9ef}.detail-destination{display:block;color:#77dce9;text-decoration:none;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-destination:hover{text-decoration:underline}.qr-card{border-left:1px solid #1a313e;padding:18px;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;background:#09171f;border-radius:0 16px 16px 0}.qr-preview{width:82px;height:82px;background:#fff;border-radius:10px;display:grid;place-items:center;overflow:hidden}.qr-preview img,.qr-preview svg{width:100%;height:100%;display:block}.qr-preview span{color:#0b1a20;font-weight:900}.qr-copy strong,.qr-copy small{display:block}.qr-copy strong{font-size:12px}.qr-copy small{font-size:10px;color:#708995;margin-top:3px;line-height:1.35}.qr-actions{grid-column:1/-1;display:flex;gap:7px}.qr-actions .btn{text-decoration:none;text-align:center;flex:1}.detail-metrics{margin-top:0}.detail-facts{padding-top:8px}.detail-facts>div{grid-template-columns:100px 1fr}.detail-facts dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow-wrap:anywhere}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#0b1d26}.link-title-button{background:transparent;border:0;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit}.link-title-button:hover .link-title{color:#71dbea}
@media(max-width:1000px){.detail-summary{grid-template-columns:1fr}.qr-card{border-left:0;border-top:1px solid #1a313e;border-radius:0 0 16px 16px;grid-template-columns:82px 1fr auto}.qr-actions{grid-column:auto;display:grid}.detail-summary-main{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:700px){.detail-topbar{align-items:start}.detail-actions{width:100%}.detail-actions .btn{flex:1}.detail-summary-main{grid-template-columns:1fr 1fr}.qr-card{grid-template-columns:82px 1fr}.qr-actions{grid-column:1/-1;display:flex}}

/* Custom domains */
.domain-manage-row{padding:16px 0;border-bottom:1px solid #142832}.domain-manage-row:last-child{border-bottom:0}.domain-row-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.domain-row-top strong{display:block;font-size:13px}.domain-row-top small{display:block;color:#6f8793;font-size:10px;margin-top:3px}.dns-box{margin-top:12px;padding:12px;background:#07151d;border:1px solid #17303c;border-radius:10px;display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:center}.dns-box span{color:#728a96;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.dns-box code{overflow-wrap:anywhere;color:#77dce9;font-size:11px}.domain-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}@media(max-width:700px){.domain-row-top{flex-direction:column}.dns-box{grid-template-columns:1fr}.dns-box .btn{justify-self:start}.domain-actions{justify-content:flex-start}}

/* Campaigns + UTM builder */
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.campaign-card{padding:22px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.campaign-card:hover{transform:translateY(-2px);border-color:rgba(35,199,219,.42)}.campaign-card-top{display:flex;justify-content:space-between;align-items:center}.campaign-card h2{margin:16px 0 8px;font-size:20px}.campaign-card p{color:var(--muted);min-height:42px;margin:0 0 18px}.campaign-card code{display:block;margin:15px 0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;overflow:hidden;text-overflow:ellipsis}.campaign-kpis{display:flex;gap:20px;color:var(--muted);font-size:13px}.campaign-kpis strong{color:var(--text);font-size:18px;margin-right:4px}.campaign-detail{padding:22px;margin-top:18px}.compact-metrics{margin:18px 0}.inset-panel{background:rgba(4,17,25,.35)}.campaign-empty{grid-column:1/-1}.utm-box{padding:15px;border:1px solid var(--border);border-radius:12px;background:rgba(21,194,215,.035);margin:12px 0}.utm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.utm-head strong{display:block}.utm-head small{display:block;color:var(--muted);margin-top:3px}.link-campaign{margin-top:6px;color:#58cfe0;font-size:12px}textarea{width:100%;resize:vertical;background:var(--input);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 12px;font:inherit;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}
@media(max-width:1050px){.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.campaign-grid{grid-template-columns:1fr}}

/* Smart Links */
.smart-box{padding:15px;border:1px solid var(--border);border-radius:12px;background:rgba(132,103,255,.035);margin:12px 0}.switch-line{display:flex!important;align-items:center;gap:8px!important;flex-direction:row!important;font-size:12px!important;color:var(--text)!important}.switch-line input{width:auto!important;margin:0}.smart-fields{display:grid;gap:12px;margin-top:12px}.smart-rule{padding:12px;border:1px solid #19313d;border-radius:10px;background:#081821}.smart-rule-label{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#78dce9;margin-bottom:8px}.smart-rule .helper{margin:6px 0 0}.smart-badge{display:inline-block;margin:6px 0 0;padding:3px 7px;border-radius:99px;background:#241f3d;color:#b5a9ff;font-size:10px;font-weight:800}.route-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9aefa;font-size:11px}
.smart-rule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.smart-rule-head .smart-rule-label{margin-bottom:0}.smart-rule-list{display:grid;gap:8px}.smart-rule-row{display:grid;grid-template-columns:minmax(105px,.42fr) minmax(220px,1.58fr) auto;gap:8px;align-items:end}.smart-rule-row label{margin:0}.smart-rule-row .remove-rule{height:40px;min-width:40px}.btn.tiny{padding:6px 9px;font-size:11px}.rule-empty{padding:10px 0;color:var(--muted);font-size:12px}.country-code-input{text-transform:uppercase}@media(max-width:720px){.smart-rule-row{grid-template-columns:1fr}.smart-rule-row .remove-rule{justify-self:start}.smart-rule-head{align-items:flex-start}}
.smart-rule-row-compound{grid-template-columns:minmax(90px,.3fr) minmax(120px,.4fr) minmax(220px,1.3fr) auto}.compound-country-input{text-transform:uppercase}@media(max-width:860px){.smart-rule-row-compound{grid-template-columns:1fr 1fr}.smart-rule-row-compound label:nth-child(3){grid-column:1/-1}.smart-rule-row-compound .remove-rule{justify-self:start}}@media(max-width:560px){.smart-rule-row-compound{grid-template-columns:1fr}.smart-rule-row-compound label:nth-child(3){grid-column:auto}}
.health-list{display:flex;flex-direction:column;gap:10px}.health-row{display:grid;grid-template-columns:minmax(280px,2fr) 130px 100px 120px 160px auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:14px}.health-main strong{display:block}.health-main small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.health-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;border:1px solid var(--border)}.health-badge.healthy{background:rgba(34,197,94,.1);color:#86efac;border-color:rgba(34,197,94,.28)}.health-badge.redirected{background:rgba(59,130,246,.1);color:#93c5fd;border-color:rgba(59,130,246,.28)}.health-badge.degraded{background:rgba(245,158,11,.1);color:#fcd34d;border-color:rgba(245,158,11,.28)}.health-badge.broken{background:rgba(239,68,68,.1);color:#fca5a5;border-color:rgba(239,68,68,.28)}.health-badge.unchecked{background:rgba(148,163,184,.08);color:var(--muted)}.health-cell{font-size:13px;color:var(--muted)}.health-cell strong{color:var(--text)}.health-helper{margin-top:16px}.detail-health-panel{margin-bottom:20px}.health-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-facts>div{padding:12px;border-radius:12px;background:var(--surface-2,rgba(255,255,255,.025));border:1px solid var(--border)}.health-facts span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.health-facts strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-error{margin-top:12px;color:#fca5a5;font-size:13px}.health-history{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.health-dot{width:9px;height:9px;border-radius:50%;background:#64748b}.health-dot.healthy{background:#22c55e}.health-dot.redirected{background:#3b82f6}.health-dot.degraded{background:#f59e0b}.health-dot.broken{background:#ef4444}.health-inline{margin-left:8px;vertical-align:middle}
@media(max-width:900px){.health-row{grid-template-columns:1fr 110px auto}.health-row .health-cell:nth-of-type(2),.health-row .health-cell:nth-of-type(3){display:none}.health-facts{grid-template-columns:1fr 1fr}}
.route-health-head{margin-top:22px}.route-health-list{display:grid;gap:10px}.route-health-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.8fr) auto auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018)}.route-health-row .route-name{font-weight:650}.route-health-row .route-url{font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-health-meta{font-size:.78rem;color:var(--muted);text-align:right}.route-health-error{grid-column:2/-1;color:#f2a2a2;font-size:.78rem}@media(max-width:850px){.route-health-row{grid-template-columns:1fr auto}.route-health-row .route-url{grid-column:1/-1}.route-health-meta{text-align:left}.route-health-error{grid-column:1/-1}}

/* Health monitoring settings */
.health-settings-form{display:grid;gap:16px}.switch-setting{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018);flex-direction:row!important}.switch-setting span{display:grid;gap:4px}.switch-setting small{color:var(--muted);font-weight:400}.switch-setting input{width:auto!important;transform:scale(1.15)}.health-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-setting-toggles{display:flex;gap:22px;flex-wrap:wrap}.health-setting-toggles label{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:13px}.health-setting-toggles input{width:auto}.link-health-policy{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(170px,1fr) minmax(170px,1fr) auto;gap:12px;align-items:end}.link-health-policy>div{align-self:center}.link-health-policy strong,.link-health-policy small{display:block}.link-health-policy small{color:var(--muted);margin-top:4px}.link-health-policy label{margin:0}@media(max-width:850px){.health-setting-grid{grid-template-columns:1fr}.link-health-policy{grid-template-columns:1fr 1fr}.link-health-policy>div{grid-column:1/-1}}@media(max-width:560px){.link-health-policy{grid-template-columns:1fr}.switch-setting{align-items:flex-start}}

/* Dark-theme native dropdown menus */
select {
  color-scheme: dark;
  background-color: #0d1d26;
  color: #dce9ef;
}
select option,
select optgroup {
  background-color: #0d1d26;
  color: #dce9ef;
}
select option:checked {
  background-color: #16313d;
  color: #ffffff;
}


/* Resend health alerts */
.health-alert-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:12px}.health-alert-grid label{margin:0}.alert-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}.alert-history-wrap{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.compact-head{margin-bottom:10px}.compact-head h3{margin:2px 0 0}.alert-history-list{display:grid;gap:8px}.alert-history-row{display:grid;grid-template-columns:minmax(220px,1fr) 140px minmax(160px,.6fr);gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.016)}.alert-history-row strong,.alert-history-row small{display:block}.alert-history-row small{color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-event,.delivery-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:rgba(59,130,246,.1);color:#93c5fd}.alert-event.recovery{background:rgba(34,197,94,.1);color:#86efac}.alert-event.broken,.alert-event.timeout,.alert-event.dns,.alert-event.tls{background:rgba(239,68,68,.1);color:#fca5a5}.alert-event.degraded{background:rgba(245,158,11,.1);color:#fcd34d}.delivery-status.sent,.delivery-status.test{background:rgba(34,197,94,.1);color:#86efac}.delivery-status.failed{background:rgba(239,68,68,.1);color:#fca5a5}.delivery-status.suppressed{background:rgba(148,163,184,.1);color:#cbd5e1}@media(max-width:800px){.health-alert-grid{grid-template-columns:1fr}.alert-toggle-grid{grid-template-columns:1fr 1fr}.alert-history-row{grid-template-columns:1fr auto}.alert-history-row>div:last-child{grid-column:1/-1}}@media(max-width:520px){.alert-toggle-grid{grid-template-columns:1fr}}
.import-controls{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,.8fr) auto;gap:12px;align-items:end;padding:20px}.import-controls label,.import-commit-bar label{display:grid;gap:7px;color:#aabdc7;font-size:12px;font-weight:650}.import-controls input[type=file],.import-controls select,.import-commit-bar select{width:100%;background:#071219;border:1px solid #203b49;border-radius:9px;padding:10px 11px;color:#dce9ef}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:4px 20px 18px}.import-summary>div{background:#091820;border:1px solid #19313d;border-radius:11px;padding:13px}.import-summary span{display:block;color:#708995;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.import-summary strong{display:block;font-size:20px;margin-top:4px}.import-commit-bar{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:0 20px 18px}.import-commit-bar label{min-width:310px}.import-table-wrap{margin:0 20px 18px;border:1px solid #19313d;border-radius:11px;max-height:360px}.import-table-wrap td{vertical-align:top}.import-url{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#77919e}.import-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.import-status.ready,.import-status.imported{color:#75e0b8;background:#0d342b}.import-status.conflict,.import-status.skipped{color:#e8c46d;background:#342c15}.import-status.invalid,.import-status.error{color:#f0a0a7;background:#35191b}.import-history-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:13px 20px;border-bottom:1px solid #142832}.import-history-row:last-child{border-bottom:0}.import-history-row strong{display:block;font-size:12px}.import-history-row small{display:block;color:#708995;margin-top:3px;font-size:10px}.import-history-stats{font-size:10px;color:#8da4af;text-align:right}.import-history-stats b{color:#dce9ef}@media(max-width:900px){.import-controls{grid-template-columns:1fr}.import-commit-bar{align-items:stretch;flex-direction:column}.import-commit-bar label{min-width:0}.import-summary{grid-template-columns:1fr 1fr}}

/* Audit log */
.audit-toolbar{margin-bottom:8px}.audit-list{display:flex;flex-direction:column;gap:0}.audit-event{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:16px 4px;border-bottom:1px solid var(--border,#18313c)}.audit-event:last-child{border-bottom:0}.audit-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#0d222c;border:1px solid #1f4351;color:#72d4ec;font-weight:700}.audit-main{min-width:0}.audit-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audit-head strong{color:#eaf6fa}.audit-entity{color:#8fdcf0}.audit-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;color:#78909a;font-size:12px}.audit-changes{display:flex;flex-direction:column;gap:4px;margin-top:9px}.audit-change{font-size:12px;color:#aebfc6;background:#09171e;border:1px solid #142d37;border-radius:7px;padding:6px 8px;overflow-wrap:anywhere}.audit-change b{color:#d7eaf0;font-weight:600}.audit-time{color:#78909a;font-size:12px;white-space:nowrap;padding-top:3px}.detail-audit-panel{margin-top:18px}@media(max-width:700px){.audit-event{grid-template-columns:36px minmax(0,1fr)}.audit-time{grid-column:2}.audit-toolbar{align-items:stretch}.audit-toolbar select{width:100%}}
.code-block{white-space:pre-wrap;overflow:auto;padding:14px;border:1px solid var(--border);border-radius:10px;background:#07131a;color:#cfe7ef;font-size:12px;line-height:1.5}.row-sub{display:block;color:var(--muted);margin-top:3px}.text-link{border:0;background:transparent;color:var(--accent);padding:0;cursor:pointer;font:inherit;text-align:left}.text-link:hover{text-decoration:underline}
/* Webhook integration */
.webhook-form-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.5fr);gap:14px}.webhook-events{display:grid;gap:10px}.webhook-secret{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-top:16px;padding:14px 16px;border:1px solid rgba(37,211,170,.25);background:rgba(37,211,170,.07);border-radius:12px}.webhook-secret div{display:grid;gap:3px}.webhook-secret small{color:var(--muted)}.webhook-secret code{max-width:360px;overflow:auto;padding:8px 10px;background:rgba(0,0,0,.25);border-radius:8px}.webhook-list{display:grid;gap:10px}.webhook-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.5fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.webhook-row:last-child{border-bottom:0}.webhook-main{display:grid;gap:8px;min-width:0}.webhook-main>div:first-child{display:grid;gap:3px}.webhook-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.webhook-event-tags{display:flex;flex-wrap:wrap;gap:5px}.webhook-event-tags span{font-size:11px;padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.webhook-meta{display:grid;gap:4px;color:var(--muted)}.webhook-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.switch-mini{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.btn.danger{border-color:rgba(255,100,110,.3);color:#ff8990}.delivery-status.retrying{color:#f6c85f}.delivery-status.delivered,.delivery-status.test{color:#50d890}.delivery-status.failed{color:#ff7b82}@media(max-width:900px){.webhook-form-grid,.webhook-row{grid-template-columns:1fr}.webhook-actions{justify-content:flex-start}.webhook-secret{grid-template-columns:1fr}.webhook-secret code{max-width:100%}}
.insight-card-list{display:grid;gap:12px;margin-top:18px}.insight-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(10,25,34,.65)}.insight-card .insight-kind{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.insight-card h3{margin:5px 0 7px}.insight-card p{margin:0 0 8px;color:var(--muted)}.insight-evidence{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.insight-recommendations{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.insight-recommendations h3{margin:0 0 8px}.insight-summary{font-size:16px;line-height:1.6}.ask-insight-form{display:grid;gap:12px}.insight-answer{margin-top:16px;line-height:1.6;white-space:pre-wrap}.insight-answer strong{color:var(--text)}

/* Settings IA redesign */
.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.settings-subnav{position:sticky;top:18px;border:1px solid var(--border);background:linear-gradient(180deg,#091a23,#08161e);border-radius:14px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.settings-subnav-head{padding:10px 10px 12px;border-bottom:1px solid #142832;margin-bottom:7px}.settings-subnav-head .eyebrow{margin-bottom:4px}.settings-subnav-head strong{font-size:13px;color:#dbe8ed}
.settings-nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#78909e;padding:10px 11px;border-radius:9px;text-align:left;font:inherit;font-size:12px;cursor:pointer;transition:.15s ease}.settings-nav-item:hover{background:#0d202a;color:#cfe2e9}.settings-nav-item.active{background:#102832;color:#77ddec}.settings-nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#557784;font-size:12px;flex:0 0 auto}.settings-nav-item.active .settings-nav-icon{color:#5cd5e8}
.settings-content{min-width:0}.settings-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:2px 2px 0}.settings-section-head h2{font-size:21px;margin:2px 0 4px;letter-spacing:-.02em}.settings-section-head .muted{margin:0;max-width:680px;line-height:1.55}
.settings-section-stack{display:grid;grid-template-columns:1fr;gap:14px}.settings-section-stack>.settings-card{min-height:0;grid-column:auto}.settings-section-stack>.settings-card .panel-head{padding:16px 18px}.settings-section-stack>.settings-card .panel-head h2{font-size:15px}.settings-section-stack .settings-actions{padding:0 18px 18px}
.settings-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-overview-card{position:relative;min-height:148px;text-align:left;border:1px solid var(--border);background:linear-gradient(145deg,#0a1b24,#08171f);border-radius:14px;padding:18px;color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.settings-overview-card:hover{transform:translateY(-2px);border-color:#245464;background:linear-gradient(145deg,#0c202a,#091a23)}.settings-card-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:#4daabc;margin-bottom:22px}.settings-overview-card h3{font-size:15px;margin:0 0 6px;color:#e0edf1}.settings-overview-card p{font-size:11px;line-height:1.5;color:#718a96;margin:0;padding-right:24px}.settings-card-arrow{position:absolute;right:17px;bottom:15px;color:#55ccdf;font-size:18px}
.settings-section-stack .alert-history-wrap{margin-top:4px}.settings-section-stack .settings-helper{padding-left:18px;padding-right:18px}.settings-section-stack .domain-list,.settings-section-stack .user-list,.settings-section-stack .settings-list{padding-left:18px;padding-right:18px}
@media(max-width:980px){.settings-shell{grid-template-columns:1fr}.settings-subnav{position:static;display:flex;overflow-x:auto;gap:6px;padding:8px}.settings-subnav-head{display:none}.settings-nav-item{width:auto;white-space:nowrap;flex:0 0 auto;padding:9px 11px}.settings-overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.settings-overview-grid{grid-template-columns:1fr}.settings-section-head h2{font-size:19px}.settings-nav-icon{display:none}}

/* Visn palette + Settings tabs refresh */
:root{
  --accent:#00AEEF;
  --accent-hover:#32C3F2;
  --bg:#0A192F;
  --surface:#112240;
  --surface-2:#0E2038;
  --text:#E6F1FF;
  --muted:#8892B0;
  --border:rgba(136,146,176,.22);
  color:var(--text);
  background:var(--bg);
}
body{background:var(--bg);color:var(--text)}
.sidebar{background:#081426;border-right-color:var(--border)}
.brand-mark{border-color:var(--accent);color:var(--accent);background:rgba(0,174,239,.08)}
.nav-item{color:var(--muted)}
.nav-item:hover,.nav-item.active{background:var(--surface);color:var(--text)}
.nav-item.active{box-shadow:inset 3px 0 var(--accent)}
.sidebar-footer{border-top-color:var(--border)}
.sidebar-footer small,.subtitle,.muted,.helper{color:var(--muted)}
.eyebrow{color:var(--accent)}
.btn.primary{background:var(--accent);color:#04111E;box-shadow:0 8px 24px rgba(0,174,239,.18)}
.btn.primary:hover{background:var(--accent-hover)}
.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border)}
.metric-card{background:var(--surface);border-color:var(--border)}
.metric-card span,.metric-card small{color:var(--muted)}
.panel{background:var(--surface);border-color:var(--border);box-shadow:0 24px 70px rgba(0,0,0,.16)}
.panel-head,.toolbar,th,td{border-color:var(--border)}
.search,.toolbar select{background:var(--surface-2);border-color:var(--border);color:var(--text)}
.search input,.toolbar select,input,select{color:var(--text)}
.link-title{color:var(--text)}
.link-slug,.text-link{color:var(--accent)}
.link-destination,th{color:var(--muted)}
.icon-btn{color:var(--muted)}
.icon-btn:hover{background:rgba(0,174,239,.10);color:var(--text)}
dialog{color:var(--text);background:var(--surface);border-color:var(--border)}
dialog input,dialog select{background:var(--bg);border-color:var(--border);color:var(--text)}
dialog input:focus,dialog select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,174,239,.10)}
.toast{background:var(--surface);border-color:rgba(0,174,239,.35);color:var(--text)}
.rank-index,.empty-icon{background:rgba(0,174,239,.10);color:var(--accent)}
.mini-bar{background:rgba(136,146,176,.12)}
.mini-bar span{background:var(--accent)}
.chart-bar{background:linear-gradient(180deg,#32C3F2,var(--accent));box-shadow:0 0 18px rgba(0,174,239,.10)}
.settings-list dt,.domain-row small,.rank-row small,.row-sub{color:var(--muted)}
.settings-list dd{color:var(--text)}
.settings-list code{color:#65D8FF;background:var(--bg)}
select{color-scheme:dark;background-color:var(--surface-2);color:var(--text)}
select option,select optgroup{background-color:var(--surface);color:var(--text)}
select option:checked{background-color:#163A5A;color:#fff}

/* Settings now uses a horizontal tab strip */
.settings-shell{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.settings-tabs-wrap{position:sticky;top:0;z-index:8;padding:4px 0 8px;background:linear-gradient(180deg,var(--bg) 68%,rgba(10,25,47,0));}
.settings-subnav{position:static;display:flex;gap:4px;overflow-x:auto;padding:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(136,146,176,.25) transparent}
.settings-subnav-head{display:none}
.settings-nav-item{position:relative;width:auto;min-height:46px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:11px 14px 12px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:650;transition:color .16s ease,background .16s ease}
.settings-nav-item::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:99px;background:transparent}
.settings-nav-item:hover{background:rgba(17,34,64,.72);color:var(--text)}
.settings-nav-item.active{background:rgba(0,174,239,.07);color:var(--accent)}
.settings-nav-item.active::after{background:var(--accent)}
.settings-nav-icon{width:auto;height:auto;color:inherit;font-size:11px;opacity:.82}
.settings-content{min-width:0}
.settings-section-head{margin-bottom:16px;padding:4px 2px 0}
.settings-section-head h2{color:var(--text)}
.settings-overview-card{background:var(--surface);border-color:var(--border);box-shadow:none}
.settings-overview-card:hover{transform:translateY(-2px);border-color:rgba(0,174,239,.55);background:#132746}
.settings-card-kicker,.settings-card-arrow{color:var(--accent)}
.settings-overview-card h3{color:var(--text)}
.settings-overview-card p{color:var(--muted)}
.settings-section-stack>.settings-card{background:var(--surface)}
.health-setting-grid select,.import-controls select,.import-commit-bar select,.import-controls input[type=file]{background:var(--surface-2);border-color:var(--border);color:var(--text)}
.webhook-event-tags span,.audit-change,.code-block{border-color:var(--border)}
.audit-change,.code-block{background:var(--bg)}
.insight-card{background:rgba(17,34,64,.72);border-color:var(--border)}

@media(max-width:980px){
  .settings-shell{grid-template-columns:1fr}
  .settings-tabs-wrap{top:0}
  .settings-subnav{display:flex;overflow-x:auto;gap:3px;padding:0}
  .settings-nav-item{padding:10px 12px}
}
@media(max-width:620px){
  .settings-nav-icon{display:none}
  .settings-nav-item{font-size:11px;padding:10px 11px}
}

/* AI Settings readability refresh */
.ai-page-head{align-items:center;margin-bottom:20px}.ai-page-head .health-badge{flex:0 0 auto}
.ai-settings-form{display:grid;gap:14px;max-width:1040px}
.ai-settings-card{background:var(--surface);border:1px solid rgba(136,146,176,.18);border-radius:14px;padding:20px 22px;box-shadow:0 8px 24px rgba(2,12,27,.12)}
.ai-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.ai-card-head>div:first-child{display:flex;align-items:flex-start;gap:12px;min-width:0}.ai-card-head h3{margin:0;color:var(--text);font-size:15px;letter-spacing:-.01em}.ai-card-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.ai-card-step{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:rgba(0,174,239,.09);border:1px solid rgba(0,174,239,.20);color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.04em}
.ai-field-grid{display:grid;gap:14px}.ai-field-grid-provider{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-field-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-span-2{grid-column:span 2}.ai-field-grid label,.ai-full-field{display:grid;gap:7px;margin:0;color:var(--muted);font-size:11px;font-weight:650}.ai-field-grid label>span,.ai-full-field>span{color:#A8B3CC}.ai-field-grid input,.ai-field-grid select,.ai-full-field textarea{width:100%;min-height:40px;background:#0D1F38;border:1px solid rgba(136,146,176,.22);border-radius:9px;padding:9px 11px;color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.ai-full-field textarea{min-height:76px;resize:vertical}.ai-field-grid input:focus,.ai-field-grid select:focus,.ai-full-field textarea:focus{outline:none;border-color:rgba(0,174,239,.7);box-shadow:0 0 0 3px rgba(0,174,239,.08)}.ai-full-field small{color:var(--muted);font-weight:400}.ai-inline-note{margin-top:14px;padding-top:13px;border-top:1px solid rgba(136,146,176,.13);color:var(--muted);font-size:11px;line-height:1.5}
.ai-switch-list{display:grid;gap:8px}.ai-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border-radius:10px;background:#0E2038;border:1px solid rgba(136,146,176,.13);margin:0!important;flex-direction:row!important}.ai-switch-row span{display:grid;gap:3px}.ai-switch-row strong{color:var(--text);font-size:12px}.ai-switch-row small{color:var(--muted);font-weight:400;font-size:10px}.ai-switch-row input,.ai-mini-switch input,.ai-check-row input,.ai-scope-option input{width:auto!important;accent-color:var(--accent)}.ai-switch-primary{border-color:rgba(0,174,239,.24);background:rgba(0,174,239,.045)}
.ai-mini-switch{display:flex!important;align-items:center;gap:8px;margin:0!important;color:var(--text);font-size:11px;font-weight:700;flex-direction:row!important;white-space:nowrap}.ai-mini-switch input{transform:scale(1.05)}
.ai-card-body-toggle{display:grid;gap:15px;transition:opacity .15s ease}.ai-card-body-toggle.is-disabled{opacity:.42;pointer-events:none}.ai-check-row{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:11px 12px;border-radius:9px;background:#0E2038;flex-direction:row!important}.ai-check-row span{display:grid;gap:2px}.ai-check-row strong{font-size:11px;color:var(--text)}.ai-check-row small{font-size:10px;color:var(--muted);font-weight:400}
.ai-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-scope-option{display:flex!important;align-items:flex-start;gap:11px;margin:0!important;padding:13px;border:1px solid rgba(136,146,176,.13);border-radius:10px;background:#0E2038;flex-direction:row!important;cursor:pointer}.ai-scope-option:hover{border-color:rgba(0,174,239,.3)}.ai-scope-option span{display:grid;gap:3px}.ai-scope-option strong{font-size:11px;color:var(--text)}.ai-scope-option small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.4}
.ai-settings-footer{position:sticky;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px;padding:13px 14px;border-radius:12px;background:rgba(10,25,47,.94);border:1px solid rgba(136,146,176,.20);box-shadow:0 14px 34px rgba(2,12,27,.28);backdrop-filter:blur(12px)}.ai-settings-footer>div:first-child{display:grid;gap:2px}.ai-settings-footer strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ai-settings-footer span{font-size:11px;color:#A8B3CC}.ai-footer-actions{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:900px){.ai-field-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-settings-form{max-width:none}}
@media(max-width:680px){.ai-settings-card{padding:17px}.ai-card-head{align-items:flex-start;flex-direction:column}.ai-card-head .btn{width:100%}.ai-field-grid-provider,.ai-field-grid-4,.ai-scope-grid{grid-template-columns:1fr}.ai-span-2{grid-column:auto}.ai-settings-footer{position:static;align-items:stretch;flex-direction:column}.ai-footer-actions{display:grid;grid-template-columns:1fr 1fr}.ai-page-head{align-items:flex-start;flex-direction:column}}

/* Settings refinement v2 — consistent visual hierarchy across every tab */
.settings-content{max-width:1100px;width:100%;margin:0 auto}
.settings-section-head{margin-bottom:20px;padding:6px 2px 0}
.settings-section-head h2{font-size:24px;margin:3px 0 5px;letter-spacing:-.025em}
.settings-section-head .muted{font-size:11px;max-width:720px;color:var(--muted)}
.settings-section-stack{gap:16px}
.settings-section-stack>.settings-card{min-height:0;border:1px solid rgba(136,146,176,.18);border-radius:15px;background:var(--surface);box-shadow:0 8px 26px rgba(2,12,27,.10);overflow:hidden}
.settings-section-stack>.settings-card>.panel-head{padding:19px 21px 17px;border-bottom:1px solid rgba(136,146,176,.12);align-items:center}
.settings-section-stack>.settings-card>.panel-head h2{font-size:15px;color:var(--text);letter-spacing:-.01em}
.settings-section-stack>.settings-card>.panel-head p{font-size:10.5px;line-height:1.55;margin:5px 0 0;max-width:720px}
.settings-section-stack .settings-actions{padding:15px 20px 18px;margin-top:3px;border-top:1px solid rgba(136,146,176,.10);background:rgba(10,25,47,.18)}
.settings-section-stack .settings-actions .btn{min-height:36px}

/* Workspace */
[data-settings-panel="workspace"] .settings-section-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-settings-panel="workspace"] .settings-list{display:grid;gap:7px;padding:14px 18px 18px}
[data-settings-panel="workspace"] .settings-list>div{grid-template-columns:110px 1fr;gap:16px;padding:11px 12px;border:1px solid rgba(136,146,176,.10);border-radius:9px;background:#0E2038}
[data-settings-panel="workspace"] .settings-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.055em}
[data-settings-panel="workspace"] .settings-list dd{font-size:11.5px;align-self:center}

/* Domains + users — turn rows into calm management cards */
.settings-section-stack .domain-list,.settings-section-stack .user-list{display:grid;gap:9px;padding:14px 18px 18px}
.settings-section-stack .domain-manage-row,.settings-section-stack .domain-row,.settings-section-stack .user-row{padding:13px 14px;border:1px solid rgba(136,146,176,.12);border-radius:10px;background:#0E2038}
.settings-section-stack .domain-manage-row:last-child,.settings-section-stack .domain-row:last-child,.settings-section-stack .user-row:last-child{border-bottom:1px solid rgba(136,146,176,.12)}
.settings-section-stack .dns-box{background:#0A192F;border-color:rgba(136,146,176,.15)}
.settings-section-stack .settings-helper{margin:0 18px 18px;padding:12px 13px;border:1px solid rgba(136,146,176,.10);border-radius:9px;background:rgba(10,25,47,.34);font-size:10.5px;line-height:1.55;color:var(--muted)}

/* Health + notification forms */
.health-settings-form{gap:13px;padding:16px 18px 0}
.health-settings-form .switch-setting{padding:14px 15px;border-color:rgba(0,174,239,.20);background:rgba(0,174,239,.045)}
.health-settings-form .switch-setting strong{font-size:12px;color:var(--text)}
.health-settings-form .switch-setting small{font-size:10px;line-height:1.45}
.health-setting-grid,.health-alert-grid,.health-setting-toggles{position:relative;border:1px solid rgba(136,146,176,.12);border-radius:11px;background:#0E2038;padding:37px 14px 14px}
.health-setting-grid::before,.health-alert-grid::before,.health-setting-toggles::before{position:absolute;top:12px;left:14px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
#healthSettingsForm .health-setting-grid::before{content:"Schedule & limits"}
#healthSettingsForm .health-setting-toggles::before{content:"Coverage"}
#healthAlertsForm .health-alert-grid::before{content:"Delivery"}
#healthAlertsForm .health-setting-toggles::before{content:"Alert types"}
.health-setting-grid label,.health-alert-grid label,.webhook-form-grid label,.import-controls label{gap:7px;color:#A8B3CC;font-size:10.5px;font-weight:650}
.health-setting-grid input,.health-setting-grid select,.health-alert-grid textarea,.health-alert-grid select,.webhook-form-grid input,.import-controls input[type=file],.import-controls select,.import-commit-bar select{min-height:40px;background:#0A192F;border:1px solid rgba(136,146,176,.20);border-radius:9px;color:var(--text);padding:9px 10px}
.health-alert-grid textarea{min-height:86px;resize:vertical}
.health-setting-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.health-setting-toggles label{min-height:40px;padding:9px 10px;border:1px solid rgba(136,146,176,.08);border-radius:8px;background:rgba(10,25,47,.45);font-size:10.5px}
.alert-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* History and secondary operational content */
.settings-section-stack .alert-history-wrap{margin:0 18px 18px;padding:14px;border:1px solid rgba(136,146,176,.11);border-radius:11px;background:#0E2038}
.settings-section-stack .alert-history-wrap .panel-head{padding:0 0 12px;border:0}
.settings-section-stack .alert-history-wrap .compact-head h3{font-size:13px}
.settings-section-stack .alert-history-row{background:#0A192F;border-color:rgba(136,146,176,.11)}

/* Integrations */
.webhook-card .health-settings-form{padding-top:16px}
.webhook-form-grid{position:relative;padding:37px 14px 14px;border:1px solid rgba(136,146,176,.12);border-radius:11px;background:#0E2038}
.webhook-form-grid::before{content:"Endpoint";position:absolute;top:12px;left:14px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.webhook-events{padding:14px;border:1px solid rgba(136,146,176,.12);border-radius:11px;background:#0E2038;gap:12px}
.webhook-events>strong{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.webhook-events .health-setting-toggles{border:0;padding:0;background:transparent;grid-template-columns:repeat(3,minmax(0,1fr))}
.webhook-events .health-setting-toggles::before{display:none}
.webhook-secret{margin:0 18px 16px}
.settings-note{margin:16px 18px 18px;padding:15px 16px;border:1px solid rgba(136,146,176,.11);border-radius:10px;background:#0E2038}
.settings-note strong{color:var(--text);font-size:12px}
.settings-note p{font-size:10.5px;line-height:1.55}

/* Data / importer */
.import-card>.panel-head{align-items:center}
.import-controls{position:relative;grid-template-columns:minmax(260px,1.25fr) minmax(220px,.75fr) auto;padding:42px 18px 16px;margin:16px 18px 12px;border:1px solid rgba(136,146,176,.12);border-radius:11px;background:#0E2038}
.import-controls::before{content:"Import source";position:absolute;top:13px;left:14px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.import-preview{margin:0 18px 18px;padding:14px;border:1px solid rgba(136,146,176,.12);border-radius:11px;background:#0E2038}
.import-summary{padding:0 0 14px;gap:8px}
.import-summary>div{background:#0A192F;border-color:rgba(136,146,176,.11);padding:11px 12px}
.import-summary strong{font-size:18px}
.import-commit-bar{padding:0 0 14px}
.import-table-wrap{margin:0 0 14px;border-color:rgba(136,146,176,.13)}
.import-preview .settings-helper{margin:0;padding:11px 12px;background:#0A192F}

/* Overview cards get the same rhythm */
.settings-overview-grid{gap:12px}
.settings-overview-card{min-height:132px;padding:17px;border-radius:13px}
.settings-card-kicker{margin-bottom:18px}

/* Inputs and select focus across settings */
.settings-section input:not([type=checkbox]):not([type=radio]):focus,.settings-section select:focus,.settings-section textarea:focus{outline:none;border-color:rgba(0,174,239,.68)!important;box-shadow:0 0 0 3px rgba(0,174,239,.08)}
.settings-section input[type=checkbox]{accent-color:var(--accent)}

@media(max-width:900px){
  [data-settings-panel="workspace"] .settings-section-stack{grid-template-columns:1fr}
  .alert-toggle-grid,.webhook-events .health-setting-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .import-controls{grid-template-columns:1fr}
}
@media(max-width:620px){
  .settings-section-head h2{font-size:21px}
  .settings-section-stack>.settings-card>.panel-head{padding:16px;align-items:flex-start;flex-direction:column}
  .health-settings-form{padding:14px 14px 0}
  .health-setting-grid,.health-alert-grid,.health-setting-toggles{grid-template-columns:1fr}
  .alert-toggle-grid,.webhook-events .health-setting-toggles{grid-template-columns:1fr}
  .settings-section-stack .alert-history-wrap{margin:0 14px 14px}
  .import-controls{margin:14px;padding-left:13px;padding-right:13px}
  .import-preview{margin:0 14px 14px}
}

/* Settings tab strip: keep touch/mouse horizontal scrolling without showing browser scrollbars. */
.settings-subnav{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
}
.settings-subnav::-webkit-scrollbar{display:none;width:0;height:0}

/* Workspace profile editing */
.workspace-settings-form{display:grid;gap:18px}
.workspace-form-block{padding:18px;border:1px solid rgba(136,146,176,.12);border-radius:14px;background:rgba(17,34,64,.42)}
.workspace-system-block{background:rgba(10,25,47,.34)}
.workspace-block-head{margin-bottom:14px}
.workspace-block-head h3{margin:0 0 4px;font-size:14px;color:var(--text)}
.workspace-block-head .muted{margin:0;font-size:12px}
.workspace-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.workspace-edit-grid label{display:grid;gap:8px;color:var(--text);font-size:12px;font-weight:650}
.workspace-edit-grid label>span{color:var(--text);font-size:12px;font-weight:700}
.workspace-edit-grid input{width:100%;min-height:46px;background:#0A192F;border:1px solid rgba(136,146,176,.20);border-radius:10px;padding:11px 12px;color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}
.workspace-edit-grid input:focus{outline:none;border-color:rgba(0,174,239,.68);box-shadow:0 0 0 3px rgba(0,174,239,.08)}
.workspace-edit-grid small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}
.workspace-readonly-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:12px}
.workspace-readonly-grid>div{min-width:0;padding:14px 16px;border:1px solid rgba(136,146,176,.12);border-radius:12px;background:#0A192F}
.workspace-readonly-grid span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.workspace-readonly-grid strong{display:block;overflow:hidden;color:var(--text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 0}
.workspace-actions .helper{margin:0;max-width:620px;color:var(--muted);font-size:12px;line-height:1.5}
.workspace-actions .btn{min-width:148px}
.settings-list.compact{margin-top:0}

@media(max-width:760px){
  .workspace-form-block,.workspace-edit-grid,.workspace-readonly-grid{grid-template-columns:1fr}
  .workspace-actions{align-items:stretch;flex-direction:column}
  .workspace-actions .btn{width:100%}
}
.workspace-view-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.workspace-view-grid>div{min-width:0;padding:14px 0}
.workspace-view-grid span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.workspace-view-grid strong{display:block;color:var(--text);font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.workspace-view-grid small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
.workspace-action-buttons{display:flex;align-items:center;gap:9px}
#workspaceEditBtn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.workspace-view-grid{grid-template-columns:1fr}.workspace-action-buttons{width:100%}.workspace-action-buttons .btn{flex:1}}