/* v26: presentation only, shared with the embedded editor. */
:root{--bg:#f5f6f8;--card:#fff;--card-soft:#f7f8fa;--text:#20252e;--muted:#6b7380;--line:#e1e4e9;--line-2:#d6dbe3;--border:var(--line);--brand:#252c36;--brand-soft:#edf0f4;--brand-ring:#7e8b9e25;--purple:#252c36;--navy:#14171c;--surface-hover:#edf0f4;--primary-text:#fff;--sidebar-bg:#14171c;--sidebar-text:#aeb5c1;--sidebar-active:#272d37;--shadow:none;--shadow-sm:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
:root[data-theme=dark]{--bg:#101216;--card:#191c22;--card-soft:#20242b;--text:#f1f2f4;--muted:#a0a6b1;--line:#30353e;--line-2:#3a414c;--border:var(--line);--brand:#e8eaee;--brand-soft:#252a32;--brand-ring:#b9c1cd26;--purple:#e8eaee;--surface-hover:#252a32;--primary-text:#15181e;--sidebar-bg:#12151a;--sidebar-text:#adb4c0;--sidebar-active:#252b35;background:var(--bg);color:var(--text)}
:root[data-theme] body{background:var(--bg);color:var(--text)}
:root[data-theme] :is(.workspace,.auth-page) :is(h1,h2,h3){color:var(--text)}
:root[data-theme] :is(.workspace,.auth-page) :is(p,small,.muted,.eyebrow,.caption,.timestamp,.project-meta,.project-subtitle,.site-address,.result-count,.private,.project-footnote,.metric-top,.metric small){color:var(--muted)}
:root[data-theme] :is(.workspace,.auth-page) a{color:var(--text)}
:root[data-theme] :is(.workspace,.auth-page) :is(.card,.metric,.collection-tools,.domain-card,dialog,.auth-header){background:var(--card);color:var(--text);border-color:var(--line);box-shadow:none}
:root[data-theme] :is(.workspace,.auth-page) :is(.card,.metric){border-radius:12px}
:root[data-theme] :is(.workspace,.auth-page) :is(label,.advanced summary,.danger summary){color:var(--text)}
:root[data-theme] :is(.workspace,.auth-page) :is(input,select,textarea){background:var(--bg);color:var(--text);border-color:var(--line-2);border-radius:8px;font-size:13px}
:root[data-theme] :is(.workspace,.auth-page) :is(input,textarea)::placeholder{color:var(--muted);opacity:.75}
:root[data-theme] :is(.workspace,.auth-page,.editor-workspace) :is(input,select,textarea):focus{border-color:#8490a2;outline:2px solid var(--brand-ring);box-shadow:none}
:root[data-theme] :is(.workspace,.auth-page,.editor-workspace) :is(a,button,summary):focus-visible{outline:2px solid #8e9daf;outline-offset:3px}
:root[data-theme] :is(.workspace,.auth-page) :is(button,.button){border-radius:8px;font-size:12px;min-height:38px;font-weight:600}
:root[data-theme] :is(.workspace,.auth-page) .primary{background:var(--brand);color:var(--primary-text);border:1px solid var(--brand);box-shadow:0 1px 2px #0001}
:root[data-theme] :is(.workspace,.auth-page) .primary:hover{filter:brightness(.92)}
:root[data-theme] :is(.workspace,.auth-page) :is(.secondary,.ghost,.icon-button){background:var(--card-soft);color:var(--text);border-color:var(--line-2);box-shadow:none}
:root[data-theme] :is(.workspace,.auth-page) :is(.secondary,.ghost,.icon-button):hover{background:var(--surface-hover);border-color:#687383}
:root[data-theme] .sidebar{width:250px;background:var(--sidebar-bg);border-right:1px solid #2b3039;color:var(--sidebar-text)}
:root[data-theme] .sidebar .brand{padding:29px 25px 35px;font-size:18px;gap:12px;color:#f4f5f7}
:root[data-theme] .logo{background:transparent;box-shadow:none;border-radius:0;color:inherit;width:32px;height:36px}
:root[data-theme] .logo .icon{width:32px;height:32px;stroke-width:1.5}
:root[data-theme] .brand small{font-size:11px;letter-spacing:0;font-weight:400;color:#9ca6b7;margin-top:3px}
:root[data-theme] .app-nav{gap:6px;padding:0 14px}
:root[data-theme] .nav-label{padding:0 26px 13px;font-size:10px;font-weight:650;letter-spacing:.12em;color:#8390a4}
:root[data-theme] .app-nav .nav-group-services{margin:19px 8px 6px;padding:23px 8px 7px;border-top:1px solid #2e343e}
:root[data-theme] .app-nav a{padding:11px 12px;min-height:46px;gap:13px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:8px;color:var(--sidebar-text);background:transparent;box-shadow:none}
:root[data-theme] .app-nav a:hover{background:#ffffff08;color:#fff}
:root[data-theme] .app-nav a.active{background:var(--sidebar-active);color:#fff;border-color:#ffffff04}
:root[data-theme] .sidebar-bottom{padding:20px 24px}
:root[data-theme] .private-note{color:#b6bdc9;border-color:#2e343e;padding-bottom:18px}
:root[data-theme] .private-note .icon{color:#96a2b4}
:root[data-theme] .private-note small{color:#7e8b9d}
:root[data-theme] .sidebar-version,:root[data-theme] .sidebar-version b{color:#7e8b9d}
.workspace-body{margin-left:250px}
:root[data-theme] .topbar{height:66px;background:var(--card);border-color:var(--line);padding:0 34px}
:root[data-theme] .breadcrumb{font-size:12px;color:var(--muted);gap:14px}
:root[data-theme] .breadcrumb strong{font-weight:500;color:var(--text)}
:root[data-theme] .breadcrumb>span{color:var(--muted)}
:root[data-theme] .topbar-actions{gap:20px}
:root[data-theme] .topbar .exit-button{font-size:11px;min-height:33px;padding:7px 13px}
:root[data-theme] .panel-theme-toggle,:root[data-theme] #panel-theme-toggle{background:transparent;color:var(--text);border-color:var(--line-2);min-height:34px;gap:7px;padding:6px 10px;font:500 11px system-ui;box-shadow:none}
.panel-theme-toggle svg{width:16px;height:16px}
.workspace-body>main{max-width:none;padding:34px 34px 22px}
.page-heading{margin-bottom:27px;align-items:center}
.page-heading h1,.intro h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:5px 0 9px;font-weight:700}
.page-heading p,.intro p{font-size:13px;line-height:1.65;max-width:850px}
.eyebrow,.caption{font-size:10px;letter-spacing:.1em;font-weight:600}
.page-heading>.button{padding:11px 16px}
.card{padding:23px;margin-bottom:22px}
.card h2{font-size:16px;font-weight:650;letter-spacing:-.02em}
.card-heading{margin-bottom:20px}
.card-heading p{font-size:12px}
.metric-grid{gap:16px;margin-bottom:24px}
.metric{padding:21px 22px}
.metric-top{font-size:12px}
:root[data-theme] .metric-top .icon{color:var(--muted);width:18px;height:18px}
.metric>strong{font-size:32px;font-weight:650;margin:16px 0 5px;letter-spacing:-.04em}
.metric small{font-size:10px}
.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:18px;align-items:stretch;margin-bottom:27px}
.overview-grid>.card{margin:0}
.recent-sites{padding-bottom:12px;display:flex;flex-direction:column}
.recent-sites>.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:24px 15px 30px}
.empty h3{font-size:17px;font-weight:650}
.empty p{font-size:12px;line-height:1.7}
:root[data-theme] :is(.site-monogram,.action-symbol,.empty-symbol,.provider-logo,.pill){background:var(--brand-soft);color:var(--text);border:1px solid var(--line-2);box-shadow:none}
.empty-symbol{width:48px;height:48px;border-radius:10px;margin-bottom:18px}
.empty-symbol .icon{width:25px;height:25px}
.recent-row{min-height:79px;gap:12px}
:root[data-theme] :is(.recent-row,.project-card,.event-list li,.domain-detail,.project-tabs,.collection-nav,.sms-history-row,details,td){border-color:var(--line)}
:root[data-theme] :is(.recent-info>a,.project-card h2 a,.domain-detail strong){color:var(--text)}
.recent-info>a{font-size:13px}
.recent-info small{font-size:11px}
.text-link{font-size:12px;font-weight:500}
.connection-card{display:flex;flex-direction:column}
.connection-card .card-heading{margin-bottom:12px}
.connection-row{margin:15px 0;gap:14px}
.provider-logo{width:43px;height:43px;border-radius:9px;font-size:18px}
.connection-row strong{font-size:13px;font-weight:600}
.connection-row small{font-size:11px}
.connection-dot{width:6px;height:6px;background:#747e8d}
.connection-dot.configured{background:#72c49b}
.connection-card .full-width{margin-top:auto;min-height:40px;font-size:12px}
.quick-access>h2{font-size:18px;letter-spacing:-.02em;font-weight:650;margin-bottom:16px}
.quick-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
:root[data-theme] .quick-access-card{display:flex;align-items:center;gap:16px;padding:21px 22px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);min-width:0;transition:border-color .15s,background .15s}
:root[data-theme] .quick-access-card:hover{background:var(--card-soft);border-color:#697586}
.quick-access-card>.icon{width:26px;height:26px;color:var(--muted)}
.quick-access-card>span{flex:1;min-width:0}
.quick-access-card strong{font-size:12px;font-weight:600;display:block}
.quick-access-card small{font-size:11px;margin-top:4px}
.quick-access-card>.icon:last-child{width:16px;height:16px}
.workspace-body>footer{padding:21px 0 24px;margin:0 34px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.workspace-body>footer b{color:var(--muted)}
/* Collections, domains and forms share the same neutral surfaces. */
:root[data-theme] :is(.collection-nav>a.selected,.project-tabs a.selected){color:var(--text);border-color:var(--brand)}
:root[data-theme] .collection-nav a>span{background:var(--brand-soft);color:var(--text)}
:root[data-theme] .search-field{background:var(--bg);border-color:var(--line-2);color:var(--muted)}
:root[data-theme] .search-field input{background:transparent;border:0}
.collection>.bulk-tools{padding:12px 23px;margin:0;border-top:0;border-bottom:1px solid var(--line)}
.bulk-tools label{margin:0;font-size:11px}
.bulk-tools p{font-size:11px}
.bulk-tools button{font-size:11px;min-height:32px;padding:7px 10px}
:root[data-theme] input[type=checkbox]{accent-color:#7b8797}
.collection-tools{padding:17px 23px}
.project-card{padding:22px 23px}
.project-meta{margin:13px 0;font-size:11px}
.project-card h2{font-size:14px}
:root[data-theme] :is(.provider-banner,.address-preview,.muted-card,.note,.rotation-slot,.rotation-next){background:var(--card-soft);color:var(--text);border-color:var(--line)}
:root[data-theme] :is(.provider-banner strong,.provider-banner small,.address-preview output,.rotation-next strong,.rotation-card>p,.rotation-help,.domain-card p b,.domain-card summary){color:var(--muted)}
:root[data-theme] .address-preview output{color:var(--text)}
:root[data-theme] .rotation-position{background:var(--brand-soft);color:var(--text);border:1px solid var(--line-2);border-radius:8px}
.rotation-slots{gap:16px;margin:20px 0}
.rotation-slot{padding:18px}
.rotation-card>p,.rotation-help{font-size:12px;line-height:1.7}
.rotation-toggle{font-size:13px!important}
.domain-card h2{font-size:18px}
.publish-card{border-top:1px solid var(--line)}
:root[data-theme] .publish-card h2{color:var(--text)}
.grid{gap:20px}
.grid>.card{margin-bottom:22px}
.stats{gap:16px}
.stats h2{font-size:22px;margin:10px 0}
:root[data-theme] th{background:var(--card-soft);color:var(--muted)}
:root[data-theme] td{color:var(--muted)}
.document-controls form{grid-template-columns:minmax(170px,1fr) minmax(230px,1.6fr) auto;gap:16px}
.document-controls label{font-size:12px;margin-top:0}
.document-controls select{min-height:43px}
:root[data-theme] :is(.factory-free,.factory-badges span){background:var(--brand-soft);color:var(--text)}
:root[data-theme] :is(.factory-metrics>div,.factory-company){background:var(--card);color:var(--text);border-color:var(--line);border-radius:12px}
:root[data-theme] .factory-badges .factory-active{background:#e1f5e9;color:#207446}
:root[data-theme=dark] .factory-badges .factory-active{background:#19372e;color:#a0e1bb}
.factory-settings{padding:24px}
.factory-fields label{margin-top:0}
:root[data-theme] .factory-controls button{min-height:40px;font-size:12px}
:root[data-theme] :is(.sms-widget,.sms-body){color:var(--text)}
:root[data-theme] :is(.sms-info,.sms-history-row small,.sms-history-row span,.sms-expiry){color:var(--muted)}
:root[data-theme] :is(.sms-copy,.sms-light){border:1px solid var(--line-2);background:var(--card-soft);color:var(--text)}
:root[data-theme] .sms-buy{background:var(--brand);color:var(--primary-text)}
:root[data-theme] :is(.sms-balance,.sms-countdown){background:var(--brand-soft);color:var(--text);border-color:var(--line-2)}
:root[data-theme] :is(.sms-actions a,.sms-recovery a){color:var(--text)}
:root[data-theme] .sms-copy-row input:not([data-state=waiting]):not([data-state=received]){background:var(--bg);color:var(--text);border-color:var(--line-2)}
:root[data-theme] .notice.neutral{background:var(--card-soft);color:var(--muted);border-color:var(--line)}
:root[data-theme] :is(.notice.error,.danger){background:#fff3f4;border-color:#edcbd1;color:#a3394a}
:root[data-theme=dark] :is(.notice.error,.danger){background:#2d1e24;border-color:#60323e;color:#ffb5c1}
:root[data-theme] .danger-link{color:#b74156!important}
:root[data-theme=dark] .danger-link{color:#f09cac!important}
:root[data-theme] .danger-button{background:#b33d50;color:#fff;border-color:#b33d50}
:root[data-theme] .danger-button:hover{background:#9c3042}
:root[data-theme] .danger summary{color:inherit}
:root[data-theme] .site-actions .danger-link{background:transparent;border-color:var(--line-2)}
/* Responsive viewport, including browser zoom. */
@media(min-width:1900px){.workspace-body>main{padding-left:44px;padding-right:44px}:root[data-theme] .topbar{padding-left:44px;padding-right:44px}.workspace-body>footer{margin-left:44px;margin-right:44px}}
@media(max-width:1200px){:root[data-theme] .sidebar{width:228px}.workspace-body{margin-left:228px}.workspace-body>main{padding:28px 24px 22px}:root[data-theme] .topbar{padding:0 24px}.workspace-body>footer{margin:0 24px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.quick-access-grid{gap:12px}:root[data-theme] .quick-access-card{padding:18px 15px;gap:10px}.quick-access-card strong{font-size:11px}.quick-access-card small{font-size:10px}}
@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.connection-card{display:block}.connection-card .full-width{margin-top:12px}.quick-access-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-controls form{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>form button{font-size:11px;max-width:220px}.grid{gap:0}.stats{grid-template-columns:1fr}.recent-sites>.empty{min-height:235px}}
@media(max-width:760px){:root[data-theme] .sidebar{width:250px}.workspace-body{margin-left:0}.workspace-body>main{padding:24px 16px 20px}:root[data-theme] .topbar{height:60px;padding:0 16px;gap:9px}:root[data-theme] .topbar-actions{gap:9px}:root[data-theme] .breadcrumb{font-size:0;gap:6px}.breadcrumb>strong{display:block;font-size:11px}.breadcrumb>span{display:none}:root[data-theme] .topbar .mobile-menu{background:transparent;min-height:34px;width:30px;padding:5px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-heading h1,.intro h1{font-size:25px}.page-heading p,.intro p{font-size:12px}.page-heading>.button{font-size:11px;min-height:37px}.page-heading>form button{max-width:none}.metric{padding:17px}.metric-top{font-size:11px}.metric>strong{font-size:28px}.metric small{font-size:9px}.metric-grid{gap:12px}.card{padding:20px}.collection{padding:0}.collection-tools,.collection>.bulk-tools,.project-card{padding-left:16px;padding-right:16px}.quick-access-card strong{font-size:12px}.quick-access-card small{font-size:11px}.workspace-body>footer{margin:0 16px;font-size:9px}.topbar-actions>.private{display:none}.site-actions>form .button{width:100%}.overview-grid{gap:18px}.recent-row>.status{margin-left:auto}.recent-info>a{font-size:12px}.factory-free{font-size:10px}.document-controls .actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.quick-access-card{transition:none}}
/* Retain functional SMS state colors in both themes. */
:root[data-theme] .sms-countdown[data-state=received]{background:#edf9f1;color:#237b4d;border-color:#cee9d8}
:root[data-theme] .sms-countdown[data-state=expired]{background:#fff4f1;color:#a94c3a;border-color:#f0d7cf}
:root[data-theme=dark] .sms-countdown[data-state=received]{background:#19372e;color:#a0e1bb;border-color:#35604c}
:root[data-theme=dark] .sms-countdown[data-state=expired]{background:#382330;color:#ffb5c1;border-color:#774255}
:root[data-theme] .sms-widget .sms-copy-row input[data-state=received]+.sms-copy{background:#ecf9f0;color:#206d43;border-color:#88c6a0}
:root[data-theme=dark] .sms-widget .sms-copy-row input[data-state=received]+.sms-copy{background:#19372e;color:#a0e1bb;border-color:#4f9169}
.factory-fields label small{display:inline;font-size:10px;font-weight:400;margin-left:5px}
:root[data-theme] .factory-help summary{color:var(--muted)}