/* shadcn neutral design tokens adapted to the existing Blade/native HTML components. */
:root{--background:#09090b;--foreground:#fafafa;--card:#101012;--card-foreground:#fafafa;--popover:#18181b;--popover-foreground:#fafafa;--primary-foreground:#18181b;--secondary-foreground:#fafafa;--muted-foreground:#a1a1aa;--ring:#a1a1aa;--radius:.625rem}
html[data-theme=light]{--background:#fff;--foreground:#18181b;--card:#fff;--card-foreground:#18181b;--popover:#fff;--popover-foreground:#18181b;--primary-foreground:#fafafa;--secondary-foreground:#18181b;--muted-foreground:#71717a;--ring:#71717a;background:var(--background)}
body,body.compact-dashboard{--bg:var(--background);--sidebar:#101012;--surface:var(--card);--elevated:#27272a;--input:#141416;--text:var(--foreground);--secondary:#d4d4d8;--muted:var(--muted-foreground);--border:#29292e;--subtle:#222226;--accent:#fafafa;--primary:#fafafa;--success:#6ee7b7;--warning:#fcd34d;--danger:#fda4af;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;background:var(--background);color:var(--foreground)}
html[data-theme=light] body{--bg:var(--background);--sidebar:#fafafa;--surface:var(--card);--elevated:#f4f4f5;--input:#fff;--text:var(--foreground);--secondary:#3f3f46;--muted:#71717a;--border:#e4e4e7;--subtle:#f0f0f2;--accent:#18181b;--primary:#18181b;--success:#047857;--warning:#a16207;--danger:#be123c;background:var(--background);color:var(--foreground)}
body.compact-dashboard .sidebar{width:240px;padding:22px 14px 0;background:var(--sidebar);border-right:1px solid var(--border)}body.compact-dashboard .workspace{margin-left:240px}body.compact-dashboard .brand{font-size:14px;letter-spacing:-.3px;gap:10px}body.compact-dashboard .brand img{width:34px;height:34px;border-radius:8px}body.compact-dashboard .brand small{color:var(--muted);font-size:9px;letter-spacing:.6px}
body.compact-dashboard .nav{margin-top:28px}body.compact-dashboard .nav-caption{font:500 11px/1.5 Inter,"Segoe UI",sans-serif;letter-spacing:.3px;margin:0 12px 10px;color:var(--muted)}body.compact-dashboard .nav-link{min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:500;color:var(--secondary);gap:11px;margin:4px 0}body.compact-dashboard .nav-link:hover,html[data-theme=light] body.compact-dashboard .nav-link:hover{background:var(--elevated);color:var(--text)}body.compact-dashboard .nav-link.active,html[data-theme=light] body.compact-dashboard .nav-link.active{background:var(--elevated);border-color:var(--border);color:var(--text);box-shadow:0 1px 2px #00000008}body.compact-dashboard .nav-dot{display:none}body.compact-dashboard .icon{width:17px;height:17px}
body.compact-dashboard .mode-switch{background:var(--bg);border:1px solid var(--border);padding:4px;border-radius:8px;gap:4px;margin-bottom:25px}body.compact-dashboard .mode-button{border:1px solid transparent;color:var(--muted);font-size:12px;min-height:32px;border-radius:5px}body.compact-dashboard .mode-button.selected,html[data-theme=light] body.compact-dashboard .mode-button.selected{background:var(--elevated);border-color:var(--border);color:var(--text)}
body.compact-dashboard .topbar{height:64px;padding:0 32px;background:var(--bg);border-bottom:1px solid var(--border);font-size:12px}body.compact-dashboard .top-actions{font-size:12px;color:var(--muted);gap:9px}body.compact-dashboard .top-avatar,body.compact-dashboard .avatar,html[data-theme=light] body.compact-dashboard .avatar,html[data-theme=light] body.compact-dashboard .top-avatar{background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:50%}body.compact-dashboard .main{padding:32px 32px 0;max-width:1680px}body.compact-dashboard h1{font-size:28px;letter-spacing:-1px;line-height:1.2;font-weight:650}body.compact-dashboard h2{font-size:17px;letter-spacing:-.35px;font-weight:600}body.compact-dashboard h3{font-size:14px;letter-spacing:-.2px}body.compact-dashboard .eyebrow{font:500 10px/1.6 Inter,"Segoe UI",sans-serif;color:var(--muted);letter-spacing:1.1px;margin-bottom:9px}body.compact-dashboard .page-heading{margin-bottom:28px}body.compact-dashboard .page-heading p{font-size:14px;color:var(--muted);margin-top:8px}
body.compact-dashboard .button,body.compact-dashboard .theme-toggle{min-height:36px;border-radius:6px;font-size:12px;font-weight:500;padding:8px 13px;box-shadow:0 1px 2px #00000008;transition:background .15s,color .15s,border-color .15s}body.compact-dashboard .primary,html[data-theme=light] body.compact-dashboard .primary{background:var(--primary);border:1px solid var(--primary);color:var(--primary-foreground)}body.compact-dashboard .primary:hover,html[data-theme=light] body.compact-dashboard .primary:hover{background:var(--primary);opacity:.88;transform:none}body.compact-dashboard .secondary,body.compact-dashboard .white,body.compact-dashboard .theme-toggle,html[data-theme=light] body.compact-dashboard .secondary,html[data-theme=light] body.compact-dashboard .white,html[data-theme=light] body.compact-dashboard .theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text)}body.compact-dashboard .secondary:hover,body.compact-dashboard .theme-toggle:hover,html[data-theme=light] body.compact-dashboard .secondary:hover,html[data-theme=light] body.compact-dashboard .theme-toggle:hover{background:var(--elevated);color:var(--text)}body button:disabled{opacity:.5;cursor:not-allowed}body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}body.compact-dashboard .text-link{color:var(--text);font-weight:500;font-size:12px}
body.compact-dashboard .panel,body.compact-dashboard .stat-card,body.compact-dashboard .template-card,body.compact-dashboard .audience-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #00000008}body.compact-dashboard .panel{padding:24px;margin-bottom:24px}body.compact-dashboard .section-heading{margin-bottom:20px;gap:16px}body.compact-dashboard .section-heading p{color:var(--muted);font-size:13px;margin-top:5px}body.compact-dashboard .stats-grid{gap:16px;margin-bottom:24px}body.compact-dashboard .stat-card{padding:22px}body.compact-dashboard .stat-card::before{display:none}body.compact-dashboard .stat-card>strong{font:600 32px/1.25 Inter,"Segoe UI",sans-serif;letter-spacing:-1px;margin:13px 0 6px}body.compact-dashboard .stat-card>small{font-size:12px;color:var(--muted)}body.compact-dashboard .stat-top{font-size:13px;color:var(--secondary)}body.compact-dashboard .stat-icon,body.compact-dashboard .campaign-icon,html[data-theme=light] body.compact-dashboard .stat-icon,html[data-theme=light] body.compact-dashboard .campaign-icon{background:var(--elevated);color:var(--secondary);border:1px solid var(--border);border-radius:7px}body.compact-dashboard .stat-icon{width:30px;height:30px}
body.compact-dashboard input,body.compact-dashboard textarea,body.compact-dashboard select{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 11px;min-height:38px;font-size:13px;box-shadow:0 1px 2px #00000005}body.compact-dashboard input::placeholder,body.compact-dashboard textarea::placeholder{color:var(--muted);opacity:1}body.compact-dashboard label{font-size:12px;font-weight:500;margin:16px 0;color:var(--text)}body.compact-dashboard label small{font-weight:400;color:var(--muted)}body.compact-dashboard .check{font-weight:400;font-size:13px}body.compact-dashboard .check input{min-height:0;width:16px;height:16px;accent-color:var(--text);box-shadow:none}body.compact-dashboard fieldset{border:1px solid var(--border);border-radius:8px;padding:18px;margin:20px 0}body.compact-dashboard legend{font-size:13px;font-weight:600;padding:0 8px}body.compact-dashboard input[type=file]::file-selector-button{background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 9px;margin-right:12px}
body.compact-dashboard .notice,html[data-theme=light] body.compact-dashboard .notice{background:var(--surface);color:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:12px;line-height:1.7;margin-bottom:22px}body.compact-dashboard .notice.error,html[data-theme=light] body.compact-dashboard .notice.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 5%,var(--surface))}body.compact-dashboard .notice.success,html[data-theme=light] body.compact-dashboard .notice.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,var(--border))}body.compact-dashboard .notice a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
body.compact-dashboard th{font:500 11px/1.5 Inter,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;background:transparent;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--border)}body.compact-dashboard td{padding:16px 14px;font-size:12px;border-color:var(--border)}body.compact-dashboard td strong{font-size:13px;font-weight:500}body.compact-dashboard td small{font-size:11px;color:var(--muted)}body.compact-dashboard tbody tr:hover{background:color-mix(in srgb,var(--elevated) 40%,transparent)}body.compact-dashboard .status,html[data-theme=light] body.compact-dashboard .status{border:1px solid var(--border);border-radius:5px;background:var(--elevated);color:var(--text);font-size:10px;font-weight:500;padding:3px 7px}body.compact-dashboard .status.subscribed,body.compact-dashboard .status.sent,body.compact-dashboard .status.completed{color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface))}body.compact-dashboard .status.bounced,body.compact-dashboard .status.failed{color:var(--danger)}
body.compact-dashboard dialog{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:12px;padding:26px;box-shadow:0 24px 80px #0006;max-width:min(620px,calc(100vw - 32px))}body.compact-dashboard dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}body.compact-dashboard .dialog-heading{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:20px}body.compact-dashboard .dialog-heading h2{font-size:18px}body.compact-dashboard .dialog-heading button{border:0;background:transparent;color:var(--muted);border-radius:5px}body.compact-dashboard .help-card,html[data-theme=light] body.compact-dashboard .help-card{background:var(--bg);border-color:var(--border);border-radius:8px;padding:14px}body.compact-dashboard .help-card strong{font-size:12px}body.compact-dashboard .help-card p,body.compact-dashboard .help-card a{font-size:11px;color:var(--muted)}body.compact-dashboard .profile{border-color:var(--border);padding:18px 0}body.compact-dashboard .profile strong{font-size:12px}body.compact-dashboard .page-footer{border-color:var(--border);font:11px/1.5 Inter,"Segoe UI",sans-serif;color:var(--muted);padding:22px 0}
body.compact-dashboard .wizard-tabs{background:var(--sidebar);border:1px solid var(--border);border-radius:8px;padding:5px}body.compact-dashboard .wizard-tab{border-radius:5px;color:var(--muted);font-size:12px}body.compact-dashboard .wizard-tab.active,html[data-theme=light] body.compact-dashboard .wizard-tab.active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 1px 3px #0002}body.compact-dashboard .wizard-tab>span,body.compact-dashboard .step-number,html[data-theme=light] body.compact-dashboard .step-number{background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:6px}body.compact-dashboard .wizard-panel h2{font-size:23px}body.compact-dashboard .block-card,body.compact-dashboard .preview-column{background:var(--surface);border-color:var(--border);border-radius:8px}body.compact-dashboard .send-summary,body.compact-dashboard .field-tip,html[data-theme=light] body.compact-dashboard .send-summary,html[data-theme=light] body.compact-dashboard .field-tip{background:var(--elevated);color:var(--secondary);border-color:var(--border)}
body.compact-dashboard [role=tablist]{background:var(--elevated);border-radius:8px;padding:4px;margin-bottom:20px;gap:4px;width:fit-content;max-width:100%;flex-wrap:wrap}body.compact-dashboard [role=tablist] .button{box-shadow:none;border-color:transparent;background:transparent;color:var(--muted);min-height:33px}body.compact-dashboard [role=tablist] .button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0002}body.compact-dashboard details>summary{cursor:pointer;color:var(--secondary);font-size:12px;padding:9px 0}body.compact-dashboard details[open]>summary{color:var(--text)}body progress{accent-color:var(--text)!important}body.compact-dashboard .toast{background:var(--popover);color:var(--text);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0003}body.compact-dashboard .pill,html[data-theme=light] body.compact-dashboard .pill{background:var(--elevated);color:var(--secondary);border:1px solid var(--border);border-radius:5px}body.compact-dashboard .empty-state{padding:36px 20px}body.compact-dashboard .empty-state h3{font-size:17px}body.compact-dashboard .empty-state p{color:var(--muted)}
body.overview-page .guide-step{padding:12px 0}body.overview-page .guide-step strong{font-size:13px}body.overview-page .guide-step p{font-size:12px;color:var(--muted)}body.compact-dashboard .template-preview{border-bottom:1px solid var(--border)}body.compact-dashboard .audience-card{padding:22px}body.compact-dashboard .audience-card:hover{border-color:var(--muted)}
body.login-body.compact-dashboard .login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 70px #00000015}body.login-body.compact-dashboard h1{font-size:clamp(36px,4vw,60px);letter-spacing:-2px}body.login-body.compact-dashboard h1 em{color:var(--text);font-style:normal}body.login-body.compact-dashboard .logo-halo{background:var(--elevated);box-shadow:none}body.login-body.compact-dashboard .login-lead{color:var(--muted)}body.login-body.compact-dashboard .login-button{color:var(--primary-foreground)}body.login-body.compact-dashboard .login-perks span{color:var(--secondary)}
@media(min-width:701px) and (max-width:1050px){body.compact-dashboard .sidebar{width:210px}body.compact-dashboard .workspace{margin-left:210px}body.compact-dashboard .main{padding:25px 22px 0}body.compact-dashboard .topbar{padding:0 22px}}
@media(max-width:700px){body.compact-dashboard .sidebar{width:100%;height:72px;padding:12px 16px}body.compact-dashboard .workspace{margin-left:0;padding-top:72px}body.compact-dashboard .nav{margin-top:0;top:71px;background:var(--sidebar);padding:16px}body.compact-dashboard .main{padding:24px 16px 0}body.compact-dashboard .topbar{height:52px;padding:0 16px}body.compact-dashboard .top-actions>span:not(.top-avatar){display:none}body.compact-dashboard .panel{padding:18px;margin-bottom:18px}body.compact-dashboard h1{font-size:25px}body.compact-dashboard .button{min-height:40px}body.compact-dashboard .stats-grid{gap:10px}body.compact-dashboard .stat-card{padding:16px}body.compact-dashboard .stat-card>strong{font-size:27px}body.compact-dashboard input,body.compact-dashboard select{min-height:42px}body.compact-dashboard .page-heading{flex-wrap:wrap}body.compact-dashboard .section-heading{flex-wrap:wrap}body.compact-dashboard .search-form{flex-wrap:wrap}body.compact-dashboard .search-form input{min-width:0}body.compact-dashboard .wizard-tab{padding:6px 3px;font-size:10px}body.compact-dashboard [role=tablist]{width:100%}body.compact-dashboard [role=tablist] .button{font-size:11px;padding:8px}body.compact-dashboard .theme-toggle{margin-right:0;font-size:10px;padding:6px 9px}body.compact-dashboard .table-wrap{max-width:100%;overflow-x:auto}body.compact-dashboard .page-footer{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}