/* Reset & Base */
*{box-sizing:border-box;margin:0;padding:0}
html{height:100%}
body{font-family:'DM Sans',system-ui,sans-serif;background:#06070a;color:#e4e4e7;min-height:100%;line-height:1.5}
::selection{background:#22c55e33;color:#22c55e}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}
a{color:#22c55e;text-decoration:none}

/* Layout */
.page{display:none;min-height:100vh}
.page.active{display:block}
.page.center-page.active{display:flex}
.center-page{align-items:center;justify-content:center;padding:20px}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}

/* Form Elements */
input,select,textarea{font-family:inherit;width:100%;padding:10px 14px;background:#111215;border:1px solid #27272a;border-radius:6px;color:#e4e4e7;font-size:14px;outline:none;transition:border-color .2s}
input:focus,select:focus,textarea:focus{border-color:#22c55e55}
input::placeholder,select{color:#52525b}
label{display:block;font-size:11px;color:#71717a;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
label .req{color:#ef4444}
.mono{font-family:'JetBrains Mono',monospace;font-size:13px}
.field{margin-bottom:14px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-hint{font-size:12px;color:#52525b;margin-top:4px}
.error-msg{color:#ef4444;font-size:13px;margin-top:8px}
.success-msg{color:#22c55e;font-size:14px;padding:8px 12px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);border-radius:6px;margin-top:8px}

/* Buttons */
.btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.btn-primary{background:#22c55e;color:#06070a}
.btn-primary:hover{background:#16a34a}
.btn-primary:disabled{opacity:.5;cursor:not-allowed}
.btn-ghost{background:transparent;color:#a1a1aa;border:1px solid #27272a;padding:6px 14px;font-size:13px}
.btn-ghost:hover{border-color:#3f3f46}
.btn-danger{background:#ef4444;color:#fff}
.btn-danger:hover{background:#dc2626}
.btn-outline{background:transparent;color:#a1a1aa;border:1px solid #3f3f46;font-size:14px}
.btn-outline:hover{border-color:#52525b;color:#e4e4e7}
.btn-full{width:100%}
.btn-sm{padding:6px 14px;font-size:12px}
.btn-campaign-cta{background:#22c55e;color:#06070a;border:none}
.btn-campaign-cta:hover{background:#16a34a;animation:ctaPulse .6s ease-in-out}
@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* Cards */
.card{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:20px}
.card:hover{border-color:#27272a}

/* Header */
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #18181b}
.logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.01em}
.logo-icon{width:24px;height:24px;background:#22c55e;clip-path:polygon(0 0,100% 0,100% 100%)}
.header-left{display:flex;align-items:center;gap:8px}
.header-right{display:flex;align-items:center;gap:12px}
.user-email{color:#52525b;font-size:13px}
.header-cog{background:none;border:1px solid #27272a;border-radius:6px;color:#71717a;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.header-cog:hover{color:#e4e4e7;border-color:#3f3f46}

/* Auth */
.auth-box{width:100%;max-width:420px}
.auth-header{text-align:center;margin-bottom:48px}
.auth-header .logo{display:inline-flex;margin-bottom:16px}
.auth-header .logo-icon{width:32px;height:32px}
.auth-header .logo span{font-size:22px}
.auth-header p{color:#71717a;font-size:14px}
.auth-tabs{display:flex;background:#111215;border-radius:6px;padding:3px;margin-bottom:28px}
.auth-tab{flex:1;padding:8px 0;font-size:13px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent;color:#52525b;font-family:inherit}
.auth-tab.active{background:#1c1c22;color:#e4e4e7}
.auth-footer{text-align:center;color:#3f3f46;font-size:12px;margin-top:24px}

/* Dashboard */
.dash-hero{padding:40px 0 32px}
.dash-hero h1{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}
.dash-hero p{color:#71717a;font-size:15px}
.add-btn{width:100%;padding:20px;background:#0c0d10;border:2px dashed #1c1c22;border-radius:8px;color:#71717a;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}
.add-btn:hover{border-color:#22c55e44;color:#22c55e}
.client-list{display:flex;flex-direction:column;gap:12px;padding-bottom:40px;margin-top:16px}
.client-card{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}
.client-label{font-size:15px;font-weight:600;margin-left:8px}
.client-id{font-size:12px;color:#52525b;font-family:'JetBrains Mono',monospace}
.client-date{font-size:12px;color:#3f3f46;margin-top:2px}
.client-meta{font-size:12px;color:#52525b;font-family:'JetBrains Mono',monospace;margin-top:2px}

/* Status */
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.status-dot.active{background:#22c55e}
.status-dot.paused{background:#71717a}

/* Create Form */
.create-card{border-color:#22c55e33}
.create-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.create-header h3{font-size:16px;font-weight:600}

/* Detail Page */
.detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #18181b}
.detail-header .sep{width:1px;height:20px;background:#27272a}
.detail-name{font-weight:600}
.detail-list{color:#52525b;font-family:'JetBrains Mono',monospace;font-size:12px;margin-left:8px}
.client-id-box{padding:32px 0 24px}
.client-id-label{font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:8px}
.copy-badge{display:inline-flex;padding:4px 10px;background:#111215;border:1px solid #1c1c22;border-radius:4px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:14px;color:#e4e4e7;font-weight:500}

/* Header business dropdown */
.header-biz-dropdown{background:#111215;border:1px solid #27272a;border-radius:6px;color:#a1a1aa;font-size:13px;font-family:inherit;padding:4px 24px 4px 8px;cursor:pointer;max-width:200px;outline:none;transition:all .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
.header-biz-dropdown:hover,.header-biz-dropdown:focus{border-color:#3f3f46;color:#e4e4e7}
.header-biz-dropdown option{background:#1c1c22;color:#a1a1aa}

/* Uncategorized fields warning banner */
.uncategorized-banner{background:#78350f;border:1px solid #92400e;border-radius:8px;padding:10px 16px;margin:12px 0 0;display:flex;align-items:center;gap:10px;font-size:13px;color:#fbbf24;position:relative}
.uncategorized-banner a{color:#fcd34d;text-decoration:underline;font-weight:500}
.uncategorized-banner-close{background:none;border:none;color:#fbbf24;cursor:pointer;font-size:18px;margin-left:auto;padding:0 4px;opacity:.7;transition:opacity .2s}
.uncategorized-banner-close:hover{opacity:1}
.banner-ignore-popup{position:absolute;top:calc(100% + 6px);right:12px;background:#1c1c22;border:1px solid #27272a;border-radius:8px;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,0.5);z-index:100;min-width:240px}
.banner-ignore-popup p{margin:0 0 10px;font-size:13px;color:#d4d4d8;line-height:1.4}
.banner-ignore-popup-actions{display:flex;gap:8px;justify-content:flex-end}
.banner-ignore-popup-actions button{font-size:12px;padding:5px 12px;border-radius:5px;cursor:pointer;border:none}
.banner-ignore-popup-actions .btn-ignore-all{background:#ef4444;color:#fff}
.banner-ignore-popup-actions .btn-ignore-all:hover{background:#dc2626}
.banner-ignore-popup-actions .btn-not-now{background:#27272a;color:#a1a1aa}
.banner-ignore-popup-actions .btn-not-now:hover{background:#3f3f46;color:#e4e4e7}

/* Tabs */
.tabs{display:flex;gap:0;border-bottom:1px solid #18181b;margin-bottom:28px;flex-wrap:nowrap;position:sticky;top:0;z-index:50;background:#06070a;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.tab{flex:1;text-align:center;padding:10px 8px;font-size:12px;font-weight:500;border:none;background:none;cursor:pointer;color:#52525b;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block}
.tab.active{color:#22c55e;border-bottom-color:#22c55e}
.tab-panel{display:none;padding-bottom:60px}
.tab-panel.active{display:block}

/* How To Use tab */
.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.howto-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:border-color .2s;cursor:pointer}
.howto-card:hover{border-color:#27272a}
.howto-play{width:56px;height:56px;border-radius:50%;background:#18181b;display:flex;align-items:center;justify-content:center;color:#52525b;transition:all .2s}
.howto-card:hover .howto-play{background:#22c55e22;color:#22c55e}
.howto-title{font-size:14px;font-weight:500;color:#a1a1aa;text-align:center}
@media(max-width:640px){.howto-grid{grid-template-columns:repeat(2,1fr)}}

/* Settings page layout */
.settings-layout{display:flex;gap:32px;min-height:400px}
.settings-sidebar{display:flex;flex-direction:column;gap:2px;min-width:160px;padding-top:4px;border-right:1px solid #18181b;padding-right:24px}
.settings-nav-item{background:none;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;color:#71717a;cursor:pointer;text-align:left;font-family:inherit;transition:all .2s}
.settings-nav-item:hover{color:#d4d4d8;background:#18181b}
.settings-nav-item.active{color:#22c55e;background:#22c55e11}
.settings-main{flex:1;min-width:0}
.settings-section{display:none}
.settings-section.active{display:block}

/* Sections */
.section{margin-bottom:32px}
.section h3{font-size:15px;font-weight:600;margin-bottom:16px;color:#d4d4d8}
.section p{color:#a1a1aa;font-size:14px;margin-bottom:16px;line-height:1.6}

/* Code Blocks */
.code-block{position:relative;background:#0a0b0d;border:1px solid #1c1c22;border-radius:6px;overflow:hidden}
.code-block pre{padding:16px 80px 16px 20px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.6;color:#a1a1aa;margin:0;white-space:pre-wrap;word-break:break-all}
.copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:11px;background:#18181b;border:1px solid #27272a;border-radius:4px;color:#71717a;cursor:pointer;font-family:'JetBrains Mono',monospace;transition:all .2s;z-index:1}
.copy-btn:hover{border-color:#3f3f46;color:#a1a1aa}
.copy-btn.copied{background:#22c55e22;color:#22c55e;border-color:#22c55e44}

/* Feature Grid */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feat-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:6px;padding:14px}
.feat-card h4{font-size:13px;font-weight:600;margin-bottom:4px}
.feat-card p{font-size:12px;color:#71717a;margin:0;line-height:1.5}

/* Notice */
.notice{background:#22c55e0a;border:1px solid #22c55e22;border-radius:6px;padding:16px;margin-top:16px}
.notice h4{font-size:13px;color:#86efac;font-weight:600;margin-bottom:6px}
.notice p{font-size:13px;color:#a1a1aa;line-height:1.6;margin:0}

/* Settings */
.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #111215}
.setting-label{color:#71717a;font-size:13px}
.setting-value{font-family:'JetBrains Mono',monospace;font-size:13px}
.setting-input{width:200px;padding:6px 10px;font-size:13px;background:#111215;border:1px solid #27272a;border-radius:4px;color:#e4e4e7}
.setting-input:focus{border-color:#22c55e55;outline:none}
.setting-hint{display:block;font-size:12px;color:#71717a;margin-top:4px}

/* Danger Zone */
.danger-zone{border:1px solid #7f1d1d;border-radius:6px;padding:16px}
.danger-zone p{color:#fca5a5;font-size:13px;margin-bottom:12px}

/* Welcome Banner */
.welcome{background:#22c55e15;border:1px solid #22c55e33;border-radius:8px;padding:16px 20px;margin-top:20px;transition:opacity .5s}
.welcome p{color:#86efac;font-size:14px;font-weight:500;margin:0}

/* Klaviyo Prompt */
.klaviyo-prompt{text-align:center;padding:48px 24px;background:#0c0d10;border:2px dashed #22c55e44;border-radius:8px;margin-top:16px}
.klaviyo-prompt .prompt-icon{font-size:48px;margin-bottom:16px}
.klaviyo-prompt h3{font-size:18px;margin-bottom:8px}
.klaviyo-prompt p{color:#71717a;margin-bottom:20px}

/* Modal */
.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal-content{background:#18181b;border:1px solid #27272a;border-radius:12px;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #27272a}
.modal-header h2{font-size:18px;font-weight:600;margin:0}
.modal-close{background:none;border:none;color:#71717a;font-size:24px;cursor:pointer;padding:0;line-height:1}
.modal-close:hover{color:#fff}
.modal-body{padding:20px 24px;overflow-y:auto;flex:1}
.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #27272a}
.acc-modal-footer{flex-direction:column;align-items:stretch}
.modal-body input[readonly]{color:#a1a1aa;background:#0c0d10;border-color:#1c1c22;cursor:default}

/* Analytics */
.analytics-loading{color:#71717a;font-size:14px;padding:40px 0;text-align:center}
.analytics-empty{text-align:center;padding:60px 20px}
.analytics-empty .empty-icon{font-size:48px;margin-bottom:16px}
.analytics-empty h3{font-size:18px;margin-bottom:8px}
.analytics-empty p{color:#71717a;font-size:14px}
.analytics-section{margin-bottom:32px;padding:20px;background:#0c0d10;border:1px solid #1c1c22;border-radius:8px}
.analytics-section-title{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}

/* Stat Bar (used by actions/DNA tabs) */
.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat-box{background:#111215;border:1px solid #1c1c22;border-radius:6px;padding:14px 20px}
.stat-box .num{font-size:24px;font-weight:700;color:#e4e4e7}
.stat-box .lbl{font-size:12px;color:#71717a;margin-top:2px}

/* Stat Selectors (dropdowns above cards) */
.stat-selectors{display:flex;gap:16px;margin-bottom:16px}
.stat-selector{display:flex;align-items:center;gap:8px}
.stat-selector-label{font-size:11px;color:#52525b;text-transform:uppercase;letter-spacing:.05em;font-weight:500;white-space:nowrap}
.stat-selector .metric-dropdown{width:auto;min-width:160px;padding:6px 10px;font-size:12px}

/* Analytics Stat Grid (3 cols left + OTT right spanning 2 rows) */
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr) 33%;grid-template-rows:auto auto;gap:16px;margin-bottom:24px}
.stat-grid-left{display:contents}
.stat-grid-right{display:contents}
.stat-ott{grid-column:4;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center}
.stat-grid-flat{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}
.stat-box-ideas{border-color:rgba(139,92,246,0.25);background:linear-gradient(135deg,rgba(139,92,246,0.08),transparent);transition:border-color 0.15s}
.stat-box-ideas:hover{border-color:rgba(139,92,246,0.5)}
.stat-box-ideas .num{color:#a78bfa}
.ideas-view-link{color:#a78bfa;font-size:12px;cursor:pointer;transition:opacity 0.15s}
.ideas-view-link:hover{text-decoration:underline}

/* Ideas tab */
.ideas-tab{max-width:100%}
.ideas-header{margin-bottom:24px}
.ideas-title{font-size:22px;font-weight:700;color:#fafafa;margin:0 0 4px}
.ideas-subtitle{font-size:14px;color:#71717a;margin:0}
.ideas-saved-section{background:rgba(139,92,246,0.04);border:1px solid rgba(139,92,246,0.15);border-radius:8px;padding:20px;margin-top:20px}
.ideas-saved-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ideas-saved-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#1c1c22;border:1px solid #27272a;border-radius:6px;font-size:13px;color:#d4d4d8;line-height:1.6;transition:border-color .15s}
.ideas-saved-item:hover{border-color:#3f3f46}
.ideas-saved-item-body{flex:1;min-width:0}
.ideas-saved-item-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.ideas-saved-item-dismiss{background:none;border:none;color:#71717a;cursor:pointer;font-size:18px;padding:0 4px;flex-shrink:0;line-height:1;transition:color .15s}
.ideas-saved-item-dismiss:hover{color:#ef4444}

/* AI Recommendation Cards */
.ideas-recs-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.ideas-rec-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px 36px 16px 16px;background:#1c1c22;border:1px solid #27272a;border-radius:8px;transition:border-color .15s}
.ideas-rec-card:hover{border-color:#3f3f46}
.ideas-rec-card-body{flex:1;min-width:0}
.ideas-rec-title{font-weight:700;color:#fafafa;margin-bottom:6px;font-size:15px}
.ideas-rec-text{color:#a1a1aa;font-size:13px;line-height:1.6}
.ideas-rec-value{margin-top:8px;font-size:14px;font-weight:700;color:#22c55e}
.ideas-rec-card-actions{margin-top:10px}
.ideas-rec-chat-btn{color:#8b5cf6 !important}
.ideas-rec-chat-btn:hover{color:#a78bfa !important}
.ideas-rec-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:#52525b;cursor:pointer;font-size:18px;padding:2px 6px;line-height:1;transition:color .15s;border-radius:4px}
.ideas-rec-dismiss:hover{color:#ef4444;background:rgba(239,68,68,0.1)}

/* Dismiss reason picker */
.dismiss-reason-picker{padding:8px 0}
.dismiss-reason-prompt{font-size:13px;color:#a1a1aa;margin:0 0 10px}
.dismiss-reason-options{display:flex;flex-wrap:wrap;gap:8px}
.dismiss-reason-btn{font-size:12px !important;border:1px solid #27272a !important;border-radius:6px !important;padding:6px 12px !important}
.dismiss-reason-btn:hover{border-color:#3f3f46 !important;background:rgba(255,255,255,0.04) !important}
.dismiss-other-input{background:#09090b;border:1px solid #27272a;border-radius:6px;color:#e4e4e7;padding:6px 10px;font-size:13px;width:100%;max-width:300px}
.dismiss-other-input:focus{outline:none;border-color:#3f3f46}

/* Segment cards */
.ideas-segments-header{margin-top:32px;margin-bottom:16px}
.segment-card{margin-bottom:16px;border-radius:8px;padding:16px 20px}
.segment-card .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.segment-header-right{display:flex;align-items:center;gap:12px}
.segment-revenue{font-size:18px;font-weight:700;color:#22c55e}
.segment-table-wrap{margin-top:12px}
.segment-expand-btn{margin-top:8px}
.segment-high_intent{background:linear-gradient(135deg,rgba(249,115,22,0.06),rgba(239,68,68,0.04));border-color:rgba(249,115,22,0.25)}
.segment-warming{background:linear-gradient(135deg,rgba(234,179,8,0.06),rgba(249,115,22,0.04));border-color:rgba(234,179,8,0.25)}
.segment-cold_engaged{background:linear-gradient(135deg,rgba(59,130,246,0.06),rgba(99,102,241,0.04));border-color:rgba(59,130,246,0.25)}
.segment-anonymous{background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(168,85,247,0.04));border-color:rgba(139,92,246,0.25)}
.green{color:#22c55e}
.ideas-opp-note{font-size:12px;color:#52525b;margin-top:16px;text-align:center}

/* Data Tables */
.data-table{width:100%;border-collapse:collapse;margin-top:16px}
.data-table th{text-align:left;font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid #1c1c22}
.data-table td{padding:10px 12px;border-bottom:1px solid #111215;font-size:13px}
.data-table.striped tbody tr:nth-child(odd){background:rgba(39,39,42,0.5)}
.source-name{font-family:'JetBrains Mono',monospace;font-size:12px}
.email-col{color:#e4e4e7;font-family:'JetBrains Mono',monospace;font-size:12px}

/* Lead Score */
.lead-score{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}
.lead-score.score-high{background:#22c55e22;color:#22c55e}
.lead-score.score-med{background:#f59e0b22;color:#f59e0b}
.lead-score.score-low{background:#71717a22;color:#71717a}

/* Correlation Badge */
.corr-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}
.corr-badge.corr-high{background:#22c55e22;color:#22c55e}
.corr-badge.corr-med{background:#f59e0b22;color:#f59e0b}
.corr-badge.corr-low{background:#71717a22;color:#71717a}

/* Conv Rate */
.conv-rate{font-weight:600}
.conv-rate.good{color:#22c55e}
.conv-rate.ok{color:#f59e0b}
.conv-rate.low{color:#71717a}

/* Action Cards */
.action-card{background:#111215;border:1px solid #1c1c22;border-radius:8px;padding:16px;margin-bottom:12px}
.action-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.action-title{font-weight:600;flex:1}
.action-count{font-size:13px;color:#22c55e;font-weight:600}
.action-dismiss{background:none;border:none;color:#52525b;font-size:20px;cursor:pointer;padding:0 8px;line-height:1}
.action-dismiss:hover{color:#a1a1aa}
.action-desc{font-size:13px;color:#a1a1aa;margin-bottom:12px}

/* Metric Dropdown */
.metric-dropdown{background:#1c1c22;border:1px solid #27272a;color:#e4e4e7;padding:6px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;min-width:100px}
.metric-dropdown:focus{outline:none;border-color:#22c55e}
.metric-dropdown option{background:#0c0d10;color:#e4e4e7}

/* Highlight Row */
.highlight-row{background:rgba(34,197,94,0.1)}
.highlight-row td{color:#22c55e}

/* Blur Value Callout */
.blur-value-callout{margin-top:16px;padding:12px 16px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);border-radius:6px;font-size:13px;color:#a1a1aa}
.blur-value-callout strong{color:#22c55e}

/* DNA Comparison */
.dna-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.dna-col{background:#111215;border:1px solid #1c1c22;border-radius:8px;padding:16px}
.dna-header{font-size:14px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #1c1c22}
.dna-header.converted{color:#22c55e}
.dna-header.not-converted{color:#71717a}
.dna-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #0a0a0c}
.dna-row:last-child{border-bottom:none}
.dna-label{color:#a1a1aa;font-size:13px}
.dna-value{color:#fff;font-weight:500}

/* AI Chat */
.ai-chat-layout{display:flex;gap:0;height:560px;border:1px solid #1c1c22;border-radius:8px;overflow:hidden}
.ai-sidebar{width:240px;min-width:240px;background:#0d0e11;border-right:1px solid #1c1c22;display:flex;flex-direction:column;transition:width 0.2s,min-width 0.2s,opacity 0.2s}
.ai-sidebar.collapsed{width:0;min-width:0;opacity:0;overflow:hidden;border-right:none}
.ai-sidebar-header{padding:12px;border-bottom:1px solid #1c1c22;display:flex;align-items:center;gap:8px}
.ai-sidebar-header button{flex:1}
.ai-sidebar-toggle{width:28px;height:28px;background:none;border:1px solid #1c1c22;border-radius:4px;color:#71717a;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
.ai-sidebar-toggle:hover{color:#22c55e;border-color:#22c55e44}
.ai-sessions-list{flex:1;overflow-y:auto;padding:4px 0}
.ai-session-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #111215;font-size:12px;color:#a1a1aa;transition:background 0.15s}
.ai-session-item:hover{background:#111215}
.ai-session-item.active{background:#1c1c22;color:#e4e4e7}
.ai-session-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.ai-session-date{font-size:10px;color:#52525b}
.ai-session-item .ai-session-delete{float:right;background:none;border:none;color:#52525b;cursor:pointer;font-size:14px;padding:0 2px;line-height:1}
.ai-session-item .ai-session-delete:hover{color:#ef4444}
.ai-chat-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ai-chat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.ai-messages{flex:1;overflow-y:auto;padding:16px;background:#0a0b0d;min-height:0}
.ai-msg{padding:10px 14px;border-radius:8px;margin-bottom:10px;max-width:85%;font-size:13px;line-height:1.6}
.ai-msg.user{background:#22c55e;color:#06070a;margin-left:auto;border-bottom-right-radius:2px;white-space:pre-wrap}
.ai-msg.assistant{background:#1c1c22;color:#d4d4d8;border-bottom-left-radius:2px;display:flex;gap:8px;align-items:flex-start}
.ai-avatar{font-size:14px;line-height:1;flex-shrink:0;margin-top:2px}
.ai-msg-body{flex:1;min-width:0;white-space:pre-wrap}
.ai-msg-body ul.ai-list,.ai-msg-body ol.ai-list{margin:6px 0 6px 18px;padding:0;white-space:normal}
.ai-msg-body li{margin-bottom:3px;white-space:normal}
.ai-msg-body strong{color:#e4e4e7}
.ai-msg-body em{color:#a1a1aa;font-style:italic}
.ai-code-block{background:#06070a;border:1px solid #1c1c22;border-radius:4px;padding:8px 10px;font-family:monospace;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre}
.ai-inline-code{background:#06070a;border:1px solid #1c1c22;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:12px}
.ai-input-row{display:flex;gap:10px;border-top:1px solid #1c1c22;flex-shrink:0}
.ai-input-row input{flex:1;border-radius:0 0 0 8px;border:none;background:#111215}
.ai-input-row button{border-radius:0 0 8px 0;padding:10px 20px}
.ai-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.ai-suggest-btn{padding:10px 12px;background:#111215;border:1px solid #1c1c22;border-radius:6px;color:#71717a;font-size:12px;text-align:left;cursor:pointer;font-family:inherit}
.ai-suggest-btn:hover{border-color:#22c55e44;color:#22c55e}
/* Fade-in animation */
@keyframes ai-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.ai-msg-fade{animation:ai-fade-in 0.3s ease-out}
/* Typing indicator */
.typing-dots{display:inline-flex;gap:4px;padding:4px 0}
.typing-dots span{width:6px;height:6px;background:#71717a;border-radius:50%;animation:typing-pulse 1.2s ease-in-out infinite}
.typing-dots span:nth-child(2){animation-delay:0.2s}
.typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes typing-pulse{0%,60%,100%{opacity:0.3;transform:scale(0.8)}30%{opacity:1;transform:scale(1)}}
.ai-sidebar-expand{position:absolute;left:4px;top:4px;z-index:1}

/* Floating Chat Button */
.floating-chat-btn{position:fixed;bottom:28px;right:28px;height:56px;border-radius:28px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff;cursor:pointer;box-shadow:0 6px 24px rgba(22,163,74,0.4);z-index:100;display:flex;align-items:center;justify-content:center;padding:0 30px;transition:transform .2s,box-shadow .2s;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:0.02em}
.floating-chat-btn:hover{transform:scale(1.07);box-shadow:0 8px 32px rgba(22,163,74,0.55)}
.floating-chat-label{white-space:nowrap}

/* Floating Chat Widget Overlay */
.floating-chat-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:100;opacity:0;transition:opacity .2s;pointer-events:none}
.floating-chat-overlay.active{opacity:1;pointer-events:auto}
/* Floating Chat Widget */
.floating-chat-widget{position:fixed;bottom:28px;right:28px;width:min(70vw,900px);max-height:80vh;background:#18181b;border:1px solid #27272a;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.6);z-index:101;overflow:hidden;display:flex;flex-direction:column}
@media(max-width:768px){.floating-chat-widget{width:calc(100vw - 16px);right:8px;bottom:8px;max-height:90vh}}
.floating-widget-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #27272a;font-size:16px;font-weight:700;color:#fff;background:#111215}
.floating-widget-header span{display:flex;align-items:center;gap:8px}
.floating-widget-close{background:none;border:none;color:#71717a;font-size:22px;cursor:pointer;padding:4px;line-height:1;border-radius:6px;transition:background .15s,color .15s}
.floating-widget-close:hover{color:#e4e4e7;background:#27272a}
.floating-widget-chips{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 8px}
.floating-widget-chip{padding:8px 14px;background:#1c1c22;border:1px solid #27272a;border-radius:20px;color:#a1a1aa;font-size:13px;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s,background .2s;text-align:left}
.floating-widget-chip:hover{border-color:#22c55e66;color:#22c55e;background:#16a34a12}
.floating-widget-body{display:flex;gap:10px;padding:12px 24px 20px}
.floating-widget-input{flex:1;background:#111215;border:1px solid #27272a;border-radius:8px;padding:12px 16px;color:#e4e4e7;font-size:14px;font-family:inherit}
.floating-widget-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,0.2)}
.floating-widget-send{padding:10px 20px;font-size:14px;border-radius:8px;font-weight:600}
/* Floating widget header actions */
.floating-widget-header-actions{display:flex;align-items:center;gap:4px}
.floating-widget-history-btn{background:none;border:none;color:#71717a;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s,background .15s;display:flex;align-items:center}
.floating-widget-history-btn:hover{color:#e4e4e7;background:#27272a}
/* Floating widget mini-chat messages */
.floating-chat-messages{flex:1;min-height:120px;max-height:50vh;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:10px}
.floating-chat-messages:empty{display:none}
.floating-msg{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;max-width:75%;word-wrap:break-word}
.floating-msg.user{background:#16a34a22;color:#e4e4e7;align-self:flex-end;border:1px solid #16a34a33}
.floating-msg.assistant{background:#1c1c22;color:#d4d4d8;align-self:flex-start;border:1px solid #27272a}
.floating-msg .typing-dots{display:inline-flex;gap:4px}
.floating-msg .typing-dots span{width:6px;height:6px;background:#52525b;border-radius:50%;animation:float-dot .8s infinite}
.floating-msg .typing-dots span:nth-child(2){animation-delay:.15s}
.floating-msg .typing-dots span:nth-child(3){animation-delay:.3s}
@keyframes float-dot{0%,80%,100%{opacity:.3}40%{opacity:1}}
.floating-widget-new-chat{background:none;border:none;color:#71717a;font-size:12px;cursor:pointer;padding:4px 20px 12px;text-align:left;font-family:inherit;transition:color .15s}
.floating-widget-new-chat:hover{color:#e4e4e7}
/* Chat history settings */
.chat-history-list{display:flex;flex-direction:column;gap:8px}
.chat-history-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1c1c22;border:1px solid #27272a;border-radius:8px;transition:border-color .15s}
.chat-history-item:hover{border-color:#3f3f46}
.chat-history-item-info{flex:1;cursor:pointer;min-width:0}
.chat-history-item-title{font-weight:600;color:#e4e4e7;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-history-item-date{font-size:12px;color:#71717a;margin-top:2px}
/* Contextual suggestions section */
.ctx-suggestions-section{margin-top:16px;border:1px solid #27272a;border-radius:10px;overflow:hidden}
.ctx-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#18181b;transition:background .15s;user-select:none}
.ctx-suggestions-header:hover{background:#1c1c22}
.ctx-suggestions-title{font-size:14px;font-weight:600;color:#e4e4e7;display:flex;align-items:center;gap:8px}
.ctx-suggestions-toggle{color:#52525b;font-size:16px;transition:transform .2s}
.ctx-suggestions-toggle.open{transform:rotate(90deg)}
.ctx-suggestions-body{padding:12px 16px;display:none}
.ctx-suggestions-body.open{display:block}
.ctx-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.ctx-suggestion-card{padding:12px;background:#111215;border:1px solid #27272a;border-radius:8px;position:relative}
.ctx-suggestion-title{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:4px}
.ctx-suggestion-text{font-size:12px;color:#a1a1aa;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ctx-suggestion-actions{display:flex;gap:6px;margin-top:8px}
.ctx-suggestion-dismiss{position:absolute;top:6px;right:8px;background:none;border:none;color:#52525b;cursor:pointer;font-size:14px;padding:2px;line-height:1}
.ctx-suggestion-dismiss:hover{color:#ef4444}
/* Chat suggestion chips inside messages */
.ai-chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px}
.ai-chat-suggest-chip{padding:6px 12px;background:#1c1c22;border:1px solid #27272a;border-radius:16px;color:#a1a1aa;font-size:12px;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}
.ai-chat-suggest-chip:hover{border-color:#22c55e44;color:#22c55e}
/* Save as Idea button */
/* Add Context button (dark/secondary) */
.add-context-btn{background:#27272a;color:#a1a1aa;border:1px solid #3f3f46;font-size:12px;font-weight:600;padding:5px 14px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.add-context-btn:hover{background:#3f3f46;color:#e4e4e7;border-color:#52525b}
/* Chat Message Actions */
.chat-msg-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #1a1a1a}
.chat-msg-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#555;transition:color 0.2s,background 0.2s;display:flex;align-items:center;justify-content:center}
.chat-msg-actions button:hover{color:#aaa;background:#1a1a1a}
.chat-msg-actions button.active-up{color:#4ade80}
.chat-msg-actions button.active-down{color:#f87171}
.chat-msg-actions button.active-save{color:#60a5fa}
.chat-msg-actions svg{width:18px;height:18px}
/* Saved Ideas Panel */
.saved-ideas-panel{margin-top:16px;border:1px solid #1c1c22;border-radius:8px;background:#0a0b0d}
.saved-ideas-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;color:#a1a1aa;user-select:none;border-bottom:1px solid #1c1c22}
.saved-ideas-count{background:#22c55e22;color:#22c55e;font-size:11px;padding:1px 7px;border-radius:10px;font-weight:600}
.saved-ideas-list{padding:10px 16px;max-height:300px;overflow-y:auto}
.saved-ideas-empty{padding:12px 0;text-align:center;font-size:12px;color:#52525b}
.saved-idea-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#1c1c22;border:1px solid #27272a;border-radius:6px;margin-bottom:6px;font-size:12px;color:#d4d4d8;line-height:1.5}
.saved-idea-body{flex:1;min-width:0}
.saved-idea-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.saved-idea-value{display:inline-block;font-size:11px;color:#4ade80;margin-top:4px}
.saved-idea-chat{margin-top:4px;font-size:11px;padding:2px 8px}
.saved-idea-dismiss{background:none;border:none;color:#71717a;cursor:pointer;font-size:16px;padding:0 2px;flex-shrink:0;line-height:1}
.saved-idea-dismiss:hover{color:#ef4444}

/* AI Gate */
.ai-gate{text-align:center;padding:40px 20px}
.ai-gate-icon{font-size:48px;margin-bottom:16px}
.ai-gate h3{font-size:20px;font-weight:600;margin-bottom:12px}
.ai-gate p{color:#a1a1aa;font-size:14px;max-width:400px;margin:0 auto 24px}
.ai-progress-wrap{max-width:300px;margin:0 auto 24px}
.ai-progress-bar{height:12px;background:#1c1c22;border-radius:6px;overflow:hidden}
.ai-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;transition:width .5s}
.ai-progress-text{font-size:14px;font-weight:600;margin-top:8px;color:#e4e4e7}

/* Load More */
.load-more-btn{display:block;width:100%;padding:12px;background:#111215;border:1px solid #1c1c22;border-radius:6px;color:#71717a;font-size:13px;cursor:pointer;margin-top:16px;font-family:inherit}
.load-more-btn:hover{border-color:#22c55e44;color:#22c55e}

/* Table Controls */
.table-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.table-controls .btn{padding:4px 10px;font-size:11px}
.table-scroll{overflow-x:auto;max-height:400px;overflow-y:auto}

/* Toast */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#22c55e;color:#06070a;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;z-index:9999;animation:toast-in 0.3s ease}
@keyframes toast-in{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* Loading Spinner */
.loading-spinner{width:20px;height:20px;border:2px solid #3f3f46;border-top-color:#22c55e;border-radius:50%;animation:spin 0.8s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}
.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;display:inline-block;margin-right:6px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}

/* Category Prompt */
.category-prompt{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:8px;margin-bottom:20px;font-size:13px;color:#fbbf24}
.category-prompt .prompt-icon{font-size:20px}
.category-prompt .btn{margin-left:auto}

/* Categories Tab */
.categories-intro{margin-bottom:24px}
.categories-intro h3{font-size:18px;margin-bottom:8px}
.categories-intro p{color:#a1a1aa;font-size:14px;line-height:1.6}
.category-chips{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.cat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;line-height:1.4;background:rgba(113,113,122,0.15);color:#a1a1aa}
.cat-chip-uncat{background:rgba(239,68,68,0.15);color:#f87171}
.cat-chip-num{font-weight:700}
.categories-filter-wrap{margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.categories-filter-input{width:100%;max-width:360px;padding:8px 12px;background:#111215;border:1px solid #27272a;border-radius:6px;color:#e4e4e7;font-size:14px;font-family:inherit;outline:none;transition:border-color 0.15s}
.categories-filter-input:focus{border-color:#22c55e}
.categories-filter-input::placeholder{color:#52525b}
.categories-tip{font-size:12px;color:#71717a;margin-top:6px;font-style:italic}
.categories-table-wrap{max-height:500px;overflow:auto;border:1px solid #27272a;border-radius:8px;margin-bottom:24px}
.categories-table{width:100%;border-collapse:separate;border-spacing:0}
.categories-table thead{position:sticky;top:0;z-index:12;background:#18181b}
.categories-table thead th{background:#18181b;padding:12px 8px;font-weight:600;border-bottom:2px solid #27272a;white-space:nowrap;font-size:13px}
.categories-table th.cat-dropdown-col,.categories-table td.cat-dropdown-col{width:180px;white-space:nowrap}
.categories-table th.cat-field-col,.categories-table td.cat-field-col{position:sticky;left:0;z-index:11;background:#18181b;min-width:200px;max-width:400px}
.categories-table thead th.cat-field-col{z-index:13;background:#18181b}
.categories-table tbody td.cat-field-col{background:#0f0f12}
.categories-table tbody tr:nth-child(odd) td.cat-field-col{background:#141418}
.cat-row-uncategorized td.cat-field-col{background:#1a0f0f !important}
.cat-row-uncategorized:nth-child(odd) td.cat-field-col{background:#1e100f !important}
.cat-select{background:#111215;color:#e4e4e7;border:1px solid #27272a;border-radius:5px;padding:4px 8px;font-size:13px;font-family:inherit;cursor:pointer;outline:none;min-width:140px;transition:border-color 0.15s}
.cat-select:focus{border-color:#22c55e}
.cat-select option{background:#18181b;color:#e4e4e7}
.cat-row-ignored{opacity:0.45}
.cat-row-ignored:hover{opacity:0.65}
.cat-row-ignored .field-label{text-decoration:line-through}
.field-label{font-weight:500}
.field-label-clickable{cursor:pointer;transition:color 0.15s}
.field-label-clickable:hover{color:#22c55e}
.field-lead-count{color:#71717a;font-weight:400;font-size:12px;margin-left:2px}
.field-source{font-size:11px;color:#71717a;font-family:'JetBrains Mono',monospace}
.cat-row-uncategorized{background:rgba(239,68,68,0.06) !important}
.cat-row-uncategorized:hover{background:rgba(239,68,68,0.1) !important}
.categories-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #1c1c22}

/* Field Detail Popover */
.field-popover{position:absolute;z-index:1000;width:320px;background:#1c1c22;border:1px solid #27272a;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.5);overflow:hidden}
.field-popover-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #27272a;background:#18181b}
.field-popover-header strong{font-size:14px;color:#e4e4e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-popover-close{background:none;border:none;color:#71717a;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}
.field-popover-close:hover{color:#e4e4e7}
.field-popover-body{padding:12px 16px}
.field-popover-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #27272a22}
.field-popover-label{color:#71717a;font-size:12px;text-transform:uppercase;letter-spacing:0.04em}
.field-popover-value{color:#d4d4d8;font-size:13px;font-weight:500}
.field-popover-context{margin-top:12px}
.field-popover-context label{display:block;color:#a1a1aa;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em}
.field-popover-context textarea{width:100%;min-height:64px;padding:8px 10px;background:#111215;border:1px solid #27272a;border-radius:6px;color:#e4e4e7;font-size:13px;font-family:inherit;resize:vertical;outline:none;transition:border-color 0.15s;margin-bottom:8px;box-sizing:border-box}
.field-popover-context textarea:focus{border-color:#22c55e}

/* ==================== FUNNEL VISUALIZER ==================== */
.funnel-header-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 12px;
}

.funnel-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.funnel-step {
  display: flex;
  align-items: center;
  min-height: 48px;
  position: relative;
}

.funnel-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  min-width: 48px;
}

.funnel-step-num {
  width: 24px;
  height: 24px;
  background: rgba(0,0,0,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  margin-left: 12px;
}
.funnel-label{flex:1;font-weight:600;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.funnel-count{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;margin-left:auto}
.funnel-text {
  position: relative;
  z-index: 1;
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}

.funnel-text .sep {
  opacity: 0.5;
  margin: 0 10px;
}

.funnel-text .muted {
  opacity: 0.75;
  font-weight: 500;
}

.funnel-dropoff {
  margin-left: auto;
  min-width: 70px;
  text-align: right;
  font-size: 12px;
  color: #f59e0b;
  padding-left: 12px;
  position: relative;
  z-index: 1;
}

.funnel-empty,
.funnel-no-data {
  text-align: center;
  padding: 40px 20px;
  color: #71717a;
}

.funnel-empty p,
.funnel-no-data p {
  margin-bottom: 16px;
}

.funnel-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  color: #a1a1aa;
  font-size: 14px;
}

/* Funnel Modal */
/* Funnel Wizard */
.funnel-wizard-content{max-width:520px;width:100%}

/* Progress dots */
.wiz-progress{display:flex;align-items:center;justify-content:center;padding:16px 24px 8px;gap:0}
.wiz-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#27272a;color:#71717a;flex-shrink:0;transition:all 0.2s}
.wiz-dot.active{background:#22c55e;color:#06070a}
.wiz-dot.done{background:#22c55e44;color:#22c55e}
.wiz-line{flex:1;height:2px;background:#27272a;margin:0 4px;max-width:40px;transition:background 0.2s}
.wiz-line.done{background:#22c55e66}

/* Step content */
.wiz-body{min-height:200px}
.wiz-step-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.wiz-step-icon{font-size:28px;line-height:1}
.wiz-step-title{font-size:17px;font-weight:600;color:#e4e4e7}
.wiz-step-num{font-size:11px;color:#71717a;margin-top:2px}
.wiz-step-desc{color:#a1a1aa;font-size:14px;line-height:1.5;margin-bottom:20px}

/* Toggle switch */
.wiz-toggle-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#111215;border:1px solid #1c1c22;border-radius:8px;margin-bottom:12px}
.wiz-toggle-row span{font-size:14px;color:#e4e4e7}
.wiz-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.wiz-toggle input{opacity:0;width:0;height:0;position:absolute}
.wiz-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#3f3f46;border-radius:24px;transition:background 0.2s}
.wiz-toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#e4e4e7;border-radius:50%;transition:transform 0.2s}
.wiz-toggle input:checked + .wiz-toggle-slider{background:#22c55e}
.wiz-toggle input:checked + .wiz-toggle-slider::before{transform:translateX(20px)}

/* Hint text */
.wiz-hint{font-size:12px;color:#71717a;margin-top:8px;padding:0 4px}

/* Empty state */
.wiz-empty{text-align:center;padding:24px 16px;color:#71717a;font-size:14px;line-height:1.6;background:#111215;border:1px dashed #27272a;border-radius:8px}

/* Field list (for category steps) */
.wiz-field-list{max-height:240px;overflow-y:auto;border:1px solid #1c1c22;border-radius:8px}
.wiz-field-item{padding:10px 14px;border-bottom:1px solid #1c1c22;transition:background 0.1s}
.wiz-field-item:last-child{border-bottom:none}
.wiz-field-item:hover{background:#1c1c22}
.wiz-field-item label{display:flex;align-items:center;gap:10px;cursor:pointer;width:100%}
.wiz-field-item input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:#22c55e;flex-shrink:0}
.wiz-field-icon{font-size:14px;flex-shrink:0}
.wiz-field-label{font-size:13px;color:#e4e4e7;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wiz-field-source{font-size:11px;color:#52525b;white-space:nowrap;margin-left:auto}

/* Footer */
.wiz-footer{justify-content:space-between}

/* ==================== SCORE DISTRIBUTION ==================== */
.score-dist-container{position:relative;padding-left:40px}
.score-dist-y-axis{position:absolute;left:0;top:0;height:160px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:8px;font-size:10px;color:#71717a}
.score-dist-chart{display:flex;align-items:flex-end;height:160px;gap:1px;border-bottom:1px solid #3f3f46}
.score-bar{width:100%;min-height:1px;border-radius:1px 1px 0 0;transition:height 0.2s ease}
.score-bar.bar-high{background:#22c55e}
.score-bar.bar-med{background:#f59e0b}
.score-bar.bar-low{background:#ef4444}
.score-dist-x-axis{display:flex;justify-content:space-between;font-size:10px;color:#71717a;margin-top:4px}
.score-dist-legend{display:flex;justify-content:center;gap:20px;margin-top:12px}
.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#a1a1aa}
.legend-dot{width:10px;height:10px;border-radius:2px}
.legend-dot.bar-high{background:#22c55e}
.legend-dot.bar-med{background:#f59e0b}
.legend-dot.bar-low{background:#ef4444}

/* Responsive */
@media(max-width:768px){
  .stat-bar{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .stat-grid-flat{grid-template-columns:1fr 1fr}
  .stat-ott{grid-column:1 / -1;grid-row:auto}
  .stat-selectors{flex-wrap:wrap}
  .growth-chart-header{flex-direction:column;align-items:flex-start}
  .growth-chart-controls{width:100%}
  .growth-chart-canvas-wrap{height:220px}
  .dna-comparison{grid-template-columns:1fr}
  .funnel-label-outside{max-width:150px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:600px){
  .field-row{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .header-right .user-email{display:none}
  .ai-suggestions{grid-template-columns:1fr}
  .stat-bar{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr}
  .stat-grid-flat{grid-template-columns:1fr}
  .stat-ott{grid-column:1;grid-row:auto}
  .benchmark-legend{flex-wrap:wrap;gap:12px}
  .ai-sidebar{width:0;min-width:0;opacity:0;overflow:hidden;border-right:none}
  .ai-chat-layout{height:480px}
  .settings-layout{flex-direction:column;gap:0}
  .settings-sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #18181b;padding-right:0;padding-bottom:12px;margin-bottom:20px;min-width:0;gap:4px}
  .settings-nav-item{padding:6px 10px;font-size:12px}
}

/* ==================== SCORING SYSTEM ==================== */

/* Highlight stat (Money on Table) */
.stat-box.highlight-stat {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
  border-color: rgba(34, 197, 94, 0.3);
}
.stat-box.highlight-stat .num {
  color: #22c55e;
}
.stat-box.highlight-stat.stat-ott {
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100%;padding:24px 20px;
}
.ott-ask-link{color:#22c55e;font-size:12px;margin-top:8px;cursor:pointer;opacity:0.8;transition:opacity 0.15s}
.ott-ask-link:hover{opacity:1;text-decoration:underline}

/* Scoring status bar */
.scoring-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 13px;
  color: #a1a1aa;
}
.scoring-status strong {
  color: #22c55e;
}

/* Section header with action button */
.section-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.section-header-row .analytics-section-title {
  margin-bottom: 0;
}

.section-desc {
  color: #a1a1aa;
  font-size: 13px;
  margin-bottom: 16px;
}
.section-desc strong {
  color: #22c55e;
}

/* High intent section */
.high-intent-section {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(249, 115, 22, 0.05));
  border-color: rgba(249, 115, 22, 0.3);
}

/* Potential column */
.potential-col {
  color: #22c55e;
  font-weight: 600;
}

/* Factor badges */
.factor-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}
.factor-badge.positive {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.factor-badge.negative {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.mini-factor {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 10px;
  margin-right: 4px;
}
.mini-factor.positive {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.mini-factor.negative {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* Score tooltip */
.score-cell {
  cursor: help;
  font-weight: 600;
  padding: 2px 8px;
  background: rgba(34, 197, 94, 0.1);
  border-radius: 4px;
}

.score-tooltip {
  position: absolute;
  z-index: 10000;
  background: #1c1c22;
  border: 1px solid #3f3f46;
  border-radius: 8px;
  padding: 12px;
  min-width: 280px;
  max-width: 350px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

.tooltip-header {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #e4e4e7;
}

.tooltip-divider {
  height: 1px;
  background: #3f3f46;
  margin: 8px 0;
}

.tooltip-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.tooltip-row.positive {
  color: #a1a1aa;
}
.tooltip-row.negative {
  color: #a1a1aa;
}

.tooltip-icon {
  flex-shrink: 0;
  width: 18px;
}

.tooltip-label {
  flex: 1;
  font-weight: 500;
  color: #e4e4e7;
}

.tooltip-values {
  color: #71717a;
  font-size: 11px;
}

.tooltip-delta {
  font-weight: 700;
  min-width: 35px;
  text-align: right;
}
.tooltip-row.positive .tooltip-delta {
  color: #22c55e;
}
.tooltip-row.negative .tooltip-delta {
  color: #ef4444;
}

.converter-badge {
  background: #22c55e;
  color: #06070a;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 8px;
}

/* ==================== CONVERTER FINGERPRINT ==================== */

.dna-fingerprint {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fingerprint-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #111215;
  border-radius: 6px;
}

.fingerprint-label {
  width: 140px;
  font-weight: 500;
  color: #e4e4e7;
  font-size: 13px;
}

.fingerprint-value {
  width: 60px;
  text-align: right;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: #a1a1aa;
}

.fingerprint-direction {
  width: 50px;
  font-size: 12px;
  font-weight: 600;
}
.fingerprint-direction.positive {
  color: #22c55e;
}
.fingerprint-direction.negative {
  color: #ef4444;
}

.fingerprint-bar-wrap {
  flex: 1;
  height: 6px;
  background: #27272a;
  border-radius: 3px;
  overflow: hidden;
}

.fingerprint-bar {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 3px;
}

.fingerprint-weight {
  width: 40px;
  text-align: right;
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
}

/* ==================== SECONDARY CONVERSION ==================== */

.lift-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.lift-badge.lift-high {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.lift-badge.lift-med {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}
.lift-badge.lift-low {
  background: rgba(113, 113, 122, 0.2);
  color: #a1a1aa;
}
.lift-badge.lift-negative {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* Category & sigma badges */
.cat-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

.sigma-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 600;
}
.sigma-badge.positive {
  color: #22c55e;
}
.sigma-badge.negative {
  color: #ef4444;
}

/* ==================== LEAD COMPARISON MODAL ==================== */

.compare-selector {
  margin-bottom: 20px;
}
.compare-selector label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}
.compare-selector select {
  width: 100%;
  max-width: 400px;
}

.compare-placeholder {
  color: #71717a;
  text-align: center;
  padding: 40px;
}

.compare-score {
  text-align: center;
  padding: 20px 40px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 12px;
}

.compare-score-num {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: #22c55e;
}

.compare-score-label {
  font-size: 14px;
  color: #a1a1aa;
}

.compare-table .positive-row {
  background: rgba(34, 197, 94, 0.05);
}
.compare-table .negative-row {
  background: rgba(239, 68, 68, 0.05);
}
.compare-table .positive {
  color: #22c55e;
}
.compare-table .negative {
  color: #ef4444;
}

/* ==================== SEGMENT ACTION MODAL ==================== */

.segment-action-content {
  max-width: 480px;
  width: 100%;
}

.segment-stats {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 16px;
}

.segment-stat {
  text-align: center;
}

.segment-stat .stat-num {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #e4e4e7;
}

.segment-stat .stat-label {
  font-size: 12px;
  color: #71717a;
}

.segment-sources {
  text-align: center;
  color: #a1a1aa;
  font-size: 13px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #27272a;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.action-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 8px;
  color: #e4e4e7;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: left;
}

.action-btn:hover {
  border-color: #3f3f46;
  background: #18181b;
}

.action-btn.highlight {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
  border-color: rgba(34, 197, 94, 0.3);
}

.action-btn.highlight:hover {
  border-color: rgba(34, 197, 94, 0.5);
}

.action-icon {
  font-size: 18px;
}

/* ==================== COMPARE MODAL ==================== */

.compare-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
}

.compare-lead-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.compare-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.conv-check {
  color: #22c55e;
  margin-left: 4px;
}

.verdict-icon {
  font-size: 18px;
}

.gap-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.gap-badge.positive {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.gap-badge.negative {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.impact-num {
  font-size: 13px;
}

.impact-num.positive {
  color: #22c55e;
}

.impact-num.negative {
  color: #ef4444;
}

/* DNA Table */
.dna-fingerprint-scroll {
  max-height: 340px;
  overflow-y: auto;
  border: 1px solid #27272a;
  border-radius: 8px;
}
.dna-fingerprint-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

.dna-table {
  width: 100%;
}

.dna-table th {
  text-align: left;
  padding: 12px;
  background: #18181b;
  font-size: 11px;
  text-transform: uppercase;
  color: #a1a1aa;
  letter-spacing: 0.5px;
}

.dna-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #27272a;
}

.dna-table tr:hover {
  background: rgba(255,255,255,0.02);
}

.diff-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

.diff-badge.positive {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.diff-badge.negative {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* DNA Blurb */
.dna-blurb{background:#111215;border:1px solid #1c1c22;border-radius:6px;padding:16px 20px;margin-bottom:24px}
.dna-blurb p{font-size:14px;color:#a1a1aa;line-height:1.6;margin:0}

/* Grouped Benchmark Heatmap */
.benchmark-table-wrap{overflow-x:auto;margin-top:12px}
.benchmark-table{border-collapse:collapse;width:100%}
.benchmark-table th{text-align:left;font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid #27272a;white-space:nowrap}
.benchmark-table td{padding:8px 12px;border-bottom:1px solid #1c1c22;font-size:13px}
.benchmark-table tr:hover{background:rgba(39,39,42,0.3)}
.benchmark-field{color:#e4e4e7;font-weight:500}
.benchmark-converter{color:#22c55e;font-weight:600}
.benchmark-cell{font-weight:500;text-align:center}
.benchmark-cell.heat-high{background:rgba(34,197,94,0.12);color:#22c55e}
.benchmark-cell.heat-med{background:rgba(245,158,11,0.12);color:#f59e0b}
.benchmark-cell.heat-low{background:rgba(239,68,68,0.12);color:#ef4444}
.benchmark-cell.heat-none{color:#52525b}
.benchmark-legend{display:flex;gap:20px;margin-top:12px;padding:0 4px}
.benchmark-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#a1a1aa}
.benchmark-swatch{width:12px;height:12px;border-radius:2px}
.benchmark-swatch.heat-high{background:rgba(34,197,94,0.25)}
.benchmark-swatch.heat-med{background:rgba(245,158,11,0.25)}
.benchmark-swatch.heat-low{background:rgba(239,68,68,0.25)}
.group-color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:4px}

/* Recommendations - Grid Layout (legacy) */
.recommendations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.rec-card {
  background: #18181b;
  border: 1px solid #27272a;
  border-radius: 12px;
  padding: 16px;
}

.rec-card.highlight {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.05);
}

.rec-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.rec-count {
  margin-left: auto;
  background: #27272a;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  color: #a1a1aa;
}

/* Source Performance Enhanced */
.source-score {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}

.source-score.high {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.source-score.med {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

.source-score.low {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* Test Mode Banner */
.test-mode-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #7c3aed, #a855f7);
  color: white;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  z-index: 9999;
  font-size: 13px;
  font-weight: 500;
}

.test-mode-banner.hidden {
  display: none;
}

.test-mode-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}

.test-mode-switch {
  position: relative;
  width: 44px;
  height: 24px;
  background: rgba(0,0,0,0.3);
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s;
}

.test-mode-switch.active {
  background: #22c55e;
}

.test-mode-switch::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s;
}

.test-mode-switch.active::after {
  transform: translateX(20px);
}

.test-mode-stats {
  opacity: 0.9;
}

.test-mode-close {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 4px 8px;
  opacity: 0.7;
}

.test-mode-close:hover {
  opacity: 1;
}

body.test-mode-active {
  padding-top: 40px;
}

/* Compare Modal - Updated Layout */
.compare-row-1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.compare-email {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.compare-score-badge {
  background: #22c55e;
  color: #000;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
}

.compare-verdict {
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}

.compare-verdict.high {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.compare-verdict.med {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

.compare-verdict.low {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.compare-row-2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.compare-search-wrap {
  position: relative;
  flex: 1;
}

.compare-search {
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  padding: 8px 12px;
  color: #fff;
  font-size: 13px;
  width: 100%;
}

.compare-search:focus {
  outline: none;
  border-color: #22c55e;
}

.compare-search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #27272a;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
}

.search-result-item {
  padding: 10px 12px;
  cursor: pointer;
  font-size: 13px;
  border-bottom: 1px solid #3f3f46;
}

.search-result-item:hover {
  background: #3f3f46;
}

.search-result-item:last-child {
  border-bottom: none;
}

.compare-context {
  font-size: 12px;
  color: #71717a;
  margin-bottom: 12px;
  text-align: center;
}

.compare-summary {
  text-align: center;
  margin-bottom: 16px;
}

.compare-table-wrap {
  max-height: 350px;
  overflow-y: auto;
  border: 1px solid #3f3f46;
  border-radius: 8px;
}

.compare-table {
  margin: 0;
}

.compare-table th {
  position: sticky;
  top: 0;
  background: #18181b;
  z-index: 1;
}

.weight-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  background: rgba(113, 113, 122, 0.2);
  color: #a1a1aa;
}

.compare-no-data {
  text-align: center;
  color: #71717a;
  padding: 24px;
}

.lead-compare-content {
  max-width: 550px;
}

/* Recommendations - Row Layout */
.recommendations-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rec-row {
  display: flex;
  align-items: center;
  background: #18181b;
  border: 1px solid #27272a;
  border-radius: 10px;
  padding: 14px 16px;
  gap: 14px;
  transition: opacity 0.2s, transform 0.2s;
}

.rec-row.highlight {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.05);
}

.rec-row.warning {
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.05);
}

.rec-icon {
  font-size: 20px;
  flex-shrink: 0;
}

.rec-content {
  flex: 1;
  min-width: 0;
}

.rec-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 2px;
}

.rec-desc {
  font-size: 13px;
  color: #a1a1aa;
  margin: 0;
}

.rec-stats {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.rec-stat {
  text-align: center;
}

.rec-stat-num {
  font-size: 16px;
  font-weight: 600;
  color: #22c55e;
}

.rec-stat-label {
  font-size: 10px;
  color: #71717a;
  text-transform: uppercase;
}

.rec-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.rec-dismiss {
  background: none;
  border: none;
  color: #71717a;
  cursor: pointer;
  padding: 4px;
  font-size: 16px;
  line-height: 1;
}

.rec-dismiss:hover {
  color: #ef4444;
}
.ai-rec-row{border-left:3px solid #6366f1}
.ai-rec-row .rec-desc{white-space:pre-line}
.highlight-pulse{animation:recPulse 1.5s ease-out}
@keyframes recPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0.1)}100%{box-shadow:none}}

/* Score Distribution Markers */
.score-bar-wrap {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  min-width: 2px;
  position: relative;
}

.score-marker {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  pointer-events: none;
}

.avg-marker {
  background: #3b82f6;
  box-shadow: 0 0 4px #3b82f6;
}

.median-marker {
  background: #f59e0b;
  box-shadow: 0 0 4px #f59e0b;
}

.legend-line {
  display: inline-block;
  width: 16px;
  height: 2px;
  vertical-align: middle;
  margin-right: 4px;
}

.avg-line {
  background: #3b82f6;
}

.median-line {
  background: #f59e0b;
}

/* Sortable Tables */
.sortable-table th.sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.sortable-table th.sortable:hover {
  background: #27272a;
}

.sort-icon {
  font-size: 10px;
  color: #52525b;
  margin-left: 4px;
  transition: color 0.15s;
}

.sort-icon.active {
  color: #22c55e;
}

.sortable-table th.sortable:hover .sort-icon {
  color: #a1a1aa;
}
.legend-gradient {
  display: inline-block;
  width: 60px;
  height: 10px;
  background: linear-gradient(to right, #ef4444, #f97316, #eab308, #84cc16, #22c55e);
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 6px;
}
/* Score Tier Labels */
/* Score Tier Labels */
.score-tiers {
  display: flex;
  margin-top: 8px;
  margin-left: 32px; /* Match chart left padding */
  width: calc(100% - 32px);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.score-tiers .tier {
  text-align: center;
  padding: 4px 0;
  border-radius: 4px;
  box-sizing: border-box;
}

.score-tiers .dead {
  width: 15%;
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.score-tiers .low {
  width: 15%;
  background: rgba(249, 115, 22, 0.15);
  color: #f97316;
}

.score-tiers .cold {
  width: 15%;
  background: rgba(234, 179, 8, 0.15);
  color: #eab308;
}

.score-tiers .warm {
  width: 15%;
  background: rgba(132, 204, 22, 0.15);
  color: #84cc16;
}

.score-tiers .hot {
  width: 10%;
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.score-tiers .converter {
  width: 30%;
  background: rgba(34, 197, 94, 0.25);
  color: #22c55e;
  font-weight: 600;
}
/* Groupings Tab */
.groupings-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.groupings-header h3 {
  margin: 0 0 4px 0;
}

.groupings-header-actions {
  display: flex;
  gap: 8px;
}

.grouping-card {
  background: #18181b;
  border: 1px solid #27272a;
  border-radius: 12px;
  padding: 24px 28px;
  margin-bottom: 24px;
}

.grouping-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.grouping-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.grouping-name {
  margin: 0;
  font-size: 16px;
}

.grouping-group-count {
  font-size: 12px;
  color: #71717a;
  background: #27272a;
  padding: 2px 8px;
  border-radius: 10px;
}

.grouping-card-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

.get-data-option {
  display: block;
  width: 100%;
  padding: 8px 14px;
  background: none;
  border: none;
  color: #e2e8f0;
  text-align: left;
  cursor: pointer;
  font-size: 0.85rem;
  white-space: nowrap;
}
.get-data-option:hover {
  background: #2d2d44;
}
.get-data-option:first-child { border-radius: 6px 6px 0 0; }
.get-data-option:last-child { border-radius: 0 0 6px 6px; }

.grouping-name .grouping-pencil {
  opacity: 0;
  transition: opacity 0.15s;
}
.grouping-card-header:hover .grouping-pencil {
  opacity: 0.5;
}

.groups-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.group-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #0f0f10;
  border-radius: 8px;
  transition: background 0.15s;
}

.group-row:hover {
  background: #1a1a1f;
}

.group-row.unassigned-row {
  border-top: 1px solid #27272a;
  margin-top: 8px;
  padding-top: 14px;
}

.group-drag-handle {
  cursor: grab;
  color: #52525b;
  font-size: 14px;
  user-select: none;
}

.group-color-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.group-info {
  flex: 1;
  min-width: 0;
}

.group-name {
  display: block;
  font-weight: 500;
  font-size: 13px;
}

.group-rule-summary {
  display: block;
  font-size: 11px;
  color: #71717a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}

.group-stats {
  display: flex;
  gap: 16px;
  flex-shrink: 0;
}

.group-stat {
  font-size: 12px;
  color: #a1a1aa;
}

.group-stat.warning {
  color: #f59e0b;
}

.group-actions {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

.btn-xs {
  padding: 3px 8px;
  font-size: 11px;
}

/* Group Edit Modal */
.group-edit-content {
  max-width: 600px;
}

.group-edit-row {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.group-edit-row .setting-input {
  flex: 1;
}

.color-picker {
  display: flex;
  gap: 6px;
}

.color-option {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.15s;
}

.color-option:hover,
.color-option.selected {
  border-color: #fff;
}

.rule-sets-container {
  margin-bottom: 16px;
}

.rule-set {
  background: #0f0f10;
  border: 1px solid #27272a;
  border-radius: 8px;
  padding: 12px;
}

.rule-set-or-divider {
  text-align: center;
  color: #f59e0b;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 0;
}

.rule-and-label {
  font-size: 11px;
  color: #71717a;
  padding: 4px 0 4px 8px;
}

.rule-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 4px;
}

.rule-field,
.rule-operator {
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
}

.rule-field {
  flex: 2;
}

.rule-operator {
  flex: 1.5;
}

.rule-value {
  flex: 1.5;
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
}

.rule-remove {
  background: none;
  border: none;
  color: #71717a;
  cursor: pointer;
  font-size: 16px;
  padding: 4px;
}

.rule-remove:hover {
  color: #ef4444;
}

.group-edit-preview {
  background: #27272a;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  margin-top: 12px;
}

/* Unassigned Modal */
.unassigned-list {
  max-height: 400px;
  overflow-y: auto;
}

.unassigned-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #27272a;
}

.unassigned-source {
  flex: 1;
  font-size: 13px;
}

.unassigned-count {
  font-size: 12px;
  color: #71717a;
  min-width: 40px;
  text-align: right;
}

.unassigned-assign {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.assign-btn {
  background: transparent;
  border: 1px solid;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  cursor: pointer;
  transition: background 0.15s;
}

.assign-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Grouping expand/collapse */
.grouping-expand-btn {
  padding: 2px 8px !important;
  font-size: 10px !important;
  min-width: 24px;
  color: #71717a;
}

.grouping-collapsed-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 4px 0 0;
}

.collapsed-group-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 16px;
  font-size: 12px;
  color: #a1a1aa;
}

.collapsed-group-chip .group-color-dot {
  width: 6px;
  height: 6px;
}

.chip-pct {
  color: #71717a;
  font-size: 11px;
}

.unassigned-chip {
  border-style: dashed;
}

/* Reorder arrows */
.group-reorder {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
  width: 20px;
}

.reorder-btn {
  background: none;
  border: none;
  color: #52525b;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  line-height: 1;
  transition: color 0.15s;
}

.reorder-btn:hover {
  color: #22c55e;
}

.reorder-spacer {
  display: block;
  height: 14px;
}

/* Typeahead field search */
.rule-field-wrap {
  position: relative;
  flex: 2;
}

.rule-field-input {
  width: 100%;
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
}

.rule-field-input:focus {
  outline: none;
  border-color: #22c55e;
}

.rule-field-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #27272a;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  max-height: 240px;
  overflow-y: auto;
  z-index: 200;
  margin-top: 2px;
}

.field-dd-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.field-dd-item:hover {
  background: #3f3f46;
}

.field-dd-item:last-child {
  border-bottom: none;
}

.field-dd-name {
  color: #e4e4e7;
}

.field-dd-cat {
  font-size: 10px;
}

.field-dd-custom {
  color: #22c55e;
  border-top: 1px solid #3f3f46;
}

/* Rule count input */
.rule-count-input {
  width: 50px !important;
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  color: #fff;
  padding: 6px 8px;
  font-size: 12px;
  text-align: center;
}

.rule-count-label {
  font-size: 11px;
  color: #71717a;
  margin-left: -2px;
}

/* Grouping dropdown on tables */
.table-grouping-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.grouping-bar-label {
  font-size: 12px;
  color: #71717a;
  margin-right: 8px;
}

/* Grouping dropdown with Create New option */
.grouping-dropdown-wrap {
  display: inline-block;
  position: relative;
}

.grouping-dropdown-wrap .grouping-select {
  max-height: 200px;
}

.grouping-dropdown-wrap .grouping-search-input {
  display: block;
  width: calc(100% - 8px);
  margin: 6px 4px 2px;
  padding: 5px 8px;
  background: #0f0f10;
  border: 1px solid #3f3f46;
  border-radius: 5px;
  color: #e4e4e7;
  font-size: 11px;
  outline: none;
}

.grouping-dropdown-wrap .grouping-search-input:focus {
  border-color: #3b82f6;
}

.grouping-create-option {
  color: #22c55e !important;
  font-weight: 600;
}

.grouping-separator {
  color: #27272a !important;
  font-size: 8px;
}
@keyframes tableCreatedPulse {
  0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.4); }
  50% { box-shadow: 0 0 20px 4px rgba(34,197,94,0.25); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
.table-created-pulse {
  animation: tableCreatedPulse 1.2s ease-out;
}
/* Trends Bar */
/* Growth Over Time chart */
.growth-chart-section{background:#111215;border:1px solid #1c1c22;border-radius:6px;padding:20px;margin-bottom:20px}
.growth-chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.growth-chart-title{font-size:15px;font-weight:600;color:#fafafa;margin:0}
.growth-chart-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.growth-chart-legend{display:flex;gap:6px;flex-wrap:wrap}
.growth-legend-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #27272a;color:#52525b;padding:4px 10px;font-size:11px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}
.growth-legend-btn.active{color:var(--legend-color,#fafafa);border-color:var(--legend-color,#27272a);background:color-mix(in srgb, var(--legend-color) 10%, transparent)}
.growth-legend-btn:hover{border-color:var(--legend-color,#3f3f46)}
.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.growth-range-toggle{display:flex;gap:0}
.btn-period{background:#0c0d10;border:1px solid #27272a;color:#71717a;padding:4px 12px;font-size:11px;cursor:pointer;font-family:inherit}
.btn-period:first-child{border-radius:4px 0 0 4px}
.btn-period:last-child{border-radius:0 4px 4px 0}
.btn-period:not(:first-child){border-left:0}
.btn-period.active{background:#22c55e22;color:#22c55e;border-color:#22c55e44}
.growth-chart-canvas-wrap{height:280px;position:relative}
.growth-custom-dates{display:flex;align-items:center;gap:10px;margin-top:10px}
.growth-custom-dates label{display:flex;align-items:center;gap:6px;font-size:12px;color:#a1a1aa;text-transform:none;letter-spacing:0;margin:0}
.growth-custom-dates input[type="date"]{width:auto;padding:4px 8px;font-size:12px;background:#0c0d10;border:1px solid #27272a;border-radius:4px;color:#e4e4e7}

/* Tracker switcher dropdown */
.tracker-dropdown {
  background: #18181b;
  color: #fafafa;
  border: 1px solid #3f3f46;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 14px;
  font-family: 'DM Sans', sans-serif;
  cursor: pointer;
  min-width: 200px;
  max-width: 300px;
}
.tracker-dropdown:hover { border-color: #a78bfa; }
.tracker-dropdown:focus { border-color: #a78bfa; outline: none; box-shadow: 0 0 0 2px rgba(167,139,250,0.2); }
.tracker-dropdown:disabled { opacity: 0.5; cursor: not-allowed; }

.tracker-active { border-color: #7c3aed !important; background: rgba(124,58,237,0.05); }

/* ==================== INLINE METRIC DROPDOWNS ==================== */
.inline-metric-dropdown {
  background: transparent;
  border: none;
  border-bottom: 1px dashed #52525b;
  color: #71717a;
  font-size: 12px;
  padding: 0 14px 2px 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: auto;
  min-width: 0;
  max-width: 160px;
  font-family: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2352525b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 10px 6px;
  transition: border-color 0.15s, color 0.15s;
}
.inline-metric-dropdown:hover {
  border-bottom-color: #a1a1aa;
  color: #a1a1aa;
}
.inline-metric-dropdown:focus {
  outline: none;
  border-bottom-color: #22c55e;
  color: #e4e4e7;
}
.inline-metric-dropdown option {
  background: #0c0d10;
  color: #e4e4e7;
  font-size: 13px;
}

/* ==================== BUTTON LOADING STATE ==================== */
.btn-loading {
  pointer-events: none;
  opacity: 0.7;
}

/* ==================== FUNNEL SKIP-STEP STRIPES ==================== */
.funnel-bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
}
.funnel-bar-solid {
  height: 100%;
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}
.funnel-bar-striped {
  height: 100%;
  background: repeating-linear-gradient(
    -45deg,
    rgba(0,80,0,0.35),
    rgba(0,80,0,0.35) 4px,
    transparent 4px,
    transparent 8px
  ), linear-gradient(90deg, #16a34a, #15803d);
  cursor: help;
  position: relative;
}
.funnel-skip-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1c1c22;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 11px;
  color: #a1a1aa;
  white-space: nowrap;
  z-index: 100;
  pointer-events: none;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  line-height: 1.5;
}
.funnel-bar-striped:hover .funnel-skip-tooltip {
  display: block;
}

/* ==================== SCORE INFO POPUP ==================== */
.info-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #27272a;
  border: 1px solid #3f3f46;
  color: #71717a;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
  padding: 0;
  line-height: 1;
}
.info-icon-btn:hover {
  background: #3f3f46;
  color: #e4e4e7;
}
.score-info-wrap {
  position: relative;
  display: inline-block;
}
.score-info-popup {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #1c1c22;
  border: 1px solid #3f3f46;
  border-radius: 8px;
  padding: 16px 20px;
  min-width: 340px;
  max-width: 420px;
  z-index: 200;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
  font-size: 13px;
  color: #a1a1aa;
  line-height: 1.6;
}
.score-info-popup.active {
  display: block;
}
.score-info-popup h4 {
  font-size: 14px;
  color: #e4e4e7;
  margin: 0 0 8px;
}
.score-info-popup p {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.5;
}
.score-info-popup .info-stat-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 12px;
}
.score-info-popup .info-stat-row .info-stat-label {
  color: #71717a;
}
.score-info-popup .info-stat-row .info-stat-value {
  color: #e4e4e7;
  font-weight: 600;
}
.score-info-popup .info-tiers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.score-info-popup .info-tier {
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #27272a;
}

/* ==================== EDIT COLUMNS MODAL ==================== */
.edit-columns-content {
  max-width: 700px;
  width: 100%;
}
.columns-panel-layout {
  display: flex;
  gap: 16px;
  min-height: 360px;
}
.columns-panel {
  flex: 1;
  background: #111215;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.columns-panel-header {
  padding: 10px 14px;
  border-bottom: 1px solid #1c1c22;
  font-size: 12px;
  font-weight: 600;
  color: #a1a1aa;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.columns-search {
  padding: 8px 12px;
  border-bottom: 1px solid #1c1c22;
}
.columns-search input {
  width: 100%;
  background: #0c0d10;
  border: 1px solid #27272a;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: #e4e4e7;
}
.columns-search input:focus {
  outline: none;
  border-color: #22c55e66;
}
.columns-list {
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
.column-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13px;
  color: #e4e4e7;
  cursor: pointer;
  transition: background 0.1s;
}
.column-item:hover {
  background: #1c1c22;
}
.column-item .col-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-item .col-source {
  font-size: 10px;
  color: #52525b;
  flex-shrink: 0;
}
.column-item .col-add-btn,
.column-item .col-remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0 4px;
  line-height: 1;
  flex-shrink: 0;
}
.column-item .col-add-btn {
  color: #22c55e;
}
.column-item .col-remove-btn {
  color: #ef4444;
}
.column-item .col-add-btn:hover { color: #16a34a; }
.column-item .col-remove-btn:hover { color: #dc2626; }
.col-reorder {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex-shrink: 0;
}
.col-reorder button {
  background: none;
  border: none;
  color: #52525b;
  cursor: pointer;
  font-size: 10px;
  padding: 0;
  line-height: 1;
}
.col-reorder button:hover {
  color: #22c55e;
}
.columns-panel-footer {
  padding: 10px 14px;
  border-top: 1px solid #1c1c22;
}

/* ==================== CALCULATED FIELD MODAL ==================== */
.calc-field-content {
  max-width: 560px;
  width: 100%;
}
.formula-display {
  background: #0c0d10;
  border: 1px solid #27272a;
  border-radius: 6px;
  padding: 12px 16px;
  min-height: 48px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: #e4e4e7;
  margin-bottom: 12px;
  word-break: break-all;
}
.formula-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.formula-controls select {
  width: auto;
  min-width: 160px;
  padding: 6px 10px;
  font-size: 12px;
}
.formula-ops {
  display: flex;
  gap: 4px;
}
.formula-op-btn {
  width: 32px;
  height: 32px;
  background: #27272a;
  border: 1px solid #3f3f46;
  border-radius: 4px;
  color: #e4e4e7;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formula-op-btn:hover {
  background: #3f3f46;
}
.formula-op-btn.active {
  background: #22c55e22;
  border-color: #22c55e;
  color: #22c55e;
}
.formula-const-input {
  width: 80px !important;
  padding: 6px 10px;
  font-size: 12px;
}
.result-type-selector {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.result-type-btn {
  flex: 1;
  padding: 8px 12px;
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 6px;
  color: #a1a1aa;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
}
.result-type-btn.active {
  background: #22c55e15;
  border-color: #22c55e44;
  color: #22c55e;
}

/* Blur opportunity row */
.blur-opportunity-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(168,139,250,0.08), rgba(168,139,250,0.02));
  border: 1px solid rgba(168,139,250,0.2);
  border-radius: 6px;
  font-size: 13px;
  color: #d4d4d8;
}
.blur-opp-icon { font-size: 16px; }
.blur-opp-value { color: #a78bfa; }

/* ==================== SOURCE SECTION REDESIGN ==================== */
.source-header-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.source-header-bar .metric-dropdown {
  width: auto;
  max-width: 250px;
}
.source-header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.source-header-actions .btn {
  padding: 4px 10px;
  font-size: 11px;
}
.btn-icon {
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 4px;
  color: #71717a;
  cursor: pointer;
  padding: 4px 8px;
  font-size: 13px;
  transition: all 0.15s;
  font-family: inherit;
}
.btn-icon:hover {
  border-color: #3f3f46;
  color: #a1a1aa;
}
.btn-icon.btn-icon-danger:hover {
  border-color: #ef4444;
  color: #ef4444;
}

/* ==================== PEOPLE TAB ==================== */
.people-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.people-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.people-search {
  flex: 1;
  min-width: 200px;
  padding: 8px 12px;
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 6px;
  color: #e4e4e7;
  font-size: 13px;
  font-family: inherit;
}
.people-search:focus { border-color: #3f3f46; outline: none; }
.people-filters {
  display: flex;
  gap: 4px;
}
.people-filter-btn {
  padding: 6px 12px;
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 4px;
  color: #71717a;
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.people-filter-btn:hover { border-color: #3f3f46; color: #a1a1aa; }
.people-filter-btn.active { background: #1c1c22; border-color: #a78bfa44; color: #a78bfa; }
.people-sort { width: auto; min-width: 160px; }

/* Advanced filter builder */
.people-filter-builder {
  background: #111215;
  border: 1px solid #27272a;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.people-filter-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.people-filter-field, .people-filter-op {
  padding: 6px 8px;
  background: #0c0d10;
  border: 1px solid #27272a;
  border-radius: 4px;
  color: #e4e4e7;
  font-size: 12px;
  font-family: inherit;
}
.people-filter-field { min-width: 160px; max-width: 220px; }
.people-filter-field-wrap {
  position: relative;
  min-width: 160px;
  max-width: 220px;
}
.people-filter-field-input {
  width: 100%;
  padding: 6px 8px;
  background: #0c0d10;
  border: 1px solid #27272a;
  border-radius: 4px;
  color: #e4e4e7;
  font-size: 12px;
  font-family: inherit;
  box-sizing: border-box;
}
.people-filter-field-input:focus { border-color: #3f3f46; outline: none; }
.people-filter-field-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #27272a;
  border: 1px solid #3f3f46;
  border-radius: 6px;
  max-height: 240px;
  overflow-y: auto;
  z-index: 200;
  margin-top: 2px;
}
.people-filter-op { min-width: 130px; }
.people-filter-value {
  flex: 1;
  min-width: 100px;
  padding: 6px 8px;
  background: #0c0d10;
  border: 1px solid #27272a;
  border-radius: 4px;
  color: #e4e4e7;
  font-size: 12px;
  font-family: inherit;
}
.people-filter-value:focus, .people-filter-field:focus, .people-filter-op:focus { border-color: #3f3f46; outline: none; }
.people-filter-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}

/* People list rows */
.people-list { display: flex; flex-direction: column; gap: 2px; }
.people-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.people-row:hover { background: #111215; border-color: #27272a; }
.people-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e4e4e7;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0;
}
.people-info { flex: 1; min-width: 0; }
.people-name {
  font-size: 14px;
  font-weight: 500;
  color: #e4e4e7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-email {
  font-size: 12px;
  color: #71717a;
  font-family: 'JetBrains Mono', monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-anon-badge {
  display: inline-block;
  padding: 1px 6px;
  background: #52525b22;
  border: 1px solid #52525b44;
  border-radius: 3px;
  font-size: 10px;
  color: #71717a;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 4px;
}
.people-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.people-score {
  font-weight: 700;
  font-size: 14px;
  min-width: 28px;
  text-align: center;
}
.people-source {
  font-size: 12px;
  color: #71717a;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.people-revenue {
  font-size: 13px;
  color: #22c55e;
  font-weight: 600;
}

/* Email link in tables */
.email-link {
  color: #a78bfa;
  text-decoration: none;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
}
.email-link:hover { text-decoration: underline; }
.lead-profile-link {
  color: inherit;
  text-decoration: none;
}
.lead-profile-link:hover { color: #a78bfa; text-decoration: underline; }

/* ==================== LEAD PROFILE ==================== */
.profile-view { }
.profile-back { margin-bottom: 16px; }
.profile-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  margin-bottom: 16px;
}
.profile-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e4e4e7;
  font-weight: 700;
  font-size: 22px;
  flex-shrink: 0;
}
.profile-header-info { flex: 1; min-width: 0; }
.profile-name {
  font-size: 20px;
  font-weight: 700;
  color: #e4e4e7;
  margin: 0 0 2px;
}
.profile-email {
  font-size: 13px;
  color: #a78bfa;
  font-family: 'JetBrains Mono', monospace;
}
.profile-org { font-size: 13px; color: #71717a; margin-top: 2px; }
.profile-header-stats {
  display: flex;
  gap: 20px;
}
.profile-stat { text-align: center; }
.profile-stat-num { font-size: 22px; font-weight: 700; color: #e4e4e7; }
.profile-stat-label { font-size: 11px; color: #71717a; margin-top: 2px; }

/* Profile tabs */
.profile-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid #1c1c22;
  padding-bottom: 0;
}
.profile-tab {
  padding: 8px 16px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #71717a;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.profile-tab:hover { color: #a1a1aa; }
.profile-tab.active { color: #e4e4e7; border-bottom-color: #a78bfa; }
.profile-content { }
.profile-section { margin-bottom: 24px; }
.profile-section h4 {
  font-size: 14px;
  font-weight: 600;
  color: #a1a1aa;
  margin-bottom: 12px;
}
.profile-props { display: flex; flex-direction: column; gap: 4px; }
.profile-prop-row {
  display: flex;
  padding: 6px 12px;
  background: #0c0d10;
  border-radius: 4px;
}
.profile-prop-key {
  width: 200px;
  flex-shrink: 0;
  font-size: 12px;
  color: #71717a;
  font-family: 'JetBrains Mono', monospace;
}
.profile-prop-val {
  font-size: 13px;
  color: #e4e4e7;
  word-break: break-all;
}

/* Raw data */
.raw-data-block {
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 6px;
  padding: 16px;
  font-size: 12px;
  font-family: 'JetBrains Mono', monospace;
  color: #a1a1aa;
  overflow-x: auto;
  max-height: 400px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

/* ==================== SESSIONS ==================== */
.session-card {
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 6px;
  margin-bottom: 8px;
  overflow: hidden;
}
.session-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
  transition: background 0.15s;
}
.session-header:hover { background: #111215; }
.session-meta { display: flex; gap: 16px; font-size: 13px; }
.session-date { color: #e4e4e7; font-weight: 500; }
.session-duration { color: #71717a; }
.session-pages { color: #71717a; }
.session-toggle { color: #52525b; font-size: 10px; }
.session-body { padding: 0 16px 12px; }
.session-events { display: flex; flex-direction: column; gap: 4px; }
.session-event-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  border-bottom: 1px solid #111215;
}
.session-event-time { color: #52525b; width: 70px; flex-shrink: 0; font-family: 'JetBrains Mono', monospace; }
.session-event-icon { font-size: 12px; }
.session-event-action { color: #a1a1aa; width: 90px; flex-shrink: 0; }
.session-event-url {
  color: #71717a;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

/* ==================== TIMELINE ==================== */
.timeline-list {
  position: relative;
  padding-left: 20px;
}
.timeline-list::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #1c1c22;
}
.timeline-event {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  position: relative;
}
.timeline-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #27272a;
  border: 2px solid #3f3f46;
  flex-shrink: 0;
  margin-top: 3px;
  position: relative;
  z-index: 1;
  margin-left: -26px;
}
.timeline-content { flex: 1; }
.timeline-header { display: flex; gap: 8px; align-items: center; }
.timeline-name { font-size: 13px; font-weight: 500; color: #e4e4e7; }
.timeline-value { font-size: 12px; color: #22c55e; font-weight: 600; }
.timeline-summary { font-size: 12px; color: #71717a; margin-top: 2px; word-break: break-all; }
.timeline-date { font-size: 11px; color: #52525b; margin-top: 2px; }
.timeline-icon { font-size: 14px; }
.timeline-source-badge { font-size: 10px; padding: 1px 6px; border-radius: 4px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }
.timeline-source-badge.tracking { background: rgba(59,130,246,0.15); color: #60a5fa; }
.timeline-source-badge.klaviyo { background: rgba(168,85,247,0.15); color: #c084fc; }

/* ==================== ACTIVITY TIMELINE ==================== */
.tl-feed { padding: 4px 0; }
.tl-date-group { margin-bottom: 8px; }
.tl-date-heading {
  font-size: 11px;
  font-weight: 700;
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 12px 0 8px 42px;
}
.tl-events { position: relative; }

/* Timeline item: spine + content side by side */
.tl-item {
  display: flex;
  gap: 14px;
  padding: 0;
  min-height: 48px;
}
.tl-item:hover .tl-content { background: #0c0d10; }
.tl-item-conversion .tl-content {
  background: rgba(34, 197, 94, 0.04);
  border: 1px solid rgba(34, 197, 94, 0.12);
}
.tl-item-conversion:hover .tl-content { background: rgba(34, 197, 94, 0.08); }

/* Spine: dot + connecting line */
.tl-spine {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 28px;
  flex-shrink: 0;
}
.tl-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #18181b;
  border: 2px solid #3f3f46;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
}
.tl-dot-icon { font-size: 13px; line-height: 1; }
.tl-line {
  width: 2px;
  flex: 1;
  background: #27272a;
  min-height: 8px;
}
.tl-item-last .tl-line { background: transparent; }

/* Content card */
.tl-content {
  flex: 1;
  min-width: 0;
  padding: 6px 10px 10px;
  border-radius: 6px;
  margin-bottom: 2px;
  transition: background 0.15s;
}
.tl-header {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.tl-event-name {
  font-size: 13px;
  font-weight: 600;
  color: #e4e4e7;
}
.tl-event-value {
  font-size: 13px;
  color: #22c55e;
  font-weight: 700;
  margin-left: auto;
}
.tl-timestamp {
  font-size: 11px;
  color: #52525b;
  font-family: 'JetBrains Mono', monospace;
  margin-top: 2px;
}
.tl-detail {
  font-size: 12px;
  color: #71717a;
  margin-top: 3px;
  word-break: break-all;
  line-height: 1.4;
}
.tl-detail-url {
  font-size: 11px;
  color: #52525b;
  font-family: 'JetBrains Mono', monospace;
}

/* Source & category badges (shared with old activity styles) */
.activity-source {
  font-size: 10px; padding: 1px 6px; border-radius: 4px; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.activity-source.tracking { background: rgba(59,130,246,0.15); color: #60a5fa; }
.activity-source.klaviyo { background: rgba(168,85,247,0.15); color: #c084fc; }
.activity-category-badge {
  font-size: 10px; padding: 1px 6px; border-radius: 4px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.activity-category-badge.conversion { background: rgba(34,197,94,0.15); color: #22c55e; }
.activity-category-badge.secondary { background: rgba(139,92,246,0.15); color: #a78bfa; }

/* ==================== BUYER DNA ==================== */
.dna-summary {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px;
}
.dna-score-card, .dna-similarity-card, .dna-match-card {
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.dna-score { font-size: 36px; font-weight: 700; }
.dna-score-label { font-size: 11px; color: #71717a; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.dna-tier-badge {
  display: inline-block;
  margin-top: 8px;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background: rgba(255,255,255,0.05);
}
.dna-similarity-num { font-size: 36px; font-weight: 700; color: #e4e4e7; }
.dna-similarity-label { font-size: 11px; color: #71717a; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.dna-similarity-bar {
  height: 4px;
  background: #1c1c22;
  border-radius: 2px;
  margin-top: 12px;
  overflow: hidden;
}
.dna-similarity-fill { height: 100%; border-radius: 2px; transition: width 0.5s; }
.dna-match-stat { margin-bottom: 8px; font-size: 13px; color: #a1a1aa; }
.dna-match-num { font-size: 20px; font-weight: 700; display: block; }

.dna-fields { display: flex; flex-direction: column; gap: 2px; }
.dna-field-row {
  display: grid;
  grid-template-columns: 200px 1fr 100px;
  align-items: center;
  padding: 10px 12px;
  background: #0c0d10;
  border-radius: 4px;
  gap: 12px;
}
.dna-field-row:hover { background: #111215; }
.dna-field-name {
  font-size: 12px;
  color: #e4e4e7;
  font-family: 'JetBrains Mono', monospace;
}
.dna-field-type {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  color: #52525b;
  font-style: italic;
}
.dna-field-values { display: flex; gap: 24px; }
.dna-field-lead, .dna-field-conv {
  font-size: 13px;
  color: #e4e4e7;
  font-weight: 500;
}
.dna-val-label {
  display: block;
  font-size: 10px;
  color: #52525b;
  font-weight: 400;
}
.dna-field-match {
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  padding: 2px 8px;
  border-radius: 4px;
}
.dna-field-match.match { color: #22c55e; background: rgba(34,197,94,0.1); }
.dna-field-match.neutral { color: #eab308; background: rgba(234,179,8,0.1); }
.dna-field-match.mismatch { color: #ef4444; background: rgba(239,68,68,0.1); }

.dna-cta {
  margin-top: 24px;
  padding: 16px;
  border-top: 1px solid #1c1c22;
  text-align: center;
}

/* Score tier colors (used in People tab, profile) */
.tier-dead { color: #ef4444; }
.tier-low { color: #f97316; }
.tier-cold { color: #eab308; }
.tier-warming { color: #84cc16; }
.tier-warm { color: #84cc16; }
.tier-hot { color: #22c55e; }
.tier-converter { color: #10b981; }
.tier-converted { color: #10b981; }
.tier-buyers { color: #10b981; }

/* ==================== CONTEXT TAB ==================== */
.context-entries-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.context-card {
  background: #111215;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  padding: 14px 16px;
  transition: border-color 0.15s;
}
.context-card:hover {
  border-color: #27272a;
}
.context-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.context-card-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.context-type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  flex-shrink: 0;
}
.context-card-topic {
  font-size: 14px;
  font-weight: 600;
  color: #e4e4e7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-entity-id {
  font-size: 11px;
  color: #52525b;
  font-family: 'JetBrains Mono', monospace;
  flex-shrink: 0;
}
.context-card-actions {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.context-card-body {
  font-size: 13px;
  color: #a1a1aa;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Context affordance button (small note icon) */
.ctx-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #52525b;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s;
  vertical-align: middle;
  margin-left: 4px;
}
.ctx-add-btn:hover {
  color: #22c55e;
  border-color: #22c55e44;
  background: #22c55e11;
}

/* ---- Custom Events Wizard ---- */
.ce-wizard-card {
  background: #111215;
  border: 1px solid #22c55e33;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
}
.ce-wizard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.ce-wizard-header h4 { margin: 0; color: #e4e4e7; font-size: 15px; }
.ce-wizard-step { font-size: 12px; color: #71717a; }
.ce-wizard-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ce-wizard-option {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
  background: #0c0d10;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.ce-wizard-option:hover {
  border-color: #7c3aed;
  background: #18181b;
}
.ce-wizard-option-icon { font-size: 24px; flex-shrink: 0; margin-top: 2px; }

/* Custom Event Cards */
.ce-event-card {
  background: #111215;
  border: 1px solid #1c1c22;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 8px;
  transition: border-color 0.15s;
}
.ce-event-card:hover { border-color: #27272a; }
.ce-event-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ce-event-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ce-type-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ce-event-name {
  font-size: 14px;
  color: #e4e4e7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ce-event-actions {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

/* ---- Tracked Fields Table ---- */
.tf-table-wrap {
  overflow-x: auto;
  border: 1px solid #1c1c22;
  border-radius: 8px;
}
.tf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.tf-table th {
  text-align: left;
  padding: 10px 14px;
  background: #0c0d10;
  color: #71717a;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  border-bottom: 1px solid #1c1c22;
  white-space: nowrap;
}
.tf-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #111215;
  color: #a1a1aa;
  vertical-align: middle;
}
.tf-table tr:last-child td { border-bottom: none; }
.tf-table tr:hover td { background: #0c0d10; }
.tf-muted-row td { opacity: 0.45; }
.tf-field-name { color: #e4e4e7; font-weight: 500; }
.tf-field-key { font-size: 11px; color: #52525b; font-family: 'JetBrains Mono', monospace; margin-top: 2px; }
.tf-type-badge {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #18181b;
  border: 1px solid #27272a;
  color: #a1a1aa;
  white-space: nowrap;
}

/* Toggle switch */
.tf-toggle-wrap {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
  cursor: pointer;
}
.tf-toggle-wrap input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.tf-toggle-slider {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #27272a;
  border-radius: 18px;
  transition: background 0.2s;
}
.tf-toggle-slider::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: 2px;
  bottom: 2px;
  background: #52525b;
  border-radius: 50%;
  transition: transform 0.2s, background 0.2s;
}
.tf-toggle-wrap input:checked + .tf-toggle-slider { background: #22c55e33; }
.tf-toggle-wrap input:checked + .tf-toggle-slider::before { transform: translateX(16px); background: #22c55e; }

/* Banner "or" separator */
.uncategorized-banner-or{color:#d97706;font-size:13px}

/* Categories ignore button */
.categories-ignore-btn{white-space:nowrap;margin-left:auto;flex-shrink:0}

/* Mockup badge in tabs */
.mockup-badge{font-size:9px;font-weight:600;background:#7c3aed33;color:#a78bfa;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle;letter-spacing:.03em;text-transform:uppercase}

/* Emails tab */
.emails-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.emails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:768px){.emails-grid{grid-template-columns:1fr}}
.emails-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:20px;transition:border-color .2s}
.emails-card:hover{border-color:#27272a}
.emails-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.emails-card-header strong{font-size:15px}
.emails-card-meta{font-size:12px;color:#71717a;margin-bottom:14px}
.emails-card-stats{display:flex;gap:20px}
.emails-stat{display:flex;flex-direction:column}
.emails-stat-num{font-size:18px;font-weight:700;color:#e4e4e7}
.emails-stat-label{font-size:11px;color:#52525b;margin-top:2px}
.emails-status{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}
.emails-status-active{background:#22c55e22;color:#22c55e}
.emails-status-paused{background:#f59e0b22;color:#f59e0b}
.emails-status-draft{background:#3b82f622;color:#3b82f6}
.emails-status-scheduled{background:#f59e0b22;color:#f59e0b}

/* Collapsible email sections */
.emails-section-collapsible{border:1px solid #27272a;border-radius:10px;margin-bottom:16px;background:#0f0f11}
.emails-section-collapsible[open]{background:#09090b}
.emails-section-summary{cursor:pointer;padding:14px 16px;font-size:14px;font-weight:500;color:#a1a1aa;display:flex;align-items:center;gap:8px;list-style:none;user-select:none}
.emails-section-summary::-webkit-details-marker{display:none}
.emails-section-summary::before{content:'+';font-size:16px;font-weight:400;color:#52525b;width:18px;text-align:center}
.emails-section-collapsible[open] .emails-section-summary::before{content:'\2212'}
.emails-section-count{background:#27272a;color:#a1a1aa;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:400}
.emails-section-collapsible .emails-grid{padding:0 16px 16px}

/* Ads tab */
.ads-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ads-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
@media(max-width:768px){.ads-stats-row{grid-template-columns:repeat(2,1fr)}}
.ads-stat-box{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:16px;text-align:center}
.ads-stat-num{display:block;font-size:22px;font-weight:700;color:#e4e4e7}
.ads-stat-label{display:block;font-size:11px;color:#52525b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}
.ads-table-wrap{overflow-x:auto}
.ads-table{width:100%;border-collapse:collapse;font-size:13px}
.ads-table thead th{text-align:left;padding:10px 12px;font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1c1c22;font-weight:500}
.ads-table tbody td{padding:10px 12px;border-bottom:1px solid #111215;color:#d4d4d8}
.ads-table tbody tr:hover{background:#0c0d10}
.platform-badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:#1c1c22;color:#a1a1aa}
.platform-badge-google_ads{background:#1a73e81a;color:#8ab4f8}
.platform-badge-meta_ads{background:#1877f21a;color:#6ba4f8}
.platform-badge-tiktok_ads{background:#ff00501a;color:#ff6b8a}

/* CRO tab */
.cro-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.cro-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
@media(max-width:768px){.cro-stats-row{grid-template-columns:repeat(2,1fr)}}
.cro-stat-box{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:16px;text-align:center}
.cro-stat-num{display:block;font-size:22px;font-weight:700;color:#e4e4e7}
.cro-stat-label{display:block;font-size:11px;color:#52525b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}
.cro-tests-list{display:flex;flex-direction:column;gap:16px}
.cro-test-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:20px}
.cro-test-card:hover{border-color:#27272a}
.cro-test-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cro-test-name{font-size:15px;font-weight:600;color:#e4e4e7}
.cro-test-date{font-size:12px;color:#52525b}
.cro-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}
.cro-badge-running{background:#22c55e1a;color:#22c55e}
.cro-badge-winner{background:#3b82f61a;color:#60a5fa}
.cro-badge-draft{background:#71717a1a;color:#a1a1aa}
.cro-test-variants{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:640px){.cro-test-variants{grid-template-columns:1fr}}
.cro-variant{background:#111215;border:1px solid #1c1c22;border-radius:8px;padding:14px}
.cro-variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cro-variant-label{font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.03em}
.cro-variant-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:#1c1c22;color:#71717a}
.cro-variant-tag-winning{background:#22c55e1a;color:#22c55e}
.cro-variant-desc{font-size:13px;color:#d4d4d8;margin-bottom:10px}
.cro-variant-stats{display:flex;gap:16px;font-size:12px;color:#71717a;margin-bottom:8px}
.cro-variant-stats strong{color:#d4d4d8;font-weight:600}
.cro-bar-track{height:4px;background:#1c1c22;border-radius:2px;overflow:hidden}
.cro-bar-fill{height:100%;background:#52525b;border-radius:2px;min-width:2px}
.cro-bar-winning{background:#22c55e}
.cro-test-footer{padding-top:12px;border-top:1px solid #1c1c22}
.cro-page-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:20px;margin-bottom:16px}
.cro-page-card:hover{border-color:#27272a}
.cro-page-url{font-size:13px;color:#60a5fa;word-break:break-all;font-family:'JetBrains Mono',monospace}
.cro-page-goal{font-size:12px;color:#71717a;margin-top:4px}
.cro-page-actions{display:flex;gap:8px;flex-shrink:0}
.cro-badge-applied{background:#3b82f61a;color:#60a5fa}
.cro-badge-queued{background:#f59e0b1a;color:#f59e0b}

/* Compact test card */
.cro-test-card-compact{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:14px 16px;margin-bottom:8px}
.cro-test-card-compact:hover{border-color:#27272a}
.cro-compact-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cro-compact-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.cro-compact-left .cro-test-name{font-size:14px;white-space:nowrap}
.cro-compact-left .cro-test-date{margin-left:4px}
.cro-compact-stats{display:flex;gap:12px;font-size:12px;color:#71717a;flex-shrink:0}
.cro-compact-stats span{white-space:nowrap}
.cro-hypothesis-row{font-size:12px;color:#a1a1aa;margin-top:8px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cro-hypothesis-row.expanded{white-space:normal;overflow:visible}
.cro-hypothesis-text{font-style:italic}
.cro-conf-progress{height:3px;background:#1c1c22;border-radius:2px;overflow:hidden;margin-top:8px}
.cro-conf-bar{height:100%;border-radius:2px;transition:width .3s}
.cro-compact-actions{display:flex;gap:8px;margin-top:8px;align-items:center}
.cro-action-link{font-size:11px;color:#60a5fa;text-decoration:none;padding:2px 6px;border-radius:3px;background:#3b82f60d}
.cro-action-link:hover{background:#3b82f61a}
.cro-action-btn{font-size:11px;color:#a1a1aa;background:transparent;border:1px solid #27272a;border-radius:4px;padding:2px 8px;cursor:pointer}
.cro-action-btn:hover{color:#e4e4e7;border-color:#3f3f46}
.cro-action-primary{color:#60a5fa;border-color:#3b82f633}
.cro-action-primary:hover{background:#3b82f611}

/* Toggle switch */
.cro-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}
.cro-toggle input{opacity:0;width:0;height:0}
.cro-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#27272a;border-radius:10px;transition:.2s}
.cro-toggle-slider:before{content:'';position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#71717a;border-radius:50%;transition:.2s}
.cro-toggle input:checked+.cro-toggle-slider{background:#3b82f6}
.cro-toggle input:checked+.cro-toggle-slider:before{transform:translateX(16px);background:#fff}

/* End-test modal radio options */
.cro-radio-opt{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #1c1c22;border-radius:6px;margin-bottom:6px;cursor:pointer;font-size:13px;color:#d4d4d8;transition:border-color .15s}
.cro-radio-opt:hover{border-color:#3f3f46}
.cro-radio-opt input[type="radio"]{accent-color:#3b82f6}
/* End-test winner picker (redesigned) */
.cro-winner-group{margin-bottom:4px}
.cro-winner-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #1c1c22;border-left:3px solid transparent;cursor:pointer;font-size:13px;color:#d4d4d8;transition:border-color .15s,background .15s}
.cro-winner-row+.cro-winner-row{border-top-color:transparent;margin-top:-1px}
.cro-winner-group .cro-winner-row:first-child{border-radius:6px 6px 0 0}
.cro-winner-group .cro-winner-row:last-child{border-radius:0 0 6px 6px}
.cro-winner-row:hover{background:#ffffff06}
.cro-winner-row--selected{border-left-color:#22c55e;background:#22c55e08}
.cro-winner-row input[type="radio"]{accent-color:#22c55e;margin:0;flex-shrink:0}
.btn-danger-fill{background:#ef444422;color:#f87171;border:1px solid #ef444433}
.btn-danger-fill:hover{background:#ef444433}
/* Past tests collapsible toggle */
.cro-past-toggle{display:flex;align-items:center;cursor:pointer;padding:4px 0;user-select:none}
.cro-past-toggle:hover .cro-past-arrow,.cro-past-toggle:hover span{color:#a1a1aa!important}

/* ================================================================
   EMAILS TAB — Campaign Dashboard & Wizard
   ================================================================ */

/* Dashboard layout */
.emails-title{font-size:22px;font-weight:700;margin:0}
.emails-subtitle{color:#71717a;margin:4px 0 0;font-size:14px}

/* Summary stat boxes */
.emails-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
@media(max-width:640px){.emails-stats-row{grid-template-columns:1fr}}
.emails-stat-box{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:16px;text-align:center}
.emails-stat-box .emails-stat-num{font-size:22px;font-weight:700;color:#e4e4e7;display:block}
.emails-stat-box .emails-stat-label{font-size:11px;color:#52525b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em;display:block}

/* Campaign cards */
.emails-card{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.emails-card:hover{border-color:#7c3aed44;box-shadow:0 0 0 1px #7c3aed22}
.emails-card-title{font-size:15px;font-weight:600;margin:8px 0 6px;color:#e4e4e7}

/* Email hero CTA */
.email-hero{background:linear-gradient(135deg,#18181b 0%,#1e1024 50%,#18181b 100%);border:1px solid #27272a;border-radius:12px;padding:40px 32px;text-align:center;margin-bottom:32px}
.email-hero-title{font-size:26px;font-weight:700;color:#e4e4e7;margin:0 0 12px}
.email-hero-desc{font-size:15px;color:#a1a1aa;max-width:520px;margin:0 auto 24px;line-height:1.6}
.btn-lg{padding:12px 28px;font-size:15px;font-weight:600}
/* Email Stats Dashboard */
.email-stats-dashboard{background:#0c0d10;border:1px solid #1c1c22;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.email-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.email-stats-title{font-size:15px;font-weight:600;color:#d4d4d8;margin:0}
.email-stats-badge{font-size:12px;color:#a1a1aa;background:#18181b;border:1px solid #27272a;border-radius:20px;padding:3px 10px}
.email-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:900px){.email-stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.email-stats-grid{grid-template-columns:repeat(2,1fr)}}
.email-stat-card{text-align:center;padding:12px 8px;border-radius:8px;background:#18181b;border:1px solid #1c1c22}
.email-stat-value{font-size:20px;font-weight:700;color:#e4e4e7}
.email-stat-rate{font-size:12px;font-weight:600;color:#a78bfa;margin-top:2px}
.email-stat-label{font-size:11px;color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
.email-stat-delivered .email-stat-value{color:#60a5fa}
.email-stat-opens .email-stat-value{color:#34d399}
.email-stat-clicks .email-stat-value{color:#a78bfa}
.email-stat-revenue .email-stat-value{color:#fbbf24}
.email-stat-unsubs .email-stat-value{color:#f87171}
.email-stat-bounces .email-stat-value{color:#fb923c}
.email-stats-breakdown{margin-top:16px;border-top:1px solid #1c1c22;padding-top:12px}
.email-stats-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:12px;padding:8px 0;border-bottom:1px solid #0c0d10;font-size:13px;align-items:center}
.email-stats-row:last-child{border-bottom:none}
.email-stats-row-name{color:#d4d4d8;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-stats-row-date{color:#52525b;font-size:12px;min-width:70px;text-align:right}
.email-stats-row-metric{color:#a1a1aa;min-width:70px;text-align:right}

/* Email Stats — period toggle */
.email-stats-period-toggle{display:flex;gap:2px;background:#18181b;border-radius:6px;padding:2px}
.email-stats-period-toggle .btn-period{padding:4px 10px;font-size:11px;border-radius:4px;border:none;background:transparent;color:#71717a;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s}
.email-stats-period-toggle .btn-period.active{background:#27272a;color:#e4e4e7}
.email-stats-period-toggle .btn-period:hover:not(.active){color:#a1a1aa}
.email-stats-header{flex-wrap:wrap;gap:8px}

/* Email tab — Collapsible sections */
.email-collapsible-section{margin-bottom:16px;border:1px solid #1c1c22;border-radius:10px;overflow:hidden;background:#0c0d10}
.email-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;user-select:none;transition:background .15s}
.email-collapsible-header:hover{background:#111215}
.email-collapsible-title{font-size:14px;font-weight:600;color:#d4d4d8}
.email-collapsible-toggle{color:#52525b;font-size:12px;transition:transform .2s}
.email-collapsible-body{padding:0 20px 20px}

/* Emails tab — Enhanced Leads Section */
.emails-leads-section{background:#0c0d10;border:1px solid #1c1c22;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.emails-leads-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.emails-leads-header-left{display:flex;align-items:center;gap:10px}
.emails-leads-title{font-size:16px;font-weight:600;color:#d4d4d8;margin:0}
.emails-leads-badge{font-size:12px;color:#22c55e;background:#22c55e18;border:1px solid #22c55e33;border-radius:20px;padding:2px 10px;font-weight:600}
.emails-leads-metrics{display:flex;gap:24px;margin-bottom:16px}
.emails-leads-metric{display:flex;flex-direction:column;gap:2px}
.emails-leads-metric-value{font-size:20px;font-weight:700;color:#e4e4e7}
.emails-leads-metric-value.positive{color:#22c55e}
.emails-leads-metric-value.negative{color:#ef4444}
.emails-leads-metric-label{font-size:11px;color:#52525b;text-transform:uppercase;letter-spacing:.05em}
.emails-leads-chart-wrap{height:200px;position:relative}

.email-history-section{margin-top:8px}
.email-history-title{font-size:17px;font-weight:600;color:#d4d4d8;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #1c1c22}

/* Wizard — step indicator */
.wizard-steps{display:flex;gap:4px;margin-bottom:24px}
.wizard-step{flex:1;text-align:center;padding:8px 4px;font-size:12px;color:#52525b;border-bottom:2px solid #27272a;white-space:nowrap}
.wizard-step.active{color:#a78bfa;border-color:#7c3aed;font-weight:600}
.wizard-step.done{color:#22c55e;border-color:#22c55e44}

/* Wizard — step content */
.wizard-step-content{padding:8px 0}
.wizard-step-content .setting-label{display:block;font-size:13px;font-weight:500;color:#a1a1aa;margin-bottom:6px}
.wizard-step-content .setting-input{background:#18181b;border:1px solid #27272a;color:#e4e4e7;border-radius:6px;padding:8px 12px;font-size:14px}
.wizard-step-content textarea.setting-input{resize:vertical}

/* Wizard — navigation */
.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #1c1c22}

/* Wizard — toggle group (send strategy) */
.wizard-toggle-group{display:flex;gap:8px}
.wizard-toggle{display:flex;align-items:center;gap:6px;background:#18181b;border:1px solid #27272a;border-radius:6px;padding:8px 14px;font-size:13px;color:#a1a1aa;cursor:pointer;transition:border-color .2s,color .2s}
.wizard-toggle.active{border-color:#7c3aed;color:#e4e4e7}
.wizard-toggle input[type="radio"]{accent-color:#7c3aed}

/* Email preview frame */
.email-preview-frame{border-radius:8px;overflow:hidden;margin-top:6px}

/* AI explanation block */
.email-ai-explanation{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:13px;color:#a1a1aa;line-height:1.5}
.email-ai-explanation strong{color:#d4d4d8}

/* Button spinner */
.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}

/* Email Wizard — full-page inline mode */
.email-wizard-fullpage{padding:0}
.wizard-fullpage-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.wizard-fullpage-body{max-width:700px}

/* Wizard — clickable completed steps */
.wizard-step.done.clickable{cursor:pointer;transition:color .2s,border-color .2s}
.wizard-step.done.clickable:hover{color:#4ade80;border-color:#22c55e88}

/* Wizard — audience source toggle */
.wizard-audience-toggle{display:flex;gap:0;margin-bottom:16px;border:1px solid #27272a;border-radius:8px;overflow:hidden}
.wizard-audience-toggle button{flex:1;padding:8px 12px;font-size:13px;font-weight:500;background:#18181b;color:#a1a1aa;border:none;cursor:pointer;transition:background .2s,color .2s}
.wizard-audience-toggle button.active{background:#7c3aed;color:#fff}

/* Wizard — generate step CTA bar */
.wizard-generate-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:16px}

/* Wizard — revise chatbox */
.wizard-revise-box{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:12px 16px;margin-top:16px}
.wizard-revise-box .setting-label{margin-bottom:8px}
.wizard-revise-input-row{display:flex;gap:8px;align-items:center}
.wizard-revise-input-row .setting-input{flex:1}

/* Wizard — UTM section */
.wizard-utm-section{margin-top:16px}
.wizard-utm-section summary{cursor:pointer;font-size:13px;font-weight:500;color:#a1a1aa;padding:8px 0;user-select:none}
.wizard-utm-section summary:hover{color:#d4d4d8}
.wizard-utm-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}
@media(max-width:640px){.wizard-utm-grid{grid-template-columns:1fr}}

/* Wizard — expand preview */
.wizard-preview-wrap{position:relative;margin-top:12px}
.wizard-expand-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);border:1px solid #3f3f46;border-radius:6px;color:#d4d4d8;padding:4px 8px;font-size:12px;cursor:pointer;z-index:2;transition:background .2s}
.wizard-expand-btn:hover{background:rgba(0,0,0,.9)}

/* Searchable select wrapper */
/* Searchable select — custom dropdown with integrated search */
.ss-wrap{position:relative;width:100%}
.ss-hidden{display:none!important}
.ss-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#18181b;border:1px solid #27272a;border-radius:6px;color:#52525b;font-size:14px;cursor:pointer;transition:border-color .2s;min-height:38px;user-select:none}
.ss-trigger:hover{border-color:#3f3f46}
.ss-trigger.ss-has-value{color:#e4e4e7}
.ss-wrap.ss-open .ss-trigger{border-color:#7c3aed;border-radius:6px 6px 0 0}
.ss-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ss-arrow{font-size:12px;color:#52525b;margin-left:8px;transition:transform .2s}
.ss-wrap.ss-open .ss-arrow{transform:rotate(180deg)}
.ss-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#18181b;border:1px solid #7c3aed;border-top:none;border-radius:0 0 6px 6px;z-index:100;max-height:260px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ss-wrap.ss-open .ss-dropdown{display:flex;flex-direction:column}
.ss-search{border:none;border-bottom:1px solid #27272a;background:#111215;color:#e4e4e7;padding:8px 12px;font-size:13px;font-family:inherit;outline:none;width:100%;box-sizing:border-box}
.ss-search::placeholder{color:#52525b}
.ss-options{overflow-y:auto;max-height:220px;flex:1}
.ss-option{padding:8px 12px;font-size:13px;color:#a1a1aa;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-option:hover{background:#27272a;color:#e4e4e7}
.ss-option.ss-selected{color:#a78bfa;background:#27272a22}
.ss-empty{padding:12px;font-size:13px;color:#52525b;text-align:center}

/* Wizard — Angles step */
.wizard-angles-title{font-size:17px;font-weight:600;color:#e4e4e7;margin-bottom:6px}
.wizard-angles-desc{font-size:13px;color:#a1a1aa;margin-bottom:16px;line-height:1.5}
.wizard-angles-context{margin-bottom:16px}
.wizard-angles-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.wizard-angle-card{position:relative;background:#18181b;border:2px solid #27272a;border-radius:10px;padding:16px;cursor:pointer;transition:border-color .2s,background .15s}
.wizard-angle-card:hover{border-color:#7c3aed44;background:#1e1024}
.wizard-angle-card.selected{border-color:#7c3aed;background:#1e1024}
.wizard-angle-badge{position:absolute;top:10px;right:10px;background:#7c3aed;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}
.wizard-angle-headline{font-size:14px;font-weight:600;color:#e4e4e7;margin-bottom:8px;line-height:1.4;padding-right:80px}
.wizard-angle-desc{font-size:12px;color:#a1a1aa;line-height:1.5}
@media(max-width:600px){.wizard-angles-grid{grid-template-columns:1fr}}

/* Wizard — Campaign Brief: Goal Chips */
.wizard-goal-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;align-items:center}
.wizard-goal-chip{padding:9px 20px;font-size:13px;font-weight:600;border-radius:99px;border:1.5px solid #27272a;background:#18181b;color:#a1a1aa;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1;letter-spacing:.01em}
.wizard-goal-chip:hover{border-color:#52525b;color:#e4e4e7;background:#1c1c22}
.wizard-goal-chip.active{border-color:#22c55e;color:#fff;background:#166534}
.wizard-goal-chip-other{border-style:dashed;color:#71717a}
.wizard-goal-chip-other:hover{border-style:solid}
.wizard-goal-other-input{display:inline-flex;align-items:center;gap:0;border:1.5px solid #22c55e;border-radius:99px;background:#0b1f0e;overflow:hidden;height:36px}
.wizard-goal-other-input input{border:none;background:transparent;color:#e4e4e7;padding:0 4px 0 16px;font-size:13px;font-family:inherit;outline:none;width:160px;height:100%}
.wizard-goal-other-input input::placeholder{color:#52525b}
.wizard-goal-other-close{border:none;background:transparent;color:#71717a;cursor:pointer;font-size:16px;padding:0 10px;height:100%;display:flex;align-items:center}
.wizard-goal-other-close:hover{color:#ef4444}

/* Wizard — Campaign Brief: Angle Cards */
.wizard-brief-angles-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}
.wizard-brief-angle-card{background:#18181b;border:1.5px solid #27272a;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;user-select:none}
.wizard-brief-angle-card:hover{border-color:#52525b;background:#1c1c22}
.wizard-brief-angle-card.selected{border-color:#22c55e;background:#0b1f0e;box-shadow:0 0 0 1px #22c55e33}
.wizard-brief-angle-label{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:4px}
.wizard-brief-angle-desc{font-size:12px;color:#71717a;line-height:1.4}
@media(max-width:600px){.wizard-brief-angles-grid{grid-template-columns:1fr}}

/* Wizard — Campaign Brief: Details / Context + Upload */
.wizard-brief-details{border:1px solid #27272a;border-radius:8px;padding:0}
.wizard-brief-details summary{cursor:pointer;font-size:13px;font-weight:500;color:#a1a1aa;padding:10px 14px;user-select:none;list-style:none}
.wizard-brief-details summary::-webkit-details-marker{display:none}
.wizard-brief-details summary::before{content:'+';margin-right:8px;font-weight:600;color:#52525b}
.wizard-brief-details[open] summary::before{content:'\2212'}
.wizard-brief-details summary:hover{color:#d4d4d8}
.wizard-brief-details-body{padding:0 14px 14px}
.wizard-brief-details-body textarea{width:100% !important}
.wizard-brief-upload-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.wizard-uploaded-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wizard-uploaded-file{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:#1c1c22;border:1px solid #27272a;border-radius:6px;font-size:12px;color:#a1a1aa}
.wizard-uploaded-file button{border:none;background:none;color:#71717a;cursor:pointer;font-size:14px;padding:0;line-height:1}
.wizard-uploaded-file button:hover{color:#ef4444}

/* Campaign Card Action Buttons */
.emails-card-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #1c1c22}

/* Campaign Analytics Modal */
.campaign-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1c1c22}
.campaign-analytics-stat{background:#09090b;padding:16px 20px;text-align:center}
.campaign-analytics-num{font-size:18px;font-weight:700;color:#e4e4e7;margin-bottom:4px}
.campaign-analytics-label{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.05em}

/* Wizard — "Your Email is Ready" step */
.wizard-ready-heading{font-size:20px;font-weight:700;color:#e4e4e7;margin-bottom:20px;text-align:center}
.wizard-ready-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:500px;margin:0 auto 4px}
.wizard-ready-btn{padding:14px 16px;font-size:14px;font-weight:600;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;border:none;font-family:inherit}
.wizard-ready-btn-ghost{background:transparent;color:#a1a1aa;border:1px solid #3f3f46}
.wizard-ready-btn-ghost:hover{border-color:#52525b;color:#e4e4e7;background:#18181b}
.wizard-ready-btn-primary{background:#22c55e;color:#06070a}
.wizard-ready-btn-primary:hover{background:#16a34a}

/* Wizard — Push to Klaviyo popup */
.push-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}
.push-mode-card{cursor:pointer;display:block}
.push-mode-card-inner{background:#111215;border:2px solid #27272a;border-radius:10px;padding:16px;transition:border-color .2s,background .15s}
.push-mode-card-inner.active{border-color:#22c55e;background:#0f221822}
.push-mode-card-inner:hover:not(.active){border-color:#3f3f46}
.push-mode-title{font-size:14px;font-weight:600;color:#e4e4e7;margin-bottom:8px}
.push-mode-desc{font-size:12px;color:#71717a;line-height:1.5}

/* Email Hero — dual action buttons */
.email-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;max-width:600px;margin:0 auto}
.email-hero-btn{flex:1 1 30%;min-width:0;text-align:center}

/* ================================================================
   CONTENT CALENDAR WIZARD
   ================================================================ */

/* Frequency chips */
.cal-freq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cal-freq-chip{padding:9px 20px;font-size:13px;font-weight:600;border-radius:99px;border:1.5px solid #27272a;background:#18181b;color:#a1a1aa;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1}
.cal-freq-chip:hover{border-color:#52525b;color:#e4e4e7}
.cal-freq-chip.active{border-color:#7c3aed;color:#fff;background:#4c1d95}

/* Email count display */
.cal-email-count{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:14px 16px;font-size:14px;color:#a1a1aa;text-align:center;margin-top:4px}
.cal-email-count strong{color:#e4e4e7}

/* Strategy notes */
.cal-strategy-notes{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#a1a1aa;line-height:1.5}
.cal-strategy-notes strong{color:#d4d4d8}

/* Flow preview */
.cal-flow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cal-flow-timeline{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.cal-flow-card{background:#18181b;border:1px solid #27272a;border-radius:10px;padding:16px;transition:border-color .2s}
.cal-flow-card:hover{border-color:#3f3f46}
.cal-flow-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cal-flow-position{width:28px;height:28px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.cal-flow-date{font-size:12px;color:#71717a;flex:1}
.cal-flow-date-input{background:#1c1c22;border:1px solid #27272a;border-radius:6px;padding:4px 8px;font-size:13px;color:#e4e4e7;font-family:inherit;outline:none;flex:1;transition:border-color .2s}
.cal-flow-date-input:focus{border-color:#7c3aed}
.cal-flow-date-input::-webkit-calendar-picker-indicator{filter:invert(0.7)}
.cal-flow-remove{font-size:18px;color:#71717a;padding:2px 6px}
.cal-flow-remove:hover{color:#ef4444}
.cal-flow-title-input{width:100%;background:#111215;border:1px solid #1c1c22;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;color:#e4e4e7;font-family:inherit;outline:none;transition:border-color .2s}
.cal-flow-title-input:focus{border-color:#7c3aed55}
.cal-flow-goal{margin:8px 0}
.cal-flow-goal-badge{display:inline-block;font-size:11px;padding:2px 10px;border-radius:99px;background:#22c55e18;color:#22c55e;font-weight:600;text-transform:capitalize}
.cal-flow-desc-input{width:100%;background:#111215;border:1px solid #1c1c22;border-radius:6px;padding:6px 10px;font-size:13px;color:#a1a1aa;font-family:inherit;outline:none;resize:vertical;transition:border-color .2s}
.cal-flow-desc-input:focus{border-color:#7c3aed55}
.cal-flow-actions{display:flex;gap:8px;margin-bottom:16px}

/* Generating progress */
.cal-progress-bar{height:8px;background:#18181b;border-radius:4px;overflow:hidden;margin-bottom:8px}
.cal-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#22c55e);border-radius:4px;transition:width .5s ease}
.cal-gen-list{text-align:left;max-width:400px;margin:0 auto}
.cal-gen-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#a1a1aa;border-bottom:1px solid #111215}
.cal-gen-item:last-child{border-bottom:none}
.cal-gen-item.done{color:#22c55e}
.cal-gen-item.in-progress{color:#e4e4e7}
.cal-gen-item.waiting{color:#52525b}

/* Review step */
.cal-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cal-review-card{background:#18181b;border:1px solid #27272a;border-radius:10px;padding:16px;transition:border-color .4s,box-shadow .4s}
.cal-review-card:hover{border-color:#3f3f46}
.flow-card-revised{border-color:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.2);animation:flow-card-pulse 2s ease-in-out}
@keyframes flow-card-pulse{0%{box-shadow:0 0 0 rgba(34,197,94,0)}30%{box-shadow:0 0 16px rgba(34,197,94,.35)}100%{box-shadow:0 0 12px rgba(34,197,94,.2)}}
.cal-review-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cal-review-fields{margin-bottom:8px}
.cal-preview-wrap{margin-top:12px}
.cal-push-actions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}
@media(max-width:640px){.cal-push-actions{flex-direction:column}}

/* Netflix-style scroll gallery */
.cal-gallery-container{position:relative;margin-bottom:16px}
.cal-gallery-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}
.cal-gallery-scroll::-webkit-scrollbar{height:6px}
.cal-gallery-scroll::-webkit-scrollbar-track{background:transparent}
.cal-gallery-scroll::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}
.cal-gallery-card{scroll-snap-align:start;min-width:85%;flex-shrink:0;box-sizing:border-box}
@media(min-width:900px){.cal-gallery-card{min-width:70%}}
.cal-gallery-fade{position:absolute;top:0;right:0;bottom:8px;width:60px;background:linear-gradient(to right,transparent,#09090b);pointer-events:none;transition:opacity .3s;z-index:1}
.cal-carousel-dots{display:flex;justify-content:center;gap:8px;margin-bottom:16px}
.cal-carousel-dot{width:10px;height:10px;border-radius:50%;background:#27272a;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.cal-carousel-dot.active{background:#7c3aed;transform:scale(1.2)}
.cal-carousel-dot:hover:not(.active){background:#3f3f46}

/* Email card thumbnail */
.emails-card-thumbnail{position:relative;width:100%;height:180px;overflow:hidden;border-radius:8px;border:1px solid #27272a;background:#fff;margin-bottom:10px}
.emails-thumb-iframe{width:600px;height:900px;border:none;transform-origin:top left;pointer-events:none}

/* Full-page email preview modal */
.email-preview-fullpage{max-width:90vw;width:900px;height:85vh;display:flex;flex-direction:column}
.email-preview-fullpage .modal-body{flex:1;overflow:hidden}
.email-preview-fullpage .modal-body iframe{width:100%;height:100%;border:none}
@media(max-width:640px){.email-preview-fullpage{width:100vw;height:100vh;max-width:100vw;border-radius:0}}

/* Content Calendar View */
.content-calendar-section{margin-bottom:24px}
.content-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.content-cal-title{margin:0;font-size:17px;font-weight:600;color:#e4e4e7}
.content-cal-controls{display:flex;align-items:center;gap:8px}
.content-cal-label{font-size:14px;color:#a1a1aa;min-width:160px;text-align:center}
.content-cal-toggle{display:flex;background:#18181b;border:1px solid #27272a;border-radius:8px;overflow:hidden;margin-left:8px}
.content-cal-toggle button{background:none;border:none;color:#71717a;padding:5px 14px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}
.content-cal-toggle button.active{background:#27272a;color:#e4e4e7}
.content-cal-toggle button:hover:not(.active){color:#a1a1aa}
.content-cal-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}
.content-cal-day-header{text-align:center;font-size:11px;font-weight:600;color:#71717a;padding:6px 0;text-transform:uppercase;letter-spacing:0.5px}
.content-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#1c1c22;border:1px solid #27272a;border-radius:10px;overflow:hidden}
.content-cal-day{background:#111215;min-height:110px;padding:8px;position:relative;transition:background .15s}
.content-cal-day:hover{background:#18181b}
.content-cal-day.today{background:#18181b;box-shadow:inset 0 2px 0 #7c3aed}
.content-cal-day.other-month{opacity:0.4}
.content-cal-day-num{font-size:12px;font-weight:600;color:#71717a;margin-bottom:4px}
.content-cal-day.today .content-cal-day-num{color:#7c3aed}
.content-cal-day-emails{display:flex;flex-direction:column;gap:3px}
.content-cal-email{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:background .15s;overflow:hidden}
.content-cal-email:hover{background:#27272a}
.content-cal-email-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.content-cal-email.sent .content-cal-email-dot{background:#22c55e}
.content-cal-email.draft .content-cal-email-dot{background:#f59e0b}
.content-cal-email-name{font-size:11px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-cal-email-more{font-size:11px;color:#52525b;padding:2px 6px}

/* Calendar email thumbnails */
.content-cal-email-thumb{cursor:pointer;border-radius:4px;overflow:hidden;transition:background .15s}
.content-cal-email-thumb:hover{background:#27272a}
.content-cal-thumb-wrap{height:64px;overflow:hidden;border-radius:3px;border:1px solid #27272a;background:#fff;position:relative}
.content-cal-thumb-iframe{width:500%;height:500%;border:none;transform:scale(0.2);transform-origin:top left;pointer-events:none}
.content-cal-email-thumb .content-cal-email-name{font-size:10px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:2px 2px 0}
.content-cal-email-thumb.sent .content-cal-thumb-wrap{border-color:#22c55e44}
.content-cal-email-thumb.draft .content-cal-thumb-wrap{border-color:#f59e0b44}
.content-cal-day.has-sent{background:rgba(22,163,74,0.15)}
.content-cal-day.has-scheduled{background:rgba(249,115,22,0.15)}

@media(max-width:640px){.content-cal-day{min-height:60px;padding:4px}.content-cal-email-name{font-size:10px}.content-cal-header{flex-direction:column;gap:8px}.content-cal-thumb-wrap{height:36px}}

/* Flows Row */
.flows-row-section{margin-bottom:24px}
.flows-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.flows-row-title{font-size:15px;font-weight:600;color:#e4e4e7;margin:0}
.flows-row-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent;-webkit-overflow-scrolling:touch}
.flows-row-scroll::-webkit-scrollbar{height:5px}
.flows-row-scroll::-webkit-scrollbar-track{background:transparent}
.flows-row-scroll::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}
.flows-row-card{min-width:220px;max-width:260px;flex-shrink:0;background:#18181b;border:1px solid #27272a;border-radius:10px;padding:14px;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:flex-start;gap:12px}
.flows-row-card:hover{border-color:#3f3f46;background:#1c1c22}
.flows-row-card-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#27272a;border-radius:8px}
.flows-row-card-body{flex:1;min-width:0}
.flows-row-card-name{font-size:13px;font-weight:600;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.flows-row-card-meta{font-size:11px;color:#71717a;margin-bottom:6px}
.flows-row-card-status{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}
.flows-row-card-status.active{background:#22c55e22;color:#22c55e}
.flows-row-card-status.draft{background:#f59e0b22;color:#f59e0b}
.flows-row-card-status.paused{background:#71717a22;color:#71717a}

/* Lists & Segments */
.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ls-card{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}
.ls-name{font-size:13px;font-weight:600;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-count{font-size:11px;color:#71717a}

/* Wizard — Done step */
.wizard-done-container{text-align:center;padding:48px 24px;max-width:500px;margin:0 auto}
.wizard-done-icon{width:64px;height:64px;border-radius:50%;background:#166534;color:#4ade80;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.wizard-done-container h2{color:#4ade80;margin-bottom:8px}
.wizard-done-subtitle{color:#888;margin-bottom:32px}
.wizard-done-actions{display:flex;flex-direction:column;gap:12px;align-items:center}
.wizard-done-actions .btn{min-width:260px}

/* Flow Trigger Selection */
.flow-trigger-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:12px}
.flow-trigger-card{display:flex;align-items:center;gap:12px;padding:14px;background:#18181b;border:1px solid #27272a;border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;position:relative}
.flow-trigger-card:hover{border-color:#3f3f46;background:#1c1c22}
.flow-trigger-card.selected{border-color:#7c3aed;background:#7c3aed11}
.flow-trigger-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#27272a;border-radius:8px;flex-shrink:0}
.flow-trigger-card.selected .flow-trigger-icon{background:#7c3aed33}
.flow-trigger-info{flex:1;min-width:0}
.flow-trigger-label{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:2px}
.flow-trigger-desc{font-size:11px;color:#71717a;line-height:1.4}
.flow-trigger-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .2s}
.flow-trigger-card.selected .flow-trigger-check{opacity:1}

/* Image Picker Modal */
.img-picker-modal .modal-content{max-width:680px;max-height:85vh}
.img-picker-tabs{display:flex;gap:0;border-bottom:1px solid #27272a;padding:0 24px}
.img-picker-tab{padding:10px 20px;font-size:13px;font-weight:600;color:#71717a;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}
.img-picker-tab:hover{color:#a1a1aa}
.img-picker-tab.active{color:#e4e4e7;border-bottom-color:#7c3aed}
.img-picker-body{padding:20px 24px;overflow-y:auto;max-height:calc(85vh - 180px)}
.img-picker-dropzone{border:2px dashed #3f3f46;border-radius:10px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.img-picker-dropzone:hover,.img-picker-dropzone.dragover{border-color:#7c3aed;background:#7c3aed11}
.img-picker-dropzone p{color:#a1a1aa;font-size:13px;margin:8px 0 0}
.img-picker-dropzone .drop-icon{font-size:32px;color:#52525b}
.img-picker-upload-progress{margin-top:16px;padding:12px;background:#1c1c22;border-radius:8px;font-size:13px;color:#a1a1aa;display:flex;align-items:center;gap:8px}
.img-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.img-picker-card{position:relative;border-radius:8px;border:2px solid #27272a;overflow:hidden;cursor:pointer;transition:border-color .2s;aspect-ratio:1;background:#0c0d10}
.img-picker-card:hover{border-color:#3f3f46}
.img-picker-card.selected{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed44}
.img-picker-card img{width:100%;height:100%;object-fit:cover}
.img-picker-card-info{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:11px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.img-picker-card-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.7);border:none;color:#a1a1aa;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.img-picker-card:hover .img-picker-card-delete{opacity:1}
.img-picker-card-delete:hover{color:#ef4444;background:rgba(0,0,0,.9)}
.img-picker-card-check{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#7c3aed;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.img-picker-card.selected .img-picker-card-check{opacity:1}
.img-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid #27272a}
.img-picker-empty{text-align:center;padding:40px 24px;color:#52525b;font-size:13px}

/* Image thumbnail strip (in wizards) */
.wizard-images-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.wizard-image-thumb{position:relative;width:56px;height:56px;border-radius:6px;overflow:hidden;border:1px solid #27272a}
.wizard-image-thumb img{width:100%;height:100%;object-fit:cover}
.wizard-image-thumb-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#27272a;border:none;color:#a1a1aa;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.wizard-image-thumb-remove:hover{color:#ef4444;background:#3f3f46}

/* Chat image upload */
.ai-chat-upload-btn{background:none;border:none;color:#52525b;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}
.ai-chat-upload-btn:hover{color:#a1a1aa}
.ai-chat-image-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #1c1c22;background:#111215}
.ai-chat-image-preview .chat-preview-thumb{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid #27272a;flex-shrink:0}
.ai-chat-image-preview .chat-preview-thumb img{width:100%;height:100%;object-fit:cover}
.ai-chat-image-preview .chat-preview-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#27272a;border:none;color:#a1a1aa;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.ai-chat-image-preview .chat-preview-remove:hover{color:#ef4444;background:#3f3f46}
.ai-chat-image-preview .chat-preview-label{font-size:11px;color:#71717a}
.ai-msg-images{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.ai-msg-image{max-width:200px;max-height:150px;border-radius:6px;cursor:pointer;object-fit:cover;border:1px solid rgba(0,0,0,.2)}

/* ================================================================
   PAGES TAB
   ================================================================ */

/* Stats row (mirrors ads-stats-row) */
.pages-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
@media(max-width:768px){.pages-stats-row{grid-template-columns:repeat(2,1fr)}}
.pages-stat-box{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:16px;text-align:center}
.pages-stat-num{display:block;font-size:22px;font-weight:700;color:#e4e4e7}
.pages-stat-label{display:block;font-size:11px;color:#52525b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}

/* Suggestion cards */
.pages-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px}
@media(max-width:640px){.pages-suggestions-grid{grid-template-columns:1fr}}
.page-suggestion-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:8px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;transition:border-color .2s}
.page-suggestion-card:hover{border-color:#27272a}
.page-suggestion-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#27272a;border-radius:8px}
.page-suggestion-body{flex:1;min-width:0}
.page-suggestion-title{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:4px}
.page-suggestion-desc{font-size:12px;color:#71717a;line-height:1.4}
.page-suggestion-actions{display:flex;gap:6px;flex-shrink:0;align-self:center}

/* Page cards */
.page-card{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:20px;margin-bottom:16px;transition:border-color .2s}
.page-card:hover{border-color:#27272a}
.page-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.page-card-title{font-size:16px;font-weight:600;color:#e4e4e7}
.page-card-slug{font-size:12px;color:#52525b;font-family:'JetBrains Mono',monospace;margin-top:2px}
.page-card-status{font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500;text-transform:capitalize}
.page-card-status.draft{background:#27272a;color:#a1a1aa}
.page-card-status.deployed{background:#22c55e22;color:#22c55e}
.page-card-status.archived{background:#ef444422;color:#ef4444}
.page-card-stats{display:flex;gap:16px;font-size:12px;color:#71717a;margin-top:8px}
.page-card-stats strong{color:#e4e4e7}
.page-card-actions{display:flex;gap:6px;margin-top:12px}

/* Page editor */
.page-editor{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:24px;margin-bottom:16px}
.page-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.page-editor-preview{width:100%;border:1px solid #1c1c22;border-radius:8px;background:#fff;min-height:400px}
.page-editor-code{width:100%;min-height:300px;background:#111215;border:1px solid #27272a;border-radius:8px;color:#e4e4e7;font-family:'JetBrains Mono',monospace;font-size:12px;padding:16px;resize:vertical;line-height:1.5}

/* Wizard */
.pages-wizard{background:#0c0d10;border:1px solid #1c1c22;border-radius:10px;padding:32px;margin-bottom:24px}
.pages-wizard-steps{display:flex;gap:4px;margin-bottom:28px;justify-content:center}
.pages-wizard-step{display:flex;align-items:center;gap:6px;font-size:12px;color:#52525b;padding:6px 14px;border-radius:20px;background:#111215}
.pages-wizard-step.active{color:#22c55e;background:#22c55e11;border:1px solid #22c55e33}
.pages-wizard-step.done{color:#a78bfa;background:#a78bfa11}
.pages-wizard-step-num{width:20px;height:20px;border-radius:50%;background:#27272a;color:#71717a;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.pages-wizard-step.active .pages-wizard-step-num{background:#22c55e;color:#06070a}
.pages-wizard-step.done .pages-wizard-step-num{background:#a78bfa;color:#06070a}

/* Wizard goal cards */
.pages-goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}
.pages-goal-card{background:#111215;border:1px solid #27272a;border-radius:8px;padding:16px;cursor:pointer;text-align:center;transition:border-color .2s}
.pages-goal-card:hover{border-color:#22c55e55}
.pages-goal-card.selected{border-color:#22c55e;background:#22c55e08}
.pages-goal-card-icon{font-size:24px;margin-bottom:6px}
.pages-goal-card-label{font-size:14px;font-weight:600;color:#e4e4e7}
.pages-goal-card-desc{font-size:12px;color:#71717a;margin-top:4px}

/* Wizard angle cards */
.pages-angle-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.pages-angle-card{background:#111215;border:1px solid #27272a;border-radius:8px;padding:16px;cursor:pointer;transition:border-color .2s}
.pages-angle-card:hover{border-color:#22c55e55}
.pages-angle-card.selected{border-color:#22c55e;background:#22c55e08}
.pages-angle-card.recommended{border-color:#a78bfa44}
.pages-angle-label{font-size:14px;font-weight:600;color:#e4e4e7}
.pages-angle-desc{font-size:13px;color:#a1a1aa;margin-top:4px;line-height:1.4}
.pages-angle-badge{display:inline-block;font-size:10px;color:#a78bfa;background:#a78bfa18;padding:2px 8px;border-radius:10px;margin-left:8px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}

/* Deploy success */
.pages-deploy-success{text-align:center;padding:32px 20px}
.pages-deploy-success-icon{font-size:48px;margin-bottom:12px}
.pages-deploy-url{display:inline-block;background:#111215;border:1px solid #27272a;border-radius:6px;padding:8px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#22c55e;margin-top:12px;word-break:break-all}

/* Integration Customer ID inline form */
.intg-cid-form{display:flex;align-items:center;gap:6px}
.intg-cid-input{width:160px;padding:5px 10px;font-size:12px;font-family:'JetBrains Mono',monospace;background:#111215;border:1px solid #27272a;border-radius:4px;color:#e4e4e7}
.intg-cid-input:focus{border-color:#22c55e55;outline:none}
.intg-cid-input::placeholder{color:#52525b}

/* Upgrade Button */
.header-upgrade-btn{animation:pulse-glow 2s ease-in-out infinite;margin-right:8px}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)}50%{box-shadow:0 0 8px 2px rgba(34,197,94,0.3)}}

/* Coming Soon Badges */
.platform-coming-soon{opacity:0.5}
.platform-coming-soon:hover{border-color:#27272a !important}
.platform-coming-soon-badge{color:#71717a;font-size:11px;margin-left:8px;background:#27272a;padding:2px 8px;border-radius:4px}