:root{
  --dark:#0A0A10;
  --dark2:#111118;
  --dark3:#1A1A24;
  --lime:#7C5CFC;
  --lime2:#6344E0;
  --cream:#1A1A24;
  --cream2:#222230;
  --white:#0E0E16;
  --text:#E8E8F0;
  --muted:#6B6B80;
  --border:rgba(255,255,255,.06);
  --border2:rgba(255,255,255,.09);
  --shadow-sm:0 1px 4px rgba(0,0,0,.3),0 0 1px rgba(124,92,252,.05);
  --shadow:0 4px 16px rgba(0,0,0,.4),0 0 1px rgba(124,92,252,.08);
  --shadow-lg:0 12px 40px rgba(0,0,0,.5),0 0 20px rgba(124,92,252,.1);
  --ease:cubic-bezier(.22,.68,0,1);
  --green:#7C5CFC;
  --amber:#FBBF24;
  --red:#FF6B6B;
  --blue:#7C5CFC;
  --radius:18px;
  --radius-lg:24px;
  --purple:#7C5CFC;
  --purple-soft:rgba(124,92,252,.12);
  --purple-bg:rgba(124,92,252,.06);
  --purple-dim:rgba(124,92,252,.08);
  --purple-glow:rgba(124,92,252,.25);
  --card:#141420;
  --card2:#1A1A28;
  --surface:#111118;
}
[data-theme="light"]{
  --dark:#0E0E14;
  --dark2:#16161D;
  --dark3:#1E1E28;
  --cream:#F5F5F9;
  --cream2:#EDEDF2;
  --white:#FFFFFF;
  --text:#111118;
  --muted:#9494A8;
  --border:rgba(17,17,24,.04);
  --border2:rgba(17,17,24,.07);
  --shadow-sm:0 1px 3px rgba(17,17,24,.04),0 0 1px rgba(124,92,252,.03);
  --shadow:0 4px 16px rgba(124,92,252,.04),0 1px 3px rgba(17,17,24,.04);
  --shadow-lg:0 12px 32px rgba(124,92,252,.08),0 2px 6px rgba(17,17,24,.04);
  --amber:#F59E0B;
  --red:#FF5C4D;
  --blue:#0E0E14;
  --purple-soft:#EEEAFF;
  --purple-bg:#F8F6FF;
  --purple-dim:rgba(124,92,252,.06);
  --purple-glow:rgba(124,92,252,.15);
  --card:#FFFFFF;
  --card2:#F8F8FC;
  --surface:#F5F5F9;
}
*{box-sizing:border-box;margin:0;padding:0}
@font-face{font-family:'HN';src:local('HelveticaNeue-Light'),local('Helvetica Neue Light');font-weight:300}
@font-face{font-family:'HN';src:local('HelveticaNeue'),local('Helvetica Neue');font-weight:400}
@font-face{font-family:'HN';src:local('HelveticaNeue-Medium'),local('Helvetica Neue Medium');font-weight:500}
@font-face{font-family:'HN';src:local('HelveticaNeue-Bold'),local('Helvetica Neue Bold');font-weight:700}
html,body{height:100%;overflow:hidden;font-family:'HN','Helvetica Neue',Helvetica,-apple-system,sans-serif;font-size:13px;font-weight:300;background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:3px solid transparent;background-clip:content-box;transition:background-color .2s}
*:hover>::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1)}
*::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.18)}
*{scrollbar-width:thin;scrollbar-color:transparent transparent}
*:hover{scrollbar-color:rgba(255,255,255,.1) transparent}

/* ══ NAV ══ */
.nav{height:56px;background:rgba(14,14,22,.85);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);display:flex;align-items:center;padding:0 24px;gap:6px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:20;overflow:visible}
.nav::-webkit-scrollbar{height:0}
.nav-brand{display:flex;align-items:center;gap:8px;margin-right:12px;flex-shrink:0}
.nav-logo{width:28px;height:28px;background:linear-gradient(135deg,var(--purple),#A78BFA);border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(124,92,252,.2)}
.nav-logo svg{width:12px;height:12px;fill:#fff}
.nav-wordmark{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-1px}
.nav-wordmark span{color:var(--lime)}
.ni{padding:6px 12px;border-radius:10px;font-size:12.5px;font-weight:400;color:var(--muted);cursor:pointer;transition:all .2s;white-space:nowrap;user-select:none;display:flex;align-items:center;gap:5px;position:relative}
.ni:hover{background:rgba(124,92,252,.08);color:var(--text)}
.ni.active{background:rgba(124,92,252,.1);color:var(--purple);font-weight:500}
.ni.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:16px;height:2px;border-radius:2px;background:var(--purple);box-shadow:0 2px 8px rgba(124,92,252,.4)}
.nav-badge{background:var(--dark);color:white;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0;padding-left:8px}
.nav-tag{padding:4px 10px;background:linear-gradient(135deg,var(--purple),var(--lime2));border:none;border-radius:50px;font-size:9px;font-weight:500;color:#fff;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}
.nav-icon-btn{width:30px;height:30px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;position:relative}
.nav-icon-btn:hover{background:rgba(124,92,252,.05)}
.nav-icon-btn svg{width:15px;height:15px;fill:var(--muted)}
.notif-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;background:var(--lime);border-radius:50%;border:1.5px solid var(--white);box-shadow:0 0 6px rgba(124,92,252,.5)}
.nav-av-wrap{position:relative}
.nav-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#A78BFA);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:#fff;cursor:pointer;font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.profile-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;width:230px;background:rgba(20,20,32,.92);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:16px;padding:6px;z-index:999;box-shadow:var(--shadow-lg)}
.profile-menu.open{display:block}
.profile-menu-header{display:flex;align-items:center;gap:10px;padding:10px 8px}
.profile-menu-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#A78BFA);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#fff;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;flex-shrink:0}
.profile-menu-name{font-size:13px;font-weight:600;color:var(--text)}
.profile-menu-email{font-size:11px;color:var(--muted);margin-top:1px}
.profile-menu-divider{height:1px;background:var(--border);margin:4px 0}
.profile-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:12px;color:var(--text);cursor:pointer;transition:background .15s}
.profile-menu-item:hover{background:var(--purple-bg);color:var(--text)}
.profile-menu-item svg{opacity:.5}
.profile-menu-item:hover svg{opacity:.8}
.profile-menu-logout{color:var(--red)}
.profile-menu-logout:hover{color:var(--red);background:rgba(239,68,68,.06)}

/* ══ LAYOUT ══ */
.app{display:flex;height:calc(100vh - 56px)}

/* ══ CHAT SIDEBAR ══ */
.chat-side{width:32vw;min-width:300px;max-width:50vw;background:var(--surface);display:flex;flex-direction:column;border-right:1px solid var(--border);flex-shrink:0}
.resize-handle{width:6px;background:transparent;cursor:col-resize;flex-shrink:0;position:relative;z-index:10;transition:background .15s}
.resize-handle:hover,.resize-handle.active{background:rgba(0,0,0,.04)}
.resize-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;background:transparent;border-radius:2px;transition:background .15s}
.resize-handle:hover::after,.resize-handle.active::after{background:var(--border2)}
body.resizing{cursor:col-resize!important;user-select:none!important}
body.resizing *{cursor:col-resize!important;user-select:none!important;pointer-events:none!important}
body.resizing .resize-handle{pointer-events:auto!important}
.chat-top{padding:12px 12px 8px;flex-shrink:0}
.ally-card{background:linear-gradient(135deg,rgba(124,92,252,.08),rgba(124,92,252,.03));border:1px solid rgba(124,92,252,.12);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ally-avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--dark),var(--dark2));border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:none;box-shadow:0 2px 8px rgba(14,14,20,.15)}
.ally-avatar svg{width:15px;height:15px;fill:#fff}
.ally-status{position:absolute;bottom:2px;right:2px;width:7px;height:7px;background:var(--green);border-radius:50%;border:1.5px solid var(--white);animation:pulse 2.5s ease-in-out infinite;box-shadow:0 0 8px rgba(124,92,252,.6)}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(124,92,252,.6)}50%{opacity:.5;box-shadow:0 0 4px rgba(124,92,252,.3)}}
.ally-name{font-weight:700;font-size:12.5px;color:var(--text)}
.ally-sub{font-size:10px;color:var(--muted);margin-top:1px}
.ally-mode{margin-left:auto;padding:3px 10px;background:var(--purple-dim);border:1px solid var(--purple-glow);border-radius:50px;font-size:9px;font-weight:500;color:var(--purple);letter-spacing:.5px}
.chat-msgs{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}
.msg-ally{background:var(--card);border:1px solid var(--border);border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:11.5px;color:var(--text);line-height:1.65;font-weight:300}
.msg-user{background:linear-gradient(135deg,var(--purple),var(--lime2));border:none;border-radius:18px 18px 6px 18px;padding:10px 14px;font-size:11.5px;color:#fff;line-height:1.65;align-self:flex-end;max-width:90%;font-weight:300}
.msg-label{font-size:9px;font-weight:700;letter-spacing:.4px;margin-bottom:3px}
.msg-ally .msg-label{color:var(--muted)}
.msg-user .msg-label{color:rgba(255,255,255,.4)}
.chat-suggestions{padding:0 12px 8px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.cpill{background:var(--card);border:1px solid var(--border);border-radius:50px;padding:6px 14px;font-size:10.5px;color:var(--muted);cursor:pointer;transition:all .2s var(--ease);font-weight:400}
.cpill:hover{background:var(--purple-bg);border-color:rgba(124,92,252,.12);color:var(--purple)}
.chat-input-wrap{padding:8px 12px 12px;flex-shrink:0}
.chat-input-box{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:10px 14px;display:flex;align-items:center;gap:8px;transition:all .25s var(--ease)}
.chat-input-box:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim),0 0 20px rgba(124,92,252,.08)}
.chat-input-box input{flex:1;border:none;outline:none;font-size:11px;font-weight:300;color:var(--text);font-family:'HN','Helvetica Neue',Helvetica,sans-serif;background:transparent}
.chat-input-box input::placeholder{color:var(--muted)}
.send-btn{width:30px;height:30px;background:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s var(--ease);box-shadow:0 2px 12px rgba(124,92,252,.4)}
.send-btn:hover{background:var(--lime2);transform:scale(1.08);box-shadow:0 4px 20px rgba(124,92,252,.5)}
.send-btn svg{width:10px;height:10px;fill:#fff;transform:translateX(1px)}
.chat-toolbar{display:flex;align-items:center;gap:4px;padding-top:8px}
/* Plain icon button (attach) */
.ct-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--muted);cursor:pointer;transition:all .15s}
.ct-icon:hover{color:var(--text);background:var(--cream)}
.ct-icon svg{flex-shrink:0}
/* Toggle button (search, think) — icon only when inactive, pill when active */
.ct-toggle{display:flex;align-items:center;justify-content:center;gap:0;width:28px;height:28px;border-radius:20px;color:var(--muted);cursor:pointer;transition:all .2s;border:1.5px solid transparent;overflow:hidden}
.ct-toggle:hover{color:var(--text);background:var(--cream)}
.ct-toggle svg{flex-shrink:0}
.ct-label{font-size:11px;font-weight:700;max-width:0;opacity:0;overflow:hidden;transition:all .2s;white-space:nowrap}
.ct-toggle.active{width:auto;padding:4px 12px 4px 8px;gap:6px;border-color:var(--border2);background:rgba(0,0,0,.03);color:var(--lime)}
.ct-toggle.active .ct-label{max-width:60px;opacity:1}
/* Think variant — purple when active */
.ct-think.active{border-color:var(--border2);background:var(--cream);color:var(--text)}
.chat-tool-sep{width:1px;height:18px;background:var(--border);margin:0 2px;flex-shrink:0}
/* Playbook pill — always visible as pill */
.ct-pill{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;border:1.5px solid;white-space:nowrap}
.ct-playbook{color:var(--muted);border-color:var(--border);background:var(--card)}
.ct-playbook:hover{background:var(--cream);border-color:var(--border2)}
.ct-playbook svg{flex-shrink:0}
/* Mic button */
.ct-mic{width:30px;height:30px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--muted);flex-shrink:0}
.ct-mic:hover{background:var(--cream2);color:var(--text)}
.ct-mic.recording{background:var(--red);color:white;animation:micPulse 1.2s ease infinite}
@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.chat-file-badge{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;background:var(--cream);border:1px solid var(--border);border-radius:8px;font-size:10px;color:var(--text);margin-top:6px}
.chat-file-badge svg{flex-shrink:0}
.chat-file-remove{cursor:pointer;opacity:.5;margin-left:2px}
.chat-file-remove:hover{opacity:1}


/* ══ OBJECTIVE LIST CARDS ══ */
.obj-list-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .3s var(--ease)}
.obj-list-card:hover{border-color:rgba(124,92,252,.1);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
/* ══ MAIN ══ */
.main{flex:1;background:var(--white);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size;container-name:main}
.page{display:none;flex:1;padding:20px 28px 16px;overflow-y:auto;flex-direction:column;gap:12px;position:relative}
.page.show{display:flex;animation:pageIn .35s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Scroll indicators */
/* scroll indicators removed — caused dark overlay on content */

/* Objective slider */
.obj-slider{position:relative}
.obj-slider-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;align-items:stretch}
.obj-slider-track::-webkit-scrollbar{display:none}
.obj-slider-card{flex:0 0 75%;scroll-snap-align:start;min-width:320px;cursor:pointer;border-radius:var(--radius-lg);display:flex}
.obj-slider-card .obj-card2{transition:box-shadow .2s;flex:1;display:flex;flex-direction:column}
.obj-slider-card .obj-card2-body{flex:1}
.obj-slider-card[data-active="true"] .obj-card2{box-shadow:0 0 0 2px var(--lime)}
.obj-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 2px}
.obj-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .15s}
.obj-dot.active{background:var(--purple);width:9px;height:9px;box-shadow:0 0 6px rgba(124,92,252,.5)}
.obj-dot:hover{background:var(--muted)}
@media(max-width:768px){.obj-slider-card{flex:0 0 85%;min-width:280px}}
/* Home tabs */
.home-tab{display:none;flex-direction:column;gap:10px}
.home-tab.show{display:flex}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);padding:12px 24px;border-radius:50px;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:all .3s var(--ease);pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast-success{background:var(--card2);color:var(--text);border:1px solid var(--border)}
.toast-error{background:var(--card2);color:var(--red);border:1px solid rgba(255,107,107,.15)}
.page.show>*{animation:fadeUp .22s ease both;min-height:0}
.page.show>*:nth-child(2){animation-delay:.04s}
.page.show>*:nth-child(3){animation-delay:.08s}
.page.show>*:nth-child(4){animation-delay:.12s}
.page.show>*:nth-child(5){animation-delay:.16s}

/* ══ PAGE HEADER ══ */
.ph{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;margin-bottom:2px}
.pt{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:26px;font-weight:500;background:linear-gradient(135deg,var(--text),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1.5px;line-height:1.1}
.ps{font-size:12px;color:var(--muted);margin-top:4px;font-weight:300}
.ha{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-top:2px}
.btn{padding:7px 16px;border-radius:50px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--border2);background:var(--card);color:var(--text);transition:all .2s cubic-bezier(.2,.8,.3,1);white-space:nowrap;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.02em}
.btn:hover{background:var(--purple-bg);border-color:rgba(124,92,252,.2);color:var(--purple)}
.btn-primary{background:var(--lime);color:#fff;border-color:var(--lime)}
.btn-primary:hover{background:var(--lime2);border-color:var(--lime2)}
.btn-lime{background:var(--lime);color:#fff;border-color:var(--lime);font-weight:500}
.btn-lime:hover{background:var(--lime2);border-color:var(--lime2);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,92,252,.2)}

/* ══ STAT CARDS ══ */
.sg{display:grid;gap:8px;flex-shrink:0}
.g4{grid-template-columns:repeat(4,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g-assets{grid-template-columns:repeat(2,1fr);gap:14px}
.sc{background:var(--card);border-radius:14px;padding:16px 18px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.sc:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.sc.dark{background:var(--dark);border-color:transparent}
.sl{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.sl-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sc.dark .sl{color:rgba(255,255,255,.3)}
.sv{font-size:28px;font-weight:300;color:var(--text);letter-spacing:-2px;font-family:'SF Mono','Fira Code','Consolas',monospace}
.sc.dark .sv{color:white}
.sv-delta{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:2px 6px;border-radius:20px;margin-left:4px}
.delta-up{background:var(--purple-dim);color:var(--purple)}
.delta-dn{background:rgba(255,92,77,.06);color:var(--red)}
.sc-sub{font-size:11px;color:var(--muted);margin-top:4px}

/* ══ HOME FEED & ACTIONS ══ */
.home-feed-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.home-feed-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.home-feed-body{flex:1;min-width:0}
.home-feed-title{font-size:11.5px;font-weight:500;color:var(--text);line-height:1.4}
.home-feed-time{font-size:10px;color:var(--muted);margin-top:2px}
.home-action-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer}
.home-action-row:hover{opacity:.8}
.home-action-body{flex:1;min-width:0}
.home-action-title{font-size:12px;font-weight:600;color:var(--text)}
.home-action-sub{font-size:11px;color:var(--muted);margin-top:1px}
.home-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:lowercase;border:1px solid}
.home-badge.high{color:var(--text);border-color:var(--border2);background:var(--cream2)}
.home-badge.medium{color:var(--muted);border-color:var(--border2);background:var(--cream2)}
.home-badge.low{color:var(--muted);border-color:var(--border);background:var(--cream2)}

/* ══ OUTREACH QUEUE ══ */
.oq-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.oq-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.oq-header{display:flex;align-items:center;gap:8px}
.oq-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px!important}
.oq-company{font-size:11px;font-weight:700;color:var(--text)}
.oq-website{font-size:10.5px;color:var(--muted)}
.oq-tag{font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:20px;border:1px solid}
.oq-tag-grey{color:var(--muted);border-color:var(--border2);background:var(--cream2)}
.oq-tag-amber{color:var(--muted);border-color:var(--border2);background:var(--cream2)}
.oq-title{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oq-campaign{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--border2);border-radius:20px;font-size:10.5px;font-weight:500;color:var(--text)}
.oq-body{display:flex;flex-direction:column;gap:0}
.oq-body-text{font-size:12.5px;color:var(--muted);line-height:1.55}
.oq-draft{background:var(--cream);border-radius:10px;padding:12px 14px;margin-top:8px;font-size:12px;display:none}
.oq-body-extra{display:none}
.oq-toggle{font-size:10.5px;font-weight:500;color:var(--muted);cursor:pointer;margin-top:3px;user-select:none}
.oq-toggle:hover{color:var(--text)}
.oq-actions{display:flex;align-items:center;gap:5px;padding-top:4px;border-top:1px solid var(--border);flex-wrap:wrap}
.oq-actions .btn{font-size:11px;padding:4px 10px}
.oq-done{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--muted);transition:all .15s}
.oq-done:hover{background:var(--lime);color:#fff;border-color:var(--lime)}

/* ══ ANALYTICS ══ */
.an-obj-tabs{display:flex;gap:2px;margin-bottom:12px;flex-shrink:0;background:var(--cream2);border-radius:10px;padding:3px;width:fit-content}
.an-obj-tab{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}
.an-obj-tab:hover{color:var(--text)}
.an-obj-tab.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}

#an-content{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}
#an-content .sg{flex-shrink:0}

.an-funnel-row{display:flex;align-items:center;gap:10px}
.an-funnel-label{font-size:11px;font-weight:600;color:var(--muted);width:60px;flex-shrink:0}
.an-funnel-bar-wrap{flex:1;height:22px;background:var(--cream2);border-radius:6px;overflow:hidden}
.an-funnel-bar{height:100%;border-radius:6px;transition:width .6s ease}
.an-funnel-val{font-size:13px;font-weight:500;color:var(--text);width:30px;text-align:right;font-family:'SF Mono','Fira Code','Consolas',monospace}

.an-channel-row{display:flex;align-items:center;gap:10px;padding:6px 0}
.an-channel-row+.an-channel-row{border-top:1px solid var(--border)}
.an-channel-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.an-channel-info{flex:1;min-width:0}
.an-channel-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}
.an-channel-bar-wrap{height:6px;background:var(--cream2);border-radius:3px;overflow:hidden}
.an-channel-bar{height:100%;border-radius:3px}
.an-channel-val{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;flex-shrink:0}

.an-table{width:100%;border-collapse:collapse;font-size:12px}
.an-table thead th{text-align:left;padding:8px 12px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--cream)}
.an-table tbody td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text)}
.an-table tbody tr:last-child td{border-bottom:none}
.an-table tbody tr:hover{background:rgba(0,0,0,.015)}
.an-agent-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}

/* ══ CARDS ══ */
.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:visible;box-shadow:var(--shadow-sm)}
.card-h{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.card-ht{font-size:12px;font-weight:600;color:var(--text);letter-spacing:-.02em}
.card-b{padding:10px 14px;overflow-y:auto}

/* ══ BADGES ══ */
.badge{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}
.bg{background:var(--cream2);color:var(--text)}
.ba{background:var(--cream2);color:var(--muted)}
.br{background:var(--cream2);color:var(--text)}
.bb{background:var(--cream2);color:var(--muted)}
.bp{background:var(--cream2);color:var(--muted)}
.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--dark);border-radius:20px;font-size:10px;font-weight:500;color:#fff}
.ai-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;animation:pulse 2.5s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 6px rgba(124,92,252,.5)}

/* ══ TABLES ══ */
.tbl{width:100%;border-collapse:collapse}
.tbl th{padding:9px 15px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left;background:var(--cream)}
.tbl td{padding:10px 15px;font-size:12px;border-bottom:1px solid var(--border)}
.tbl tr:last-child td{border-bottom:none}
.tbl tbody tr{transition:background .1s;cursor:pointer}
.tbl tbody tr:hover td{background:var(--purple-bg)}
.icp-hi{font-weight:700;color:var(--text)}
.icp-mid{font-weight:700;color:var(--muted)}

/* ══ COMPETITOR NEWS ══ */
.sl-section{display:none;flex-direction:column;gap:14px}
.sl-section.show{display:flex}
.sl-news-tab{display:flex;align-items:center;padding:12px 20px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;border-right:1px solid var(--border);background:var(--card)}
.sl-news-tab:last-child{border-right:none}
.sl-news-tab.active{background:var(--cream);color:var(--text)}
.sl-news-tab:hover{background:var(--cream)}
.sl-news-count{margin-left:8px;background:var(--cream2);padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700}
.sl-news-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}
.sl-news-group-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background .15s}
.sl-news-group-header:hover{background:var(--purple-bg)}
.sl-news-group-logo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.sl-news-group-info{flex:1;min-width:0}
.sl-news-group-name{font-size:13px;font-weight:700;color:var(--text)}
.sl-news-group-meta{font-size:11px;color:var(--muted);margin-top:1px}
.sl-news-chevron{flex-shrink:0;transition:transform .2s}
.sl-news-group.open .sl-news-chevron{transform:rotate(180deg)}
.sl-news-group-articles{display:none;border-top:1px solid var(--border)}
.sl-news-group.open .sl-news-group-articles{display:block}
.sl-news-article{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--purple-bg)}
.sl-news-article:last-child{border-bottom:none}
.sl-news-article-tags{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.sl-news-tag-comp{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;background:var(--dark);color:white}
.sl-news-tag-ind{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;background:var(--cream2);color:var(--text)}
.sl-news-tag-source{font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;background:transparent;color:var(--muted);border:1px solid var(--border)}
.sl-news-tag-date{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.sl-news-article-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}
.sl-news-article-source{font-size:10.5px;color:var(--muted);margin-top:4px}
.sl-news-article-link{font-size:11px;font-weight:600;color:var(--text);margin-top:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s}
.sl-news-article-link:hover{color:var(--lime2)}
.sl-news-list{display:flex;flex-direction:column;gap:10px}

/* ══ PIPELINE FUNNEL ══ */
.co-pipeline{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border)}
.co-pipe-stage{flex:1;display:flex;flex-direction:column;gap:6px}
.co-pipe-bar{height:6px;border-radius:3px;transition:width .6s ease}
.co-pipe-info{display:flex;justify-content:space-between;align-items:center}
.co-pipe-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.co-pipe-num{font-size:14px;font-weight:500;color:var(--text);font-family:'SF Mono','Fira Code','Consolas',monospace;letter-spacing:-.5px}
.co-pipe-arrow{color:var(--muted);flex-shrink:0;opacity:.4}

/* ══ STAT CARDS ══ */
.co-stat-card{display:flex;align-items:center;gap:12px;position:relative}
.co-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.co-stat-trend{position:absolute;top:12px;right:14px;font-size:9.5px;font-weight:700;letter-spacing:.2px}
.co-stat-trend-up{color:var(--text)}
.co-stat-trend-neutral{color:var(--muted)}

/* ══ COMPANIES TABLE ══ */
.co-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.co-search-wrap{position:relative;display:flex;align-items:center}
.co-search-wrap svg{position:absolute;left:10px;pointer-events:none}
.co-search{padding:7px 12px 7px 32px;border:1px solid var(--border);border-radius:8px;font-size:12px;background:var(--cream);color:var(--text);outline:none;width:220px;transition:border-color .15s,box-shadow .15s}
.co-search:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}
.co-filter-group{display:flex;gap:6px;align-items:center}
.co-filter-select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:11px;background:var(--cream);color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:24px;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='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}
.co-filter-select:hover{border-color:var(--border2)}
.co-count{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;font-weight:600}

/* Column headers */
.co-thead{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--purple-bg);gap:12px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}

/* Company row */
.co-row{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;gap:12px;position:relative}
.co-row:hover{background:var(--purple-bg)}
.co-row.expanded{background:var(--purple-bg);border-bottom-color:transparent}
.co-row:last-child{border-bottom:none}
.co-toggle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .2s;flex-shrink:0}
.co-row.expanded .co-toggle{transform:rotate(90deg)}
.co-logo{width:36px;height:36px;border-radius:10px;background:var(--cream2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:11px;font-weight:700;color:var(--muted);transition:border-color .15s}
.co-row:hover .co-logo{border-color:var(--border2)}
.co-logo img{width:100%;height:100%;object-fit:cover}
.co-name{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-domain{font-size:10px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Status badges */
.co-status{font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;text-align:center;flex-shrink:0}
.co-status-target{background:var(--cream2);color:var(--muted)}
.co-status-qualified{background:var(--blue);color:#fff}
.co-status-contacted{background:var(--cream2);color:var(--muted)}

/* ICP tag */
.co-icp{font-size:10px;padding:3px 8px;border-radius:6px;border:1px solid var(--border2);color:var(--muted);background:var(--cream2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex-shrink:0}

/* Contact count badge */
.co-contact-count{width:60px;display:flex;justify-content:center}
.co-cc-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:700;background:var(--cream2);color:var(--text);border:1px solid var(--border)}
.co-cc-badge.co-cc-empty{background:var(--cream2);color:var(--red);border-color:rgba(239,68,68,.2)}
.co-cc-badge.co-cc-warn{background:var(--cream2);color:var(--amber);border-color:rgba(245,158,11,.25);font-size:9px}

/* Row hover actions */
.co-row-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:4px;opacity:0;transition:opacity .15s;background:linear-gradient(90deg,transparent,var(--purple-bg) 8px);padding-left:16px}
.co-row:hover .co-row-actions{opacity:1}
.co-action-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--card);border:1px solid var(--border);cursor:pointer;transition:all .15s}
.co-action-btn:hover{background:var(--dark);color:var(--white);border-color:var(--dark)}

.co-meta{font-size:11px;color:var(--muted)}

/* Contacts panel */
.co-contacts{border-left:3px solid var(--dark);margin-left:52px;background:var(--purple-bg);border-radius:0 0 8px 0}
.co-contact{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);font-size:12px;transition:background .1s}
.co-contact:hover{background:#F4F3ED}
.co-contact:last-child{border-bottom:none}
.co-contact-empty{color:var(--muted);font-size:11px;gap:8px}
.co-contact-av{width:30px;height:30px;border-radius:50%;background:var(--dark);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.co-contact-name{font-weight:700;color:var(--text);font-size:12.5px}
.co-contact-role{font-size:10.5px;color:var(--muted);margin-top:1px}
.co-contact-email{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap}
.co-email-missing{color:var(--red)}
.co-contact-actions{margin-left:auto;display:flex;gap:6px}

/* Contact action buttons */
.co-btn-sm{font-size:10.5px!important;padding:5px 12px!important;border-radius:6px!important}
.co-btn-ghost{background:transparent!important;border-color:transparent!important;color:var(--muted)!important}
.co-btn-ghost:hover{background:var(--cream2)!important;color:var(--text)!important}
.co-btn-accent{background:var(--lime)!important;color:#fff!important;border-color:var(--lime)!important;font-weight:700!important}
.co-btn-accent:hover{background:var(--lime2)!important}

/* ══ LEAD CARDS ══ */
.lead-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);transition:border-color .15s,box-shadow .15s;overflow:hidden;margin-bottom:0;flex-shrink:0}
.lead-card:hover{border-color:var(--border2);box-shadow:var(--shadow-sm)}
.lead-card.expanded{border-color:var(--border2);box-shadow:var(--shadow)}
.lead-card.active{border-color:var(--purple-soft);background:var(--purple-bg)}

/* Company row (top of card) */
.lead-card-co{display:grid;grid-template-columns:36px minmax(140px,180px) 1fr auto auto auto;align-items:center;padding:8px 14px;gap:10px;cursor:pointer;transition:background .15s;min-width:0}
.lead-card-co:hover{background:var(--cream)}
.lead-co-logo{width:36px;height:36px;border-radius:8px;background:var(--cream2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:var(--muted)}
img.lead-co-logo{object-fit:contain;padding:5px}
.lead-co-info{min-width:0;overflow:hidden}
.lead-co-desc{font-size:11px;color:var(--muted);line-height:1.35;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:8px}
.lead-co-count{width:24px;height:24px;border-radius:50%;background:var(--cream2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text);flex-shrink:0}

/* People panel (nested under company) */
.lead-people{border-top:1px solid var(--border);background:var(--cream)}
.lead-person{display:flex;align-items:flex-start;padding:10px 14px;gap:10px;border-bottom:1px solid var(--border);overflow:visible}
.lead-person:last-child{border-bottom:none}
.lead-person-empty{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:11px;color:var(--muted)}

/* Person details */
.lead-av{width:38px;height:38px;border-radius:50%;background:var(--dark);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
img.lead-av{object-fit:cover}
.lead-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lead-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lead-name{font-size:13px;font-weight:700;color:var(--text)}
.lead-li{flex-shrink:0}
.lead-source{display:inline-flex;align-items:center;font-size:10px;font-weight:600;color:var(--muted);gap:1px}
.lead-time{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}
.lead-time::before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--muted);margin-right:2px}
.lead-title{font-size:11.5px;color:#555}
.lead-location{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:4px}
.lead-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:1px}
.lead-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:9.5px;font-weight:600;background:rgba(0,0,0,.02);color:#444;border:1px solid var(--border2)}
.lead-actions{display:flex;gap:5px;margin-top:2px}
.lead-act-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:10.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}
.lead-act-btn:hover{background:var(--cream2);color:var(--text)}
.lead-verdict{display:flex;flex-direction:column;gap:5px;flex-shrink:0;align-items:flex-end;margin-left:auto}
.lead-btn-qualify{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:7px;font-size:11.5px;font-weight:700;color:#fff;background:var(--lime);cursor:pointer;transition:background .15s;white-space:nowrap}
.lead-btn-qualify:hover{background:#333}
.lead-btn-skip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}
.lead-btn-skip:hover{color:var(--text);background:var(--cream2)}

/* ══ COMPANY PAGE VIEW ══ */
.cpv-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.cpv-logo{width:52px;height:52px;border-radius:14px;background:var(--cream2);border:1px solid var(--border);object-fit:contain;padding:6px;flex-shrink:0}
.cpv-logo-fb{width:52px;height:52px;border-radius:14px;background:var(--dark);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}
.cpv-name{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.5px}
.cpv-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.cpv-info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.cpv-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.cpv-info-value{font-size:13px;color:var(--text)}
.cpv-desc{font-size:13px;line-height:1.6;color:var(--text);padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}
.cpv-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cpv-section-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}
.cpv-section-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.cpv-memory-content{white-space:pre-wrap;font-size:12.5px;line-height:1.7;color:var(--text);background:var(--cream);border-radius:var(--radius);padding:16px;min-height:100px}
.cpv-contact{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--cream);border-radius:var(--radius);margin-bottom:8px}
.cpv-contact:last-child{margin-bottom:0}
.cpv-contact-av{width:38px;height:38px;border-radius:50%;background:var(--dark);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;overflow:hidden}
.cpv-contact-av img{width:100%;height:100%;object-fit:cover}
.cpv-contact-name{font-size:13px;font-weight:600;color:var(--text)}
.cpv-contact-title{font-size:12px;color:var(--muted);margin-top:2px}
.cpv-contact-actions{display:flex;gap:6px;margin-top:8px}

@media(max-width:768px){
  .lead-card-co{grid-template-columns:36px 1fr auto auto;gap:8px}
  .lead-co-desc{display:none}
  .lead-person{flex-direction:column;align-items:stretch}
  .lead-verdict{flex-direction:row;align-items:center}
  .co-icp{display:none}
  .cpv-info-grid{grid-template-columns:repeat(2,1fr)}
  .cpv-columns{grid-template-columns:1fr}
}

/* ══ SKILL DETAIL ══ */
.skill-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:var(--cream);padding:16px 12px;display:flex;flex-direction:column;overflow-y:auto}
.skill-sidebar-section{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:600;color:var(--muted)}
.skill-sidebar-icon{display:flex;align-items:center;justify-content:center}
.skill-sidebar-items{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.skill-sidebar-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--text);cursor:pointer;transition:background .15s}
.skill-sidebar-item:hover{background:rgba(0,0,0,.04)}
.skill-sidebar-item.active{background:var(--cream2);color:var(--text);font-weight:600}
.skill-sidebar-add{padding:7px 10px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;margin-top:4px;transition:color .15s}
.skill-sidebar-add:hover{color:var(--text)}
.skill-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}
.skill-topbar{display:flex;align-items:center;gap:12px;padding:10px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.skill-toolbar{display:flex;align-items:center;gap:2px;padding:8px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.skill-tb-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--muted);font-size:14px;transition:all .15s}
.skill-tb-btn:hover{background:var(--cream2);color:var(--text)}
.skill-tb-sep{width:1px;height:20px;background:var(--border);margin:0 6px}
.skill-body{flex:1;overflow-y:auto;padding:24px 28px;font-size:13.5px;line-height:1.75;color:var(--text)}
.skill-body h2{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:17px;font-weight:700;color:var(--text);margin:28px 0 12px}
.skill-body h2:first-child{margin-top:0}
.skill-body h3{font-size:14px;font-weight:700;color:var(--text);margin:20px 0 8px}
.skill-body p{margin-bottom:12px}
.skill-body ul,.skill-body ol{margin:8px 0 12px;padding-left:24px}
.skill-body li{margin-bottom:6px}
.skill-body strong{font-weight:700;color:var(--text)}

/* ══ JOB LOG ══ */
.job-log-panel{width:720px;max-height:90vh;background:var(--card);border-radius:16px;border:1px solid var(--border);box-shadow:0 24px 80px rgba(0,0,0,.12);padding:24px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.jl-step{display:flex;align-items:center;gap:12px;padding:16px 12px;cursor:pointer;transition:all .15s;border:1.5px solid transparent;border-radius:10px;margin:2px 0}
.jl-step:hover{background:rgba(0,0,0,.015)}
.jl-step.open{border-color:var(--border);background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.jl-step-num{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border2);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.jl-step-name{font-size:14px;font-weight:600;color:var(--text)}
.jl-step-chevron{margin-left:auto;color:var(--muted);transition:transform .2s;flex-shrink:0}
.jl-step.open .jl-step-chevron{transform:rotate(90deg)}
.jl-step-detail{display:none;padding:16px 20px 20px 58px;font-size:13.5px;line-height:1.8;color:#6b7280}
.jl-step.open + .jl-step-detail{display:block}
@media(max-width:768px){
  .job-log-panel{width:100%;max-height:100vh;border-radius:0}
}

/* ══ ROWS ══ */
.row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}
.row:last-child{border-bottom:none}
.muted{color:var(--muted);font-size:11px}

/* ══ BARS ══ */
.bar-track{height:4px;background:var(--cream2);border-radius:3px;overflow:hidden;flex:1}
.bar-fill{height:100%;border-radius:3px;background:var(--dark);transition:width .6s ease}

/* ══ TAGS ══ */
.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:600;background:var(--cream2);color:var(--muted);margin:2px}
.tag.g{background:var(--cream2);color:var(--text)}
.tag.b{background:var(--cream2);color:var(--muted)}
.tag.r{background:var(--cream2);color:var(--text)}

/* ══ PROGRESS ROWS ══ */
.prog-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.prog-row:last-child{border-bottom:none}
.prog-name{font-size:12px;color:var(--text);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prog-pct{font-size:11px;font-weight:700;color:var(--muted);width:30px;text-align:right}

/* ══ TIMELINE ══ */
.tl-row{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--border)}
.tl-row:last-child{border-bottom:none}
.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--dark);margin-top:3px;flex-shrink:0}
.tl-time{font-size:10px;color:var(--muted);width:40px;flex-shrink:0;padding-top:1px;font-weight:600}
.tl-text{font-size:11.5px;color:#555;flex:1;line-height:1.5}

/* ══ INSIGHT BOX ══ */
.insight{background:var(--dark);border-radius:var(--radius);padding:12px 14px;flex-shrink:0;display:flex;align-items:flex-start;gap:10px}
.insight-icon{width:26px;height:26px;background:var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.insight-icon svg{width:12px;height:12px;fill:var(--lime)}
.insight-label{font-size:9px;font-weight:700;color:var(--lime);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px}
.insight-text{font-size:11px;color:rgba(255,255,255,.6);line-height:1.6}
.insight-link{color:var(--lime);font-weight:600;cursor:pointer}

/* ══ FUNNEL ══ */
.funnel-row{display:flex;align-items:center;gap:12px;margin:7px 0}
.funnel-label{width:150px;font-size:11.5px;color:var(--muted);font-weight:500;flex-shrink:0}
.funnel-track{flex:1;height:22px;background:var(--cream2);border-radius:4px;overflow:hidden}
.funnel-fill{height:100%;border-radius:4px;background:var(--dark);display:flex;align-items:center;padding-left:9px;font-size:10.5px;color:rgba(255,255,255,.85);font-weight:700}
.funnel-n{width:32px;font-size:12px;font-weight:700;color:var(--muted);text-align:right;flex-shrink:0}

/* ══ LAB TABS ══ */
.lab-tabs{display:flex;gap:6px;padding:0;flex-shrink:0}
.lab-tab{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;user-select:none;white-space:nowrap;background:var(--cream2);border:1px solid var(--border)}
.lab-tab:hover{background:var(--cream);color:var(--text)}
.lab-tab.active{background:var(--dark);color:var(--white);border-color:var(--dark)}
.lab-content{display:none;flex-direction:column;gap:10px}
.lab-content.show{display:flex}
.obj-tab-content{display:none;flex-direction:column;flex:1;min-height:0}
.obj-tab-content.show{display:flex}

/* ══ SUBTABS (underline style) ══ */
.subtabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:0 0 16px;background:var(--card);border-radius:10px 10px 0 0;padding:0 8px}
.subtab{display:flex;align-items:center;padding:10px 18px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;user-select:none;white-space:nowrap;margin-bottom:-1px}
.subtab:hover{color:var(--text)}
.subtab.active{color:var(--text);border-bottom-color:var(--dark)}
.tabs-row{display:flex;padding:0 16px;flex-shrink:0;border-bottom:1px solid var(--border);gap:0}
.tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;user-select:none;white-space:nowrap;margin-bottom:-1px}
.tab:hover{color:var(--text)}
.tab.active{color:var(--text);border-bottom-color:var(--dark)}

/* ══ SETTINGS ══ */
.profile-avatar-lg{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;letter-spacing:.5px}
.settings-select{background:var(--cream2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:11.5px;font-family:inherit;color:var(--text);cursor:pointer;outline:none;min-width:130px}
.settings-select:focus{border-color:var(--blue)}
.settings-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}
.sr-label{font-size:12.5px;font-weight:600;color:var(--text)}
.sr-sub{font-size:11px;color:var(--muted);margin-top:2px}
.toggle{width:38px;height:20px;background:var(--dark);border-radius:20px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}
.toggle::after{content:'';position:absolute;right:3px;top:3px;width:14px;height:14px;background:var(--lime);border-radius:50%;transition:all .2s}
.toggle.off{background:var(--cream2)}
.toggle.off::after{background:var(--muted);right:auto;left:3px}
.section-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}

/* ══ SETTINGS TABS ══ */
.settings-tab{display:none;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
.settings-tab.show{display:flex}

/* ══ INTEGRATIONS GRID ══ */
.intg-search{width:100%;max-width:360px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-family:inherit;color:var(--text);background:var(--card);outline:none;transition:border-color .15s}
.intg-search:focus{border-color:var(--blue)}
.intg-search::placeholder{color:var(--muted)}
.intg-section-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.intg-subsection{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:10px}
.intg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
.intg-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .15s;position:relative}
.intg-card:hover{border-color:var(--border2);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.intg-card.connected{border-color:var(--border2);background:linear-gradient(135deg,rgba(0,0,0,.02),transparent)}
.intg-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.intg-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.intg-card-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.intg-card-desc{font-size:11px;color:var(--muted);line-height:1.5}
.intg-status-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700}
.intg-status-badge.active{background:var(--blue);color:#fff}
.intg-badge-org{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;background:var(--cream2);color:var(--muted);display:flex;align-items:center;gap:4px}
.intg-badge-org::before{content:'';width:8px;height:8px;background:var(--muted);border-radius:2px;opacity:.4}
.intg-badge-personal{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;background:var(--cream2);color:var(--muted);display:flex;align-items:center;gap:4px}
.intg-badge-personal::before{content:'';width:8px;height:8px;background:var(--muted);border-radius:50%;opacity:.5}

/* ══ OBJECTIVES PAGE — FLOW ══ */

/* ── stepper ── */
.flow-stepper{display:flex;align-items:center;gap:0;flex-shrink:0;padding:4px 0 8px}
.flow-step{display:flex;align-items:center;gap:7px;cursor:pointer;padding:6px 0;transition:opacity .15s}
.flow-step-num{width:26px;height:26px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:11px;font-weight:700;color:var(--muted);transition:all .2s;flex-shrink:0}
.flow-step-label{font-size:12px;font-weight:600;color:var(--muted);transition:color .2s;white-space:nowrap}
.flow-step.active .flow-step-num{background:var(--blue);color:#fff}
.flow-step.active .flow-step-label{color:var(--text)}
.flow-step.done .flow-step-num{background:var(--cream2);color:var(--text)}
.flow-step.done .flow-step-label{color:var(--muted)}
.flow-step-line{flex:1;height:2px;background:var(--cream2);margin:0 10px;min-width:16px;transition:background .3s}
.flow-step-line.done{background:var(--dark)}

/* ── flow panels ── */
.flow-panel{display:none;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto}
.flow-panel.show{display:flex}
.flow-intro{flex-shrink:0}
.flow-intro-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}
.flow-intro-sub{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6;max-width:520px}
.flow-actions{display:flex;gap:8px;flex-shrink:0;padding:4px 0}

/* ── review cards ── */
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.review-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:box-shadow .15s}
.review-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.04)}
.review-card-head{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.review-card-body{padding:10px 14px}
.review-row{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0;gap:12px}
.review-row+.review-row{border-top:1px solid rgba(0,0,0,.04)}
.review-label{font-size:11px;color:var(--muted);font-weight:500;flex-shrink:0;min-width:70px}
.review-value{font-size:11.5px;color:var(--text);font-weight:600;text-align:right}

/* ── goal builder ── */
.goal-builder{flex:1;display:flex;flex-direction:column;min-height:0}
.goal-card-empty{background:var(--card);border:2px dashed var(--border2);border-radius:16px;padding:40px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.goal-empty-text{font-size:13px;color:var(--muted);max-width:300px;line-height:1.6}
.goal-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}
.goal-card-built{background:var(--dark);border-radius:16px;padding:24px;border:1px solid var(--border)}
.goal-built-label{font-size:9px;font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.goal-built-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:19px;font-weight:700;color:white;letter-spacing:-.3px;line-height:1.3;margin-bottom:16px}
.goal-built-details .review-row{border-color:rgba(255,255,255,.06)}
.goal-built-details .review-label{color:rgba(255,255,255,.35)}
.goal-built-details .review-value{color:rgba(255,255,255,.8)}

/* ── team grid ── */
.team-grid{display:flex;flex-direction:column;gap:8px}
.team-card{background:var(--card);border-radius:var(--radius-lg);border:1.5px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;user-select:none}
.team-card:hover{border-color:var(--border2);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.team-card.selected{border-color:var(--dark);box-shadow:0 0 0 1px var(--dark)}
.team-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.team-card-info{flex:1;min-width:0}
.team-card-name{font-size:13px;font-weight:700;color:var(--text)}
.team-card-desc{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}
.team-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;transition:all .15s}
.team-card.selected .team-check{background:var(--blue);border-color:var(--blue);color:#fff}

/* ── launch card ── */
.launch-card{background:var(--card);border-radius:18px;border:1px solid var(--border);padding:36px 32px;text-align:center;max-width:480px;margin:0 auto}
.launch-icon{width:56px;height:56px;border-radius:16px;background:var(--dark);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.launch-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}
.launch-sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7;max-width:360px;margin-left:auto;margin-right:auto}
.launch-summary{text-align:left;background:var(--cream);border-radius:var(--radius);padding:14px 16px;margin-top:20px}
.launch-row{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;gap:12px}
.launch-row+.launch-row{border-top:1px solid var(--border)}
.btn-dark-launch{background:var(--dark);color:#fff;border:1.5px solid var(--dark);font-size:13px;font-weight:700;padding:10px 28px;border-radius:24px;cursor:pointer;transition:all .15s;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.2px}
.btn-dark-launch:hover{background:var(--dark2);box-shadow:0 4px 20px rgba(11,26,7,.3)}

/* ── live objectives (reusable) ── */
.obj-layout{display:flex;gap:16px;flex:1;min-height:0}
.obj-list-wrap{flex:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}
.obj-list{display:flex;flex-direction:column;flex:1}
.obj-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;position:relative;overflow:hidden}
.obj-row:last-child{border-bottom:none}
.obj-row:hover{background:rgba(0,0,0,.02)}
.obj-row-active{background:var(--cream2);border-left:3px solid var(--dark)}
.obj-row-active:hover{background:var(--cream2)}
.obj-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border)}
.obj-progress-fill{height:100%;background:var(--dark);border-radius:0 2px 2px 0;transition:width .6s ease}
.obj-progress-amber{background:var(--amber)}
.obj-row-left{flex:1;min-width:0}
.obj-row-category{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}
.obj-row-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}
.obj-row-activity{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-top:3px}
.obj-row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.obj-pct{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:18px;font-weight:700;color:var(--text)}
.obj-status{padding:2px 8px;border-radius:20px;font-size:9px;font-weight:700}
.obj-status-on{background:rgba(34,197,94,.12);color:var(--green)}
.obj-status-risk{background:var(--cream2);color:var(--muted)}
.obj-kpi-panel{width:320px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px}
.obj-kpi-header{border-bottom:1px solid var(--border);padding-bottom:12px}
.obj-kpi-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:18px;font-weight:700;color:var(--text)}
.obj-kpi-objective{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.4}
.obj-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.obj-kpi{background:var(--cream2);border-radius:var(--radius);padding:10px 12px}
.obj-kpi-value{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:16px;font-weight:700;color:var(--text)}
.obj-kpi-label{font-size:10px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}
.obj-kpi-agents-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.obj-kpi-agents{display:flex;flex-wrap:wrap;gap:5px}
.obj-kpi-actions{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}
.obj-activity{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:12px}
.obj-activity-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 2s infinite}
.obj-activity-dot.amber{background:var(--amber)}
.obj-agents2{display:flex;flex-wrap:wrap;gap:5px}
.obj-agent2{padding:3px 9px;border-radius:20px;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent}
.obj-agent2::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0}
.obj-agent2.running{background:var(--blue);color:#fff;border-color:var(--blue)}
.obj-agent2.running::before{background:#fff}
.obj-agent2.pending{background:var(--cream2);color:var(--muted);border-color:var(--border)}
.obj-agent2.pending::before{background:var(--amber);animation:pulse 1.5s infinite}
.obj-agent2.paused{background:var(--cream2);color:var(--muted);border-color:var(--border)}
.obj-agent2.paused::before{background:var(--muted)}
.obj-ring-wrap{position:relative;width:68px;height:68px;flex-shrink:0}
.obj-hero .obj-ring-wrap{width:76px;height:76px}
.obj-ring{width:100%;height:100%}
.obj-ring circle:last-child{transition:stroke-dashoffset .8s ease}
.obj-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:15px;font-weight:700;color:var(--text)}
.obj-ring-label-hero{color:white;font-size:17px}

/* ── obj-card2 (launched objective cards) ── */
.obj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
#live-objectives-list .obj-card2{width:100%;box-sizing:border-box}
.obj-card2{background:var(--dark);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.06)}
.obj-card2 .obj-activity{color:rgba(255,255,255,.4)}
.obj-card2 .obj-status-on{background:rgba(48,209,88,.15);color:#30D158}
.obj-card2 .obj-agent2.running{background:var(--border);color:var(--lime);border-color:var(--border2)}
.obj-card2 .obj-agent2.running::before{background:var(--lime)}
.obj-card2-head{display:flex;align-items:center;justify-content:space-between}
.obj-category{font-size:9px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.7px}
.obj-card2-body{display:flex;align-items:center;justify-content:space-between;gap:14px}
.obj-card2-info{flex:1;min-width:0}
.obj-card2-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:16px;font-weight:700;color:white;line-height:1.3;margin-bottom:10px}
.obj-hero .obj-card2-title{font-size:18px}

/* ══ MARKETING COMING SOON ══ */
.mkt-soon-hero{background:var(--dark);border-radius:var(--radius-lg);padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;overflow:hidden}
.mkt-soon-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,0,0,.02),transparent);pointer-events:none}
.mkt-soon-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--lime);background:rgba(0,0,0,.04);padding:4px 14px;border-radius:20px;border:1px solid var(--border)}
.mkt-soon-icon{width:64px;height:64px;border-radius:20px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center}
.mkt-soon-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:20px;font-weight:700;color:white;line-height:1.3;max-width:360px}
.mkt-soon-desc{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.6;max-width:400px}
.mkt-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;flex:1}
.mkt-soon-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color .15s}
.mkt-soon-card:hover{border-color:var(--border2)}
.mkt-soon-card-icon{width:38px;height:38px;border-radius:11px;background:var(--purple-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mkt-soon-card-text{flex:1;min-width:0}
.mkt-soon-card-title{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px}
.mkt-soon-card-desc{font-size:11.5px;color:var(--muted);line-height:1.55}
/* Preview cards with mockups */
.mkt-soon-card--preview{flex-direction:column;gap:12px}
.mkt-soon-card--preview .mkt-soon-card-icon{align-self:flex-start}
.mkt-soon-card--preview .mkt-soon-card-text{width:100%}

/* Mockup container */
.mkt-mockup{width:100%;background:var(--cream);border-radius:10px;border:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:6px;margin-top:2px}

/* Assets mockup */
.mkt-mockup-header{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:2px}
.mkt-mockup-filter{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:6px;padding:3px 8px}
.mkt-mockup-count{font-size:9px;color:var(--muted)}
.mkt-mockup-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:6px;background:var(--card);border:1px solid var(--border)}
.mkt-mockup-row--faded{opacity:.4}
.mkt-mockup-dot{width:5px;height:5px;border-radius:50%;background:var(--border2);flex-shrink:0}
.mkt-mockup-text{font-size:9px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.mkt-mockup-tag{font-size:7.5px;font-weight:700;padding:2px 6px;border-radius:10px;flex-shrink:0;white-space:nowrap}
.mkt-tag-type{background:var(--cream2);color:var(--muted)}
.mkt-tag-reddit{background:var(--cream2);color:var(--text)}
.mkt-tag-draft{background:var(--cream2);color:var(--text)}

/* Plans mockup */
.mkt-mockup-plan{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.mkt-mockup-plan-head{display:flex;align-items:center;gap:6px}
.mkt-mockup-freq{font-size:8px;font-weight:600;color:var(--text);background:var(--cream2);padding:2px 7px;border-radius:10px;display:flex;align-items:center;gap:3px}
.mkt-mockup-plan-title{font-size:10px;font-weight:700;color:var(--text)}
.mkt-mockup-plan-topics{font-size:8.5px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Create form mockup */
.mkt-mockup-form{display:flex;flex-direction:column;gap:8px}
.mkt-mockup-form-group{display:flex;flex-direction:column;gap:3px}
.mkt-mockup-form-label{font-size:9px;font-weight:700;color:var(--text)}
.mkt-mockup-form-note{font-size:8px;color:var(--muted);line-height:1.3}
.mkt-mockup-select{font-size:9px;font-weight:600;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:6px;padding:5px 8px;display:flex;align-items:center;gap:5px}
.mkt-mockup-members{font-size:8px;color:var(--muted);font-weight:400;background:var(--cream);padding:1px 5px;border-radius:8px}
.mkt-mockup-cta{font-size:9px;font-weight:700;color:white;background:var(--dark);border-radius:8px;padding:7px 12px;text-align:center;align-self:flex-end;margin-top:2px}

@media(max-width:768px){
  .mkt-soon-grid{grid-template-columns:1fr}
  .mkt-soon-hero{padding:28px 20px}
  .mkt-soon-title{font-size:17px}
}
@container main (max-width:700px){
  .mkt-soon-grid{grid-template-columns:1fr}
  .mkt-soon-hero{padding:28px 20px}
  .mkt-soon-card--preview{flex-direction:row}
}

/* ══ DECISION CARDS ══ */
.decision-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;flex-shrink:0}
.decision-card.urgent{border-color:rgba(245,158,11,.3);box-shadow:0 0 0 1px rgba(245,158,11,.15)}
.dec-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.dec-agent-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dec-type{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.dec-title{font-size:13px;font-weight:700;color:var(--text);margin-top:2px}
.dec-body{padding:14px 16px;font-size:12px;color:#444;line-height:1.7;border-bottom:1px solid var(--border)}
.dec-preview{background:var(--cream);border-radius:var(--radius);padding:12px 14px;font-size:12px;color:var(--text);line-height:1.7;font-style:italic;margin-top:8px;border-left:3px solid var(--lime)}
.dec-footer{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dec-meta{font-size:11px;color:var(--muted)}
.dec-btns{display:flex;gap:8px}
.btn-reject{background:var(--card);border:1.5px solid var(--border2);color:var(--red);font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s;font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.btn-reject:hover{background:var(--cream2);border-color:var(--red)}
.btn-approve{background:var(--lime);border:1.5px solid var(--lime);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .15s;font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.btn-approve:hover{background:var(--dark2)}
.btn-edit{background:var(--card);border:1.5px solid var(--border2);color:var(--text);font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s;font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.btn-edit:hover{background:var(--cream2)}

/* ══ ASSETS PAGE ══ */
.asset-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s}
.asset-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.asset-card-top{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.asset-platform{padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;flex-shrink:0}
.asset-platform.linkedin{background:var(--cream2);color:var(--muted)}
.asset-platform.twitter{background:var(--cream2);color:var(--text)}
.asset-platform.instagram{background:var(--cream2);color:var(--muted)}
.asset-tab{display:none;flex:1;min-height:0;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:16px}
.asset-tab.show{display:block}
.asset-body{padding:0 14px 10px;flex:1}
.asset-preview-text{font-size:12px;color:var(--text);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.asset-preview-img{height:80px;border-radius:var(--radius)}
.asset-meta{padding:0 14px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.asset-meta span{font-size:10.5px;color:var(--muted)}
.asset-actions{padding:8px 14px;border-top:1px solid var(--border);display:flex;gap:6px;margin-top:auto}
.asset-actions .btn{font-size:10.5px;padding:5px 0;flex:1;text-align:center}

/* ══ CONTENT CALENDAR ══ */
.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cal-nav{display:flex;align-items:center;gap:10px}
.cal-month{font-size:15px;font-weight:700;color:var(--text);font-family:'HN','Helvetica Neue',Helvetica,sans-serif;min-width:140px;text-align:center}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}
.cal-day-header{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:8px 0;border-bottom:1px solid var(--border)}
.cal-body{display:grid;grid-template-columns:repeat(7,1fr);gap:0}
.cal-cell{min-height:90px;border:1px solid var(--border);border-top:none;padding:4px;cursor:pointer;transition:background .1s;position:relative}
.cal-cell:hover{background:rgba(0,0,0,.02)}
.cal-cell.today{background:rgba(0,0,0,.03)}
.cal-cell.other-month{opacity:.35}
.cal-cell-num{font-size:11px;font-weight:600;color:var(--text);padding:2px 4px}
.cal-cell.today .cal-cell-num{background:var(--lime);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.cal-event{font-size:9.5px;padding:2px 5px;border-radius:4px;margin:2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:600;line-height:1.4}
.cal-event.linkedin{background:var(--cream2);color:var(--muted)}
.cal-event.twitter{background:#f5f0e0;color:#534a2e}
.cal-event.instagram{background:var(--cream2);color:var(--muted)}
.cal-event.review{border-left:2px solid var(--muted)}
.cal-event.published{opacity:.7}
.cal-detail{margin-top:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.cal-detail-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.cal-detail-date{font-size:14px;font-weight:700;color:var(--text);font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.cal-detail-events{padding:8px}
.cal-detail-event{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);margin:6px 0;display:flex;gap:12px;align-items:flex-start}
.cal-detail-event:hover{background:var(--purple-bg)}
.cal-detail-platform{flex-shrink:0;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700}
.cal-detail-content{flex:1;min-width:0}
.cal-detail-text{font-size:12px;color:var(--text);line-height:1.6;margin-top:4px}
.cal-detail-meta{font-size:10.5px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cal-detail-actions{display:flex;gap:6px;margin-top:8px}
.cal-detail-actions .btn{font-size:10.5px;padding:4px 12px}

/* ══ SOCIAL LISTENING ══ */
.signal-row{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:background .1s}
.signal-row:last-child{border-bottom:none}
.signal-row:hover{background:var(--purple-bg)}
.signal-row.high{border-left:3px solid var(--red);padding-left:13px}
.signal-source{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;width:90px;flex-shrink:0;padding-top:2px}
.signal-content{flex:1}
.signal-title{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.4}
.signal-meta{font-size:10.5px;color:var(--muted);margin-top:4px}
.signal-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mention-filter{font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:20px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--border);transition:all .15s;user-select:none}
.mention-filter:hover{border-color:rgba(0,0,0,.18);color:var(--text)}
.mention-filter.active{background:var(--dark);color:var(--white);border-color:var(--dark)}
.mention-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}
.mention-row:last-child{border-bottom:none}
.mention-sentiment{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
.mention-sentiment.pos{background:var(--dark)}
.mention-sentiment.neg{background:var(--muted)}
.mention-sentiment.neutral{background:var(--border)}
.keyword-pill{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s;border:1px solid var(--border)}
.keyword-pill.active{background:var(--dark);color:var(--white);border-color:var(--dark)}
.keyword-pill:hover{background:rgba(0,0,0,.04);color:var(--text)}

/* Social Listening v2 */
.sl-tab{display:none}
.sl-tab.show{display:flex}
.sc-spark{display:flex;align-items:flex-end;gap:2px;height:20px;margin-top:6px}
.sc-spark-bar{width:4px;background:var(--lime);border-radius:2px;opacity:.3;transition:opacity .2s}
.sc-spark-now{opacity:1}
.sl-sentiment-bar{display:flex;height:3px;border-radius:3px;overflow:hidden;margin-top:8px;gap:1px}
.sl-sent-pos{background:var(--dark);border-radius:3px}
.sl-sent-neu{background:var(--muted);border-radius:3px;opacity:.4}
.sl-sent-neg{background:var(--muted);border-radius:3px;opacity:.2}
.sl-signal{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s}
.sl-signal:last-child{border-bottom:none}
.sl-signal:hover{background:var(--purple-bg)}
.sl-signal-priority{width:2px;border-radius:2px;align-self:stretch;flex-shrink:0}
.sl-pri-high{background:var(--dark)}
.sl-pri-med{background:var(--muted)}
.sl-pri-low{background:var(--border)}
.sl-signal-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sl-signal-body{flex:1;min-width:0}
.sl-signal-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.sl-signal-source{font-size:11px;font-weight:700;color:var(--text)}
.sl-signal-type{font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--cream2);color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.sl-signal-time{font-size:10.5px;color:var(--muted);margin-left:auto}
.sl-signal-title{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.45}
.sl-signal-channel{font-size:10.5px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:4px}
.sl-signal-actions{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}
.sl-competitor{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}
.sl-competitor:hover{background:var(--purple-bg)}
.sl-comp-logo{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.sl-comp-name{font-size:12px;font-weight:600;color:var(--text)}
.sl-comp-detail{font-size:10.5px;color:var(--muted);margin-top:1px}
.sl-comp-activity{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}
.sl-comp-hot{background:rgba(0,0,0,.06);color:var(--text)}
.sl-comp-warm{background:rgba(0,0,0,.04);color:var(--muted)}
.sl-comp-quiet{background:var(--cream2);color:var(--muted)}
.sl-pulse-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}
.sl-pulse-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}
.sl-pulse-time{font-size:10px;font-weight:600;color:var(--muted);width:42px;flex-shrink:0}
.sl-pulse-text{font-size:11.5px;color:var(--text);line-height:1.45}
.sl-mention{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .1s}
.sl-mention:last-child{border-bottom:none}
.sl-mention:hover{background:var(--purple-bg)}
.sl-mention-body{flex:1;min-width:0}
.sl-mention-quote{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.45;font-style:italic}
.sl-mention-meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10.5px;color:var(--muted);flex-wrap:wrap}
.sl-mention-author{font-weight:600;color:var(--text)}
.sl-mention-platform{display:flex;align-items:center;gap:3px}
.sl-mention-when{opacity:.7}
.sl-trend-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border)}
.sl-trend-rank{width:20px;height:20px;border-radius:6px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--muted);flex-shrink:0}
.sl-trend-term{font-size:12.5px;font-weight:600;color:var(--text)}
.sl-trend-detail{font-size:10.5px;color:var(--muted);margin-top:1px}
.sl-subtab-count{font-size:10px;font-weight:700;color:var(--muted);margin-left:4px;opacity:.6}

/* Compact filter bar */
.sl-filter-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}
.sl-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sl-filter-sep{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 2px}
.sl-channels-compact{display:flex;gap:3px;flex-shrink:0}
.sl-ch{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .12s;white-space:nowrap}
.sl-ch:hover{background:var(--cream2);color:var(--text)}
.sl-ch.active{background:var(--dark);color:var(--white)}
.sl-ch svg{flex-shrink:0}
.sl-ch-n{font-size:10px;opacity:.6}
.sl-ch.active .sl-ch-n{opacity:1}
/* Legacy — keep for other uses */
.sl-channels{display:flex;gap:6px}
.sl-channel{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;font-size:12px;font-weight:600;color:var(--muted);background:var(--card);min-width:100px}
.sl-channel:hover{border-color:rgba(0,0,0,.15);color:var(--text)}
.sl-channel.active{border-color:var(--dark);color:var(--text);background:var(--cream)}
.sl-channel svg{opacity:.35;flex-shrink:0}
.sl-channel.active svg{opacity:.7}
.sl-channel-count{margin-left:auto;font-size:10px;font-weight:700;color:var(--muted);opacity:.6}
.sl-channel.active .sl-channel-count{color:var(--text);opacity:1}
/* ── Social Listening v3 Cards ── */
.sl-sent-bar-wrap{height:4px;background:var(--cream2);border-radius:4px;overflow:hidden;margin-top:8px}
.sl-sent-bar-fill{height:100%;background:var(--border2);border-radius:4px;transition:width .6s ease}

.sl2-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}
.sl2-channels{display:flex;gap:2px}
.sl2-channel{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}
.sl2-channel:hover{background:var(--cream2);color:var(--text)}
.sl2-channel.active{background:var(--cream2);color:var(--text);border:1px solid var(--border)}
.sl2-channel.active svg{opacity:.7}
.sl2-channel svg{flex-shrink:0}
.sl2-ch-count{font-size:10px;font-weight:700;opacity:.5}
.sl2-channel.active .sl2-ch-count{opacity:1}
.sl2-divider{width:1px;height:24px;background:var(--border);flex-shrink:0;margin:0 4px}
.sl2-filters{display:flex;gap:3px}
.sl2-filter{font-size:11px;font-weight:600;padding:5px 12px;border-radius:8px;cursor:pointer;color:var(--muted);transition:all .12s;user-select:none}
.sl2-filter:hover{background:var(--cream2);color:var(--text)}
.sl2-filter.active{background:var(--cream2);color:var(--text);font-weight:700}
.sl2-filter-n{font-size:10px;font-weight:700;opacity:.5;margin-left:2px}

.sl2-card{display:flex;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;transition:all .2s ease}
.sl2-card:hover{border-color:rgba(0,0,0,.14);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.sl2-card-accent{display:none}
.sl2-accent-alert{background:var(--border2)}
.sl2-accent-mention{background:var(--border2)}
.sl2-accent-industry{background:var(--border2)}
.sl2-accent-competitor{background:var(--border2)}
.sl2-accent-dim{background:var(--border)}
.sl2-card-inner{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.sl2-card--alert{background:var(--card);border-color:var(--border)}
.sl2-card--alert:hover{border-color:rgba(0,0,0,.14)}
.sl2-card--dim{opacity:.45}
.sl2-card--dim:hover{opacity:.7}
.sl2-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sl2-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:4px}
.sl2-badge--alert{background:var(--cream2);color:var(--text)}
.sl2-badge--mention{background:var(--cream2);color:var(--text)}
.sl2-badge--industry{background:var(--cream2);color:var(--text)}
.sl2-badge--competitor{background:var(--cream2);color:var(--muted)}
.sl2-badge--dim{background:var(--cream2);color:var(--muted)}
.sl2-tag{font-size:10.5px;font-weight:500;color:var(--muted);padding:2px 8px;border:1px solid var(--border);border-radius:20px}
.sl2-time{font-size:10.5px;color:var(--muted);margin-left:auto;flex-shrink:0}
.sl2-sentiment{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px}
.sl2-sentiment--pos{background:var(--cream2);color:var(--text)}
.sl2-sentiment--neg{background:var(--cream2);color:var(--text)}
.sl2-card-body{display:flex;gap:12px;align-items:flex-start}
.sl2-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.sl2-card-content{flex:1;min-width:0}
.sl2-author{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:3px}
.sl2-role{font-weight:500;color:var(--muted);font-size:11.5px;margin-left:4px}
.sl2-text{font-size:13px;color:var(--text);line-height:1.65}
.sl2-source{font-size:11px;color:var(--muted);margin-top:6px;font-style:italic}
.sl2-card-actions{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--border)}
.sl2-card--alert .sl2-card-actions{border-top-color:var(--border)}
.sl2-engagement{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}

/* Legacy post card styles kept for compatibility */
.sl-post-time{font-size:10.5px;color:var(--muted);margin-left:auto}
.sl-post-author{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sl-post-author-name{font-size:13px;font-weight:700;color:var(--text)}
.sl-post-author-role{font-size:11px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-post-content{font-size:12.5px;color:var(--text);line-height:1.65;margin-bottom:10px}
.sl-post-source{font-size:10.5px;color:var(--muted);margin-bottom:10px;font-style:italic}
.sl-post-footer{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--border)}
.sl-post-engagement{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:500}

/* ══ OUTREACH SEQ ROWS ══ */
.seq-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}
.seq-row:last-child{border-bottom:none}
.seq-row:hover{background:var(--purple-bg)}
.step-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}
.step-row:last-child{border-bottom:none}
.step-day{width:40px;font-size:10px;font-weight:700;color:var(--muted);text-align:center;flex-shrink:0}
.step-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step-body{flex:1}
.step-type{font-size:12px;font-weight:700;color:var(--text)}
.step-detail{font-size:10.5px;color:var(--muted);margin-top:1px}

/* ══ PLAYBOOK ══ */
.pb-hero{background:var(--dark);border-radius:var(--radius-lg);padding:28px;color:#fff;display:flex;gap:28px;align-items:center;margin-bottom:18px}
.pb-hero-main{flex:1}
.pb-company-name{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:26px;font-weight:700;color:#fff}
.pb-tagline{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px;font-weight:500}
.pb-desc{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.7;margin-top:12px;max-width:520px}
.pb-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}
.pb-stat{text-align:center;padding:12px 18px;background:rgba(255,255,255,.06);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);min-width:90px}
.pb-stat-value{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:16px;font-weight:700;color:var(--lime)}
.pb-stat-label{font-size:9.5px;color:rgba(255,255,255,.4);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}
.pb-section{margin-bottom:18px}
.pb-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.pb-section-title::after{content:'';flex:1;height:1px;background:var(--border)}
.pb-row{display:flex;padding:16px 20px;border-bottom:1px solid var(--border);gap:20px;transition:background .15s}
.pb-row:hover{background:var(--purple-bg)}
.pb-row-label{font-size:11.5px;font-weight:600;color:var(--purple);width:160px;flex-shrink:0;padding-top:3px;letter-spacing:-.02em}
.pb-row-value{font-size:13.5px;color:var(--text);line-height:1.75;flex:1;min-width:0;display:block;word-wrap:break-word;overflow-wrap:break-word;opacity:.85}
.pb-competitor{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:flex-start;transition:background .1s}
.pb-competitor:hover{background:rgba(0,0,0,.01)}
.pb-competitor:last-child{border-bottom:none}
.pb-comp-threat{width:4px;border-radius:2px;align-self:stretch;flex-shrink:0}
.pb-comp-threat.high{background:var(--red)}
.pb-comp-threat.medium{background:var(--amber)}
.pb-comp-threat.low{background:var(--lime)}
.pb-comp-content{flex:1}
.pb-comp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.pb-comp-name{font-size:13px;font-weight:700;color:var(--text)}
.pb-comp-body{font-size:12px;color:var(--muted);line-height:1.6}
.pb-comp-win{font-size:11px;color:var(--green);font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.02);padding:3px 8px;border-radius:4px}
.pb-persona{background:var(--card);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border);transition:border-color .15s}
.pb-persona:hover{border-color:rgba(0,0,0,.12)}
.pb-persona-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pb-persona-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;background:var(--cream2);color:var(--text);border:1px solid var(--border)}
.pb-persona-name{font-size:14px;font-weight:700;color:var(--text)}
.pb-persona-role{font-size:11.5px;color:var(--muted);margin-top:2px}
.pb-persona-section{margin-top:12px}
.pb-persona-section-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.pb-persona-pain{font-size:12px;color:var(--text);line-height:1.55;padding:10px 12px;background:var(--cream2);border-radius:var(--radius);border-left:2px solid var(--muted)}
.pb-persona-msg{font-size:12px;color:var(--text);line-height:1.55;padding:10px 12px;background:var(--cream);border-radius:var(--radius);border-left:2px solid var(--dark)}
.pb-tab{display:none;flex-direction:column;gap:16px;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:16px;flex:1;min-height:0;overflow-y:auto}
.pb-tab.show{display:flex}
.pb-tab .card{border:none;box-shadow:none}
.pb-tab .card .card-h{padding:0 0 10px 0;border-bottom:1px solid var(--border)}
.pb-tab .card .card-b{padding:0;overflow:visible}
.pb-updated{font-size:10px;color:var(--muted);font-style:italic;margin-top:10px}

/* ══ ICP CARDS ══ */
.icp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.icp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s var(--ease);box-shadow:var(--shadow-sm)}
.icp-card:hover{border-color:rgba(124,92,252,.15);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.icp-card-accent{height:3px;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.icp-card-body{padding:20px 22px}
.icp-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.icp-card-name{font-size:15px;font-weight:600;color:var(--text);line-height:1.3;letter-spacing:-.03em}
.icp-card-desc{font-size:13px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.icp-card-meta{display:flex;align-items:center;gap:16px;padding-top:14px;border-top:1px solid var(--border)}
.icp-card-meta-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);font-weight:400}
.icp-personas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.icp-persona-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;transition:border-color .15s}
.icp-persona-card:hover{border-color:rgba(0,0,0,.12)}
.icp-persona-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.icp-persona-card-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}
.icp-persona-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.icp-persona-badge{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.icp-persona-badge.decision{background:var(--purple);color:#fff}
.icp-persona-badge.user{background:var(--purple-soft);color:var(--purple)}
.icp-persona-badge.influencer{background:var(--purple-dim);color:var(--muted)}
.icp-persona-card-desc{font-size:11.5px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.icp-persona-card-vp{padding-top:12px;border-top:1px solid var(--border)}
.icp-persona-card-vp-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.icp-persona-card-vp-text{font-size:11.5px;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Persona dropdown menu */
.icp-persona-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:50;min-width:130px;padding:4px;margin-top:4px}
.icp-persona-dropdown.open{display:block}
.icp-persona-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;border-radius:6px;transition:background .1s}
.icp-persona-dropdown-item:hover{background:var(--cream2)}
.icp-persona-dropdown-item.delete{color:#DC2626}
.icp-persona-dropdown-item.delete:hover{background:rgba(220,38,38,.06)}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.modal-content{background:var(--card);border-radius:var(--radius-lg);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.15);overflow:hidden}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}
.modal-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:17px;font-weight:700;color:var(--text)}
.modal-subtitle{font-size:12px;color:var(--muted);margin-top:3px}
.modal-close{font-size:22px;color:var(--muted);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .1s;line-height:1}
.modal-close:hover{background:var(--cream2);color:var(--text)}
.modal-body{padding:20px 24px;overflow-y:auto;flex:1}
.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}

/* Form elements */
.form-group{display:flex;flex-direction:column;gap:5px}
.form-label{font-size:13px;font-weight:700;color:var(--text)}
.form-input{border:1.5px solid var(--border);border-radius:14px;padding:12px 16px;font-size:13px;font-weight:300;color:var(--text);font-family:inherit;outline:none;transition:all .2s var(--ease);background:var(--card)}
.form-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}
.form-textarea{border:1.5px solid var(--border);border-radius:14px;padding:12px 16px;font-size:13px;font-weight:300;color:var(--text);font-family:inherit;outline:none;transition:all .2s var(--ease);resize:vertical;background:var(--card);line-height:1.65}
.form-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}
.form-hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:2px}
.persona-roles-wrap{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius);min-height:38px;align-items:center}
.persona-role-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--cream2);border:1px solid var(--border);border-radius:20px;font-size:11px;font-weight:600;color:var(--text)}
.persona-role-tag-x{cursor:pointer;font-size:14px;color:var(--muted);margin-left:2px;line-height:1}
.persona-role-tag-x:hover{color:var(--text)}

/* ══ MEMORY TAB ══ */
.memory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.memory-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}
.memory-subtitle{font-size:12px;color:var(--muted);margin-top:4px}
.memory-toolbar{display:flex;align-items:center;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}
.memory-tool{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;background:none;cursor:pointer;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted);transition:all .12s;font-family:inherit}
.memory-tool:hover{background:var(--cream2);color:var(--text)}
.memory-tool-sep{width:1px;height:18px;background:var(--border);margin:0 6px}
.memory-editor{flex:1;padding:20px;font-size:13px;color:var(--text);line-height:1.7;outline:none;overflow-y:auto}
.memory-editor h2{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:-.3px}
.memory-editor ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.memory-editor li{font-size:13px;color:var(--text);line-height:1.6}
.memory-editor strong{font-weight:700;color:var(--text)}
.memory-version{padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s}
.memory-version:hover{background:var(--cream)}
.memory-version.active{background:var(--cream)}
.memory-version-header{display:flex;gap:10px;align-items:flex-start}
.memory-version-num{width:24px;height:24px;border-radius:50%;background:var(--cream2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text);flex-shrink:0}
.memory-version-label{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.memory-version-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--cream2);color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.memory-version-badge.agent{background:var(--dark);color:var(--white)}
.memory-version-desc{font-size:11px;color:var(--muted);margin-top:2px}
.memory-version-meta{font-size:10px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:2px}
.memory-version-actions{display:flex;gap:6px;margin-top:8px;padding-left:34px}

/* ══ PLAYBOOK STRATEGY LAYOUT ══ */
.pb-strategy-row{display:flex;gap:16px;align-items:flex-start}
.pb-strategy-left{flex:0 0 60%;display:flex;flex-direction:column;gap:16px}
.pb-strategy-right{flex:0 0 calc(40% - 16px);display:flex;flex-direction:column;gap:16px}

/* ══ QUICK ACTIONS ══ */
.quick-actions-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:4px;z-index:200;box-shadow:0 8px 32px rgba(0,0,0,.12)}
.quick-actions-menu.open{display:block}
.qa-item{padding:9px 12px;font-size:12px;font-weight:500;color:var(--text);border-radius:8px;cursor:pointer;transition:background .12s}
.qa-item:hover{background:var(--cream2)}

/* ══ MODAL ══ */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:300;backdrop-filter:blur(4px)}
.modal{background:rgba(20,20,32,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:28px;width:460px;max-width:92vw;box-shadow:0 32px 80px rgba(0,0,0,.5),0 0 0 1px var(--border)}
.modal-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:18px}
.form-group{margin-bottom:13px}
.form-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;display:block}
.form-input{width:100%;padding:9px 12px;border:1.5px solid var(--border2);border-radius:var(--radius);font-size:13px;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;outline:none;color:var(--text);background:var(--cream)}
.form-input:focus{border-color:var(--purple);background:var(--card2)}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}

/* ══ LOCKED NAV ══ */
.ni.locked{opacity:.2;pointer-events:none;position:relative}
.ni.locked::after{content:'';display:inline-block;width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,.3)'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z'/%3E%3C/svg%3E") no-repeat center/contain;flex-shrink:0;margin-left:-2px}

/* ══ SETUP VIEWS ══ */
.setup-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 0 10px}
.setup-step{display:flex;align-items:center;gap:8px;padding:6px 14px}
.setup-step-num{width:24px;height:24px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:11px;font-weight:700;color:var(--muted)}
.setup-step-label{font-size:12px;font-weight:700;color:var(--muted)}
.setup-step.active .setup-step-num{background:var(--blue);color:#fff}
.setup-step.active .setup-step-label{color:var(--text)}
.setup-step.done .setup-step-num{background:var(--cream2);color:var(--text)}
.setup-step.done .setup-step-label{color:var(--text)}
.setup-line{width:40px;height:2px;background:var(--cream2);border-radius:2px}
.setup-line.done{background:var(--dark)}
.setup-hero{display:flex;flex-direction:column;align-items:center;padding:40px 20px 30px}
.setup-icon{width:64px;height:64px;background:var(--dark);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#strategy-summary{display:none;gap:10px}
#strategy-summary.show{display:grid;grid-template-columns:repeat(3,1fr)}
#team-suggestions{display:none;gap:10px}
#team-suggestions.show{display:grid;grid-template-columns:repeat(2,1fr)}
.team-agent-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:flex-start;gap:10px}
.team-agent-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:4px;flex-shrink:0;animation:pulse 1.5s infinite}
.team-agent-name{font-size:13px;font-weight:700;color:var(--text)}
.team-agent-role{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}

/* ══ TRIGGERS PAGE ══ */
.trigger-tab{display:none !important}
.trigger-tab.show{display:flex !important}

/* Sidebar */
.trigger-sidebar{width:200px;flex-shrink:0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:12px 0}
.trigger-sidebar-search{display:flex;align-items:center;gap:8px;padding:6px 14px;margin:0 10px 10px;background:var(--cream2);border-radius:8px;border:1px solid var(--border)}
.trigger-sidebar-search input{border:none;background:none;font-size:12px;color:var(--text);outline:none;width:100%;font-family:inherit}
.trigger-sidebar-group{margin-bottom:8px}
.trigger-sidebar-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 18px 4px}
.trigger-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:7px 18px;font-size:12.5px;font-weight:500;color:var(--text);cursor:pointer;transition:all .12s;border-left:2px solid transparent}
.trigger-sidebar-item:hover{background:var(--cream2);color:var(--dark)}
.trigger-sidebar-item.active{background:var(--cream2);color:var(--dark);font-weight:700;border-left-color:var(--dark)}
.trigger-sidebar-count{font-size:11px;font-weight:700;color:var(--muted);background:var(--cream2);border-radius:10px;padding:1px 7px;min-width:20px;text-align:center}

/* Main trigger list */
.trigger-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-width:0}
.trigger-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.trigger-group-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text)}
.trigger-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.trigger-group-count{font-weight:500;color:var(--muted);font-size:12px}
.trigger-group-actions{display:flex;gap:6px}
.trigger-cards{display:flex;flex-direction:column;gap:4px}
.trigger-card{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;cursor:pointer}
.trigger-card:hover{border-color:rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.04)}
.trigger-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}
.trigger-card-body{flex:1;min-width:0}
.trigger-card-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}
.trigger-card-desc{font-size:11.5px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trigger-card-menu{font-size:18px;color:var(--muted);cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}
.trigger-card-menu:hover{color:var(--text)}
.trigger-empty{padding:14px;text-align:center;font-size:12px;color:var(--muted);background:var(--cream2);border-radius:var(--radius);border:1px dashed var(--border)}

/* Activity tab */
.trigger-activity-filters{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.trigger-date-range{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer}
.trigger-job-summary{font-size:12px;color:var(--muted);line-height:1.5;max-width:380px}
.trigger-source-badge{font-size:11px;font-weight:600;color:var(--muted);padding:2px 8px;background:var(--cream2);border-radius:6px}
.trigger-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}
.trigger-status.completed{color:#16A34A;background:rgba(22,163,74,.08)}
.trigger-status.completed::before{content:'';width:6px;height:6px;border-radius:50%;background:#16A34A}
.trigger-status.running{color:#F59E0B;background:rgba(245,158,11,.08)}
.trigger-status.running::before{content:'';width:6px;height:6px;border-radius:50%;background:#F59E0B;animation:pulse 1.5s infinite}
.trigger-status.failed{color:#EF4444;background:var(--cream2)}
.trigger-status.failed::before{content:'';width:6px;height:6px;border-radius:50%;background:#EF4444}
.trigger-target-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:white;flex-shrink:0}
.trigger-row-menu{color:var(--muted);cursor:pointer;font-size:16px}
.trigger-row-menu:hover{color:var(--text)}
.trigger-menu-dropdown{position:absolute;top:100%;right:0;width:160px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:50;padding:4px;margin-top:4px}
.trigger-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:var(--text);border-radius:6px;cursor:pointer;transition:background .1s}
.trigger-menu-item:hover{background:var(--cream)}
.trigger-menu-danger{color:#EF4444}
.trigger-menu-danger:hover{background:#FEE2E2}
.trigger-pagination{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border)}

/* Trigger detail view */
.trigger-back-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text);cursor:pointer;transition:all .15s;flex-shrink:0;border:1px solid var(--border);background:var(--card)}
.trigger-back-btn:hover{background:var(--cream2);color:var(--dark)}
.trigger-detail-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.5px}
.trigger-detail-desc{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:4px;max-width:500px}
.trigger-detail-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;flex-shrink:0}
.trigger-status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.trigger-status-dot.active{background:#16A34A;animation:pulse 1.5s infinite}
.trigger-status-dot.paused{background:#F59E0B}
.trigger-status-dot.disabled{background:var(--muted)}
.trigger-detail-sidebar{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:8px 0}
.trigger-detail-nav{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border-radius:8px;transition:all .12s;user-select:none}
.trigger-detail-nav:hover{background:var(--cream2);color:var(--text)}
.trigger-detail-nav.active{background:var(--cream2);color:var(--dark);font-weight:700}
.trigger-detail-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.trigger-detail-panel{display:none !important;flex-direction:column;flex:1;min-height:0;padding:24px;overflow-y:auto}
.trigger-detail-panel.show{display:flex !important}
.trigger-instr-header{margin-bottom:16px}
.trigger-instr-title{font-size:15px;font-weight:700;color:var(--text)}
.trigger-instr-sub{font-size:12px;color:var(--muted);margin-top:2px}
.trigger-instr-toolbar{display:flex;gap:2px;padding:8px;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:var(--cream2)}
.trigger-instr-toolbar button{width:32px;height:28px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:13px;color:var(--text);font-family:inherit;display:flex;align-items:center;justify-content:center}
.trigger-instr-toolbar button:hover{background:rgba(0,0,0,.06)}
.trigger-instr-editor{border:1px solid var(--border);border-radius:0 0 8px 8px;padding:20px;font-size:14px;line-height:1.75;color:var(--text);min-height:300px;outline:none;overflow-y:auto;flex:1}
.trigger-instr-editor:focus{border-color:rgba(0,0,0,.15)}
.trigger-instr-editor h2{font-size:17px;font-weight:700;color:var(--dark);margin:20px 0 8px;font-family:'HN','Helvetica Neue',Helvetica,sans-serif}
.trigger-instr-editor h2:first-child{margin-top:0}
.trigger-instr-editor h3{font-size:14px;font-weight:700;color:var(--text);margin:18px 0 6px}
.trigger-instr-editor p{margin:0 0 8px}
.trigger-instr-editor ul{margin:0 0 8px;padding-left:20px}
.trigger-instr-editor li{margin-bottom:3px;font-size:13px;list-style:disc}
.trigger-schedule-card{background:var(--cream2);border-radius:var(--radius);padding:16px 20px}
.trigger-schedule-header{display:flex;align-items:center;gap:12px}

/* ══ TOOLS PANEL ══ */
.tools-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.tools-title{font-family:'HN','Helvetica Neue',Helvetica,sans-serif;font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.5px}
.tools-subtitle{font-size:13px;color:var(--muted);margin-top:4px}
.tools-search-wrap{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;max-width:420px}
.tools-search{border:none;background:none;font-size:13px;color:var(--text);outline:none;width:100%;font-family:inherit}
.tools-search::placeholder{color:var(--muted)}
.tools-section-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.tools-section{margin-bottom:24px}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .15s;cursor:pointer}
.tool-card:hover{border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.tool-card-header{display:flex;align-items:center;gap:12px}
.tool-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--cream2);border:1px solid var(--border)}
.tool-card-icon img{width:100%;height:100%;object-fit:contain;padding:4px}
.tool-card-name{font-size:14px;font-weight:700;color:var(--text);flex:1}
.tool-card-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.tool-card-badge.org{color:#6D28D9;background:rgba(109,40,217,.08);border:1px solid rgba(109,40,217,.15)}
.tool-card-badge.personal{color:#2563EB;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.12)}
.tool-card-badge.org::before{content:'';width:5px;height:5px;border-radius:50%;background:#6D28D9}
.tool-card-badge.personal::before{content:'';width:5px;height:5px;border-radius:50%;background:#2563EB}
.tool-card-desc{font-size:12px;color:var(--muted);line-height:1.55}
.tool-card-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-top:auto}
.tool-card-status.connected{color:#16A34A}
.tool-card-status.connected::before{content:'';width:6px;height:6px;border-radius:50%;background:#16A34A}
.tool-card-status.available{color:var(--muted)}
.tool-card-status.available::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted)}

/* ══ RESPONSIVE CONTAINER QUERIES ══ */
@container main (max-width: 750px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  .g-assets{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .sg.g2{flex:unset}
  .ph{flex-direction:column;gap:10px}
  .ha{justify-content:flex-start}
  .funnel-label{width:100px;font-size:10px}
  .review-grid{grid-template-columns:1fr}
  .flow-step-label{display:none}
}
@container main (max-width: 500px){
  .g4{grid-template-columns:1fr}
  .g3{grid-template-columns:1fr}
  .page{padding:14px 14px 10px;gap:10px}
  .pt{font-size:17px}
  .sv{font-size:18px}
  .obj-grid{grid-template-columns:1fr}
  .obj-ring-wrap{width:56px;height:56px}
  .obj-hero .obj-ring-wrap{width:62px;height:62px}
  .obj-card2-title{font-size:13px}
  .obj-hero .obj-card2-title{font-size:15px}
  .obj-ring-label{font-size:13px}
  .launch-card{padding:24px 18px}
  .sg.g-icp{flex-direction:column}
  .persona-card{min-width:0}
  .sg.g3 .persona-card{min-width:0}
}

/* ══ GTM STRATEGY ══ */
.readiness-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600}
.readiness-pill.done{background:var(--cream2);color:var(--text)}
.readiness-pill.done::before{content:'';width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23166534' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/contain no-repeat}
.readiness-pill.pending{background:var(--cream2);color:var(--muted)}
.readiness-pill.pending::before{content:'';width:14px;height:14px;border:2px solid var(--muted);border-radius:50%;opacity:.4}
.readiness-score{padding:6px 14px;border:1.5px solid var(--border2);border-radius:20px;font-size:12px;font-weight:700;color:var(--text);white-space:nowrap}
.product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}
.mini-stat{background:var(--cream);border-radius:var(--radius);padding:12px 14px}
.mini-stat-label{font-size:10.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.mini-stat-value{font-size:18px;font-weight:700;color:var(--text);margin-top:4px}

/* ══ ICP ENGINE ══ */
.icp-lead-count{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;color:var(--text);font-weight:500}
.icp-lead-count::before{content:'';width:8px;height:8px;background:var(--dark);border-radius:50%}
.sg.g-icp{display:flex}
.icp-tabs{display:flex;gap:0;background:var(--cream2);border-radius:var(--radius);padding:3px;width:fit-content}
.icp-tab{padding:8px 20px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}
.icp-tab.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.icp-panel{display:none;flex-direction:column;gap:14px}
.icp-panel.show{display:flex}
.icp-section-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}
.icp-section-header{display:flex;align-items:center;gap:10px}
.icp-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--cream);border:1px solid var(--border);border-radius:20px;font-size:11.5px;color:var(--text);font-weight:500}
.icp-tag-x{cursor:pointer;color:var(--muted);font-size:14px;line-height:1}
.icp-add-btn{display:inline-flex;align-items:center;padding:6px 14px;border:1.5px dashed var(--border2);border-radius:20px;font-size:11.5px;color:var(--lime);font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s}
.icp-add-btn:hover{background:rgba(0,0,0,.02)}

/* Target universe */
.target-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}
.target-stat:last-child{border-bottom:none}
.target-stat-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.target-stat-value{font-size:18px;font-weight:700;color:var(--text)}
.target-stat-dot{width:10px;height:10px;border-radius:50%}

/* ICP completeness */
.icp-progress-bar{height:8px;background:var(--cream2);border-radius:4px;margin-top:10px;overflow:hidden}
.icp-progress-fill{height:100%;background:var(--dark);border-radius:4px;transition:width .4s}
.icp-checklist{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.icp-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text)}
.icp-check.done::before{content:'';width:10px;height:10px;background:var(--dark);border-radius:50%}
.icp-check.pending::before{content:'';width:10px;height:10px;background:var(--cream2);border:2px solid var(--border2);border-radius:50%}

/* Personas */
.persona-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:8px}
.persona-header{display:flex;align-items:center;gap:10px}
.persona-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.persona-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.persona-type{display:inline-block;padding:2px 10px;border-radius:10px;font-size:10px;font-weight:600;margin-top:3px}
.persona-active{width:10px;height:10px;background:var(--dark);border-radius:50%;flex-shrink:0}
.persona-meta{font-size:11px;color:var(--muted)}
.persona-dept{font-size:11px;color:var(--muted);font-weight:600}
.persona-desc{font-size:11.5px;color:var(--text);line-height:1.5;opacity:.8}
.persona-section-label{font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.persona-section-label:last-of-type{color:var(--blue)}
.persona-list{font-size:11px;color:var(--text);line-height:1.5;padding-left:14px;opacity:.8}
.persona-list li{margin-bottom:4px}
.persona-more{font-size:11px;color:var(--muted);font-weight:500}

/* ══ RTL SUPPORT ══ */
body.rtl{direction:rtl;text-align:right}
body.rtl .nav{flex-direction:row-reverse}
body.rtl .nav-brand{margin-right:0;margin-left:12px}
body.rtl .nav-right{margin-left:0;margin-right:auto}
body.rtl .app{flex-direction:row-reverse}
body.rtl .chat-side{border-right:none;border-left:1px solid rgba(255,255,255,.06)}
body.rtl .resize-handle{cursor:col-resize}
body.rtl .ph{flex-direction:row-reverse}
body.rtl .ha{flex-direction:row-reverse}
body.rtl .obj-row{flex-direction:row-reverse}
body.rtl .obj-row-left{text-align:right}
body.rtl .obj-row-right{align-items:flex-start}
body.rtl .obj-row-activity{flex-direction:row-reverse;justify-content:flex-end}
body.rtl .pb-row{flex-direction:row-reverse}
body.rtl .pb-row-label{text-align:right}
body.rtl .pb-row-value{text-align:right;justify-content:flex-end}
body.rtl .pb-hero{flex-direction:row-reverse}
body.rtl .pb-persona-header{flex-direction:row-reverse}
body.rtl .pb-competitor{flex-direction:row-reverse}
body.rtl .pb-comp-header{flex-direction:row-reverse}
body.rtl .card-h{flex-direction:row-reverse}
body.rtl .sc{text-align:right}
body.rtl .mention-row{flex-direction:row-reverse}
body.rtl .signal-row{flex-direction:row-reverse}
body.rtl .signal-source{text-align:right}
body.rtl .settings-row{flex-direction:row-reverse}
body.rtl .sr-label{text-align:right}
body.rtl .sr-sub{text-align:right}
body.rtl .profile-menu{right:auto;left:0}
body.rtl .profile-menu-header{flex-direction:row-reverse}
body.rtl .profile-menu-item{flex-direction:row-reverse}
body.rtl .obj-progress-bar{direction:ltr}
body.rtl .obj-kpi-panel{text-align:right}
body.rtl .obj-kpi-agents{justify-content:flex-end}
body.rtl .obj-layout{flex-direction:row-reverse}
body.rtl .pb-persona-pain{border-left:none;border-right:3px solid var(--amber)}
body.rtl .pb-persona-msg{border-left:none;border-right:3px solid var(--lime)}
body.rtl .pb-comp-threat{order:1}
body.rtl .dec-preview{border-left:none;border-right:3px solid var(--lime)}
body.rtl .signal-row.high{border-left:none;border-right:3px solid var(--red);padding-left:16px;padding-right:13px}
body.rtl .tl-row{flex-direction:row-reverse}
body.rtl .chat-top{text-align:right}
body.rtl .msg-user{margin-left:0;margin-right:auto}
body.rtl .ally-card{flex-direction:row-reverse}
body.rtl .lab-tabs{flex-direction:row-reverse}
body.rtl .tabs-row{flex-direction:row-reverse}
body.rtl .subtabs{flex-direction:row-reverse}
body.rtl .persona-list{padding-left:0;padding-right:14px}
body.rtl .flow-stepper{flex-direction:row-reverse}
body.rtl .cal-header{flex-direction:row-reverse}
body.rtl .cal-nav{flex-direction:row-reverse}
body.rtl .obj-row-active{border-left:none;border-right:3px solid var(--dark)}
body.rtl .asset-card-top{flex-direction:row-reverse}
body.rtl .asset-meta{flex-direction:row-reverse}
body.rtl .asset-actions{flex-direction:row-reverse}
body.rtl table{text-align:right}
body.rtl th{text-align:right}

/* ══ NOTIFICATION PANEL ══ */
.notif-panel{display:none;position:absolute;top:calc(100% + 10px);right:-60px;width:360px;background:var(--dark2);border:1px solid rgba(255,255,255,.1);border-radius:14px;z-index:999;box-shadow:0 12px 48px rgba(0,0,0,.6);overflow:hidden}
.notif-panel.open{display:block;animation:fadeUp .18s ease both}
.notif-header{padding:14px 18px 10px;font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}
.notif-header-count{font-size:10px;font-weight:700;background:var(--lime);color:#fff;padding:2px 7px;border-radius:10px}
.notif-list{max-height:340px;overflow-y:auto}
.notif-item{display:flex;gap:12px;padding:12px 18px;cursor:pointer;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.04)}
.notif-item:last-child{border-bottom:none}
.notif-item:hover{background:rgba(255,255,255,.05)}
.notif-unread{background:rgba(0,0,0,.02)}
.notif-unread::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--lime)}
.notif-item{position:relative}
.notif-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.notif-body{flex:1;min-width:0}
.notif-text{font-size:12px;color:rgba(255,255,255,.8);line-height:1.45}
.notif-text b{color:#fff;font-weight:700}
.notif-time{font-size:10px;color:rgba(255,255,255,.3);margin-top:3px}
.notif-footer{padding:10px 18px;text-align:center;font-size:11px;font-weight:600;color:var(--lime);cursor:pointer;border-top:1px solid rgba(255,255,255,.06);transition:background .12s}
.notif-footer:hover{background:rgba(255,255,255,.04)}

/* ══ COMMAND PALETTE (Cmd+K) ══ */
.cmdk-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);backdrop-filter:blur(4px)}
.cmdk-overlay.open{display:flex;animation:fadeIn .12s ease both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.cmdk{width:580px;max-width:90vw;background:var(--card);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.3);overflow:hidden;animation:cmdkSlide .15s ease both}
@keyframes cmdkSlide{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.cmdk-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}
.cmdk-input{flex:1;border:none;background:none;font-size:15px;font-weight:500;color:var(--text);outline:none;font-family:inherit}
.cmdk-input::placeholder{color:var(--muted)}
.cmdk-kbd{font-size:10px;font-weight:600;color:var(--muted);background:var(--cream2);padding:3px 7px;border-radius:5px;border:1px solid var(--border);font-family:inherit}
.cmdk-results{max-height:380px;overflow-y:auto;padding:6px}
.cmdk-group{margin-bottom:2px}
.cmdk-group-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:8px 12px 4px}
.cmdk-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:all .1s}
.cmdk-item:hover,.cmdk-item.active{background:var(--cream2)}
.cmdk-item svg{color:var(--muted);flex-shrink:0}
.cmdk-item:hover svg{color:var(--text)}
.cmdk-meta{margin-left:auto;font-size:10.5px;color:var(--muted);font-weight:500}
.cmdk-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--muted);font-size:13px}
.cmdk-footer{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.cmdk-footer kbd{font-size:10px;background:var(--cream2);padding:2px 6px;border-radius:4px;border:1px solid var(--border);font-family:inherit;font-weight:600}

/* ══ ONBOARDING ══ */
.ob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:3000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);padding:20px}
.ob-overlay.hidden{display:none}
.ob-container{background:var(--card);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.15);display:flex;width:720px;max-width:100%;min-height:460px;overflow:hidden;animation:cmdkSlide .2s ease both}
.ob-sidebar{width:200px;background:var(--cream);padding:28px 20px;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}
.ob-steps{display:flex;flex-direction:column;gap:4px}
.ob-step{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:500;color:var(--muted);transition:all .15s}
.ob-step.active{color:var(--text);font-weight:600;background:var(--card)}
.ob-step.done{color:var(--muted)}
.ob-step-num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.ob-step.active .ob-step-num{background:var(--dark);color:#fff;border-color:var(--dark)}
.ob-step.done .ob-step-num{background:var(--dark);color:#fff;border-color:var(--dark)}
.ob-main{flex:1;padding:32px;display:flex;flex-direction:column;overflow-y:auto}
.ob-panel{display:none;flex-direction:column;flex:1}
.ob-panel.show{display:flex}
.ob-panel-head{margin-bottom:24px}
.ob-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}
.ob-sub{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5}
.ob-form{display:flex;flex-direction:column;gap:14px}
.ob-field{display:flex;flex-direction:column;gap:4px}
.ob-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.ob-input{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--text);font-family:inherit;outline:none;transition:border-color .15s;background:var(--card);-webkit-appearance:none}
.ob-input:focus{border-color:var(--dark)}
.ob-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:20px}
.ob-btn-primary{padding:10px 28px;border-radius:50px;font-size:13px;font-weight:600;background:var(--dark);color:#fff;cursor:pointer;transition:all .15s;border:none;font-family:inherit}
.ob-btn-primary:hover{background:#333}
.ob-btn-ghost{padding:10px 20px;border-radius:50px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;background:none;border:none;font-family:inherit}
.ob-btn-ghost:hover{color:var(--text)}
.ob-integrations{display:flex;flex-direction:column;gap:6px}
.ob-intg{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s}
.ob-intg:hover{border-color:var(--border2);background:var(--cream)}
.ob-intg.connected{border-color:var(--dark);background:rgba(0,0,0,.02)}
.ob-intg-icon{width:36px;height:36px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ob-intg.connected .ob-intg-icon{background:var(--white)}
.ob-intg-info{flex:1;min-width:0}
.ob-intg-name{font-size:13px;font-weight:600;color:var(--text)}
.ob-intg-desc{font-size:11px;color:var(--muted);margin-top:1px}
.ob-intg-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s;flex-shrink:0}
.ob-intg.connected .ob-intg-check{background:var(--dark);border-color:var(--dark);color:#fff}
.ob-goals{display:flex;flex-direction:column;gap:6px}
.ob-goal{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s}
.ob-goal:hover{border-color:var(--border2);background:var(--cream)}
.ob-goal.selected{border-color:var(--dark);background:rgba(0,0,0,.02)}
.ob-goal-icon{font-size:22px;flex-shrink:0}
.ob-goal-title{font-size:13px;font-weight:600;color:var(--text)}
.ob-goal-desc{font-size:11px;color:var(--muted);margin-top:1px}

/* ══ GUIDED TOUR ══ */
.tour-overlay{position:fixed;inset:0;z-index:4000;pointer-events:none}
.tour-overlay.hidden{display:none}
.tour-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);pointer-events:auto}
.tour-highlight{position:absolute;border-radius:8px;box-shadow:0 0 0 4000px rgba(0,0,0,.4);z-index:4001;pointer-events:none;transition:all .3s ease}
.tour-tooltip{position:absolute;z-index:4002;background:var(--card);border-radius:14px;padding:20px 24px;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:320px;pointer-events:auto;animation:cmdkSlide .2s ease both}
.tour-tooltip-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}
.tour-tooltip-desc{font-size:12px;color:var(--muted);line-height:1.55;margin-bottom:16px}
.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between}
.tour-dots{display:flex;gap:5px}
.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border2)}
.tour-dot.active{background:var(--purple)}
.tour-tooltip-btns{display:flex;gap:6px}

/* ══ LOADING SKELETON ══ */
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skeleton{background:linear-gradient(90deg,var(--card) 25%,rgba(124,92,252,.06) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;border-radius:8px;min-height:16px}
.skeleton-text{height:12px;margin-bottom:8px;border-radius:6px}
.skeleton-title{height:18px;width:60%;margin-bottom:12px}
.skeleton-avatar{width:32px;height:32px;border-radius:50%}

/* ══ EMPTY STATES ══ */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:200px}
.empty-state-icon{width:64px;height:64px;border-radius:20px;background:var(--purple-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.empty-state-icon svg{width:28px;height:28px;stroke:var(--purple);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.empty-state-title{font-size:16px;font-weight:500;color:var(--text);margin-bottom:6px;letter-spacing:-.03em}
.empty-state-desc{font-size:13px;color:var(--muted);max-width:320px;line-height:1.6;margin-bottom:20px}

/* ══ DARK OVERRIDES ══ */
.sc.dark{background:var(--card2);border-color:rgba(124,92,252,.1)}
.sc.dark .sl{color:rgba(255,255,255,.3)}
.sc.dark .sv{color:var(--purple)}
.obj-card2{border-color:var(--border)!important}
.tbl th{background:var(--card)!important;color:var(--muted)!important}
.tbl tbody tr:hover td{background:var(--purple-bg)!important}
.co-thead{background:var(--card)!important}
.co-search{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
.co-search:focus{border-color:var(--purple)!important;box-shadow:0 0 0 3px var(--purple-dim)!important}
.co-filter-select{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
.form-input{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
.form-input:focus{border-color:var(--purple)!important;box-shadow:0 0 0 3px var(--purple-dim)!important}
.form-textarea{background:var(--card)!important;color:var(--text)!important}
.form-textarea:focus{border-color:var(--purple)!important}
.an-obj-tab{color:var(--muted)}
.an-obj-tab.active{background:var(--card)!important;color:var(--text)!important}
.an-obj-tabs{background:var(--card)!important}
.lab-tab{background:var(--card)!important;color:var(--muted)!important;border-color:var(--border)!important}
.lab-tab.active{background:var(--purple)!important;color:#fff!important;border-color:var(--purple)!important}
.icp-card{background:var(--card)!important}
.cpill{background:var(--card);border-color:var(--border)}
.cpill:hover{background:var(--purple-bg);color:var(--purple)}
.notif-panel{background:rgba(20,20,32,.95)!important;backdrop-filter:blur(20px)!important}
.sl-news-group{background:var(--card)!important}
.obj-list-card{background:var(--card)!important}
.lead-card{background:var(--card)!important}

/* ══ THEME TOGGLE ══ */
.theme-toggle{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease);color:var(--muted);flex-shrink:0}
.theme-toggle:hover{background:var(--purple-bg);color:var(--purple);border-color:rgba(124,92,252,.2)}
.theme-toggle svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.theme-toggle:hover svg{transform:rotate(30deg)}

/* ══ LIGHT MODE FIXES ══ */
[data-theme="light"] .nav{background:rgba(255,255,255,.85)}
[data-theme="light"] .profile-menu{background:rgba(255,255,255,.95)}
[data-theme="light"] .modal{background:rgba(255,255,255,.95)}
[data-theme="light"] .msg-ally{background:var(--cream);border-color:var(--border)}
[data-theme="light"] .msg-user{background:linear-gradient(135deg,var(--dark),var(--dark2));color:#fff}
[data-theme="light"] .ally-card{background:linear-gradient(135deg,rgba(124,92,252,.05),rgba(124,92,252,.02));border-color:rgba(124,92,252,.1)}
[data-theme="light"] .chat-side{background:var(--white)}
[data-theme="light"] .subtabs{background:var(--white)}
[data-theme="light"] *:hover>::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.12)}
[data-theme="light"] *::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.22)}
[data-theme="light"] *:hover{scrollbar-color:rgba(0,0,0,.12) transparent}
[data-theme="light"] .oq-body-text{color:#55556A}
[data-theme="light"] .pb-row-value{color:#3A3A4A;opacity:1}
[data-theme="light"] .notif-panel{background:rgba(255,255,255,.97)!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 12px 48px rgba(0,0,0,.12)!important}
[data-theme="light"] .notif-header{color:#111118!important;border-bottom-color:rgba(0,0,0,.06)!important}
[data-theme="light"] .notif-text{color:#3A3A4A!important}
[data-theme="light"] .notif-text b{color:#111118!important}
[data-theme="light"] .notif-time{color:#9494A8!important}
[data-theme="light"] .notif-item{border-bottom-color:rgba(0,0,0,.04)!important}
[data-theme="light"] .notif-item:hover{background:rgba(0,0,0,.02)!important}
[data-theme="light"] .notif-footer{border-top-color:rgba(0,0,0,.06)!important}
[data-theme="light"] .notif-footer:hover{background:rgba(0,0,0,.02)!important}
[data-theme="light"] .notif-icon{background:rgba(124,92,252,.06)!important;color:#55556A!important}
/* light scroll indicators removed */
[data-theme="light"] .sl-news-tab{background:var(--white)}
[data-theme="light"] .sl-news-tab.active{background:var(--cream)}