:root{
  --midnight:#080b11;--midnight-2:#0e1522;--midnight-3:#131e30;
  --cloud:#111c2c;--paper:#0e1522;--ink:#f1f5f9;--ink-soft:#b8c5d6;--ink-quiet:#96a6bb;
  --shell-ink:#f1f5f9;--shell-muted:#b8c5d6;--shell-quiet:#96a6bb;
  --accent:#34d399;--accent-ink:#6ee7b7;--accent-soft:#10382e;
  --ok:#4ade80;--ok-bg:#0f2e22;--ok-line:#4ade8059;
  --warn:#fbbf24;--warn-bg:#33240d;--warn-line:#fbbf2466;
  --danger:#f87171;--danger-bg:#3a1418;--danger-line:#f8717180;
  --info:#7dd3fc;--info-bg:#0c2a3a;
  --dest-1:#7dd3fc;--dest-2:#c4b5fd;--dest-3:#f9a8d4;--dest-4:#fdba74;--dest-5:#a5b4fc;
  --mint:var(--accent);--mint-dark:var(--accent);--mint-ink:var(--accent-ink);--mint-soft:var(--accent-soft);--amber:var(--warn);
  --shell-line:#233044;--line:#233044;--line-strong:#35465d;
  --input:#090f19;--raised:#152237;--layout-width:1780px;--sidebar-width:280px;--layout-gap:24px;
  --display:var(--sans);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Ubuntu,Cantarell,"Noto Sans",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,"Liberation Mono",monospace;
  --shadow:0 18px 48px #00000030;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{color-scheme:dark;background:var(--midnight)}
html,body{margin:0;min-height:100%}
body{background:var(--midnight);color:var(--shell-ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:#5dbb9f55}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
input,select,textarea{width:100%;min-height:44px;border:1px solid var(--shell-line);border-radius:9px;background:var(--input);color:var(--shell-ink);padding:10px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
input::placeholder,textarea::placeholder{color:var(--shell-quiet)}
input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #5dbb9f22}
input[type=checkbox]{width:auto;min-height:0;accent-color:var(--mint)}
a{color:var(--mint)}

.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-logo{display:block;height:28px;width:auto}
/* The product name keeps its own case (1bd), also in uppercase labels. */
.eyebrow.brand-name{text-transform:none}
.unlock-visual .brand-logo{height:32px}
.brand-home{color:inherit;text-decoration:none;border-radius:10px}.brand-home:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.eyebrow,.mix-kicker{display:block;color:var(--mint-ink);font:600 12px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}

.unlock-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);position:relative;overflow:hidden}
.unlock-visual{padding:clamp(34px,6vw,86px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--shell-line);background:linear-gradient(145deg,var(--midnight-3),var(--midnight) 68%)}
.unlock-thesis{max-width:660px;margin:clamp(80px,14vh,150px) 0}
.unlock-thesis .eyebrow{color:var(--mint)}
.unlock-thesis h1{font:600 clamp(42px,6vw,76px)/.98 var(--display);letter-spacing:-.045em;margin:0;max-width:620px}
.unlock-thesis p{color:var(--shell-muted);font-size:17px;max-width:500px;margin:24px 0 0}
.unlock-map{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:30px;max-width:610px;margin-top:42px}
.unlock-source,.unlock-node{border:1px solid var(--shell-line);background:var(--midnight-2);border-radius:10px;padding:14px 16px;font-family:var(--mono)}
.unlock-source{box-shadow:inset 3px 0 0 var(--mint)}
.unlock-source small{display:block;color:var(--shell-quiet);font:600 12px/1 var(--sans);margin-bottom:5px}
.unlock-branches{display:grid;gap:9px;position:relative;padding-left:34px}
.unlock-branches::before{content:"";position:absolute;left:-30px;top:50%;width:64px;height:1px;background:var(--shell-line)}
.unlock-branches::after{content:"";position:absolute;left:33px;top:22px;bottom:22px;width:1px;background:var(--shell-line)}
.unlock-node{position:relative;display:flex;justify-content:space-between;gap:18px;color:var(--shell-muted)}
.unlock-node::before{content:"";position:absolute;left:-34px;top:50%;width:34px;height:1px;background:var(--shell-line)}
.unlock-node b{color:var(--mint);font-weight:600}
.unlock-foot{color:var(--shell-quiet);font-size:12px}
.unlock-side{display:grid;place-items:center;padding:32px;background:var(--midnight)}
.unlock-card{width:min(430px,100%);padding:36px;border:1px solid var(--shell-line);border-radius:18px;background:var(--midnight-2);box-shadow:var(--shadow)}
.unlock-card .eyebrow{color:var(--mint)}
.unlock-card h2{font:600 30px/1.15 var(--display);letter-spacing:-.025em;margin:0 0 10px}
.unlock-card>p{color:var(--shell-muted);margin:0 0 28px}
.auth-form .field-label{margin-top:15px}
.auth-form .unlock-action{margin-top:20px}
.field-label{display:block;color:var(--shell-muted);font-size:12px;font-weight:600;margin-bottom:7px}
.unlock-action{width:100%;margin-top:14px}
.unlock-error{min-height:22px;margin:12px 0 0;color:var(--danger);font-size:13px}
.unlock-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--shell-quiet);font-size:12px}
.unlock-note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #5dbb9f22}

.primary,.secondary,.quiet-button,.danger-button,.route-action{border-radius:9px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease}
.primary{background:var(--mint);color:#0b261f;border-color:transparent}
.primary:hover{filter:brightness(1.04)}
.secondary{background:var(--raised);color:var(--ink);border-color:var(--line-strong)}
.secondary:is(a){display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.secondary[aria-disabled="true"]{cursor:not-allowed;opacity:.45;pointer-events:none}
.secondary:hover,.quiet-button:hover{border-color:var(--line-strong);background:#203041}
.quiet-button{background:transparent;color:var(--shell-muted);border-color:var(--shell-line)}
.danger-button{background:#b44f580d;color:var(--danger);border-color:#b44f5842}
.danger-button:hover{background:#b44f5818}

.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:68px;padding:11px max(24px,calc((100vw - var(--layout-width))/2 + 24px));border-bottom:1px solid var(--shell-line);background:#080d14f5;backdrop-filter:blur(14px)}
.header-spacer{flex:1}
.click-total{display:flex;align-items:baseline;gap:7px;border-right:1px solid var(--shell-line);padding-right:15px;color:var(--shell-muted);font-size:12px;white-space:nowrap}
.click-total b{color:var(--shell-ink);font:600 17px/1 var(--mono)}
.header-new-icon{margin-left:7px}
.console-menu{position:relative}
.console-menu>summary{list-style:none;cursor:pointer}
.console-menu>summary::-webkit-details-marker{display:none}
.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:310px;padding:16px;border:1px solid var(--shell-line);border-radius:12px;background:var(--midnight-2);box-shadow:var(--shadow)}
.menu-title{font-weight:600;margin-bottom:12px}
.diagnostics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.diagnostic{padding:10px;border:1px solid var(--shell-line);border-radius:8px;background:var(--midnight)}
.diagnostic span{display:block;color:var(--shell-quiet);font:600 12px/1.2 var(--sans)}
.diagnostic b{display:block;margin-top:5px;font:600 16px/1 var(--mono)}
.menu-rule{height:1px;background:var(--shell-line);margin:14px 0}
.menu-panel p{color:var(--shell-quiet);font-size:12px;margin:0 0 10px}
.menu-panel .quiet-button{width:100%;text-align:left}
.menu-panel .quiet-button:hover{background:var(--midnight-3);color:var(--shell-ink)}
.menu-panel .quiet-button+.quiet-button{margin-top:7px}
.menu-panel .menu-help{margin:8px 0 0}
.menu-panel .menu-help:empty{display:none}
.menu-panel .menu-warning{color:var(--amber)}
.menu-alerts .quiet-button{margin-top:10px}
.account-summary{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.workspace{max-width:var(--layout-width);margin:0 auto;padding:24px 24px 64px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--layout-gap);align-items:start}
.panel{border-radius:14px;overflow:hidden}
/* Until the first load succeeds nothing that depends on the account's links
   is shown, so a slow or failed load never looks like an empty account. */
#console-shell.console-loading .workspace,#console-shell.console-loading .click-total,#console-shell.console-loading .header-new,#console-shell.console-loading .header-reports,#console-shell.console-loading .header-workspace{display:none}
.console-load{max-width:520px;margin:64px auto;padding:28px 24px;border:1px solid var(--shell-line);border-radius:14px;background:var(--midnight-2);text-align:center}
.console-load[hidden]{display:none}
.console-load h2{font:600 18px/1.3 var(--display);letter-spacing:-.02em;margin:0}
.console-load p{margin:10px 0 0;color:var(--ink-soft)}
.console-load p:empty{display:none}
.console-load.failed h2{color:var(--warn)}
.console-load button{margin-top:18px}
@media(max-width:700px){.console-load{margin:32px 16px;padding:24px 16px}}
.routes-panel{position:sticky;top:92px;border:1px solid var(--shell-line);background:var(--midnight-2)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid var(--shell-line)}
.panel-head h1,.panel-head h2{font:600 18px/1.2 var(--display);letter-spacing:-.02em;margin:0}
.panel-head p{color:var(--shell-quiet);font-size:12px;margin:4px 0 0}
.route-count{color:var(--shell-quiet);font-size:12px}
.route-list{padding:8px;max-height:calc(100dvh - 440px);min-height:110px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.workspace-controls{display:grid;gap:8px;padding:16px 12px;border-bottom:1px solid var(--shell-line)}
.workspace-controls .field-label{margin:0}
.import-links-button{width:100%;margin-top:3px;text-align:center}
.workspace-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
.workspace-select-row .quiet-button{padding-inline:8px;font-size:12px}
.routes-panel .quiet-button:hover{border-color:#53676f;background:var(--midnight-3);color:var(--shell-ink)}
.workspace-catalog-warning{margin:2px 0;padding:9px 10px;border:1px solid #c68e4248;border-radius:8px;background:#c68e4210;color:#e4bf88;font-size:12px;line-height:1.45}
.compact-button{min-width:40px;padding:7px 11px;font-size:18px}
.route-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid transparent;border-radius:11px;transition:background .14s ease,border-color .14s ease}
.route-item+.route-item{margin-top:3px}
.route-item:hover,.route-item:focus-within{background:var(--midnight-3)}
.route-item.active{background:#69d2b00c;border-color:#69d2b050;box-shadow:inset 2px 0 var(--mint)}
.route-select{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"slug clicks" "meta edit";gap:9px 5px;min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:14px 5px 14px 10px}
.route-slug{grid-area:slug;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--shell-ink);font:600 13px/1.3 var(--mono)}
.route-clicks{grid-area:clicks;color:var(--shell-muted);font:500 12px/1 var(--mono);align-self:center;white-space:nowrap}
.route-meta{grid-area:meta;display:flex;gap:6px;align-items:center;color:var(--shell-quiet);font-size:12px;min-width:0}
.state-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);flex:0 0 auto}
.state-dot.paused{background:var(--amber)}
.route-edit-hint{grid-area:edit;color:var(--mint);font-size:12px;font-weight:600;align-self:center;text-align:right}
.route-actions{display:grid;align-content:center;gap:2px;padding:5px 6px 5px 0}
.route-action{display:grid;place-items:center;min-height:32px;padding:6px;border:0;background:transparent;color:var(--shell-quiet);font-size:12px;text-decoration:none}
.route-action:hover{background:#ffffff0b;color:var(--mint)}

.editor-panel{min-width:0;overflow:clip;color-scheme:dark;color:var(--ink);background:var(--paper);border:1px solid var(--line)}
.reports-panel[hidden]{display:none}
.reports-body{padding-bottom:32px}
#reports-title:focus{outline:none}
.report-kind-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.report-kind-nav button[aria-pressed="true"]{border-color:var(--mint-dark);background:var(--mint-soft);color:var(--mint-ink)}
.report-note{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--mint-dark);border-radius:0 8px 8px 0;background:var(--cloud);color:var(--ink-soft);font-size:12px;line-height:1.55}
.report-status{min-height:18px;margin:0 0 10px}.report-status:empty{display:none}
.reports-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:10px}.reports-heading h1{margin:0}
.reports-updated{flex:1 1 220px;margin:0;color:var(--ink-quiet);font-size:12px;line-height:1.45}.reports-refresh{min-height:34px;padding:6px 14px;font-size:13px}.reports-updated.error{color:var(--danger)}
.report-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.report-group>span{margin-right:4px;color:var(--ink-quiet);font-size:12px;font-weight:600}
.report-group button{min-height:34px;padding:6px 12px;font-size:13px}.report-group button[aria-pressed="true"]{border-color:var(--mint-dark);background:var(--mint-soft);color:var(--mint-ink)}.report-group button:disabled{opacity:.45;cursor:not-allowed}
.report-popup-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px}.report-popup-filter[hidden]{display:none}.report-popup-filter .field-label{margin:0;color:var(--ink-quiet)}.report-popup-filter select{width:auto;min-width:220px;max-width:100%;min-height:36px;padding-block:6px}
.popup-ab{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:0 0 14px;padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--cloud)}.popup-ab[hidden]{display:none}.popup-ab>*{min-width:0}
.popup-ab h2{margin:0;color:var(--ink);font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.popup-ab-verdict{margin:0;padding:10px 12px;border-left:3px solid var(--mint-dark);border-radius:0 8px 8px 0;background:var(--raised);color:var(--ink);font-size:14px;font-weight:600;line-height:1.5}
.popup-ab-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.popup-ab-variant{display:grid;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.popup-ab-variant.removed{border-style:dashed;opacity:.8}.popup-ab-variant.leader{border-color:var(--mint-dark);box-shadow:inset 0 0 0 1px var(--mint-dark)}
.popup-ab-variant-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.popup-ab-variant h3{margin:0;font-size:14px}.popup-ab-badge{padding:2px 9px;border-radius:999px;background:var(--mint-soft);color:var(--mint-ink);font-size:12px;font-weight:600}
.popup-ab-headline{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.popup-ab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.popup-ab-stats dt{color:var(--ink-quiet);font-size:11px;font-weight:600}.popup-ab-stats dd{margin:3px 0 0;color:var(--ink);font:600 20px/1.1 var(--sans);font-variant-numeric:tabular-nums}.popup-ab-stats small{margin-left:5px;color:var(--mint-ink);font-size:12px}
.popup-ab-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.popup-ab-bar span{display:block;height:100%;border-radius:inherit;background:var(--mint-dark)}
.popup-ab-note{margin:0;color:var(--ink-quiet);font-size:12px;line-height:1.5}
.popup-ab-countries summary{cursor:pointer;color:var(--mint-ink);font-size:13px;font-weight:600}.popup-ab-countries .report-groups-scroll{margin-top:10px}
.popup-ab-countries table{width:100%;border-collapse:collapse;font-size:13px}.popup-ab-countries th,.popup-ab-countries td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.popup-ab-countries thead th{color:var(--ink-quiet);font-size:12px;font-weight:600}.popup-ab-countries th:first-child,.popup-ab-countries .popup-ab-result{text-align:left}.popup-ab-countries tbody tr:last-child>*{border-bottom:0}
.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 12px}.report-summary[hidden]{display:none}
.report-summary-item{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}.report-summary-item span{display:block;color:var(--ink-quiet);font-size:12px;font-weight:600}
.report-summary-item strong{display:block;margin-top:5px;color:var(--ink);font:600 22px/1.1 var(--sans);font-variant-numeric:tabular-nums}.report-summary-item small,.report-groups td small{margin-left:6px;color:var(--mint-ink);font-size:12px;font-weight:600}
.report-delivery-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.report-delivery-tools[hidden],.report-delivery-tools label[hidden]{display:none}.report-delivery-tools label{display:grid;gap:4px;min-width:0}.report-delivery-tools input,.report-delivery-tools select{width:100%;min-width:0}.report-delivery-count{margin:0 0 10px;color:var(--ink-quiet);font-size:13px;white-space:nowrap}
@media(max-width:700px){.report-delivery-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.report-delivery-search{grid-column:1/-1}.report-delivery-count{grid-column:1/-1;margin:0}}
.report-rows{display:grid;gap:8px}.report-rows[hidden],.report-groups[hidden]{display:none}
.report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:var(--cloud)}
.report-row-main{display:grid;gap:5px;min-width:0}
.report-row-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;font-weight:600;overflow-wrap:anywhere}.report-row-link{color:var(--mint-ink)}.report-row-arrow{color:var(--ink-quiet);font-weight:400}
.report-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;color:var(--ink-quiet);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.report-tag{padding:1px 8px;border:1px solid var(--line-strong);border-radius:999px;background:var(--raised);color:var(--ink-soft)}
.report-row-metrics{display:flex;gap:18px}.report-metric{display:grid;justify-items:end;gap:2px;text-align:right}.report-metric span{color:var(--ink-quiet);font-size:11px;font-weight:600;white-space:nowrap}
.report-metric strong{color:var(--ink);font:600 20px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.report-groups-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:var(--cloud)}
.report-groups table{width:100%;border-collapse:collapse;font-size:13px}.report-groups th,.report-groups td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.report-groups thead th{color:var(--ink-quiet);font-size:12px;font-weight:600}.report-groups th:first-child{min-width:8em;text-align:left;white-space:normal;overflow-wrap:break-word}.report-groups tbody th{font-weight:600}.report-groups tbody tr:last-child>*{border-bottom:0}
.report-groups td{font-size:15px;font-weight:600}.report-groups-more{margin:8px 0 0;color:var(--ink-quiet);font-size:12px}
.reports-danger{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}.reports-danger:has(#reports-purge[hidden]){display:none}
.popup-report-row{display:grid;gap:14px;padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--cloud)}
.popup-report-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.popup-report-heading h3{margin:0;font:600 17px/1.2 var(--display);letter-spacing:-.015em}.popup-report-heading p{margin:0;color:var(--mint-ink);font:600 12px/1.4 var(--mono);overflow-wrap:anywhere}
.popup-report-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.popup-report-context-item,.popup-report-metric{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:10px 11px}.popup-report-context-item span,.popup-report-metric span{display:block;color:var(--ink-quiet);font-size:12px;font-weight:600}.popup-report-context-item strong{display:block;margin-top:5px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.popup-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.popup-report-metric strong{display:block;margin-top:7px;color:var(--ink);font:600 21px/1 var(--mono)}.popup-report-metric small{display:block;margin-top:5px;color:var(--mint-ink);font:600 12px/1 var(--mono)}
.popup-report-updated{margin:0;color:var(--ink-quiet);font:12px/1.4 var(--mono);text-align:right}
.report-daily{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px}.report-daily[hidden]{display:none}.report-daily h3{margin:0;font:600 17px/1.2 var(--display);letter-spacing:-.015em}.report-daily-note{margin:0;color:var(--ink-quiet);font-size:13px}
.report-daily-link{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.report-daily-link h4{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.report-daily-link p{margin:0;font-size:14px}
.report-daily td:last-child,.report-daily thead th:last-child{text-align:left;white-space:normal;min-width:12em}.report-daily td{font-size:14px}.report-technical-nav{margin-top:-4px}.report-technical-nav[hidden],.report-group[hidden]{display:none}.report-overview-period{justify-self:start}.report-overview .report-summary{margin:0}.report-overview-popups{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:14px}.report-daily td.report-daily-unrecorded{color:var(--ink-quiet)}
@media(max-width:600px){.report-daily table,.report-daily tbody,.report-daily tr,.report-daily tbody th,.report-daily td{display:block}.report-daily thead{display:none}.report-daily tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}.report-daily tbody tr:last-child{border-bottom:0}.report-daily tbody th,.report-daily.report-groups td,.report-daily td:last-child{grid-column:auto;min-width:0;padding:0;border:0;text-align:left;white-space:normal}.report-daily tbody th,.report-daily td:last-child{grid-column:1/-1}.report-daily td::before{content:attr(data-label);display:block;color:var(--ink-quiet);font-size:11px;font-weight:600}.report-daily td:empty{display:none}}
.report-empty{margin:0;padding:34px 18px;border:1px dashed var(--line-strong);border-radius:11px;color:var(--ink-quiet);text-align:center}
.reports-more{margin-top:14px}
.editor-intro{padding:16px 24px;border-bottom:1px solid var(--line)}
#editor .editor-intro .eyebrow{display:none}
.editor-intro-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.editor-intro h1{font:600 28px/1.15 var(--display);letter-spacing:-.025em;margin:0}
.editor-intro p{color:var(--ink-quiet);margin:6px 0 0;font-size:13px;max-width:720px}
.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #5dbb9f55;border-radius:999px;background:var(--mint-soft);color:var(--mint-ink);padding:7px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.status-badge.draft{color:var(--ink-quiet);background:var(--paper);border-color:var(--line)}
.status-badge.draft::before{background:var(--ink-quiet)}
.status-badge.paused{color:var(--amber);background:#382b1b;border-color:#c68e4252}
.status-badge.paused::before{background:var(--amber)}
.editor-body{padding:18px 24px 100px}
.editor-panel input,.editor-panel select,.editor-panel textarea{border-color:var(--line-strong);background:var(--input);color:var(--ink)}
.editor-panel input::placeholder,.editor-panel textarea::placeholder{color:var(--ink-quiet)}
.editor-panel input:focus,.editor-panel select:focus,.editor-panel textarea:focus{border-color:var(--mint-dark);box-shadow:0 0 0 3px #5dbb9f24}
.section-label{display:block;margin:0 0 7px;color:var(--ink-soft);font-size:12px;font-weight:600}
.public-link-field{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:stretch;margin-bottom:7px}
.link-prefix{display:flex;align-items:center;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line-strong);border-right:0;border-radius:9px 0 0 9px;background:var(--input);color:var(--ink-soft);padding:0 12px;font:12px/1 var(--mono)}
.public-link-field input{border-radius:0 9px 9px 0;font-family:var(--mono)}
.field-help{color:var(--ink-quiet);font-size:12px;margin:0}
.editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 16px}
.editor-workspace{display:flex;align-items:center;gap:9px;margin-left:auto;color:var(--ink-soft);font-size:12px}
.editor-workspace select{width:auto;min-width:160px;min-height:38px;padding-block:7px}
.editor-workspace select:disabled{cursor:not-allowed;opacity:.6}
.editor-workspace-warning{flex-basis:100%;color:var(--amber);font-size:12px;line-height:1.45}
.editor-workspace-move-status{flex-basis:100%;color:var(--amber);font-size:12px;line-height:1.45}
.editor-workspace-move-status:empty{display:none}
.editor-workspace-retry{justify-self:start;min-height:36px;border-color:var(--line);color:var(--ink-soft);font-size:12px}
.switch{display:inline-flex;align-items:center;gap:9px;min-height:40px;border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);padding:8px 10px;font-size:13px;cursor:pointer;user-select:none}
.quick-actions{display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:end;gap:10px;margin:0;min-width:0}
.link-domain-field,.full-link-field{display:grid;gap:6px;min-width:0}
.full-link-field{grid-column:1/-1;grid-row:2}
.link-domain-field>span,.full-link-field>span{color:var(--ink-soft);font-size:12px;font-weight:600}
.link-domain-field select{width:100%;min-width:0}
.full-link-artifact{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0}
#full-link-url{display:flex;align-items:center;min-width:0;min-height:40px;padding:9px 12px;border:1px solid var(--line-strong);border-right:0;border-radius:9px 0 0 9px;background:var(--input);color:var(--ink-soft);font:12px/1.45 var(--mono);overflow-wrap:anywhere}
.full-link-artifact .secondary{border-radius:0 9px 9px 0;white-space:nowrap}
.quick-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;white-space:nowrap}

.traffic-mix{margin:3px 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--shell-ink)}
.traffic-mix-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.traffic-mix-head .mix-kicker{display:none}
.traffic-mix-head h2{font:600 17px/1.2 var(--display);margin:0}
.traffic-mix-head>b{color:var(--mint);font:600 12px/1 var(--mono);white-space:nowrap}
.traffic-mix-rail{display:flex;width:100%;height:32px;border:0;border-radius:6px;background:var(--raised);gap:3px;overflow:hidden}
.traffic-segment{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:0 9px;color:#10201b;overflow:hidden}
.traffic-segment span{font-weight:600}
.traffic-segment b{font:600 12px/1 var(--mono);white-space:nowrap}
.traffic-segment.parked{padding:0;border:0}
.mix-1{background:var(--dest-1)}.mix-2{background:var(--dest-2)}.mix-3{background:var(--dest-3)}.mix-4{background:var(--dest-4)}.mix-5{background:var(--dest-5)}
.traffic-mix-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-top:10px}
.traffic-key{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;color:var(--shell-muted);font-size:12px}
.traffic-key i{width:9px;height:9px;border-radius:2px}
.traffic-key span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.traffic-key b{color:var(--shell-ink);font:600 12px/1 var(--mono);white-space:nowrap}

.destinations-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.destinations-heading h2{font:600 19px/1.2 var(--display);margin:0}
.destinations-heading p{color:var(--ink-quiet);font-size:12px;margin:4px 0 0}
.destination-list{display:grid;gap:8px}
.tracking-controls,.provider-settings{display:grid;gap:14px}.tracking-controls fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px}.tracking-controls legend{color:var(--ink-quiet);font-size:12px;padding:0 5px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider-id-group{display:grid;align-content:start;gap:9px;min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}.provider-id-group>legend{padding:0 5px;color:var(--ink);font-size:12px;font-weight:600}.provider-id-group>p{margin:0;color:var(--ink-quiet);font-size:12px;line-height:1.45}.provider-id-list{display:grid;gap:8px}.provider-id-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.provider-id-row .dest-field{display:grid;gap:6px}.provider-id-row .secondary{min-height:42px;padding:8px 10px}.provider-id-add{justify-self:start;min-height:40px;padding:8px 10px}.provider-grid .switch{margin-top:2px}.provider-settings .inline-save{flex-wrap:wrap}.provider-settings .save-message{flex:1 1 220px}
.member-readonly-status{color:var(--ink-soft);font-size:13px;line-height:1.6}
.consent-settings{display:grid;gap:16px}.consent-link-activation{display:grid;gap:8px;min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}.consent-link-activation>legend{padding:0 5px;color:var(--ink);font-size:12px;font-weight:600}.consent-link-activation .switch{width:100%;min-width:0;margin:0;background:var(--paper);color:var(--ink);font-weight:600;white-space:normal}.consent-link-activation .simnote{color:var(--ink-quiet);font-size:12px;line-height:1.6;margin:10px 0 0}.consent-version-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(12rem,auto);gap:12px;align-items:end}.consent-workflow-toolbar{grid-template-columns:minmax(0,1fr) minmax(18rem,auto)}.consent-version-actions{display:flex;flex-wrap:wrap;gap:8px}.consent-workflow-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.consent-workflow-nav a{display:flex;align-items:center;gap:7px;min-width:0;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--cloud);color:var(--ink-soft);font-size:12px;font-weight:600;text-decoration:none}.consent-workflow-nav a:hover{border-color:var(--line-strong);background:var(--paper);color:var(--ink)}.consent-workflow-nav b,.consent-workflow-step>header>b{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--mint-soft);color:var(--mint-ink);font:600 12px/1 var(--mono)}.consent-workflow-nav span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consent-workflow-step{scroll-margin-top:84px;border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}.consent-workflow-step>header{display:flex;gap:11px;align-items:flex-start;padding:14px 15px;background:var(--cloud)}.consent-workflow-step>header>b{width:26px;height:26px;margin-top:1px}.consent-workflow-step>header h3{margin:0;color:var(--ink);font:600 14px/1.35 var(--display)}.consent-workflow-step>header p{margin:3px 0 0;color:var(--ink-quiet);font-size:12px;line-height:1.45}.consent-step-body{padding:15px}.consent-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.consent-copy-grid .consent-wide{grid-column:1/-1}.consent-copy-grid textarea{resize:vertical}.disclosure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.structured-choice-group{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px}.structured-choice-group>legend{padding:0 5px;color:var(--ink);font-size:12px;font-weight:600}.structured-choice-group>p{margin:0 0 9px;color:var(--ink-quiet);font-size:12px}.structured-options{display:grid;gap:6px}.structured-option{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer}.structured-option:has(input:checked){border-color:#5dbb9f77;background:var(--mint-soft);color:var(--mint-ink)}.structured-option:has(input:focus-visible){outline:3px solid var(--mint-dark);outline-offset:1px}.structured-option:has(input:disabled){cursor:default}.structured-add{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.structured-add>label{color:var(--ink-soft);font-size:12px;font-weight:600}.structured-add>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.structured-add button{min-height:44px}.consent-weight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:10px}.color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-quiet);font-size:12px}.color-field input{width:54px;min-height:38px;padding:3px}.consent-review-actions{margin-top:0}.consent-preview{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center}.consent-preview h3{margin:0 0 8px}.consent-preview p{margin:0 0 14px}.consent-preview div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.consent-preview button{border:2px solid currentColor;border-radius:8px;padding:9px 12px;font:inherit;font-weight:700}.consent-preview a{display:block;color:inherit;margin-top:12px}.consent-preview small{display:block;margin-top:12px;opacity:.75}
.consent-workflow{display:grid;gap:16px}.consent-workflow-status{margin:0}
.consent-subdetails{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--cloud)}
.consent-subdetails>summary{min-height:44px;padding:12px 38px 12px 13px;color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer}
.consent-subdetails>summary:focus-visible{outline:3px solid var(--mint-dark);outline-offset:2px}
.consent-subdetails-body{padding:12px;border-top:1px solid var(--line);background:var(--paper)}
#consent-policy-details>.simnote{margin:0;padding:0 12px 12px;background:var(--paper)}
.consent-link-outdated,.consent-publish-followup{display:grid;gap:8px;justify-items:start;padding:10px 12px;border:1px solid #c68e4248;border-radius:8px;background:#c68e4210;color:var(--ink);font-size:12px;line-height:1.5}.consent-link-outdated p,.consent-publish-followup p{margin:0}.consent-link-outdated button,.consent-publish-followup button{min-height:44px}.simnote.consent-edit-version-note{margin:-8px 0 0;color:var(--ink-quiet);font-size:12px}.consent-popup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--ink-quiet);font-size:12px;line-height:1.5}.consent-popup-actions button{min-height:44px}
.simnote.consent-deployment-note{margin:0;padding:8px 10px;border:1px solid #c68e4248;border-radius:8px;background:#c68e4210;color:var(--amber);font-size:12px;line-height:1.45}
.consent-copy-grid>.consent-preview{margin-top:2px}
.consent-background-field{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}.consent-background-field .simnote{margin:0}.consent-background-field input[type=file]{min-width:0;max-width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px}.consent-background-field input[type=file]:disabled{opacity:.55;cursor:not-allowed}.consent-background-field input[type=file].has-image{color:transparent}.consent-background-field input[type=file].has-image::file-selector-button{color:var(--ink)}.consent-background-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.consent-background-controls .secondary{min-height:38px}.consent-background-field .save-message:empty{display:none}
.consent-phone-background-controls{display:flex;justify-content:flex-end}.consent-phone-background-controls .secondary{min-height:38px}.consent-phone-background-controls:not(:has(button:not([hidden]))){display:none}.consent-design-all{display:flex;align-items:flex-start;gap:9px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:600;line-height:1.45;cursor:pointer}.consent-design-all input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0}.consent-preview-backdrop::after,.consent-device-preview-backdrop::after{content:"";position:absolute;inset:0;background:var(--consent-scrim,none)}.simnote.consent-no-box-note{color:var(--ink)}.simnote.consent-design-all-help{margin:-4px 0 0 27px;color:var(--ink-quiet);font-size:12px}
.consent-preview{position:relative;overflow:hidden}.consent-preview .consent-preview-backdrop{display:block;position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.consent-preview .consent-preview-panel{display:block;position:relative;z-index:1}.consent-preview.has-background{padding:28px 22px}.consent-preview.has-background .consent-preview-panel{margin:0 auto;max-width:38rem;border-radius:12px;padding:18px 16px;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.consent-preview.is-no-box,.consent-preview[data-position]{display:flex;flex-direction:column;justify-content:center;min-height:40rem;container-type:inline-size}.consent-preview[data-position="top"]{justify-content:flex-start}.consent-preview[data-position="bottom"]{justify-content:flex-end}.consent-preview.has-background.is-no-box .consent-preview-panel{background:transparent;border-radius:0;box-shadow:none}.consent-preview.is-no-box h3{font-size:clamp(1.25rem,8cqw,1.75rem);line-height:1.15}.consent-preview.is-no-box p{font-size:.875rem}.consent-preview.is-no-box [data-mobile-layout]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:min(100%,26rem);margin:0 auto}.consent-preview.is-no-box [data-mobile-layout]>button{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border-width:1px;border-radius:999px 0 0 999px}.consent-preview.is-no-box [data-mobile-layout]>button:last-child{border-left-width:0;border-radius:0 999px 999px 0}
.consent-preview[data-offset]{display:grid;grid-template-columns:minmax(0,1fr);min-height:40rem;container-type:inline-size}.consent-preview[data-offset]>.consent-preview-panel{grid-row:2}.consent-offset-field>span{display:flex;justify-content:space-between;gap:8px}.consent-offset-field output{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.consent-offset-field input[type=range]{min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--mint);cursor:pointer}.consent-offset-field input[type=range]:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:480px){.consent-preview.is-no-box [data-mobile-layout="stacked"]{grid-template-columns:minmax(0,1fr);gap:8px}.consent-preview.is-no-box [data-mobile-layout="stacked"]>button{border-left-width:1px;border-radius:999px}}
.consent-preview-tools{display:grid;gap:8px;margin-top:16px}.consent-preview-tools span{color:var(--ink-quiet);font-size:12px;text-align:center}
.consent-device-preview-dialog{width:min(1100px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto}.consent-device-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 12px}.consent-device-preview-header .eyebrow{color:var(--mint)}.consent-device-preview-header h2{margin:3px 0 5px;font:650 23px/1.2 var(--display)}.consent-device-preview-header p{margin:0;color:var(--shell-muted);font-size:12px}.consent-device-preview-toolbar{display:flex;gap:7px;padding:0 22px 14px}.consent-device-preview-toolbar button[aria-pressed="true"]{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-ink)}.consent-device-preview-stage{display:grid;place-items:center;min-height:0;padding:17px;border-top:1px solid var(--shell-line);background:var(--input);overflow:auto}.consent-device-preview-screen{position:relative;display:grid;place-items:center;box-sizing:border-box;width:100%;height:min(620px,calc(100vh - 220px));min-height:360px;overflow:auto;background:#0b0e14;color:#fff;font:500 16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere;box-shadow:0 16px 48px #0008}.consent-device-preview-screen.is-mobile{width:min(390px,100%);height:min(720px,calc(100vh - 220px));border-radius:18px}.consent-device-preview-backdrop{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.consent-device-preview-card{position:relative;z-index:1;box-sizing:border-box;width:min(100%,38rem);padding:clamp(1.25rem,5vw,2.5rem);text-align:center}.consent-device-preview-screen.is-mobile .consent-device-preview-card{padding:1.25rem}.consent-device-preview-screen.has-background .consent-device-preview-card{border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.35)}.consent-device-preview-card h3{font:700 clamp(1.45rem,5vw,2rem)/1.2 system-ui,sans-serif;margin:0 0 .75rem}.consent-device-preview-screen.is-mobile h3{font-size:1.45rem}.consent-device-preview-card p{margin:.5rem 0 1.25rem}.consent-device-preview-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.consent-device-preview-actions span{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:.6rem;padding:.7rem 1rem;font:700 16px/1.5 system-ui,sans-serif}.consent-device-preview-screen.is-mobile .consent-device-preview-actions{display:grid;grid-template-columns:minmax(0,1fr)}.consent-device-preview-screen.is-mobile .consent-device-preview-actions[data-mobile-layout="side-by-side"]{grid-template-columns:repeat(2,minmax(0,1fr))}.consent-device-preview-screen.is-mobile .consent-device-preview-actions span{min-width:0;width:100%;overflow-wrap:anywhere}.consent-device-preview-privacy{display:inline-block;margin-top:1rem;text-decoration:underline}
.consent-device-preview-screen[data-position="top"]{place-items:start center}.consent-device-preview-screen[data-position="bottom"]{place-items:end center}.consent-device-preview-screen[data-position="top"] .consent-device-preview-card{margin-top:1.25rem}.consent-device-preview-screen[data-position="bottom"] .consent-device-preview-card{margin-bottom:1.25rem}.consent-device-preview-screen.is-no-box .consent-device-preview-card{border-radius:0;box-shadow:none}.consent-device-preview-screen.is-no-box h3{font-size:clamp(1.9rem,5vw,2.75rem);line-height:1.15}.consent-device-preview-screen.is-mobile.is-no-box h3{font-size:1.9rem}.consent-device-preview-screen.is-no-box .consent-device-preview-card p{font-size:.875rem}.consent-device-preview-screen.is-no-box .consent-device-preview-privacy{font-size:.8125rem}.consent-device-preview-screen.is-no-box .consent-device-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:min(100%,26rem);margin:0 auto}.consent-device-preview-screen.is-no-box .consent-device-preview-actions span{width:100%;min-width:0;min-height:48px;border-width:1px;border-radius:999px 0 0 999px}.consent-device-preview-screen.is-no-box .consent-device-preview-actions span:last-child{border-left-width:0;border-radius:0 999px 999px 0}.consent-device-preview-screen.is-mobile.is-no-box .consent-device-preview-actions[data-mobile-layout="stacked"]{grid-template-columns:minmax(0,1fr);gap:.75rem}.consent-device-preview-screen.is-mobile.is-no-box .consent-device-preview-actions[data-mobile-layout="stacked"] span{border-left-width:1px;border-radius:999px}
.consent-device-preview-screen[data-offset]{padding:1.25rem 0}.consent-device-preview-screen[data-offset]>.consent-device-preview-card{grid-row:2}
@media(max-width:600px){.consent-device-preview-header{padding:16px 15px 10px}.consent-device-preview-header h2{font-size:19px}.consent-device-preview-header p{font-size:12px}.consent-device-preview-toolbar{padding:0 15px 12px}.consent-device-preview-stage{padding:10px}.consent-device-preview-screen{min-height:320px;height:min(640px,calc(100vh - 210px))}}
.consent-image-status.error{padding:9px 11px;border:1px solid var(--danger-line);border-radius:8px;background:var(--danger-bg);color:var(--danger);font-weight:600}.consent-device-preview-note{margin:0 22px 12px;padding:9px 11px;border:1px solid var(--danger-line);border-radius:8px;background:var(--danger-bg);color:var(--danger);font-size:13px;font-weight:600}
.custom-domain-settings{display:grid;gap:12px}.custom-domain-create{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(230px,1.25fr) auto;gap:9px;align-items:end}.custom-domain-create button{min-height:44px}.custom-domain-list{display:grid;gap:10px}.custom-domain-row{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}.custom-domain-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.custom-domain-head strong,.custom-domain-head span{display:block;overflow-wrap:anywhere}.custom-domain-head strong{font:600 13px/1.3 var(--mono)}.custom-domain-head span{margin-top:3px;color:var(--ink-quiet);font-size:12px}.custom-domain-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.custom-domain-actions button{min-height:32px;padding:6px 9px}.danger-text{color:var(--danger)}.custom-domain-lifecycle,.custom-domain-checks,.custom-domain-error{margin:0;font-size:12px;line-height:1.45}.custom-domain-lifecycle{color:var(--ink-soft)}.custom-domain-checks{color:var(--ink-quiet)}.custom-domain-error{color:var(--danger)}.custom-domain-records{display:grid;gap:5px;padding-top:7px;border-top:1px solid var(--line)}.custom-domain-records strong{color:var(--ink-soft);font-size:12px}.custom-domain-records code{display:block;overflow-wrap:anywhere;border-radius:6px;background:var(--paper);padding:7px;color:var(--ink);font:12px/1.4 var(--mono)}
.destrow{display:grid;grid-template-columns:minmax(200px,1fr) 92px 145px 68px 32px;grid-template-areas:"url weight auto clicks del" "help help help help help";gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.dest-field{display:grid;gap:6px;min-width:0}
.dest-field>span,.auto-field>span{text-align:left;line-height:1.3;font-size:12px}
.dest-url{grid-area:url;min-width:0}.dest-weight{grid-area:weight}
.dest-url input{font-family:var(--mono)}
.playlist-preview{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:4px 0;border:0;border-radius:0;background:transparent}
.playlist-artwork-link{display:block;width:48px;height:48px;border-radius:7px;overflow:hidden;background:var(--line);line-height:0}
.playlist-artwork{display:block;width:48px;height:48px;object-fit:contain}
.playlist-copy{min-width:0;display:grid;gap:4px;align-content:center}
.playlist-title{overflow:hidden;color:var(--ink);font:600 14px/1.4 var(--sans);text-overflow:ellipsis;white-space:nowrap}
.playlist-source{width:max-content;color:var(--ink-quiet);font:500 12px/1.2 var(--sans);text-decoration:none}
.playlist-source:hover{text-decoration:underline}
.playlist-edit{min-height:32px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--cloud);color:var(--ink-soft);font-size:12px;font-weight:600;white-space:nowrap}
.playlist-edit:hover{border-color:var(--line-strong);background:#203041;color:var(--ink)}
.playlist-status{display:block;margin-top:6px;color:var(--ink-quiet);font-size:12px;line-height:1.35}
.pct{position:relative;display:block}
.pct-symbol{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--ink-quiet);font:12px/1 var(--mono);pointer-events:none}
.pct input{padding-right:28px;font-family:var(--mono)}
.destrow.auto-allocation .pct input{border-color:#5dbb9f77;background:var(--mint-soft);color:var(--mint-ink);-webkit-text-fill-color:var(--mint-ink);opacity:1;font-weight:600}
.destrow.auto-allocation .pct-symbol{color:var(--mint-ink)}
.auto-field{grid-area:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--ink-soft);cursor:pointer}
.auto-field>span{text-align:left;line-height:1.25;text-transform:none;letter-spacing:0;font-size:12px}
.auto-field input{order:-1;flex:0 0 auto}
.auto-explanation{grid-area:help;color:var(--mint-ink);font-size:12px;font-weight:600}
.destclicks{grid-area:clicks;color:var(--ink-soft);font:500 12px/1.3 var(--mono);white-space:nowrap;padding-bottom:15px;text-align:center}
.del{grid-area:del;width:36px;height:44px;border:0;background:transparent;color:var(--ink-quiet);font-size:19px;border-radius:8px}
.del:hover{background:#b44f5810;color:var(--danger)}
.allocation{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:10px;padding:12px 0;border-top:1px solid var(--line)}
.allocation-label{font-weight:600;font-size:13px;margin-right:auto}
.allocation span{color:var(--ink-soft);font-size:12px}
.allocation b{color:var(--mint-ink);font:600 12px/1 var(--mono)}
.allocation b.bad{color:var(--danger)}

.advanced-stack{display:grid;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.advanced-card{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.advanced-card>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:17px 16px;font-size:14px;font-weight:600}
.advanced-card>summary::-webkit-details-marker{display:none}
.advanced-card>summary span{color:var(--ink-quiet);font-size:12px;font-weight:400;margin-left:auto}
.advanced-card>summary::after{content:"";width:14px;height:14px;flex:0 0 14px;background:linear-gradient(var(--ink-quiet),var(--ink-quiet)) center/10px 1px no-repeat,linear-gradient(var(--ink-quiet),var(--ink-quiet)) center/1px 10px no-repeat}
.advanced-card[open]>summary::after{background:linear-gradient(var(--ink-quiet),var(--ink-quiet)) center/10px 1px no-repeat}
.advanced-content{padding:18px;border-top:1px solid var(--line)}
.advanced-content .section-label{margin-top:0}
.consent-country-field,.country-picker{min-width:0}
.country-picker{width:100%;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper)}
.country-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;color:var(--ink);font-weight:600;list-style:none}
.country-picker>summary::-webkit-details-marker{display:none}
.country-picker>summary span{color:var(--ink-soft);font-size:13px;font-weight:600}
.country-picker>summary::after{content:"";width:8px;height:8px;flex:0 0 8px;border-right:2px solid var(--ink-quiet);border-bottom:2px solid var(--ink-quiet);background:none;transform:rotate(45deg) translate(-2px,2px)}
.country-picker[open]>summary::after{background:none;transform:rotate(225deg) translate(-2px,2px)}
.country-picker[open]>summary{border-bottom:1px solid var(--line)}
.country-picker-panel{display:grid;gap:10px;padding:12px;background:var(--cloud)}
.country-search{display:grid;gap:6px;color:var(--ink-soft);font-size:12px;font-weight:600}
.country-picker-actions{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px}
.country-picker-actions button{min-height:40px}
.country-picker-actions button[aria-pressed="true"]{border-color:var(--mint-dark);background:var(--mint-soft);color:var(--mint-ink)}
.country-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:300px;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.country-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-soft);cursor:pointer}
.country-option span{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:600}
.country-option small{color:var(--ink-quiet);font:600 12px/1 var(--mono)}
.country-option:has(input:checked){border-color:#5dbb9f77;background:var(--mint-soft);color:var(--mint-ink)}
.country-option:has(input:focus-visible){outline:3px solid var(--mint-dark);outline-offset:1px}
.country-option:has(input:disabled){cursor:default}
.country-empty{margin:0;padding:16px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-quiet);font-size:12px;text-align:center}
.inline-save{display:flex;gap:10px;align-items:center;margin-top:10px}
.simnote{color:var(--ink-quiet);font-size:12px;line-height:1.55;margin:10px 0 0}

.action-bar{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;gap:24px;margin:0;padding:16px max(24px,calc((100vw - var(--layout-width))/2 + 24px));border-top:1px solid var(--line);background:#080e17f5;backdrop-filter:blur(12px);box-shadow:0 -8px 28px #00000018}
.save-state{flex:1;min-width:0;margin-right:auto}
.save-status{position:relative;padding-left:19px;color:var(--ink-quiet);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.save-status::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--ink-quiet)}
.save-status:has(#save-msg:not(:empty))::before{background:var(--amber)}
.save-status:has(#save-msg.ok)::before{background:var(--mint)}
.save-status:has(#save-msg.error)::before{background:var(--danger)}
.save-status:has(#save-msg:not(:empty)) .save-placeholder{display:none}
.save-link-context{display:inline-block;max-width:100%;margin-left:8px;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font:600 12px/1.75 var(--mono)}
.save-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.action-bar .save-message{font-size:13px;color:var(--ink-soft)}
.action-bar .save-message.ok{color:var(--mint-ink)}
.action-bar .save-message.error{color:var(--danger)}
.action-bar #delete-link{border-color:transparent;background:transparent;padding-inline:10px;min-height:44px}
.action-bar #delete-link:hover{background:#b44f5814;border-color:#b44f582e}
.action-bar #save-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:168px;padding-inline:22px;box-shadow:0 3px 14px #34d3991a}
.action-bar #save-link::before{content:"";width:15px;height:15px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.action-bar #save-link:disabled::before{visibility:hidden}
.save-message{color:var(--amber);font-size:12px}
.save-message.ok{color:var(--mint-ink);font-weight:600}
.save-message.error{color:var(--danger)}
.conflict-reload{color:var(--ink-soft);border-color:var(--line)}
.back-to-routes{display:none;margin:0 0 14px;color:var(--ink-soft);border-color:var(--line)}
#reports-back{display:inline-flex}
.app-footer{display:flex;justify-content:space-between;gap:18px;max-width:var(--layout-width);margin:0 auto;padding:0 24px 96px;color:var(--shell-quiet);font-size:12px}

dialog{width:min(460px,calc(100% - 32px));padding:0;border:1px solid var(--shell-line);border-radius:15px;background:var(--midnight-2);color:var(--shell-ink);box-shadow:var(--shadow)}
dialog::backdrop{background:#05090bc7;backdrop-filter:blur(4px)}
.dialog-body{padding:26px}
.dialog-body .eyebrow{color:var(--mint)}
.dialog-body h2{font:600 24px/1.2 var(--display);margin:0 0 10px}
.dialog-body p{color:var(--shell-muted);margin:0}
.dialog-body p+.field-label{margin-top:16px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px;border-top:1px solid var(--shell-line);background:var(--midnight)}
.toast{position:fixed;right:22px;bottom:22px;z-index:40;max-width:390px;border:1px solid var(--shell-line);border-left:3px solid var(--mint);border-radius:9px;background:var(--midnight-2);box-shadow:var(--shadow);padding:12px 14px;color:var(--shell-ink);font-size:13px}
.wide-dialog{width:min(760px,calc(100% - 32px))}
.link-import-body{display:grid;gap:0;max-height:min(72vh,720px);overflow:auto}.link-import-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 12px;margin-top:22px}.link-import-controls .field-label{margin:0}.dialog-body .link-import-note{margin-top:10px;font-size:12px}.link-import-result{margin-top:18px;border:1px solid var(--shell-line);border-radius:10px;overflow:hidden;background:var(--midnight)}.link-import-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--shell-line)}.link-import-summary strong{font-size:13px}.link-import-summary span{color:var(--shell-quiet);font-size:12px}.link-import-review{display:grid;max-height:300px;overflow:auto}.link-import-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:11px 14px}.link-import-row+.link-import-row{border-top:1px solid var(--shell-line)}.link-import-row code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--shell-ink);font:12px/1.45 var(--mono)}.link-import-row code:last-child{color:var(--shell-muted)}
.inline-form{margin-top:22px;padding:16px;border:1px solid var(--shell-line);border-radius:10px;background:var(--midnight)}
.inline-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}
#team-message{white-space:pre-line;overflow-wrap:anywhere}
#team-status:not(:empty){margin-top:8px}
.team-list{display:grid;gap:9px;margin-top:18px}
.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--shell-line);border-radius:9px;background:var(--midnight)}
.team-row strong,.team-row span{display:block;overflow-wrap:anywhere}
.team-row span{color:var(--shell-quiet);font-size:12px}
.team-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.team-actions button{min-height:34px;padding:6px 10px}


/* Link identity and consent editing share space according to the available editor width. */
.link-configuration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.link-address{min-width:0}
.link-configuration:has(.quick-actions[hidden]){grid-template-columns:1fr}
.link-configuration .link-prefix{max-width:180px;font-size:12px}
.link-configuration .public-link-field input{font-size:14px}
.link-configuration .field-help{font-size:12px;margin-top:8px}
.link-configuration .full-link-field>span{display:none}
.quick-actions>a{grid-column:2;grid-row:1}
#full-link-url{font-size:12px}
.full-link-artifact .secondary{font-size:12px;padding-inline:10px}
.eyebrow{margin-bottom:7px;font-size:12px}
.pct input{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.destrow:focus-within{border-color:#69d2b070}
.advanced-card>summary:hover{background:var(--raised)}
.advanced-card[open]>summary{border-radius:10px 10px 0 0}
.advanced-card:not([open])>summary{border-radius:10px}
.consent-workflow-nav a{font-size:12px;min-height:44px;padding:10px}
.consent-workflow-step>header h3{font-size:15px}
.consent-workflow-step>header p{font-size:12px}
.consent-workflow-step{overflow:clip}
.consent-workflow-step>.simnote{padding-inline:15px;margin-bottom:12px}
.consent-presentation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:start}
.consent-preview-column{min-width:0;margin:15px 15px 15px 0;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--input);position:sticky;top:88px}
.consent-preview-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:18px;font-size:13px;font-weight:650}
.consent-preview-heading small{color:var(--ink-quiet);font-size:12px;font-weight:400}
.consent-preview-column .consent-preview{margin:0;border-color:var(--line-strong)}
.consent-preview-column .consent-preview small{font-size:12px}
.consent-preview-column .consent-preview.has-background{padding:24px 12px}
.consent-preview-column .consent-preview-tools .secondary{width:100%}
.save-message{line-height:1.5}
.provider-id-group>p,.structured-choice-group>p{font-size:12px}
.color-field{min-height:44px;padding:7px 9px;border:1px solid var(--line);border-radius:8px}
input[type=checkbox]{width:16px;height:16px;flex-shrink:0}
:where(button,a,summary){touch-action:manipulation}
@media(min-width:901px){.editor-panel{container-type:inline-size;container-name:editor}}
@container editor (max-width:850px){.consent-presentation-layout{grid-template-columns:1fr}.consent-preview-column{position:static;margin:0 15px 15px}.link-configuration{grid-template-columns:1fr;gap:14px}.quick-actions{grid-template-columns:minmax(130px,.5fr) minmax(200px,1fr) auto}.quick-actions .full-link-field{grid-column:2;grid-row:1}.quick-actions .full-link-field>span{display:block}.quick-actions>a{grid-column:3}.editor-workspace{margin-left:0}}

@media(max-width:1080px){
  .workspace{--sidebar-width:260px;--layout-gap:18px;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
  .destrow{grid-template-columns:100px 165px minmax(80px,1fr) 36px;grid-template-areas:"url url url del" "weight auto clicks clicks" "help help help help"}
}
@media(max-width:900px){
  .workspace{grid-template-columns:1fr}.route-list{max-height:none}.link-configuration{grid-template-columns:1fr;gap:14px}.consent-presentation-layout{grid-template-columns:1fr}.consent-preview-column{position:static;margin:0 15px 15px}.workspace.first-run{display:block}.routes-panel{position:static}.route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.route-list>.route-item:only-child{grid-column:1/-1}
  .unlock-screen{grid-template-columns:1fr}.unlock-visual{display:none}.unlock-side{min-height:100vh}
}
@media(max-width:700px){
  .app-header{padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.brand{margin-right:auto}.header-spacer{display:none}
  .click-total{border-right:0;padding-right:0}.click-total span,.header-new-label{display:none}.header-new-icon{margin-left:0}
  .workspace{padding:14px 12px 42px}.route-list{grid-template-columns:1fr}.editor-intro{padding:20px 18px}.editor-body{padding:20px 16px 176px}
  .workspace:not(.editor-active):not(.reports-active) .editor-panel{display:none}.workspace.editor-active .routes-panel,.workspace.reports-active .routes-panel{display:none}.workspace.editor-active .back-to-routes,.workspace.reports-active .back-to-routes{display:inline-flex}.workspace.reports-active #editor{display:none}.workspace.reports-active #reports-panel{display:block}
  .editor-intro-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.editor-intro-row>div{display:contents}.editor-intro-row .eyebrow,.editor-intro-row p{grid-column:1/-1;margin:0}.editor-intro-row h1{grid-row:2}.editor-intro-row .status-badge{grid-column:2;grid-row:2;margin:0}#editor .editor-intro-row h1,#editor .editor-intro-row .status-badge{grid-row:1}.traffic-mix{padding:14px}.traffic-mix-head{align-items:flex-start}.traffic-mix-legend{grid-template-columns:1fr}
  .destrow{grid-template-columns:minmax(70px,.65fr) minmax(0,1fr) 32px;grid-template-areas:"url url del" "weight auto auto" "help help help" "clicks clicks clicks";align-items:end;padding:12px}.destrow .auto-field{padding-inline:8px}.destrow .auto-field>span{font-size:12px}
  .auto-field{justify-content:flex-start}.destclicks{text-align:left;padding:2px 0 0}
  .allocation{display:grid;grid-template-columns:1fr}.allocation-label{margin-bottom:2px}
  .link-import-controls,.link-import-row{grid-template-columns:1fr}.link-import-controls .field-label:not(:first-child){margin-top:7px}.link-import-summary{display:grid}.link-import-row code{white-space:normal;overflow-wrap:anywhere}.link-import-body{max-height:70vh}
  .quick-actions{grid-template-columns:1fr auto;width:100%}.quick-actions>a{grid-column:2}.quick-actions .full-link-field{grid-column:1/-1;grid-row:2}.editor-workspace{width:100%;justify-content:space-between;margin-left:0}.editor-workspace select{flex:1;min-width:0}
  .action-bar{padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:10px;flex-wrap:wrap}
  .save-state{flex-basis:100%}.save-status{font-size:12px}.action-bar .save-message{font-size:12px}.save-link-context{font-size:12px}
  .save-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}.action-bar #save-link,.action-bar #save-as-new{flex:1;min-width:150px}.action-bar .conflict-reload{min-height:44px}
  .app-footer{display:none}.team-row{grid-template-columns:1fr}.team-actions{justify-content:flex-start}.inline-form>div{grid-template-columns:1fr}
  .reports-body{padding-bottom:28px}.report-kind-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.report-kind-nav button{width:100%}.report-row{grid-template-columns:1fr}.report-groups th,.report-groups td{padding:10px}.report-groups thead th{white-space:normal}.report-row-metrics{gap:22px;flex-wrap:wrap;row-gap:12px}.report-metric{justify-items:start;text-align:left}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kind-nav{gap:6px;margin-bottom:12px}.report-kind-nav button{min-height:38px;padding:7px 8px}.popup-report-heading{display:grid;gap:4px}.popup-report-context{grid-template-columns:1fr}.popup-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.popup-report-metric:last-child:nth-child(odd){grid-column:1/-1}.reports-intro .editor-intro-row{display:grid}.reports-intro #reports-purge{width:max-content}.report-popup-filter select{flex:1;min-width:0}.popup-ab{padding:12px}.popup-ab-variants{grid-template-columns:1fr}.popup-ab-stats dd{font-size:18px}
  #consent-card .inline-save{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}#consent-card .inline-save .secondary{width:100%}#consent-publish,#consent-msg{grid-column:1/-1}
}
@media(max-width:450px){
  .unlock-card{padding:26px}.unlock-side{padding:16px}.app-header{gap:8px}.click-total{display:none}.header-reports{padding-inline:12px}.account-summary{max-width:86px;padding-inline:10px}.console-menu .menu-panel{right:0;width:min(310px,calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)))}
  .public-link-field{grid-template-columns:1fr}.link-prefix,.link-configuration .link-prefix{max-width:none;border-right:1px solid var(--line-strong);border-bottom:0;border-radius:9px 9px 0 0;padding:11px 12px}.public-link-field input{border-radius:0 0 9px 9px}
  .advanced-card>summary span{display:none}.traffic-mix-head{display:block}.traffic-mix-head>b{display:block;margin-top:8px}.traffic-segment{padding-inline:5px}.traffic-segment span{display:none}
  .playlist-preview{grid-template-columns:44px minmax(0,1fr) auto}.playlist-artwork-link,.playlist-artwork{width:44px;height:44px}.playlist-edit{padding-inline:7px}
  .structured-add>div{grid-template-columns:1fr}.structured-add button{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:760px){.provider-grid,.consent-copy-grid,.consent-version-row,.country-options,.disclosure-grid,.custom-domain-create{grid-template-columns:1fr}.consent-copy-grid .consent-wide{grid-column:auto}.consent-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.country-picker-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.country-picker-actions button,.custom-domain-create button{width:100%}.custom-domain-head{display:grid}.custom-domain-actions{justify-content:flex-start}}

.workspace-select-row select{padding-inline:9px;font-size:13px}

/* Link workspace: separate editing surfaces, with routing as the visual anchor. */
.app-header{background:#080b11f5;border-bottom-color:#1b2636}
.primary{box-shadow:0 3px 14px #10b98119;font-weight:600}
.primary:hover{background:#6ee7b7}
.routes-panel{background:var(--paper);border-color:var(--line);border-radius:16px}
.panel-head{border-bottom:0;padding:20px 16px 12px}
.panel-head h2{font-size:17px;font-weight:600}
.workspace-controls{padding:12px 14px 16px;border-bottom:1px solid var(--line)}
.route-list{padding:12px;display:grid;gap:10px}
.route-item{grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:11px;background:#0b121e}
.route-item+.route-item{margin-top:0}
.route-item.active{background:linear-gradient(140deg,#142335,#0f1928);border-color:#34d39970;box-shadow:none}
.route-select{width:100%;padding:14px 12px 10px;gap:10px}
.route-slug{font-size:13px;line-height:1.4}
.route-clicks{font-size:12px}
.route-meta{font-size:12px}
.route-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:4px;padding:3px 8px;border-top:1px solid #ffffff09}
.route-action{min-height:30px;padding:5px 7px;font-size:12px}
.route-edit-hint{font-weight:500}
#editor{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
#editor>.editor-intro{padding:18px 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,#101827 68%,#0d2327);box-shadow:0 10px 32px #00000010}
#editor .editor-intro .eyebrow{display:block;color:var(--ink-quiet);font-size:12px;letter-spacing:.1em;margin:0 0 9px}
#editor .editor-intro-row{gap:18px;align-items:center}
.editor-title-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
#editor-title{font-size:27px;font-weight:600;letter-spacing:-.035em}
#editor-link-name{color:var(--mint);font:600 27px/1.2 var(--mono);letter-spacing:-.045em;overflow-wrap:anywhere}
#editor .editor-intro p{font-size:13px;margin-top:9px;color:var(--ink-quiet)}
#editor .link-configuration{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff0b;gap:24px}
#editor .section-label,#editor .link-domain-field>span{font-size:12px;font-weight:600}
#editor .link-configuration input:not([type=checkbox]),#editor .link-configuration select{border-color:#28374c;background:#090f19;min-height:42px}
#editor .link-prefix{background:#0c1420;border-color:#28374c}
#editor .field-help{font-size:12px}
#editor>.editor-body{padding:0 0 100px}
.editor-section-nav{position:sticky;top:68px;z-index:15;display:flex;align-items:center;gap:7px;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--line);background:#080b11f5;backdrop-filter:blur(12px);overflow:auto;scrollbar-width:thin}
.editor-section-nav [role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:42px;padding:10px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-quiet);font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.editor-section-nav [role=tab]:hover{background:var(--raised);color:var(--ink)}
.editor-section-nav [role=tab][aria-selected=true]{color:var(--mint);background:#102329;border-color:#34d39945}
.editor-section-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.routing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}
.routing-main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;container:routing / inline-size}
#traffic-mix{padding:20px;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;scroll-margin-top:150px}
#traffic-mix .mix-kicker{display:block;color:var(--mint);font-size:12px;letter-spacing:.12em;margin-bottom:6px}
#traffic-mix .traffic-mix-head{align-items:center;margin-bottom:16px}
#traffic-mix-title{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.35}
#traffic-mix-total{font-size:12px;padding:7px 9px;border:1px solid #34d39938;border-radius:20px;background:#34d3990c;color:var(--mint);white-space:nowrap}
.traffic-mix-rail{height:46px;padding:3px;border:1px solid var(--line);border-radius:9px;gap:3px;background:#070e18}
.traffic-segment{gap:7px;border-radius:5px;padding:0 9px;color:#06211a}
.traffic-segment.parked{padding:0}
.traffic-segment .traffic-segment-index{flex-shrink:0;display:grid;place-items:center;min-width:18px;height:18px;border-radius:3px;background:#07131f1a;font-size:12px;font-weight:600}
.traffic-segment .traffic-segment-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;flex:1}
.traffic-segment b{font-size:12px}
.mix-1{background:var(--dest-1)}.mix-2{background:var(--dest-2)}.mix-3{background:var(--dest-3)}.mix-4{background:var(--dest-4)}.mix-5{background:var(--dest-5)}
.traffic-mix-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.traffic-key{padding:6px 8px;border:1px solid #ffffff08;border-radius:7px;background:#ffffff02;font-size:12px;gap:7px}
.traffic-key b{font-size:12px}
.destinations-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.destinations-heading{align-items:center;gap:12px;padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.destinations-heading h2{font-size:16px;font-weight:600;letter-spacing:-.02em}
.destinations-heading p{font-size:12px;max-width:310px;line-height:1.5}
#add-dest{font-size:12px;min-height:36px;padding:8px 10px;flex-shrink:0;background:#142136}
.destination-list{gap:12px}
.destrow{--destination-color:#64748b;position:relative;grid-template-columns:96px minmax(125px,1fr) auto;grid-template-areas:"url url del" "weight auto clicks";align-items:end;gap:10px;padding:14px 13px 13px 44px;border-radius:10px;border-color:color-mix(in srgb,var(--destination-color) 24%,#1d2940);background:linear-gradient(110deg,#0d1829,#0a121f)}
.destrow:where(:has(.auto-explanation:not([hidden]))){grid-template-areas:"url url del" "weight auto clicks" "help help help"}
.destrow::before{content:attr(data-order);position:absolute;left:12px;top:19px;display:grid;place-items:center;width:23px;height:23px;border:1px solid color-mix(in srgb,var(--destination-color) 30%,transparent);border-radius:5px;background:color-mix(in srgb,var(--destination-color) 10%,transparent);color:var(--destination-color);font:600 12px/1 var(--mono)}
.destrow.parked-destination{--destination-color:#8292a9!important;background:#0b121d;border-color:var(--line)}
.destrow:focus-within{border-color:var(--destination-color)}
.destrow .dest-url{min-width:0;align-self:center}
.destrow .dest-weight{max-width:96px}
.destrow .dest-field>span{font-size:12px;color:var(--ink-quiet);letter-spacing:.03em}
.destrow .u{min-height:40px;font-size:12px;padding:9px 10px}
.destrow .pct input{background:#111d30;border-color:#30425b;min-height:40px;font-size:14px;color:var(--ink)}
.destrow.auto-allocation .pct input{color:var(--mint-ink);background:#10342b;border-color:#34d39950}
.destrow .auto-field{min-height:40px;justify-self:start;justify-content:flex-start;padding:8px 10px;background:#101d2e;border-color:#26364e}
.destrow .auto-field>span{font-size:12px}
.destrow .auto-explanation{font-size:12px;line-height:1.4}
.destrow .destclicks{padding:0 0 12px;text-align:right;color:var(--ink-soft);font-size:12px}
.destrow .del{justify-self:end;width:24px;height:32px;align-self:center;font-size:19px}
.playlist-preview{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;min-height:50px}
.playlist-artwork-link,.playlist-artwork{width:46px;height:46px;border-radius:7px}
.playlist-title{font-size:13px;line-height:1.4;font-weight:600}
.playlist-source{font-size:12px;color:var(--ink-quiet)}
.playlist-edit{padding:6px 8px;min-height:30px;font-size:12px;border-color:#2a3a51;background:#142136}
.allocation{margin-top:15px;padding:12px 0 0;gap:8px 16px}
.allocation-label{font-size:12px;color:var(--ink-quiet)}
.allocation span,.allocation b{font-size:12px}
.routing-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.routing-rail>*{min-width:0}
.link-behavior-panel{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.link-behavior-panel h2{font-size:13px;font-weight:600;margin:0;color:var(--ink)}
.link-behavior-panel>p{font-size:12px;color:var(--ink-quiet);margin:5px 0 16px}
.routing-rail .editor-tools{display:grid;gap:14px;margin:0}
.routing-rail .switch{min-height:40px;padding:0;border:0;background:transparent;align-items:center;font-size:12px;line-height:1.5}
.routing-rail .editor-workspace{display:grid;gap:8px;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.routing-rail .editor-workspace select{width:100%;min-width:0;font-size:12px}
.routing-rail .editor-workspace-warning{font-size:12px}
.server-tracking-panel{display:grid;gap:6px}.server-tracking-panel h2{margin-bottom:4px}.server-tracking-panel .switch{font-weight:600;color:var(--ink)}.server-tracking-panel .field-help{line-height:1.5}.server-tracking-panel .server-tracking-warning{color:var(--amber)}
.routing-rail .advanced-card{border-radius:14px;background:var(--paper)}
.routing-rail .advanced-card>summary{display:grid;grid-template-columns:1fr auto;gap:7px;padding:18px;font-size:12px}
.routing-rail .advanced-card>summary span{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.5;margin:0}
.routing-rail .advanced-card>summary::after{grid-column:2;grid-row:1}
.routing-rail .advanced-content{padding:16px}
.routing-rail .inline-save{flex-wrap:wrap}
.routing-rail #g-fallback{font-size:12px}
.switch input[type=checkbox]{appearance:none;position:relative;width:30px;height:18px;margin:0;padding:0;border:1px solid #40516a;border-radius:99px;background:#263349;cursor:pointer;transition:background .15s}
.switch input[type=checkbox]::before{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#b5c2d5;transition:transform .15s}
.switch input[type=checkbox]:checked{background:var(--mint);border-color:var(--mint)}
.switch input[type=checkbox]:checked::before{background:#06291e;transform:translateX(12px)}
#editor .advanced-stack{margin:0;padding:0;border:0;gap:0}
#editor .advanced-stack>.advanced-card{background:var(--paper);border-radius:14px;overflow:hidden}
.editor-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:19px 20px;background:#121e30;color:var(--mint-ink);font-size:14px;font-weight:600;line-height:1.5}
.editor-panel-heading span{color:var(--ink-quiet);font-size:12px;font-weight:400}
.consent-workflow-step{border-color:var(--line);background:#0c1422;border-radius:12px;scroll-margin-top:150px}
.consent-workflow-step>header{background:#121e30}
.consent-workflow-nav a{background:#0d1726}
.consent-preview-column{background:#090e17;border-color:#2a3a50;border-radius:14px;padding:20px;top:150px}
.consent-preview-heading{font-size:13px;margin-bottom:20px}
.consent-preview-column .consent-preview{box-shadow:0 18px 38px #0003}
@media(min-width:1600px){
  .routing-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
  .destrow{grid-template-columns:minmax(210px,1fr) 96px 145px 65px 24px;grid-template-areas:"url weight auto clicks del" "help help help help help";padding-left:46px}
}
@media(max-width:1199px){
  .routing-workspace{grid-template-columns:minmax(0,1fr)}
  .routing-rail{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .destrow{grid-template-columns:minmax(180px,1fr) 96px 145px 65px 24px;grid-template-areas:"url weight auto clicks del" "help help help help help"}
  .routing-main{gap:18px}
}
@container editor (max-width:850px){
  #editor .link-configuration{grid-template-columns:1fr;gap:14px}
  .destrow{grid-template-columns:96px minmax(125px,1fr) auto;grid-template-areas:"url url del" "weight auto clicks" "help help help"}
}
@media(max-width:900px){
  .route-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #editor .link-configuration{grid-template-columns:1fr;gap:14px}
}
@media(max-width:700px){
  #editor>.editor-intro{padding:18px;border-radius:13px}
  #editor .editor-intro-row{display:flex;gap:12px;align-items:flex-start}
  #editor .editor-intro-row>div{display:block;min-width:0}
  #editor-title,#editor-link-name{font-size:24px;line-height:1.3}
  .editor-title-line{gap:4px 9px}
  #editor .editor-intro .eyebrow{font-size:12px}
  #editor .editor-intro p{font-size:12px}
  #editor .editor-intro-row .status-badge{font-size:12px;margin-top:24px;padding:6px 8px}
  #editor .link-configuration{margin-top:17px;padding-top:15px}
  #editor>.editor-body{padding:0 0 200px}
  .editor-section-nav{gap:5px;margin-bottom:16px;padding:12px 0}
  .editor-section-nav [role=tab]{padding:9px 10px;font-size:12px;gap:6px}
  .editor-panel-heading{padding:16px;align-items:flex-start;flex-direction:column;gap:4px}
  .editor-section-nav svg{width:14px;height:14px}
  #traffic-mix,.destinations-panel{padding:16px;border-radius:12px}
  #traffic-mix-title{font-size:16px}
  .traffic-mix-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .traffic-segment .traffic-segment-name{display:none}
  .route-list{grid-template-columns:1fr}
  .routing-rail{grid-template-columns:minmax(0,1fr)}
  .destrow{grid-template-columns:96px minmax(100px,1fr) auto;grid-template-areas:"url url del" "weight auto clicks" "help help help";padding-left:40px;gap:10px}
  .destrow::before{left:10px;width:21px;height:21px}
  .destrow .auto-field{padding:7px}
  .destrow .auto-field>span{font-size:12px}
  .destrow .destclicks{font-size:12px}
}
@media(max-width:450px){
  #editor>.editor-intro{padding:16px 14px}
  #editor-title,#editor-link-name{font-size:21px}
  .editor-title-line{display:block}
  #editor-link-name{display:block;margin-top:4px}
  #traffic-mix .traffic-mix-head{display:flex;align-items:flex-start;gap:10px}
  #traffic-mix-title{font-size:15px;max-width:145px}
  #traffic-mix-total{font-size:12px;margin-top:0;padding:6px 7px}
  .traffic-mix-legend{grid-template-columns:1fr}
  .destinations-heading{align-items:flex-start}
  .destinations-heading h2{font-size:15px}
  .destinations-heading p{max-width:160px;font-size:12px}
  #add-dest{font-size:12px;max-width:95px;white-space:normal;padding:7px}
  .destrow{grid-template-columns:96px minmax(0,1fr) 24px;grid-template-areas:"url url del" "weight auto auto" "help help help" "clicks clicks clicks";padding:14px 10px 12px 36px;gap:10px 8px}
  .destrow::before{left:8px;width:20px;font-size:12px}
  .destrow .destclicks{text-align:left;padding:0}
  .playlist-preview{grid-template-columns:40px minmax(0,1fr);gap:8px}
  .playlist-artwork-link,.playlist-artwork{width:40px;height:40px}
  .playlist-edit{grid-column:2;justify-self:start}
  .playlist-title{font-size:12px}
  .playlist-source{font-size:12px}
}
@container routing (min-width:740px){
  .destrow,.destrow:has(.auto-explanation:not([hidden])){grid-template-columns:minmax(180px,1fr) 96px 150px 46px 24px;grid-template-areas:"url weight auto clicks del";gap:10px;align-items:center;padding:16px 12px 16px 44px}
  .destrow:has(.auto-explanation:not([hidden])){grid-template-areas:"url weight auto clicks del" "help help help help help"}
  .destrow .auto-field{min-width:150px;padding:8px}
  .destrow .auto-field>span{font-size:12px}
  .destrow .destclicks{padding:17px 0 0;white-space:nowrap;font-size:12px}
  .destrow .auto-field{align-self:end;margin-bottom:0}
  .destrow .playlist-preview{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}
  .destrow .playlist-artwork-link{align-self:center}
  .destrow .playlist-artwork-link,.destrow .playlist-artwork{width:42px;height:42px}
  .destrow .playlist-edit{justify-self:end;min-height:30px;padding:5px 6px;font-size:12px}
}

/* Header hierarchy: identity and actions, aligned fields, then link details. */
.ui-icon{display:block;width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app-header{gap:12px}
.header-workspace{display:flex;align-items:center;gap:9px;min-width:0;margin-left:12px;padding-left:20px;border-left:1px solid var(--line);color:var(--ink-soft);font-size:12px;font-weight:600}
#header-workspace-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-indicator{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--mint)}
.app-header .click-total{align-items:center;gap:8px;padding:6px 12px;border:1px solid #ffffff0a;border-radius:999px;background:var(--paper);font-size:12px}
.app-header .click-total b{font-size:12px}
.app-header .header-reports,.app-header .header-new{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px}
.header-new-icon{order:-1;margin:0;font-size:18px;line-height:1}
.app-header .account-summary{display:flex;align-items:center;gap:8px;max-width:220px;min-height:36px;padding:5px 10px 5px 6px;border-radius:999px;background:var(--paper);font-size:12px}
.account-avatar{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #34d39935;border-radius:50%;background:#34d39915;color:var(--mint)}
.account-avatar .ui-icon{width:14px;height:14px}
#account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{width:12px;height:12px;color:var(--ink-quiet)}
@media(min-width:1200px){.app-header .click-total{position:absolute;left:50%;transform:translateX(-50%)}}
@media(max-width:1100px){.header-workspace{margin-left:4px;padding-left:14px}#header-workspace-name{max-width:140px}}
@media(max-width:900px){.header-workspace{display:none}.app-header .account-summary{max-width:190px}}
@media(max-width:700px){
  .app-header .account-summary{max-width:150px;padding:7px 10px;border-radius:9px}
  .account-avatar,.account-chevron{display:none}
}
@media(max-width:450px){
  .app-header{gap:8px}.app-header .account-summary{max-width:86px}.app-header .header-reports{padding-inline:10px}.app-header .header-reports .ui-icon{display:none}
}
@media(max-width:340px){
  .app-header{gap:6px}.app-header .account-summary{max-width:76px}
}

#editor>.editor-intro{
  --intro-columns:minmax(0,1.15fr) minmax(0,1fr) 160px;
  --intro-areas:"identity identity actions" "divider divider divider" "domain path pause" "footer-rule footer-rule footer-rule" "deeplink full-url full-url";
  --intro-draft-areas:"identity identity identity" "divider divider divider" "path path pause" "footer-rule footer-rule footer-rule" "deeplink deeplink deeplink";
  display:grid;grid-template-columns:var(--intro-columns);grid-template-areas:var(--intro-areas);gap:18px 16px;padding:24px;
}
#editor>.editor-intro:has(.quick-actions[hidden]){grid-template-areas:var(--intro-draft-areas)}
#editor>.editor-intro::before,#editor>.editor-intro::after{content:"";height:1px;background:#ffffff0c}
#editor>.editor-intro::before{grid-area:divider}
#editor>.editor-intro::after{grid-area:footer-rule}
#editor .editor-intro .editor-intro-row,#editor .editor-intro .link-configuration,#editor .editor-intro .quick-actions{display:contents}
#editor .editor-intro .editor-identity{display:block;grid-area:identity;min-width:0;align-self:center}
#editor .editor-state-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-bottom:12px}
#editor .editor-intro .eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none}
#editor .editor-intro .status-badge{margin:0;padding:4px 9px;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.07em}
#editor .editor-intro .status-badge::before{width:6px;height:6px}
#editor .editor-title-line{display:flex;align-items:baseline;gap:5px 10px}
#editor-title,#editor-link-name{font-size:28px;line-height:1.2}
#editor-link-name{margin:0}
#editor .editor-intro #editor-description{margin:7px 0 0;line-height:1.55;font-size:13px}
#editor .editor-header-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-start;justify-self:end;align-self:center;gap:8px}
#editor .editor-header-actions .secondary{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:36px;padding:8px 12px;border-color:#ffffff12;border-radius:10px;background:#ffffff04;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}
#editor .editor-header-actions .secondary:hover{background:#ffffff0b;border-color:var(--line-strong)}
#copy-link .ui-icon{color:var(--mint)}
#editor .editor-intro .link-domain-field{grid-area:domain;display:grid;align-content:start;gap:8px}
#editor .editor-intro .link-address{grid-area:path;min-width:0}
#editor .editor-intro .section-label,#editor .editor-intro .link-domain-field>span{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.085em;line-height:1.5;color:var(--ink-quiet)}
#editor .editor-intro .link-domain-field>span{margin:0}
#editor .editor-intro .link-domain-field select{min-height:40px;padding:9px 30px 9px 12px;border-color:#ffffff12;border-radius:11px;font:12px/20px var(--mono)}
#editor .editor-intro .public-link-field{grid-template-columns:auto minmax(0,1fr);margin:0}
#editor .editor-intro .public-link-field input{min-height:40px;padding:9px 12px;border-color:#ffffff12;border-radius:0 11px 11px 0;font:12px/20px var(--mono)}
#editor .editor-intro .link-prefix{max-width:190px;min-width:0;padding:0 12px;border:1px solid #ffffff12;border-right:0;border-radius:11px 0 0 11px;font-size:12px}
#editor .editor-intro:has(.quick-actions:not([hidden])) .link-prefix{display:none}
#editor .editor-intro:has(.quick-actions:not([hidden])) .public-link-field::before{content:"/";display:grid;place-items:center;width:31px;border:1px solid #ffffff12;border-right:0;border-radius:11px 0 0 11px;background:var(--input);color:var(--ink-quiet);font:12px/1 var(--mono)}
#editor .editor-intro .field-help{margin:7px 0 0;font-size:12px;line-height:1.45}
#editor .editor-intro .header-pause{grid-area:pause;align-self:start;min-height:40px;margin-top:23px;padding:9px 12px;border-color:#ffffff12;border-radius:11px;background:#090f1980;font-size:12px;line-height:20px}
#editor .editor-intro .header-deeplink{grid-area:deeplink;align-self:center;min-height:0;padding:0;border:0;border-radius:0;font-size:12px;line-height:1.5}
#editor .editor-intro .full-link-field{grid-area:full-url;display:flex;align-items:baseline;justify-content:flex-end;gap:8px;align-self:center;min-width:0}
#editor .editor-intro .full-link-field>span{display:block;flex-shrink:0;color:var(--ink-quiet);font-size:12px;font-weight:500;white-space:nowrap}
#editor .editor-intro #full-link-url{display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink-soft);font:12px/1.5 var(--mono);overflow-wrap:anywhere}
#editor .editor-intro .back-to-routes{grid-area:back;justify-self:start;margin:0;min-height:32px;padding:6px 9px;font-size:12px}
.routing-rail .editor-workspace{padding-top:0;border-top:0}
@container editor (max-width:850px){
  #editor>.editor-intro{
    --intro-columns:repeat(4,minmax(0,1fr));
    --intro-areas:"identity identity identity actions" "divider divider divider divider" "domain domain path path" "pause pause deeplink deeplink" "footer-rule footer-rule footer-rule footer-rule" "full-url full-url full-url full-url";
    --intro-draft-areas:"identity identity identity identity" "divider divider divider divider" "path path path path" "footer-rule footer-rule footer-rule footer-rule" "pause pause deeplink deeplink";
  }
  #editor .editor-intro .header-pause{margin-top:0;justify-self:start}
  #editor .editor-intro .full-link-field{justify-content:flex-start}
}
@media(max-width:900px){
  #editor>.editor-intro{
    --intro-columns:repeat(4,minmax(0,1fr));
    --intro-areas:"identity identity identity actions" "divider divider divider divider" "domain domain path path" "pause pause deeplink deeplink" "footer-rule footer-rule footer-rule footer-rule" "full-url full-url full-url full-url";
    --intro-draft-areas:"identity identity identity identity" "divider divider divider divider" "path path path path" "footer-rule footer-rule footer-rule footer-rule" "pause pause deeplink deeplink";
  }
  #editor .editor-intro .header-pause{margin-top:0;justify-self:start}
  #editor .editor-intro .full-link-field{justify-content:flex-start}
}
@media(max-width:700px){
  #editor>.editor-intro{
    --intro-columns:repeat(2,minmax(0,1fr));
    --intro-areas:"identity identity" "actions actions" "divider divider" "domain path" "pause deeplink" "footer-rule footer-rule" "full-url full-url";
    --intro-draft-areas:"identity identity" "divider divider" "path path" "footer-rule footer-rule" "pause deeplink";
    padding:20px;gap:16px;
  }
  #editor-title,#editor-link-name{font-size:24px}
  #editor .editor-header-actions{flex-direction:row;justify-self:start}
  #editor .editor-intro #editor-description{font-size:12px}
}
@media(max-width:450px){
  #editor>.editor-intro{
    --intro-areas:"identity identity" "actions actions" "divider divider" "domain domain" "path path" "pause deeplink" "footer-rule footer-rule" "full-url full-url";
    padding:18px 16px;gap:14px 12px;
  }
  #editor .editor-intro .editor-state-line{gap:8px;margin-bottom:10px}
  #editor .editor-intro .header-pause{padding-inline:9px;font-size:12px}
  #editor .editor-intro .header-deeplink{font-size:12px;gap:7px}
  #editor .editor-intro .link-prefix{max-width:150px;padding-inline:9px;font-size:12px}
}

/* New link: the Domain choice sits above the short link */
#editor>.editor-intro{--intro-draft-areas:"identity identity identity" "divider divider divider" "newdomain newdomain ." "path path pause" "footer-rule footer-rule footer-rule" "deeplink deeplink deeplink"}
#editor .editor-intro .new-link-domain{grid-area:newdomain;display:grid;align-content:start;min-width:0;max-width:520px}
#editor .editor-intro .new-link-domain select{width:100%;min-width:0;min-height:40px;padding:9px 30px 9px 12px;border-color:#ffffff12;border-radius:11px;font:12px/20px var(--mono)}
#editor .editor-intro .new-link-domain .domain-note{color:var(--ink)}
@container editor (max-width:850px){#editor>.editor-intro{--intro-draft-areas:"identity identity identity identity" "divider divider divider divider" "newdomain newdomain newdomain newdomain" "path path path path" "footer-rule footer-rule footer-rule footer-rule" "pause pause deeplink deeplink"}}
@media(max-width:900px){#editor>.editor-intro{--intro-draft-areas:"identity identity identity identity" "divider divider divider divider" "newdomain newdomain newdomain newdomain" "path path path path" "footer-rule footer-rule footer-rule footer-rule" "pause pause deeplink deeplink"}}
@media(max-width:700px){#editor>.editor-intro{--intro-draft-areas:"identity identity" "divider divider" "newdomain newdomain" "path path" "footer-rule footer-rule" "pause deeplink"}#editor .editor-intro .new-link-domain{max-width:none}}

/* Saved link: Domain beside the short link, the address to copy under them */
#editor .editor-intro .link-domain-field.single-address{display:none}
#editor>.editor-intro{--intro-areas:"identity identity actions" "divider divider divider" "newdomain path pause" "footer-rule footer-rule footer-rule" "domain full-url full-url" "deeplink deeplink deeplink"}
@container editor (max-width:850px){#editor>.editor-intro{--intro-areas:"identity identity identity actions" "divider divider divider divider" "newdomain newdomain path path" "pause pause deeplink deeplink" "footer-rule footer-rule footer-rule footer-rule" "domain domain full-url full-url"}}
@media(max-width:900px){#editor>.editor-intro{--intro-areas:"identity identity identity actions" "divider divider divider divider" "newdomain newdomain path path" "pause pause deeplink deeplink" "footer-rule footer-rule footer-rule footer-rule" "domain domain full-url full-url"}}
@media(max-width:700px){#editor>.editor-intro{--intro-areas:"identity identity" "actions actions" "divider divider" "newdomain path" "pause deeplink" "footer-rule footer-rule" "domain domain" "full-url full-url"}}
@media(max-width:450px){#editor>.editor-intro{--intro-areas:"identity identity" "actions actions" "divider divider" "newdomain newdomain" "path path" "pause deeplink" "footer-rule footer-rule" "domain domain" "full-url full-url"}}

/* Link list at scale: tag filter, sort, paging, bulk tags; tags in the editor */
.link-tags-panel .tag-combobox input{min-height:42px}
.link-tags-panel .save-message{margin:8px 0 0;font-size:12px}
.link-tags-panel .save-message:empty{display:none}
.link-tags-panel .tag-tokens{margin-top:10px}
.link-tags-panel .tag-token .tag-chip{white-space:normal;overflow-wrap:anywhere}
.editor-loading .routing-workspace{opacity:.55;transition:opacity .16s ease}

.tag-tokens{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;min-width:0}
.tag-tokens[hidden]{display:none}
.tag-token{display:inline-flex;align-items:center;max-width:100%;min-width:0;border:1px solid #34d39944;border-radius:999px;background:var(--mint-soft);color:var(--mint-ink);font-size:12px;line-height:1.3}
.tag-token .tag-chip{min-width:0;padding:4px 2px 4px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-remove{display:grid;place-items:center;flex:0 0 auto;width:30px;height:28px;min-height:0;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;font-size:16px;line-height:1}
.tag-remove:hover{background:#ffffff12;color:var(--ink)}
.tag-combobox{position:relative;min-width:0}
.tag-suggestions{position:absolute;z-index:19;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;max-height:240px;overflow:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);box-shadow:0 14px 32px #00000070}
.tag-suggestions[hidden]{display:none}
.tag-suggestion{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:7px;color:var(--ink);font-size:13px;cursor:pointer}
.tag-suggestion>span:first-child{min-width:0;overflow-wrap:anywhere}
.tag-suggestion.active,.tag-suggestion:hover{background:var(--mint-soft);color:var(--mint-ink)}
.tag-suggestion-count{flex:0 0 auto;color:var(--ink-quiet);font-size:12px}

.tag-filter{display:grid;gap:0;min-width:0}
.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.list-toolbar .route-count{margin-right:auto}
.list-sort{display:flex;align-items:center;gap:8px;min-width:0;color:var(--shell-muted);font-size:12px;font-weight:600}
.list-sort select{width:auto;min-width:0;min-height:36px;padding:6px 28px 6px 10px;font-size:13px}
.select-page{display:flex;align-items:center;gap:7px;min-height:32px;color:var(--shell-muted);font-size:12px;white-space:nowrap;cursor:pointer}
.route-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0;padding:0 12px 10px}
.route-tags .tag-chip{max-width:100%;min-height:26px;padding:3px 9px;overflow:hidden;border:1px solid #34d39933;border-radius:999px;background:#10382e99;color:var(--mint-ink);font:600 12px/1.3 var(--sans);text-overflow:ellipsis;white-space:nowrap}
.route-tags .tag-chip:hover{border-color:var(--mint)}
.route-pick{display:inline-flex;align-items:center;gap:6px;min-height:30px;margin-right:auto;color:var(--shell-quiet);font-size:12px;cursor:pointer}
.route-empty{margin:6px 4px;color:var(--shell-quiet);font-size:12px}
.route-list-foot{padding:0 12px 12px}
.route-list-foot:has(.load-more[hidden]){display:none}
.load-more{width:100%}
.bulk-bar{position:relative;z-index:5;display:grid;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--paper)}
.bulk-bar[hidden]{display:none}
.bulk-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bulk-head strong{font-size:13px}
.bulk-head .compact-button{min-height:32px;font-size:12px}
.bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bulk-bar .save-message:empty{display:none}
.link-import-tags{grid-column:1/-1;color:var(--shell-quiet);font-size:12px}
.tag-suggestions.above{top:auto;bottom:calc(100% + 4px)}
.workspace-controls .tag-filter input,.workspace-controls #route-search{min-height:40px}
@media(max-width:700px){.routes-panel{overflow:clip}.bulk-bar{position:sticky;bottom:0;box-shadow:0 -8px 24px #00000055}}
/* The editor's save bar is fixed to the bottom of the window (about 80px), so
   the list panel ends above it; the panel scrolls as a whole and keeps the
   selection bar at its bottom. */
@media(min-width:901px){
  .routes-panel{max-height:calc(100dvh - 188px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
  .routes-panel>.route-list{max-height:none;overflow:visible}
  .bulk-bar{position:sticky;bottom:0}
}
.link-import-row code:nth-of-type(2){color:var(--shell-muted)}

/* Compact link list: one header row, workspace and sort on one row, search
   and tag filter on one row, and a list that scrolls inside its panel. */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.link-button{display:inline;min-height:0;margin:0;padding:0;border:0;background:transparent;color:var(--mint);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.link-button:hover{color:var(--mint-ink)}
.workspace-head{padding:12px 14px 8px}
.list-title{display:flex;align-items:baseline;gap:10px;min-width:0}
.list-title h2{margin:0}
.list-head-actions{display:flex;align-items:center;gap:6px}
.list-head-actions .compact-button{min-height:36px;min-width:36px;padding:4px 8px;font-size:16px;line-height:1}
.list-menu-button span{font-size:18px;letter-spacing:1px;line-height:1}
.list-menu-panel{display:grid;gap:6px;margin:0 14px 10px;padding:10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--cloud)}
.list-menu-panel[hidden]{display:none}
.list-menu-panel .quiet-button{width:100%;text-align:left}
.list-menu-panel .menu-help{margin:0;color:var(--shell-quiet);font-size:12px;line-height:1.45}
.list-menu-panel .menu-help:empty{display:none}
.list-menu-panel .menu-rule{margin:4px 0}
/* The editor's More actions menu. Delete link lives here, away from Save. */
.link-menu{position:relative}
.link-menu[hidden]{display:none}
#editor .editor-header-actions:has(.link-menu:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
#editor .editor-header-actions:has(.link-menu:not([hidden])) #copy-link{grid-column:1/-1}
#editor .editor-header-actions .link-menu-button{justify-content:center;min-width:40px;height:100%;padding:6px 12px}
.link-menu-button span{font-size:18px;letter-spacing:1px;line-height:1}
.link-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;min-width:190px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:var(--midnight-2);box-shadow:var(--shadow)}
.link-menu-panel[hidden]{display:none}
.link-menu-panel .menu-danger{width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--danger);font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.link-menu-panel .menu-danger:hover,.link-menu-panel .menu-danger:focus-visible{background:#b44f5822}
.confirm-notes{display:grid;gap:8px;margin-top:12px}
.confirm-notes[hidden]{display:none}
.toast.has-action{display:flex;align-items:center;gap:14px}
.toast-action{flex:0 0 auto;min-height:32px;padding:5px 12px;border:1px solid var(--shell-line);border-radius:7px;background:transparent;color:var(--mint);font-size:13px;font-weight:600;cursor:pointer}
.toast-action:hover{background:#ffffff0b}
.toast-action:disabled{opacity:.6;cursor:default}
.workspace-controls{gap:8px;padding:0 14px 10px}
.list-scope-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}
.list-scope-row select{min-height:40px;padding:6px 26px 6px 10px;font-size:13px}
.list-scope-row .list-sort select{width:auto;min-height:40px}
.list-domain-row{margin-top:6px}
.domain-attention .link-button{margin-right:8px}
.list-domain-row select{width:100%;min-width:0;min-height:40px;padding:6px 26px 6px 10px;font-size:13px}
.select-page{justify-content:center;width:32px;min-height:40px;padding:0}
.list-filters{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:6px;align-items:start}
.list-filters .tag-filter,.list-filters .tag-combobox{min-width:0}
.workspace-controls #tag-filter-chips{margin:0}
.route-list{padding:8px;gap:4px;align-content:start}
.route-item{position:relative;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;border-radius:10px}
.route-pick{grid-column:1;grid-row:1/span 2;justify-content:center;align-self:stretch;min-height:0;margin:0;padding:8px 0 0}
.route-select{grid-column:2/4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"slug clicks" "meta meta";gap:2px 8px;padding:6px 10px 3px 0}
.route-slug{font-size:13px;line-height:17px}
.route-clicks{font-size:12px;line-height:17px}
.route-meta{flex-wrap:nowrap;gap:5px;line-height:16px;min-width:0;overflow:hidden}
.route-meta>span{white-space:nowrap}
.route-state.paused{color:var(--amber)}
.route-destination{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--shell-muted)}
.route-destination::before,.route-workspace::before{content:"\00b7";margin-right:5px;color:var(--shell-quiet)}
.route-workspace{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--shell-quiet)}
.route-tags{grid-column:2;grid-row:2;flex-wrap:nowrap;overflow:hidden;gap:4px;padding:0 0 5px}
.route-tags .tag-chip{flex:0 1 auto;min-height:20px;padding:1px 8px;line-height:1.3}
.route-actions{grid-column:3;grid-row:2;display:flex;justify-content:flex-end;gap:2px;padding:0 6px 5px 4px;border-top:0}
.route-action{min-height:24px;padding:2px 7px}
.route-empty{display:grid;gap:8px;justify-items:start;margin:6px 4px;padding:6px 4px;color:var(--shell-quiet);font-size:13px}
.route-empty p{margin:0}
.route-hint{color:var(--shell-muted)}
#slug-help.error{color:var(--danger)}
#slug-suggestion{margin-top:4px;font-size:12px}
#e-slug[aria-invalid=true]{border-color:var(--danger)}

/* Toasts sit at the top center, clear of the save bar. */
.toast{top:80px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(520px,calc(100vw - 32px));text-align:center}

@media(min-width:1200px){.workspace{--sidebar-width:320px}}
@media(min-width:901px){
  /* The save bar spans the window (about 80px), so the list panel ends above it. */
  .routes-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 180px);overflow:hidden}
  .routes-panel>.route-list{flex:1 1 auto;min-height:120px;max-height:none;overflow:auto;overscroll-behavior:contain}
  .routes-panel>.panel-head,.routes-panel>.workspace-controls,.routes-panel>.list-menu-panel,.routes-panel>.route-list-foot,.routes-panel>.bulk-bar{flex:0 0 auto}
}

/* Phone: finger-sized controls and editor tabs that all fit. */
@media(max-width:700px){
  .app-header .header-reports,.app-header .header-new,.app-header .account-summary{min-height:44px;min-width:44px}
  .list-head-actions .compact-button{min-height:44px;min-width:44px}
  .list-scope-row select,.list-scope-row .list-sort select{min-height:44px}
  .select-page{width:44px;min-height:44px}
  .route-item{grid-template-columns:44px minmax(0,1fr) auto}
  .route-pick{min-width:44px;min-height:44px;padding:0;align-self:start;height:44px}
  .route-select{padding:10px 10px 4px 0}
  .route-tags{flex-wrap:wrap;padding:0}
  .route-tags .tag-chip{min-height:44px;padding:0 10px;border:0;border-radius:22px;background:linear-gradient(#10382e,#10382e) center/100% 26px no-repeat}
  .route-actions{padding:0 4px 0 0}
  .route-action{min-width:44px;min-height:44px;padding:6px 8px}
  .editor-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible;padding:8px 0;margin-bottom:12px}
  .editor-section-nav [role=tab]{min-width:0;min-height:44px;padding:2px 3px;white-space:normal;text-align:center;line-height:1.2;font-size:12px}
  .editor-section-nav [role=tab] svg{display:none}
  .toast{top:72px}
  #editor .editor-header-actions,#editor .editor-header-actions:has(.link-menu:not([hidden])){display:flex;flex-direction:row;flex-wrap:wrap}
  #editor .editor-header-actions .link-menu-button{min-width:44px;min-height:44px;height:auto}
  .link-menu-panel .menu-danger{min-height:44px}
  .toast-action{min-height:44px;min-width:44px}
}
@media(min-width:701px){
  .workspace-head{padding:10px 14px 6px}
  .workspace-controls{gap:6px;padding-bottom:8px}
  .route-list{padding:6px;gap:3px}
  .route-pick{padding-top:6px}
  .route-select{padding:4px 10px 2px 0}
  .route-tags{padding-bottom:4px}
  .route-tags .tag-chip{min-height:20px;padding:0 8px;line-height:18px}
  .route-actions{padding:0 5px 4px 4px}
  .route-action{min-height:20px;padding:0 6px;line-height:20px}
  .list-scope-row{grid-template-columns:24px minmax(0,1fr) 92px}
  .list-scope-row .select-page{width:24px}
  .list-scope-row .list-sort select{width:100%}
}
@media(max-width:700px){
  .editor-panel-heading{padding:10px 16px;gap:2px}
  .editor-section-nav{padding:6px 0;margin-bottom:8px}
}
#editor .editor-intro .header-pause-field{grid-area:pause;align-self:start;min-width:0}
#editor .editor-intro .header-pause-field .header-pause{display:inline-flex}

/* Colour roles: accent for brand, primary actions, focus and selection only;
   Live, Paused and errors each have their own colour; destinations use a
   palette with no status colours. Type: 400/500/600 weights, sentence-case
   labels, monospace only for URL and short-link values. */
:is(b,strong):not(.consent-preview *,.consent-device-preview-screen *){font-weight:600}
.unlock-card .eyebrow{text-transform:none;letter-spacing:0}
.status-badge{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
.status-badge::before{background:var(--ok)}
.status-badge.paused{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.status-badge.paused::before{background:var(--warn)}
#editor .editor-intro .status-badge{letter-spacing:0}
#editor-link-name{color:var(--ink)}
#editor .section-label,#editor .link-domain-field>span,#editor .editor-intro .section-label,#editor .editor-intro .link-domain-field>span{font-weight:500;letter-spacing:0}
.editor-panel-heading{color:var(--ink)}
#traffic-mix .mix-kicker{color:var(--ink-quiet)}

.route-meta .state-dot{display:none}
.route-state{flex:0 0 auto;display:inline-flex;align-items:center;padding:0 6px;border:1px solid var(--ok-line);border-radius:999px;background:var(--ok-bg);color:var(--ok);font-size:12px;font-weight:500;line-height:14px}
.route-state.paused{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.route-item.is-paused{border-left:3px solid var(--warn)}
.route-item.is-paused.active{border-left-color:var(--warn)}

.paused-banner{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;margin:0 0 12px;padding:10px 16px;border:1px solid var(--warn-line);border-left:4px solid var(--warn);border-radius:12px;background:var(--warn-bg);color:var(--ink);font-size:13px;line-height:1.45}
.paused-banner strong{color:var(--warn);font-weight:600}
.paused-banner .pause-fallback-note{margin:0;color:var(--ink);font-size:13px}
.paused-banner code{font:13px/1.4 var(--mono);color:var(--ink);overflow-wrap:anywhere}
#editor.is-paused .traffic-mix-rail{opacity:.5;filter:saturate(.5)}
#e-paused:checked{background:var(--warn);border-color:var(--warn)}
#e-paused:checked::before{background:#2b1d05}

#traffic-mix-total{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
#traffic-mix.is-invalid #traffic-mix-total{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}
#traffic-mix.is-invalid .traffic-mix-rail{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger-line)}
.traffic-segment{color:#0b1220}
.traffic-segment.unassigned,.traffic-key i.unassigned{background-color:#1a2434;background-image:repeating-linear-gradient(135deg,#2a3649 0 6px,#1a2434 6px 12px);color:var(--ink-soft)}
.traffic-segment.unassigned .traffic-segment-index{background:transparent}
.destrow.auto-allocation .pct input{color:var(--info);background:var(--info-bg);border-color:#7dd3fc55;-webkit-text-fill-color:var(--info)}
.destrow.auto-allocation .pct-symbol,.auto-explanation,.destrow .auto-explanation{color:var(--info)}
.allocation b{color:var(--ink)}
.allocation b.bad{color:var(--danger)}
.field-error{margin:8px 0 0;color:var(--danger);font-size:13px;line-height:1.45}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],
.editor-panel input[aria-invalid=true],#editor .link-configuration input[aria-invalid=true],#editor .editor-intro .public-link-field input[aria-invalid=true],.destrow .pct input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger-line)}
#slug-help.error,#editor .editor-intro #slug-help.error{color:var(--danger)}
.unlock-error,.unlock-card>p.unlock-error,.save-message.error,.action-bar .save-message.error,.custom-domain-error,.danger-text{color:var(--danger)}
.save-message.ok,.action-bar .save-message.ok{color:var(--ok)}
.save-status:has(#save-msg.ok)::before{background:var(--ok)}
.report-row-total,.popup-report-metric small,.popup-report-heading p{color:var(--ink)}

.tag-token{border-color:var(--line-strong);background:var(--raised);color:var(--ink-soft)}
.route-tags .tag-chip{border-color:var(--line-strong);background:var(--raised);color:var(--ink-soft);font-weight:500}
.route-tags .tag-chip:hover{border-color:var(--ink-quiet);color:var(--ink)}
@media(max-width:700px){.route-tags .tag-chip{border:0;background:linear-gradient(var(--raised),var(--raised)) center/100% 26px no-repeat}}

.click-total b,.diagnostic b,.route-clicks,.report-row-total,.report-row-meta,.popup-report-metric strong,.popup-report-metric small,.popup-report-updated,
.traffic-mix-head>b,.traffic-segment b,.traffic-key b,.pct-symbol,.pct input,.destclicks,.allocation b,.destrow::before,.consent-workflow-nav b,.consent-workflow-step>header>b,.unlock-node b{font-family:var(--sans);font-variant-numeric:tabular-nums}
.destrow .pct input{padding-left:10px;padding-right:22px}
.consent-preview-heading{font-weight:600}

/* Denser desktop list: two lines per link. The link button spans both
   lines and shares the row's columns (subgrid), so the tags and actions sit
   in its free cells. From 1200 px: the short link comes first on line one
   and keeps its full width while the tags (at most two plus "+N") shrink
   beside it; line two holds the state, destination and workspace, then the
   row actions. Between 901 and 1199 px the list column is narrow, so the
   short link has line one to itself and tags and actions get a third line. */
.route-tags .tag-more{flex:0 0 auto;align-self:center;min-height:0;margin:0;padding:0 5px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--shell-quiet);font:600 12px/18px var(--sans);white-space:nowrap;cursor:pointer}
.route-tags .tag-count{display:none;flex:0 0 auto;align-self:center;min-height:0;margin:0;padding:0 7px;border:1px solid var(--line-strong);border-radius:999px;background:var(--raised);color:var(--ink-soft);font:500 12px/16px var(--sans);white-space:nowrap;cursor:pointer}
.route-tags .tag-more:hover,.route-tags .tag-more[aria-expanded=true],.route-tags .tag-count:hover,.route-tags .tag-count[aria-expanded=true]{border-color:var(--ink-quiet);color:var(--ink)}
.tag-more-list{position:absolute;z-index:5;top:calc(100% - 4px);right:6px;display:flex;flex-wrap:wrap;gap:4px;max-width:min(280px,calc(100% - 12px));padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:var(--cloud);box-shadow:0 10px 24px #00000066}
.tag-more-list .tag-chip{max-width:100%;min-height:24px;padding:0 9px;overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:var(--raised);color:var(--ink-soft);font:500 12px/22px var(--sans);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.tag-more-list .tag-chip:hover,.tag-more-list .tag-chip:focus-visible{border-color:var(--ink-quiet);color:var(--ink)}
@media(max-width:700px){.tag-more-list .tag-chip{min-height:44px;line-height:42px}.route-tags .tag-more{min-width:44px;min-height:44px}}
/* Long names are cut with an ellipsis in the list (the tooltip has them in
   full) and shown in full only while the keyboard is on the row: a press with
   the mouse or a finger never changes the row's size under the pointer. */
.route-item:has(:focus-visible) .route-meta{flex-wrap:wrap}
.route-item:has(:focus-visible) :is(.route-slug,.route-destination,.route-workspace){overflow:visible;white-space:normal;overflow-wrap:anywhere}
.kept-draft-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 10px;border:1px solid var(--warn-line);border-left:3px solid var(--warn);border-radius:10px;background:var(--warn-bg);color:var(--ink);font-size:13px;line-height:1.4}
.kept-draft-notice[hidden]{display:none}
.kept-draft-notice span{flex:1 1 160px}
.kept-draft-notice button{min-height:44px}
.link-import-domains-error[hidden]{display:none}
@media(min-width:1200px){.workspace{--sidebar-width:400px}}
@media(min-width:901px){
  .kept-draft-notice{display:none}
  .route-list{gap:2px;padding:4px 6px}
  .route-item{grid-template-columns:32px minmax(0,max-content) minmax(72px,1fr) auto;grid-template-rows:auto auto;align-items:center}
  .route-pick{grid-column:1;grid-row:1/span 2;padding-top:0;align-self:center}
  .route-select{grid-column:2/5;grid-row:1/span 2;align-self:stretch;align-content:center;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-template-areas:none;column-gap:6px;row-gap:1px;padding:3px 0 2px}
  .route-slug{grid-column:1;grid-row:1;min-width:0}
  .route-clicks{grid-column:3;grid-row:1;justify-self:end;padding-right:8px}
  .route-meta{grid-column:1/3;grid-row:2;min-width:0}
  .route-tags{position:relative;z-index:1;grid-column:3;grid-row:1;justify-content:flex-end;flex-wrap:nowrap;min-width:0;overflow:hidden;padding:0}
  .route-tags .tag-chip{flex:0 1 auto;min-width:2.5em;min-height:18px;padding:0 7px;line-height:16px;font-size:12px}
  .route-actions{position:relative;z-index:1;grid-column:4;grid-row:2;padding:0 6px 1px 0}
  .route-tags{container-type:inline-size}
  @container (max-width:109px){
    .route-tags .tag-chip,.route-tags .tag-more{display:none}
    .route-tags .tag-count{display:inline-flex}
  }
}
@media(min-width:901px) and (max-width:1199px){
  .route-item{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto auto}
  .route-select{grid-column:2/4}
  .route-slug{grid-column:1/3}
  .route-clicks{grid-column:2;grid-row:2}
  .route-meta{grid-column:1;grid-row:2}
  .route-tags{grid-column:2;grid-row:3;justify-content:flex-start;padding:0 0 3px}
  .route-actions{grid-column:3;grid-row:3;padding-bottom:3px}
}

@media(max-width:480px){.consent-preview [data-mobile-layout]{display:grid;grid-template-columns:minmax(0,1fr)}.consent-preview [data-mobile-layout="side-by-side"]{grid-template-columns:repeat(2,minmax(0,1fr))}.consent-preview [data-mobile-layout]>button{box-sizing:border-box;min-height:44px;min-width:0;width:100%;overflow-wrap:anywhere}}

.playlist-queue,.playlist-history{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;min-width:0}
.playlist-queue summary,.playlist-history summary{cursor:pointer;font-size:13px;color:var(--ink)}
.playlist-queue-body{display:grid;gap:10px;padding-top:12px}
.playlist-queue-body label{font-size:12px;display:grid;gap:6px}
.playlist-queue-add{display:flex;gap:8px;align-items:flex-start}
.playlist-queue-add textarea{min-width:0;flex:1;resize:vertical;min-height:44px}
.playlist-queue-more{justify-self:start}
.playlist-queue button{white-space:nowrap;font-size:12px;padding:7px 10px;min-height:36px}
.playlist-queue-hours input{max-width:100px}
.playlist-queue-status{font-size:12px;color:var(--ink-soft);overflow-wrap:anywhere}
.playlist-queue-item,.playlist-history-entry{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.playlist-queue-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.playlist-queue-position{flex:0 0 auto;min-width:18px;color:var(--ink-soft)}
.playlist-queue-item .playlist-entry{flex:1 1 180px}
.playlist-queue-actions{display:flex;gap:6px;margin-left:auto}
.playlist-queue-current{display:grid;gap:6px}
.playlist-queue-unsaved{display:grid;gap:4px;font-size:13px;color:var(--ink-quiet)}
.playlist-entry{display:flex;align-items:center;gap:10px;min-width:0}
.playlist-entry img{width:40px;height:40px;flex-shrink:0;border-radius:6px;object-fit:cover;background:var(--line)}
.playlist-entry-link{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.playlist-entry-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
a.playlist-entry-link:hover .playlist-entry-title,a.playlist-entry-link:focus-visible .playlist-entry-title,a.playlist-history-name:hover{text-decoration:underline}
.playlist-history-entry>span{display:block;color:var(--ink-soft);margin-top:4px}
.playlist-history-name{color:var(--ink);font-weight:600}
a.playlist-history-name{text-decoration:none}
.playlist-history-swap{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.playlist-history-swap-label,.playlist-history-swap-meta{color:var(--ink-soft)}
.playlist-history>p{font-size:12px;color:var(--ink-soft)}
.playlist-queue-options{display:grid;gap:10px;padding-top:10px}
.playlist-queue-options label:has(input[type=checkbox]){display:flex;align-items:center}
.playlist-queue-options input[type=checkbox]{width:auto;min-height:0}
#consent-audience-details{margin:0 15px 15px}#consent-audience-details>.consent-subdetails-body>.consent-step-body{padding:0 0 12px}
/* Privacy popup: the link's choice, then the popup editor under its own heading. */
.consent-edit-section{display:grid;gap:16px;min-width:0;margin-top:8px;padding-top:20px;border-top:1px solid var(--line-strong)}
.consent-edit-header h3{margin:0;color:var(--ink);font:600 16px/1.3 var(--display)}
.consent-edit-header p{margin:4px 0 0;color:var(--ink-quiet);font-size:12px;line-height:1.5}
.consent-link-activation .simnote.link-popup-unsaved{color:var(--warn)}
.consent-publish-help{margin:10px 0 0;color:var(--ink-quiet);font-size:12px;line-height:1.5}
.consent-legal-details{border-style:dashed;background:transparent}
.consent-legal-details>summary{color:var(--ink-quiet);font-weight:500}
.consent-legal-details>.consent-legal-note{margin:0;padding:0 13px 12px;color:var(--ink-quiet);font-size:12px;line-height:1.5}
.consent-legal-details>.simnote:last-child{margin:0;padding:10px 13px 12px;color:var(--ink-quiet);font-size:12px}
.link-domain-field>small{color:var(--ink-quiet);font-size:12px;line-height:1.45}
/* Custom domains: plain status first, technical checks second. */
.custom-domain-state{display:inline-block;margin:6px 0 0;padding:2px 9px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-soft);font-size:12px;font-weight:600}
.custom-domain-state.ready{border-color:#7dd3fc59;background:var(--info-bg);color:var(--info)}
.custom-domain-state.live{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
.custom-domain-row .custom-domain-checks{font-size:11px;opacity:.85}
.custom-domain-head .custom-domain-state{display:inline-block;width:auto;margin-top:7px}
.consent-link-activation .link-popup-tracking-off{justify-self:start;min-height:44px}
.traffic-segment.hide-share b,.traffic-segment.hide-index .traffic-segment-index{display:none}
.route-item{position:relative}.route-select::before{content:"";position:absolute;inset:0;border-radius:inherit}.route-pick,.route-tags,.route-actions{position:relative;z-index:1}.route-tags{pointer-events:none}.route-tags>*{pointer-events:auto}

/* Sections: a slim sidebar on a laptop, a bottom tab bar on a phone. */
:root{--nav-width:88px;--bottom-nav-height:60px}
.app-nav{display:flex;flex-direction:column;gap:4px;position:fixed;top:69px;bottom:0;left:0;z-index:25;width:var(--nav-width);padding:14px 8px;border-right:1px solid var(--shell-line);background:#080b11}
.app-nav-item{display:grid;justify-items:center;gap:5px;padding:10px 4px 9px;border-radius:10px;color:var(--shell-muted);font-size:12px;font-weight:600;line-height:1.2;text-decoration:none}
.app-nav-item[hidden]{display:none}
.app-nav-item .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-nav-item:hover{background:#ffffff0a;color:var(--ink)}
.app-nav-item.active{background:var(--accent-soft);color:var(--accent-ink)}
.app-nav-item.active .ui-icon{stroke:var(--accent)}
.app-nav-settings{margin-top:auto}
#console-shell.console-loading .app-nav{display:none}
#console-shell>.workspace,#console-shell>.section-page,#console-shell>.app-footer{margin-left:var(--nav-width);margin-right:auto}
#console-shell>.workspace{max-width:calc(var(--layout-width) - var(--nav-width))}
.action-bar{left:var(--nav-width)}

.section-page{max-width:calc(var(--layout-width) - var(--nav-width));padding:24px 24px 96px}
.section-page[hidden]{display:none}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.section-head h1{margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.25}
.section-head h1:focus{outline:none}
.section-head p{max-width:680px;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}
.section-head .primary{flex-shrink:0}
.section-head .primary[hidden]{display:none}

.popups-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.popup-list-panel{position:sticky;top:92px;padding:8px;border:1px solid var(--shell-line);background:var(--midnight-2)}
.popup-list-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px}
.popup-list-head h2{margin:0;font-size:14px;font-weight:600}
.popup-list-head span{color:var(--ink-quiet);font-size:12px}
.popup-list{display:grid;gap:4px}.popup-list-filter{display:grid;gap:4px;padding:0 10px 10px;color:var(--ink-quiet);font-size:12px}.popup-list-filter select{width:100%;min-height:40px}.popup-countries{color:var(--ink-quiet);font-size:12px;overflow-wrap:anywhere}
.popup-list-empty{margin:0;padding:10px;color:var(--ink-quiet);font-size:13px;line-height:1.5}
.popup-row{display:grid;justify-items:start;gap:5px;width:100%;min-height:44px;padding:12px;border:1px solid transparent;border-radius:10px;background:none;color:var(--ink);text-align:left;cursor:pointer}
.popup-row:hover{background:#ffffff06}
.popup-row.active{border-color:#34d39945;background:#10382e55;box-shadow:inset 2px 0 var(--mint)}
.popup-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.popup-status{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}
.popup-status.live{background:var(--ok-bg);color:var(--ok)}
.popup-status.draft{background:var(--warn-bg);color:var(--warn)}
.popup-usage{color:var(--ink-quiet);font-size:12px}
.popup-usage:empty{display:none}
.popup-editor-panel{min-width:0;padding:20px;border:1px solid var(--line);background:var(--paper);overflow:visible}
#popup-editor-panel .consent-edit-section{margin-top:0;padding-top:0;border-top:0}

#domains-section .section-panel{max-width:1000px;border:1px solid var(--line);background:var(--paper)}
#domains-section .advanced-content{border-top:0}

#reports-section .reports-panel{width:100%}
.reports-filtered{margin:8px 0 0;color:var(--ink-quiet);font-size:12px;line-height:1.5}
.reports-filtered b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;align-items:start}
.settings-card{min-width:0;padding:20px;border:1px solid var(--line);background:var(--paper)}
.settings-card[hidden]{display:none}
.settings-card h2{margin:0 0 6px;font-size:16px;font-weight:600}
.settings-card-text{margin:0 0 12px;color:var(--ink-soft);font-size:13px;line-height:1.5}
.settings-card-text:empty{display:none}
.settings-card .settings-warning{color:var(--amber)}
.settings-card>button+.settings-card-text{margin:10px 0 0}
.settings-wide{grid-column:1/-1}
#provider-card{padding:20px 0 0}
#provider-card>h2,#provider-card>.settings-card-text{padding:0 20px}

.breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 12px 2px;color:var(--ink-quiet);font-size:13px}
.breadcrumb a{color:var(--ink-soft);text-decoration:none;border-radius:6px}
.breadcrumb a:hover{color:var(--accent-ink);text-decoration:underline}
#breadcrumb-current{min-width:0;overflow:hidden;color:var(--ink);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.workspace:not(.editor-active) .breadcrumb{display:none}
.link-popup-edit-row{margin:4px 0 0}
.link-popup-edit-row a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:9px;font-size:13px;font-weight:600;text-decoration:none}

@media(max-width:900px){
  .popups-layout{grid-template-columns:1fr}
  .popup-list-panel{position:static}
  .settings-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .app-nav{top:auto;right:0;width:auto;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));flex-direction:row;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;padding:4px 2px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--shell-line);background:#080b11f8;backdrop-filter:blur(12px);z-index:30}
  .app-nav-item{gap:3px;padding:6px 0;min-height:44px;font-size:12px}
  .app-nav-settings{margin-top:0}
  #console-shell>.workspace,#console-shell>.section-page,#console-shell>.app-footer{margin-left:0}
  #console-shell{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}
  .action-bar{left:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:12px}
  .bulk-bar{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}
  #editor>.editor-body{padding-bottom:calc(220px + var(--bottom-nav-height))}
  .section-page{padding:16px 12px 32px}
  .section-head{display:grid;align-items:start;gap:12px}
  .section-head h1{font-size:22px}
  .section-head .primary{justify-self:start;min-height:44px}
  .popup-editor-panel{padding:14px 12px}
  .settings-card{padding:16px}
  #provider-card{padding:16px 0 0}
  #provider-card>h2,#provider-card>.settings-card-text{padding:0 16px}
  .breadcrumb{margin:0 0 10px 2px}
  .breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
  .toast{bottom:auto}
}
#consent-version-row>[hidden],#consent-edit-version-note[hidden]{display:none}

/* One content area for every section. It runs from right after the sidebar
   to the window's right edge with the same gutter on both sides, at every
   width. Only text keeps a readable width, never the containers. */
:root{--content-pad:24px;--text-max:800px}
#console-shell>.workspace,#console-shell>.section-page,#console-shell>.app-footer{max-width:none;margin-left:var(--nav-width);margin-right:0;padding-left:var(--content-pad);padding-right:var(--content-pad)}
#console-shell>.workspace p:not([class*="empty"]),#console-shell>.section-page p:not([class*="empty"]){max-width:min(100%,var(--text-max))}
.section-head{align-items:flex-start}
.section-head>.secondary,.section-head>.primary{flex-shrink:0}
#domains-section .section-panel{max-width:none}
#domains-section .custom-domain-create,#domains-section .simnote{max-width:760px}
#domains-section .custom-domain-create{grid-template-columns:minmax(0,1fr) auto}
.settings-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1400px){.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
/* On a wide window the link list grows a little too, up to 520 px. */
@media(min-width:1200px){.workspace{--sidebar-width:clamp(400px,20vw,520px)}}
#reports-section .reports-panel{border:0;border-radius:0;background:none;overflow:visible}
#reports-section .reports-intro{padding:0;border:0;margin-bottom:20px}
#reports-section .reports-heading{margin:0 0 4px}
#reports-section .reports-heading h1{margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:0}
#reports-section .reports-updated{margin:0;color:var(--ink-soft);font-size:14px}
#reports-section .reports-updated.error{color:var(--danger)}
#reports-section .reports-filtered{margin:6px 0 0}
#reports-section .reports-body{padding:20px 24px 32px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
@media(min-width:701px){
  /* The logo sits in the sidebar column; the header and the save bar end at
     the content's right edge. */
  .app-header{padding-left:calc((var(--nav-width) - 54px) / 2);padding-right:var(--content-pad)}
  .action-bar{padding-left:var(--content-pad);padding-right:var(--content-pad)}
  /* A short window scrolls the sidebar, and Settings stays pinned at its foot. */
  .app-nav{overflow-y:auto;overscroll-behavior:contain}
  .app-nav-settings{position:sticky;bottom:0}
  .app-nav-settings:not(.active){background:#080b11}
  .app-nav-settings:not(.active):hover{background:#12171f}
}
@media(max-width:700px){
  :root{--content-pad:12px}
  #console-shell>.workspace,#console-shell>.section-page{margin-left:0}
  #reports-section .reports-body{padding:16px 12px 28px}
  .section-head>.secondary{justify-self:start;min-height:44px}
  .settings-grid{grid-template-columns:1fr}
}

/* Workspaces window, opened from Links. */
.list-head-actions .workspaces-button{padding-inline:10px;font-size:12px;font-weight:600}
.workspaces-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.workspaces-head h2{margin:0}
.workspaces-message{min-height:0;margin:12px 0 0;color:var(--amber)}
.workspaces-message:empty{display:none}
.workspace-manage-list{display:grid;gap:6px;margin:18px 0 0;padding:0;list-style:none;max-height:min(52vh,520px);overflow:auto}
.workspace-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 12px;border:1px solid var(--shell-line);border-radius:10px;background:var(--midnight)}
.workspace-manage-identity{display:grid;gap:2px;min-width:0}
.workspace-manage-identity strong{overflow-wrap:anywhere;color:var(--shell-ink);font-size:14px}
.workspace-manage-identity span{color:var(--shell-quiet);font-size:12px}
.workspace-manage-actions{display:flex;flex-shrink:0;gap:6px}
.workspace-manage-actions .compact-button{min-height:36px;padding:6px 12px;font-size:13px;font-weight:600}
.workspace-manage-actions .workspace-delete{color:var(--danger)}
@media(max-width:700px){
  .workspaces-head{flex-wrap:wrap}
  .workspace-manage-row{flex-wrap:wrap}
  .workspace-manage-actions .compact-button{min-height:44px}
  #new-workspace{min-height:44px}
}

/* Links with none chosen: the editor side asks to pick one. */
.editor-panel.is-empty>:not(.editor-empty){display:none!important}
.editor-empty{display:grid;justify-items:start;align-content:start;gap:10px;padding:32px 28px}
.editor-empty[hidden]{display:none}
.editor-empty h2{margin:0;font-size:20px;font-weight:600}
.editor-empty p{margin:0;color:var(--ink-soft);max-width:46ch;line-height:1.5}
/* Save draft and Publish answer next to their buttons. */
.consent-review-actions{flex-wrap:wrap}
.consent-review-msg{flex:1 1 100%;margin:0}
.consent-review-msg:empty{display:none}
/* Providers: one plain status line each. */
.provider-status-lines{display:grid;gap:4px}
.provider-status-lines:empty{display:none}
#test-server-delivery-reason:empty{display:none}
/* Delete popup: last in the editor, separated from Publish. */
.consent-step-body .consent-popup-actions{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
/* Fields the editor scrolls or jumps to stay clear of the header, the
   sticky section tabs and the save bar. */
#editor :is(input,select,textarea,button,section,.destrow,.traffic-mix){scroll-margin-top:150px;scroll-margin-bottom:110px}
@media(max-width:700px){
  /* Phone: one short save bar, section tabs that scroll away with the page. */
  .action-bar{flex-wrap:nowrap;gap:10px;min-height:56px;padding-top:6px;padding-bottom:6px}
  .action-bar .save-state{flex:1 1 auto;flex-basis:auto;min-width:0}
  .action-bar .save-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}
  .action-bar .save-status::before{top:6px}
  .action-bar .save-actions{width:auto;flex-wrap:nowrap}
  .action-bar #save-link{flex:0 0 auto;min-width:0;padding-inline:16px}
  .action-bar:has(#save-msg.error),.action-bar:has(.conflict-reload:not([hidden])),.action-bar:has(#save-as-new:not([hidden])){flex-wrap:wrap}
  .action-bar:has(#save-msg.error) .save-state,.action-bar:has(.conflict-reload:not([hidden])) .save-state{flex-basis:100%}
  .action-bar .save-status:has(#save-msg.error){white-space:normal}
  .editor-section-nav{position:static}
  #editor>.editor-body{padding-bottom:calc(120px + var(--bottom-nav-height))}
  #editor :is(input,select,textarea,button,section,.destrow,.traffic-mix){scroll-margin-top:84px;scroll-margin-bottom:140px}
}
/* Reports: kinds and Group by are switches, one segmented control each. */
.segmented{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;border:1px solid var(--line-strong);border-radius:11px;background:var(--cloud)}
.segmented button{min-height:36px;padding:6px 14px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer}
.segmented button:hover{background:var(--raised);color:var(--ink)}
.segmented button[aria-pressed="true"]{background:var(--mint-soft);color:var(--mint-ink);box-shadow:inset 0 0 0 1px var(--mint-dark)}
.segmented button[hidden]{display:none}
.report-group.segmented>span{padding:0 8px 0 6px}
.settings-subhead{margin:18px 0 4px;font-size:14px;font-weight:600}
#purge-msg:empty{display:none}
@media(max-width:700px){.report-kind-nav.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.segmented button{min-height:44px}.report-overview-period.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch}.report-overview-period button{padding:6px 4px}.report-overview .report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.report-overview .report-summary-item{padding:8px}.report-overview .report-summary-item strong{font-size:18px}}
/* Popup editor on a phone: folded steps, and Save draft and Publish in a
   bar above the section bar. */
.consent-step-toggle{display:none}
@media(max-width:700px){
  .consent-workflow-step>header{position:relative}
  .consent-step-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:44px;min-width:64px}
  .consent-workflow-step.is-folded>:not(header){display:none}
  .consent-review-actions{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:8px 12px;border-top:1px solid var(--line);background:#080e17f5;backdrop-filter:blur(12px)}
  .consent-review-actions>*{width:100%;min-height:44px}
  .consent-review-actions #consent-publish{grid-column:auto}
  .consent-review-actions>a,.consent-review-actions>button{padding-inline:6px;font-size:13px}
  .consent-review-actions .consent-review-msg{grid-column:1/-1;order:-1;min-height:0}
  #popups-section{padding-bottom:calc(96px + var(--bottom-nav-height))}
}

/* Keywords */
.keywords-panel{padding:18px 20px 20px;background:var(--paper);border:1px solid var(--line)}
.keywords-panel>.save-message:empty{display:none}
.keywords-empty h2{margin:0 0 6px;font-size:17px;font-weight:600}
.keywords-empty p{margin:0;color:var(--ink-soft)}
.keywords-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.keywords-control{display:block;min-width:180px}
.keywords-control .field-label{margin-bottom:6px}
.keywords-search{flex:1 1 220px}
.keywords-volume-status:empty{display:none}
.keywords-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--cloud)}
.keywords-bulk strong{margin-right:auto;font-size:13px}
.keywords-table-wrap{margin-top:14px;overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.keywords-table{width:100%;border-collapse:collapse;font-size:13px}
.keywords-table th{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--ink-quiet);font-size:12px;font-weight:600;text-align:left;white-space:nowrap;background:var(--cloud)}
.keywords-table td{padding:7px 10px;border-top:1px solid var(--line);vertical-align:middle}
.keywords-table tr:first-child td{border-top:0}
.keywords-table .keywords-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.keywords-pick{width:36px}
.keyword-name{min-width:200px}
.keyword-name span{display:block}
.keyword-name .keyword-name-line{display:flex;align-items:center;gap:8px}
.keyword-open{display:block;flex:1 1 auto;min-width:0;padding:3px 0;color:var(--ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere;-webkit-user-drag:none;user-select:text}
.keyword-copy{flex:none;min-height:30px;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-quiet);font-size:12px;font-weight:600}
.keyword-copy:hover,.keyword-copy:focus-visible{border-color:var(--line-strong);color:var(--ink)}
.keyword-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.keyword-title-line h1{user-select:text}
.keyword-open:hover,.keyword-open:focus-visible{color:var(--mint-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.keyword-flagged{background:var(--warn-bg)}
.keyword-flag{margin-top:2px;color:var(--warn);font-size:12px}
.keyword-season{margin-top:2px;color:var(--ink-quiet);font-size:12px}
.keywords-sort-head{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.keywords-sort-head:hover{color:var(--ink)}
.keywords-table th[aria-sort="descending"] .keywords-sort-head::after{content:" \2193"}
.keywords-table th[aria-sort="ascending"] .keywords-sort-head::after{content:" \2191"}
.keyword-change{color:var(--ink-soft)}
.keyword-change.change-up{color:var(--mint-ink)}
.keyword-change.change-down{color:var(--warn)}
.keyword-change.change-unknown{color:var(--ink-quiet);font-size:12px}
.keyword-trend{display:block;width:84px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.keyword-niche{min-width:150px;min-height:36px;padding:6px 8px;font-size:13px}
.keyword-actions{white-space:nowrap;text-align:right}
.keyword-actions button{min-height:36px;padding:6px 10px;font-size:13px}
.keyword-actions button+button{margin-left:6px}
.keyword-state{margin-right:8px;color:var(--ink-quiet);font-size:12px}
.keywords-niches-panel{margin-top:20px;padding:18px 20px;background:var(--paper);border:1px solid var(--line)}
.keywords-niches-panel h2{margin:0;font-size:17px;font-weight:600}
.keywords-niches{display:grid;gap:6px;margin:12px 0 0;padding-left:22px}
.keywords-niches li span{margin-left:8px;color:var(--ink-quiet);font-size:13px}
.keyword-import-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:18px}
.keywords-head-actions{display:flex;flex-wrap:wrap;flex-shrink:0;gap:8px}
.keyword-add-country{max-width:280px;margin-top:18px}
.keyword-add-text{margin-top:12px}
.keyword-add-text textarea{display:block;width:100%;box-sizing:border-box;min-height:160px;resize:vertical;font:inherit}
.keyword-import-counts{margin:0;padding:12px 14px 12px 32px;display:grid;gap:4px;font-size:13px}
.keywords-edit-niches{min-height:44px}
.keywords-bulk-move{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%}
.keywords-bulk-move select{width:auto;min-width:0;max-width:100%}
.niche-edit-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.niche-edit{padding:12px;border:1px solid var(--shell-line);border-radius:10px;background:var(--midnight)}
.niche-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}
.niche-edit-fields .keywords-control{min-width:0}
.niche-edit-words textarea{display:block;box-sizing:border-box;min-height:96px;resize:vertical;font:inherit}
.niche-edit-foot,.niche-edit-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.dialog-body .niche-edit-meta{margin-right:auto;font-size:12px}
.dialog-body .niche-edit-confirm p{flex:1 1 220px;color:var(--shell-ink);font-size:13px}
.niche-edit-message:empty,.niches-message:empty{display:none}
.dialog-body .niches-message{margin-top:12px}
.dialog-body .niche-edit-message{margin-top:8px;font-size:13px}
@media (max-width:700px){
  .keywords-panel,.keywords-niches-panel{padding:14px}
  .keywords-control{min-width:0;flex:1 1 100%}
  .keyword-import-controls{grid-template-columns:1fr}
  .keywords-bulk-move{flex:1 1 100%}
  .keywords-bulk-move select{flex:1 1 160px}
  .niche-edit-fields{grid-template-columns:1fr}
  .dialog-body .niche-edit-meta{flex-basis:100%}
  .keywords-table-wrap{overflow:visible;border:0}
  .keywords-table,.keywords-table tbody{display:block}
  .keywords-table thead tr{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}
  .keywords-table thead th{display:none;padding:0;border:0;background:none}
  .keywords-table thead th.keywords-pick{display:block}
  .keywords-table thead tr::after{content:"Select all";color:var(--ink-quiet);font-size:12px;font-weight:600}
  .keywords-table tbody tr{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:6px 10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px}
  .keywords-table td{display:block;padding:0;border:0}
  .keywords-table td.keywords-pick{grid-row:1}
  .keywords-table td.keyword-name{grid-column:2/-1;grid-row:1;min-width:0}
  .keywords-table td.keywords-number{grid-column:auto;text-align:left}
  .keywords-table td.keywords-number::before{content:attr(data-label);display:block;color:var(--ink-quiet);font-size:12px}
  .keywords-table td.keywords-number:nth-child(3){grid-column:2/-1}
  .keywords-table td.keyword-trend-cell{grid-column:2/-1}
  .keywords-table td.keyword-trend-cell:empty{display:none}
  .keywords-table td.keyword-change:nth-child(5){grid-column:2}
  .keywords-table td.keyword-change:nth-child(6){grid-column:3}
  .keywords-table td.keyword-change:nth-child(7){grid-column:2}
  .keywords-table td.keyword-change{min-width:0;white-space:normal}
  .keywords-table td.keyword-niche-cell,.keywords-table td.keyword-actions{grid-column:2/-1}
  .keyword-niche{width:100%}
  .keyword-actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px;white-space:normal;text-align:left}
  .keyword-actions button+button{margin-left:0}
  .keyword-actions button{min-height:44px}
}

/* Keyword page */
.keyword-breadcrumb{margin-bottom:12px}
.keyword-breadcrumb a{font-weight:600}
.keyword-head{align-items:flex-start}
.keyword-head h1{overflow-wrap:anywhere}
.keyword-page-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.keyword-page-actions .keyword-state{align-self:center}
.keyword-page-niche{max-width:320px;margin-bottom:16px}
.keyword-section{margin-top:16px;padding:18px 20px;background:var(--paper);border:1px solid var(--line)}
.keyword-section h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;font-size:17px;font-weight:600}
.keyword-subhead{margin:20px 0 8px;font-size:14px;font-weight:600;color:var(--ink-soft)}
.reference-tag{padding:2px 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-quiet);font-size:12px;font-weight:600}
.keyword-empty{margin:0;color:var(--ink-soft)}
.keyword-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.keyword-stat{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}
.keyword-stat span{color:var(--ink-quiet);font-size:12px}
.keyword-stat strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.keyword-chart{min-width:0}
.keyword-change-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.keyword-change-item{display:grid;gap:2px;align-content:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cloud)}
.keyword-change-item>span{color:var(--ink-quiet);font-size:12px}
.keyword-change-item>strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.keyword-change-item>strong.change-unknown{font-size:14px}
.keyword-change-item>small{color:var(--ink-quiet);font-size:12px;line-height:1.4}
.keyword-changes .simnote{margin-top:8px}
.keyword-seasons{margin-top:10px}
.keyword-seasons:empty{display:none}
.keyword-trends-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}
.keyword-trends-head .keyword-subhead{margin:0}
.keyword-trends-range[hidden]{display:none}
.keyword-demand-range{justify-self:start;width:max-content;max-width:100%;margin:14px 0 4px}
.keyword-demand-range[hidden],.keyword-seasons-block[hidden]{display:none}
.keyword-seasons-block .keyword-seasons{margin-top:4px}
.axis-chart{margin:12px 0 0;min-width:0}
.chart-axis-title{margin-bottom:6px;color:var(--ink-quiet);font-size:12px}
.axis-chart-body{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px}
.chart-y{position:relative;height:160px;color:var(--ink-quiet);font-size:11px;font-variant-numeric:tabular-nums}
.chart-y span{position:absolute;right:0;transform:translateY(-50%);line-height:1}
.axis-chart-plot{position:relative;min-width:0}
.line-chart{display:block;width:100%;height:160px;overflow:hidden}
.chart-x{position:relative;height:18px;margin:4px 0 0 46px;color:var(--ink-quiet);font-size:12px}
.chart-x span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.chart-x span.chart-x-start{transform:none}
.chart-x span.chart-x-end{transform:translateX(-100%)}
.chart-point,.chart-mark{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--dest-2)}
.chart-point.chart-line-searches{background:var(--accent)}
.chart-mark{width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid var(--paper)}
.chart-mark-strong,.chart-legend-strong{background:var(--accent)}
.chart-mark-weak,.chart-legend-weak{background:var(--warn)}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 0 46px;color:var(--ink-quiet);font-size:12px}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.chart-range{margin-top:2px}
.chart-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart-line-searches{stroke:var(--accent)}
.chart-line-trends{stroke:var(--dest-2)}
.chart-months{display:flex;justify-content:space-between;margin-top:4px;color:var(--ink-quiet);font-size:12px}
.youtube-videos{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.youtube-videos li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:start}
.youtube-videos li:not(:has(img)){grid-template-columns:minmax(0,1fr)}
.youtube-videos img{display:block;width:160px;height:90px;border-radius:8px;object-fit:cover;background:var(--cloud)}
.youtube-videos a,.youtube-videos .video-title{display:block;font-weight:600;overflow-wrap:anywhere}
.youtube-videos span{color:var(--ink-quiet);font-size:12px}
.outlier-score-line{display:block;margin-top:2px}
.youtube-videos .outlier-score{color:var(--accent-ink);font-size:14px;font-weight:600}
@media (max-width:700px){
  .keyword-head{flex-direction:column}
  .keyword-page-actions{justify-content:flex-start}
  .keyword-page-niche{max-width:none}
  .keyword-section{padding:14px}
  .keyword-stats{grid-template-columns:1fr}
  .chart-months-many span:nth-child(even),.chart-x-many span:nth-child(even){visibility:hidden}
  .youtube-videos li{grid-template-columns:112px minmax(0,1fr)}
  .youtube-videos img{width:112px;height:63px}
}