/* ============================================================
   SellwAise — product UI (dark). Adapted from prototype v2.
   Playfair Display · DM Sans · DM Mono
   ============================================================ */
:root{
  --navy:#12204A; --navy-mid:#1a2e5e; --navy-deep:#0C1630;
  --gold:#C9943A; --gold-light:#F5EDDA;
  --paper:#F8F5EF; --ink:#0D0D0D; --mid:#5A5A5A; --rule:#D8D0C0;
  --discover:#60A5FA; --understand:#2DD4BF; --influence:#E8B84B;
  --ui-bg:#0F1829; --ui-card:#1A2640; --ui-border:rgba(255,255,255,0.08);
  --ui-border-2:rgba(255,255,255,0.16); --ui-muted:#7A8BAA; --ui-text:#D0D8EC;
  --red:#F87171;
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --ease:cubic-bezier(0.22,1,0.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"DM Sans",sans-serif;background:var(--ui-bg);color:var(--ui-text);height:100vh;overflow:hidden;}
::selection{background:rgba(201,148,58,.3);}

/* TOPBAR */
.shell-topbar{background:var(--navy);padding:0 24px;display:flex;align-items:center;gap:18px;height:58px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;}
.shell-brand{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;}
.shell-mark{height:36px;width:auto;object-fit:contain;border-radius:4px;}
.shell-wordmark .co{font-family:"DM Mono",monospace;font-size:8.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.shell-wordmark .prod{font-family:"Playfair Display",serif;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1;}
.shell-wordmark .prod .ai{color:var(--gold);}
.shell-wordmark .prod sup{font-size:.42em;vertical-align:super;color:rgba(255,255,255,.4);}
.shell-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:rgba(201,148,58,.1);border:1px solid rgba(201,148,58,.3);padding:4px 10px;border-radius:3px;white-space:nowrap;}
.shell-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.shell-link{font-size:12.5px;color:rgba(255,255,255,.55);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .18s;}
.shell-link:hover{color:#fff;}
.shell-link svg{width:14px;height:14px;}
.shell-reset{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);background:none;border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:6px 11px;cursor:pointer;transition:all .18s;}
.shell-reset:hover{border-color:rgba(255,255,255,.3);color:#fff;}

/* PRODUCT SHELL */
.product-shell{display:flex;height:calc(100vh - 58px);}

/* SIDEBAR */
.sidebar{width:230px;flex-shrink:0;background:var(--navy-deep);border-right:1px solid var(--ui-border);display:flex;flex-direction:column;}
.brand-lockup{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;border-bottom:1px solid var(--ui-border);}
.brand-lockup img{height:44px;width:auto;border-radius:6px;}
.brand-lockup .bl-prod{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:#fff;line-height:1;}
.brand-lockup .bl-prod .ai{color:var(--gold);}
.brand-lockup .bl-sub{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);margin-top:3px;}
.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;}
.sidebar-label{font-family:"DM Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ui-muted);margin:14px 8px 6px;}
.sidebar-label:first-child{margin-top:0;}
.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;font-size:13px;font-weight:500;color:var(--ui-muted);margin-bottom:2px;border:1px solid transparent;}
.nav-item:hover{background:rgba(255,255,255,.05);color:var(--ui-text);}
.nav-item.active{background:rgba(255,255,255,.07);color:#fff;border-color:var(--ui-border);}
.nav-item .tm{font-size:8px;vertical-align:super;opacity:.6;}
.nav-item.locked{opacity:.4;cursor:not-allowed;}
.nav-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.nav-dot.d{background:var(--discover);} .nav-dot.u{background:var(--understand);} .nav-dot.i{background:var(--influence);} .nav-dot.n{background:rgba(255,255,255,.25);}
.nav-check{margin-left:auto;width:14px;height:14px;color:var(--understand);opacity:0;}
.nav-item.done .nav-check{opacity:1;}
.sidebar-foot{padding:14px;border-top:1px solid var(--ui-border);}
.new-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--r-sm);background:var(--gold);color:var(--navy-deep);font-size:12px;font-weight:700;letter-spacing:.02em;border:none;cursor:pointer;transition:background .18s;}
.new-btn:hover{background:var(--influence);}
.new-btn svg{width:15px;height:15px;}
.acct-row{display:flex;align-items:center;gap:9px;margin-top:14px;}
.acct-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--understand),var(--discover));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--navy-deep);flex-shrink:0;}
.acct-name{font-size:12px;font-weight:600;color:var(--ui-text);}
.acct-co{font-size:10px;color:var(--ui-muted);font-family:"DM Mono",monospace;}

/* MAIN */
.main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;}
.crumbs{display:flex;align-items:center;gap:9px;padding:12px 32px;border-bottom:1px solid var(--ui-border);background:rgba(0,0,0,.12);flex-shrink:0;}
.crumb{font-size:12px;color:var(--ui-muted);cursor:pointer;white-space:nowrap;}
.crumb:hover{color:var(--ui-text);}
.crumb.cur{color:#fff;}
.crumb-sep{color:var(--ui-muted);opacity:.5;font-size:11px;}
.main-content{flex:1;overflow-y:auto;padding:26px 32px 60px;}
.main-content::-webkit-scrollbar{width:10px;}
.main-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:8px;border:2px solid var(--ui-bg);}
.page{max-width:1120px;margin:0 auto;}
.screen{display:none;}
.screen.active{display:block;}

/* PAGE HEADER */
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;}
.page-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;}
.page-eyebrow.d{color:var(--discover);} .page-eyebrow.u{color:var(--understand);} .page-eyebrow.i{color:var(--influence);} .page-eyebrow.n{color:var(--ui-muted);}
.page-title{font-family:"Playfair Display",serif;font-size:27px;font-weight:700;color:#fff;line-height:1.18;letter-spacing:-.01em;}
.page-title em{font-style:italic;color:var(--gold);}
.page-sub{font-size:13.5px;color:var(--ui-muted);margin-top:8px;max-width:560px;line-height:1.6;font-weight:300;}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-deep);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:all .18s;white-space:nowrap;}
.btn-primary:hover{background:var(--influence);transform:translateY(-1px);}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.btn-primary svg{width:15px;height:15px;}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ui-text);font-size:12px;font-weight:600;padding:10px 15px;border-radius:var(--r-sm);border:1px solid var(--ui-border-2);cursor:pointer;transition:all .18s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.3);color:#fff;}
.btn-ghost svg{width:15px;height:15px;}
.btn-accent{background:var(--ac);color:var(--navy-deep);}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;}

/* CARDS */
.ui-card{background:var(--ui-card);border:1px solid var(--ui-border);border-radius:var(--r-lg);padding:20px;}
.ui-card.pad-lg{padding:24px;}
.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start;}
.grid-2.even{grid-template-columns:1fr 1fr;}
.stack{display:flex;flex-direction:column;gap:16px;}

/* ENGINE BADGE / PILL */
.engine-badge{display:inline-flex;align-items:center;gap:5px;font-family:"DM Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:3px;}
.engine-badge.d{background:rgba(96,165,250,.12);color:var(--discover);border:1px solid rgba(96,165,250,.25);}
.engine-badge.u{background:rgba(45,212,191,.1);color:var(--understand);border:1px solid rgba(45,212,191,.22);}
.engine-badge.i{background:rgba(232,184,75,.1);color:var(--influence);border:1px solid rgba(232,184,75,.25);}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:500;border:1px solid var(--ui-border-2);background:rgba(255,255,255,.03);color:var(--ui-text);}
.pill .pdot{width:6px;height:6px;border-radius:50%;}
.pill svg{width:12px;height:12px;}

/* DEAL PROGRESS */
.deal-progress{display:flex;background:rgba(0,0,0,.22);border:1px solid var(--ui-border);border-radius:8px;overflow:hidden;margin-bottom:20px;}
.dp-step{flex:1;padding:12px 16px;display:flex;align-items:center;gap:11px;border-right:1px solid var(--ui-border);transition:background .2s;}
.dp-step:last-child{border-right:none;}
.dp-ic{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--sc,var(--ui-border-2));color:var(--sc,var(--ui-muted));background:color-mix(in srgb,var(--sc,transparent) 12%,transparent);}
.dp-ic svg{width:15px;height:15px;}
.dp-step[data-eng="discover"]{--sc:var(--discover);} .dp-step[data-eng="understand"]{--sc:var(--understand);} .dp-step[data-eng="influence"]{--sc:var(--influence);} .dp-step[data-eng="ready"]{--sc:#34D399;}
.dp-n{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted);}
.dp-label{font-size:13px;font-weight:600;color:#fff;line-height:1.1;white-space:nowrap;}
.dp-label .tm{font-size:7px;vertical-align:super;opacity:.55;}
.dp-state{font-size:10px;font-family:"DM Mono",monospace;color:var(--ui-muted);margin-top:2px;}
.dp-step.done{background:color-mix(in srgb,var(--sc) 7%,transparent);}
.dp-step.done .dp-ic{background:color-mix(in srgb,var(--sc) 18%,transparent);}
.dp-step.active{background:color-mix(in srgb,var(--sc) 9%,transparent);position:relative;}
.dp-step.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sc);}
.dp-step.active .dp-state{color:var(--sc);}
.dp-step.pending{opacity:.5;}
.dp-step.pending .dp-ic{border-style:dashed;}

/* NEXT ACTION */
.next-action{background:linear-gradient(100deg,color-mix(in srgb,var(--ac,var(--gold)) 13%,transparent),color-mix(in srgb,var(--ac,var(--gold)) 3%,transparent));border:1px solid color-mix(in srgb,var(--ac,var(--gold)) 32%,transparent);border-radius:var(--r-lg);padding:16px 18px;display:flex;align-items:center;gap:15px;margin-bottom:18px;}
.na-ic{width:40px;height:40px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac,var(--gold)) 18%,transparent);color:var(--ac,var(--gold));}
.na-ic svg{width:19px;height:19px;}
.na-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac,var(--gold));}
.na-text{font-size:14px;font-weight:600;color:#fff;margin-top:3px;}
.na-sub{font-size:12px;color:var(--ui-muted);margin-top:2px;}
.na-cta{margin-left:auto;flex-shrink:0;}

/* SEARCH */
.search-hero{background:var(--ui-card);border:1px solid var(--ui-border);border-radius:var(--r-lg);padding:7px 7px 7px 18px;display:flex;align-items:center;gap:12px;transition:border-color .2s;}
.search-hero:focus-within{border-color:rgba(96,165,250,.45);}
.search-hero svg.si{width:18px;height:18px;color:var(--ui-muted);flex-shrink:0;}
.search-hero input{flex:1;background:none;border:none;outline:none;font-family:"DM Sans",sans-serif;font-size:15px;color:#fff;padding:11px 0;}
.search-hero input::placeholder{color:var(--ui-muted);}
.example-row{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap;}
.example-row .lbl{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted);}
.example-chip{font-size:12px;font-weight:500;color:var(--ui-text);background:rgba(255,255,255,.04);border:1px solid var(--ui-border);border-radius:999px;padding:5px 13px;cursor:pointer;transition:all .15s;}
.example-chip:hover{border-color:rgba(96,165,250,.4);color:#fff;background:rgba(96,165,250,.08);}

/* SIGNAL */
.signal-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);border-radius:5px;padding:5px 10px;font-size:11.5px;color:var(--discover);font-weight:500;margin:3px 4px 3px 0;}
.signal-chip .dot{width:5px;height:5px;background:var(--discover);border-radius:50%;flex-shrink:0;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.signal-row{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--ui-border);}
.signal-row:last-child{border-bottom:none;}
.signal-ic{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-border-2);color:var(--discover);background:rgba(255,255,255,.03);}
.signal-ic svg{width:15px;height:15px;}
.signal-b{flex:1;min-width:0;}
.signal-top{display:flex;align-items:center;gap:10px;}
.signal-lab{font-size:13px;font-weight:600;color:#fff;}
.signal-type{margin-left:auto;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);}
.signal-detail{font-size:12px;color:var(--ui-muted);margin-top:3px;line-height:1.5;}

/* SEC LABEL */
.sec-label{font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.sec-label::after{content:"";flex:1;height:1px;background:var(--ui-border);}
.sec-label.no-rule::after{display:none;}

/* COMPANY HEADER */
.co-header{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--r-lg);background:var(--ui-card);border:1px solid var(--ui-border);margin-bottom:18px;}
.co-header-logo{width:54px;height:54px;border-radius:11px;background:linear-gradient(135deg,#122B6B,var(--navy-deep));border:1px solid var(--ui-border-2);display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:24px;font-weight:900;color:var(--gold);flex-shrink:0;}
.co-header-name{font-family:"Playfair Display",serif;font-size:23px;font-weight:700;color:#fff;line-height:1.1;}
.co-header-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:9px;}
.co-meta-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ui-text);}
.co-meta-item svg{width:13px;height:13px;color:var(--ui-muted);}
.co-score-wrap{margin-left:auto;text-align:center;flex-shrink:0;}
.co-score-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin-top:6px;}

/* READINESS RING */
.readiness-ring{position:relative;display:inline-flex;}
.readiness-ring svg{transform:rotate(-90deg);}
.readiness-ring .rv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.readiness-ring .rv b{font-family:"Playfair Display",serif;font-weight:700;color:#fff;line-height:1;}
.readiness-ring .rv span{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin-top:3px;}

/* BRIEF */
.brief-block{padding:16px 0;border-bottom:1px solid var(--ui-border);}
.brief-block:last-child{border-bottom:none;}
.brief-block h4{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.brief-block h4.d{color:var(--discover);} .brief-block h4.u{color:var(--understand);} .brief-block h4.i{color:var(--influence);}
.brief-block h4 svg{width:13px;height:13px;}
.brief-block p{font-size:13.5px;color:var(--ui-text);line-height:1.7;}
.brief-block ul{list-style:none;margin-top:4px;}
.brief-block li{font-size:13px;color:var(--ui-text);padding:4px 0;display:flex;gap:9px;line-height:1.5;}
.brief-block li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--understand);flex-shrink:0;margin-top:7px;}

/* STAKEHOLDER */
.stakeholder{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--ui-border);margin-bottom:9px;cursor:pointer;transition:all .18s;}
.stakeholder:hover{background:rgba(255,255,255,.06);border-color:rgba(45,212,191,.3);}
.stakeholder.sel{border-color:var(--ic);box-shadow:0 0 0 1px var(--ic);background:color-mix(in srgb,var(--ic) 8%,transparent);}
.s-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--navy-deep);flex-shrink:0;background:var(--ic,var(--understand));}
.s-name{font-size:13.5px;font-weight:600;color:#fff;}
.s-role{font-size:11.5px;color:var(--ui-muted);}
.s-tag{margin-left:auto;flex-shrink:0;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--ic) 14%,transparent);color:var(--ic);}
.inf-champion{--ic:var(--understand);} .inf-decision_maker{--ic:var(--influence);} .inf-decision-maker{--ic:var(--influence);} .inf-blocker{--ic:var(--red);} .inf-influencer{--ic:var(--discover);}

/* BUYER DETAIL */
.buyer-detail{--ic:var(--understand);}
.bd-head{display:flex;align-items:center;gap:14px;}
.bd-av{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--navy-deep);background:var(--ic);flex-shrink:0;}
.bd-name{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:#fff;line-height:1.2;}
.bd-head>div{min-width:0;}
.bd-role{font-size:12px;color:var(--ui-muted);}
.bd-section{margin-top:18px;}
.bd-section .bl{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--understand);margin-bottom:9px;}
.bd-section p{font-size:13px;color:var(--ui-text);line-height:1.65;}
.warm{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--ui-border);background:rgba(255,255,255,.03);}
.warm-ic{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--understand) 16%,transparent);color:var(--understand);}
.warm-ic svg{width:14px;height:14px;}
.warm-txt{font-size:12.5px;color:var(--ui-text);line-height:1.5;}

/* BUYER MAP */
.buyer-map{position:relative;height:300px;border-radius:var(--r-lg);border:1px solid var(--ui-border);overflow:hidden;background:radial-gradient(ellipse 55% 50% at 50% 46%,rgba(45,212,191,.08),transparent 70%),rgba(0,0,0,.18);margin-bottom:14px;}
.bm-grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;}
.bm-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#14224A,var(--navy-deep));border:1px solid var(--ui-border-2);z-index:2;text-align:center;}
.bm-center .cn{font-family:"Playfair Display",serif;font-weight:700;font-size:13px;color:#fff;line-height:1.1;padding:0 6px;}
.bm-center .cl{font-family:"DM Mono",monospace;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted);margin-top:2px;}
.bm-node{position:absolute;transform:translate(-50%,-50%);width:150px;padding:11px;border-radius:var(--r-md);background:var(--ui-card);border:1px solid var(--ic,var(--ui-border-2));cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 26px rgba(0,0,0,.4);z-index:3;}
.bm-node:hover{transform:translate(-50%,-50%) translateY(-3px);}
.bm-node.sel{box-shadow:0 0 0 2px var(--ic),0 8px 26px rgba(0,0,0,.5);z-index:5;}
.bm-node-top{display:flex;align-items:center;gap:9px;}
.bm-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--navy-deep);background:var(--ic);flex-shrink:0;}
.bm-nm{font-size:12px;font-weight:700;color:#fff;line-height:1.1;}
.bm-rl{font-size:9.5px;color:var(--ui-muted);font-family:"DM Mono",monospace;}
.bm-inf{margin-top:8px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--ic) 16%,transparent);color:var(--ic);display:inline-block;}
.bm-legend{position:absolute;left:14px;bottom:12px;display:flex;gap:12px;z-index:4;flex-wrap:wrap;}
.bm-leg{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ui-text);}
.bm-leg i{width:8px;height:8px;border-radius:50%;}
.coverage-pill{position:absolute;right:14px;top:12px;z-index:4;font-family:"DM Mono",monospace;font-size:10px;color:var(--ui-muted);background:rgba(10,15,30,.7);padding:6px 11px;border-radius:999px;border:1px solid var(--ui-border);}
.coverage-pill b{color:var(--understand);}

/* INFLUENCE TABS */
/* Tab groups (Influence™) */
.inf-tab-group{margin-bottom:18px;}
.itg-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:5px;padding-left:2px;}
.itg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ui-border);}
.inf-tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--ui-border);}
.inf-tab{font-family:"DM Sans",sans-serif;font-size:12.5px;font-weight:600;padding:9px 15px;border-radius:6px 6px 0 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--ui-muted);cursor:pointer;transition:all .15s;margin-bottom:-1px;display:flex;align-items:center;gap:7px;}
.inf-tab:hover{color:var(--ui-text);}
.inf-tab .tm{font-size:7px;vertical-align:super;}
/* active states by data-tab */
.inf-tab.active[data-tab="teach"]{color:var(--influence);border-bottom-color:var(--influence);background:rgba(232,184,75,.05);}
.inf-tab.active[data-tab="story"]{color:var(--understand);border-bottom-color:var(--understand);background:rgba(45,212,191,.05);}
.inf-tab.active[data-tab="email"],.inf-tab.active[data-tab="linkedin"]{color:var(--discover);border-bottom-color:var(--discover);background:rgba(96,165,250,.05);}
.inf-tab.active[data-tab="champion"]{color:var(--influence);border-bottom-color:var(--influence);background:rgba(232,184,75,.05);}
/* legacy data-eng selectors kept for backwards compat */
.inf-tab.active[data-eng="teach"]{color:var(--influence);border-bottom-color:var(--influence);background:rgba(232,184,75,.05);}
.inf-tab.active[data-eng="story"]{color:var(--understand);border-bottom-color:var(--understand);background:rgba(45,212,191,.05);}
.inf-tab svg{width:14px;height:14px;}

/* ASSET PREVIEW (doc) */
.asset-doc{background:rgba(0,0,0,.22);border:1px solid var(--ui-border);border-radius:var(--r-lg);overflow:hidden;}
.asset-doc-bar{height:4px;background:var(--ac,var(--influence));}
.asset-doc-inner{padding:26px 30px;}
.asset-doc-kicker{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ac,var(--influence));display:flex;align-items:center;gap:7px;}
.asset-doc-title{font-family:"Playfair Display",serif;font-weight:700;font-size:25px;letter-spacing:-.01em;line-height:1.15;color:#fff;margin:12px 0 6px;}
.asset-doc-target{font-family:"DM Mono",monospace;font-size:10px;color:var(--ui-muted);letter-spacing:.05em;}
.asset-doc-rule{height:1px;background:var(--ui-border);margin:18px 0;}
.asset-body{font-size:14px;color:var(--ui-text);line-height:1.8;}
.asset-body p{margin-bottom:13px;}
.asset-body p:last-child{margin-bottom:0;}
.asset-body strong{color:#fff;font-weight:600;}
.trust-note{margin-top:18px;display:flex;gap:11px;padding:14px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--ac,var(--influence)) 7%,transparent);border:1px dashed color-mix(in srgb,var(--ac,var(--influence)) 34%,transparent);}
.trust-note svg{width:16px;height:16px;color:var(--ac,var(--influence));flex-shrink:0;margin-top:1px;}
.trust-note .tl{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac,var(--influence));}
.trust-note .tt{font-size:12.5px;color:var(--ui-text);line-height:1.55;margin-top:3px;}
.asset-export{display:flex;gap:8px;margin-top:16px;}
.export-btn{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;padding:8px 13px;border-radius:6px;border:1px solid var(--ui-border);background:rgba(255,255,255,.04);color:var(--ui-text);cursor:pointer;transition:all .15s;}
.export-btn:hover{border-color:var(--gold);color:var(--gold);}
.export-btn svg{width:14px;height:14px;}

/* GENERATE PANEL */
.gen-panel{text-align:center;padding:30px 24px;}
.gen-panel .gp-ic{width:52px;height:52px;border-radius:14px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac,var(--influence)) 14%,transparent);color:var(--ac,var(--influence));}
.gen-panel .gp-ic svg{width:24px;height:24px;}
.gen-panel h3{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:8px;}
.gen-panel p{font-size:13px;color:var(--ui-muted);max-width:380px;margin:0 auto 18px;line-height:1.6;}

/* BUYER SELECT (influence) */
.buyer-select{display:flex;flex-direction:column;gap:8px;}
.buyer-opt{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-md);border:1px solid var(--ui-border);background:rgba(255,255,255,.02);cursor:pointer;transition:all .15s;}
.buyer-opt:hover{background:rgba(255,255,255,.05);}
.buyer-opt.sel{border-color:var(--ac,var(--influence));background:color-mix(in srgb,var(--ac,var(--influence)) 8%,transparent);}
.buyer-opt .bo-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--navy-deep);flex-shrink:0;background:var(--ic,var(--understand));}
.buyer-opt .bo-nm{font-size:12.5px;font-weight:600;color:#fff;}
.buyer-opt .bo-rl{font-size:10.5px;color:var(--ui-muted);}

/* STATS */
.stat-row{display:flex;gap:12px;}
.stat-block{flex:1;background:rgba(0,0,0,.2);border:1px solid var(--ui-border);border-radius:var(--r-md);padding:14px 16px;}
.stat-val{font-family:"Playfair Display",serif;font-size:26px;font-weight:700;line-height:1;margin-bottom:4px;}
.stat-val.d{color:var(--discover);} .stat-val.u{color:var(--understand);} .stat-val.i{color:var(--influence);} .stat-val.g{color:var(--gold);}
.stat-label{font-size:11px;color:var(--ui-muted);}

/* ACCOUNT CARDS (home/discover) */
.account-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-md);background:var(--ui-card);border:1px solid var(--ui-border);margin-bottom:10px;cursor:pointer;transition:all .18s;}
.account-card:hover{border-color:rgba(201,148,58,.35);transform:translateX(2px);}
.co-logo{width:40px;height:40px;border-radius:9px;background:var(--navy-deep);border:1px solid var(--ui-border);display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:15px;font-weight:800;color:var(--gold);flex-shrink:0;}
.co-name{font-size:14px;font-weight:600;color:#fff;}
.co-meta{font-size:11px;color:var(--ui-muted);margin-top:1px;font-family:"DM Mono",monospace;}

/* LOADING */
.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;}
.spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--gold);animation:spin .8s linear infinite;margin-bottom:20px;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-msg{font-size:14px;color:var(--ui-text);font-weight:500;}
.loading-sub{font-size:12px;color:var(--ui-muted);margin-top:6px;font-family:"DM Mono",monospace;}
.loading-pulse{display:flex;gap:6px;margin-top:18px;}
.loading-pulse i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:lp 1.2s ease-in-out infinite;}
.loading-pulse i:nth-child(2){animation-delay:.2s;} .loading-pulse i:nth-child(3){animation-delay:.4s;}
@keyframes lp{0%,100%{opacity:.25;transform:scale(.8);}50%{opacity:1;transform:scale(1);}}

/* inline skeleton dots on buttons */
.btn-loading{display:inline-flex;gap:4px;align-items:center;}
.btn-loading i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:lp 1s ease-in-out infinite;}
.btn-loading i:nth-child(2){animation-delay:.15s;} .btn-loading i:nth-child(3){animation-delay:.3s;}

/* ERROR */
.error-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);margin-bottom:16px;}
.error-banner svg{width:18px;height:18px;color:var(--red);flex-shrink:0;margin-top:1px;}
.error-banner .et{font-size:13px;color:var(--ui-text);line-height:1.55;}
.error-banner .er{font-size:12px;color:var(--red);cursor:pointer;font-weight:600;margin-top:6px;display:inline-block;}

/* EMPTY STATE */
.empty{text-align:center;padding:48px 24px;color:var(--ui-muted);}
.empty .ei{width:48px;height:48px;border-radius:12px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--ui-border);color:var(--ui-muted);}
.empty .ei svg{width:22px;height:22px;}
.empty h3{font-family:"Playfair Display",serif;font-size:18px;color:#fff;margin-bottom:6px;}
.empty p{font-size:13px;max-width:340px;margin:0 auto;line-height:1.6;}

/* TOAST */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);border:1px solid var(--ui-border-2);border-radius:var(--r-md);padding:12px 20px;font-size:13px;color:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 12px 40px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:500;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast svg{width:16px;height:16px;color:#34D399;}

/* fade in — transform only so content stays visible even if animations are frozen */
.fade-in{animation:fadeIn .35s var(--ease) both;}
@keyframes fadeIn{from{transform:translateY(8px);}to{transform:none;}}

@media(max-width:1000px){.grid-2,.grid-2.even{grid-template-columns:1fr;}}

/* ============================================================
   CONFIDENCE + ARCHETYPE SYSTEM (People → AI architecture)
   ============================================================ */
/* Confidence badges */
.conf-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:9.5px;font-family:"DM Mono",monospace;letter-spacing:.04em;white-space:nowrap;}
.conf-high{background:rgba(52,211,153,.1);color:#34D399;border:1px solid rgba(52,211,153,.25);}
.conf-medium{background:rgba(232,184,75,.08);color:var(--influence);border:1px solid rgba(232,184,75,.22);}
.conf-low{background:rgba(255,255,255,.05);color:var(--ui-muted);border:1px solid var(--ui-border);}

/* Role archetype indicators */
.archetype-tag{font-size:8.5px;font-family:"DM Mono",monospace;text-transform:uppercase;color:var(--ui-muted);background:rgba(255,255,255,.04);border:1px solid var(--ui-border);padding:2px 6px;border-radius:3px;letter-spacing:.05em;white-space:nowrap;}
.archetype-av{opacity:.65!important;}
.muted-nm{color:var(--ui-text)!important;opacity:.75;}

/* Archetype notice in detail panel */
.archetype-notice{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border-radius:var(--r-sm);background:rgba(232,184,75,.06);border:1px solid rgba(232,184,75,.18);margin:12px 0;font-size:12px;}
.archetype-notice svg{width:14px;height:14px;color:var(--influence);flex-shrink:0;margin-top:1px;}
.an-title{font-weight:600;color:var(--influence);margin-bottom:3px;font-size:11.5px;}
.an-text{color:var(--ui-muted);line-height:1.55;font-size:11.5px;}

/* Evidence block for real people */
.evidence-block{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border-radius:var(--r-sm);background:rgba(52,211,153,.05);border:1px solid rgba(52,211,153,.18);margin:12px 0;font-size:12px;}
.evidence-block svg{width:13px;height:13px;color:#34D399;flex-shrink:0;margin-top:1px;}
.ev-label{font-size:9px;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#34D399;margin-bottom:3px;}
.ev-text{color:var(--ui-text);line-height:1.55;font-size:11.5px;}

/* Buyer detail asset groups */
.bd-asset-group{margin-top:16px;}
.bag-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:8px;}

/* ============================================================
   INFLUENCE™ ASSET FORMATS (Email, LinkedIn, Champion)
   ============================================================ */
/* Shared label for format blocks */
.esb-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:6px;}

/* Email: subject block */
.email-subject-block{padding:12px 14px;border-radius:var(--r-sm);background:rgba(96,165,250,.06);border:1px solid rgba(96,165,250,.2);margin-bottom:16px;}
.esb-content{font-size:14px;font-weight:600;color:#fff;line-height:1.4;}

/* Email: CTA block */
.email-cta-block{padding:12px 14px;border-radius:var(--r-sm);background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.25);margin-top:16px;}
.ecta-content{font-size:13px;font-weight:500;color:var(--discover);font-style:italic;line-height:1.5;}

/* LinkedIn: note block */
.linkedin-note-block{padding:14px;border-radius:var(--r-sm);background:rgba(96,165,250,.05);border:1px solid rgba(96,165,250,.2);margin-bottom:14px;}
.ln-content{font-size:13.5px;color:var(--ui-text);line-height:1.65;}

/* LinkedIn: follow-up */
.lf-content{font-size:13px;color:var(--ui-text);line-height:1.65;padding:12px 14px;background:rgba(255,255,255,.03);border-radius:var(--r-sm);border:1px solid var(--ui-border);}

/* Champion: intro block */
.champion-intro-block{padding:12px 14px;border-radius:var(--r-sm);background:rgba(232,184,75,.06);border:1px solid rgba(232,184,75,.2);margin-bottom:16px;}
.ci-content{font-size:13.5px;color:var(--influence);font-style:italic;line-height:1.55;}

/* ============================================================
   SPRINT 2 — Intelligence Layer CSS
   BIG + Why Now + Alignment + BCI
   ============================================================ */

/* --- WHY NOW PANEL (Sprint 2B) ----------------------------- */
.why-now-panel {
  background: color-mix(in srgb, var(--discover) 8%, var(--ui-card));
  border: 1px solid color-mix(in srgb, var(--discover) 25%, transparent);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 14px;
}
.why-now-label {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: var(--discover);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.why-now-text {
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  color: var(--ui-text);
  line-height: 1.55;
  margin-bottom: 12px;
  font-style: italic;
}
.signal-category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.signal-cat-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 20px;
  border: 1px solid;
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s;
}
.signal-cat-chip .scc-label { font-weight: 600; }
.signal-cat-chip .scc-count {
  background: rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 1px 6px;
  font-size: 9px;
}
.signal-cat-chip.change {
  color: var(--influence);
  border-color: color-mix(in srgb, var(--influence) 35%, transparent);
  background: color-mix(in srgb, var(--influence) 8%, transparent);
}
.signal-cat-chip.urgency {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 35%, transparent);
  background: color-mix(in srgb, var(--red) 8%, transparent);
}
.signal-cat-chip.risk {
  color: #F97316;
  border-color: color-mix(in srgb, #F97316 35%, transparent);
  background: color-mix(in srgb, #F97316 8%, transparent);
}
.signal-cat-chip.opportunity {
  color: var(--understand);
  border-color: color-mix(in srgb, var(--understand) 35%, transparent);
  background: color-mix(in srgb, var(--understand) 8%, transparent);
}
.signal-cat-drop {
  width: 100%;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  padding: 6px 0;
  margin-top: -2px;
}
.scd-item {
  font-size: 11.5px;
  color: var(--ui-text);
  padding: 5px 12px;
  line-height: 1.45;
}
.scd-item:not(:last-child) {
  border-bottom: 1px solid rgba(255,255,255,.04);
}

/* --- ALIGNMENT BARS (Sprint 2C) ---------------------------- */
.alignment-bars {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.alignment-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.abr-label {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ui-muted);
  width: 84px;
  flex-shrink: 0;
}
.alignment-bar-track {
  flex: 1;
  height: 5px;
  background: rgba(255,255,255,.08);
  border-radius: 4px;
  overflow: hidden;
}
.alignment-bar-fill {
  height: 100%;
  border-radius: 4px;
  transition: width .7s cubic-bezier(.4,0,.2,1);
}
.alignment-bar-fill.understanding { background: var(--discover); }
.alignment-bar-fill.trust          { background: var(--understand); }
.alignment-bar-fill.support        { background: var(--influence); }
.abr-pct {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  color: var(--ui-muted);
  width: 30px;
  text-align: right;
  flex-shrink: 0;
}
.alignment-suggestion {
  font-size: 11px;
  color: var(--ui-muted);
  font-style: italic;
  margin-top: 4px;
  padding-left: 2px;
  line-height: 1.4;
}

/* --- COMMITTEE ALIGNMENT (Sprint 2C) ----------------------- */
.committee-alignment {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ui-border);
}
.ca-col { display: flex; flex-direction: column; gap: 2px; }
.ca-label {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ui-muted);
}
.ca-val {
  font-family: 'DM Mono', monospace;
  font-size: 22px;
  font-weight: 700;
  color: var(--understand);
}
.committee-note {
  font-size: 11.5px;
  color: var(--ui-muted);
  line-height: 1.5;
  margin-top: 8px;
  font-style: italic;
}
.committee-alignment-pill {
  position: absolute;
  bottom: 14px;
  right: 14px;
  z-index: 4;
  background: rgba(15,24,41,.85);
  border: 1px solid var(--ui-border);
  border-radius: 20px;
  padding: 5px 12px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  color: var(--ui-muted);
  backdrop-filter: blur(4px);
}

/* --- ALIGNMENT SUMMARY PANEL (Sprint 2C) ------------------- */
.alignment-summary-panel {
  background: var(--ui-card);
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* --- BLOCKER WARNING (Sprint 2C) --------------------------- */
.blocker-warning {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: color-mix(in srgb, var(--red) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--red) 30%, transparent);
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 8px;
  color: var(--red);
  font-size: 12px;
  line-height: 1.5;
}

/* --- BCI BADGE (Sprint 2C) --------------------------------- */
.bci-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: color-mix(in srgb, var(--understand) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--understand) 30%, transparent);
  color: var(--understand);
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  margin-left: 12px;
  vertical-align: middle;
  letter-spacing: .04em;
}

/* ============================================================
   Sprint 3 — Settings · Library CSS
   ============================================================ */

/* ── SETTINGS / PROFILE FORM ── */
.profile-welcome-banner {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 20px; border-radius: 12px; margin-bottom: 22px;
  background: color-mix(in srgb, var(--understand) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--understand) 30%, transparent);
  color: var(--ui-text);
}
.pwb-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.pwb-sub   { font-size: 12.5px; color: var(--ui-muted); line-height: 1.5; }

.pf-group  { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.pf-label  { font-size: 11px; font-family: 'DM Mono', monospace; letter-spacing: .06em;
             text-transform: uppercase; color: var(--ui-muted); }
.pf-input,
.pf-select,
.pf-textarea {
  background: rgba(0,0,0,.25); border: 1px solid var(--ui-border-2);
  border-radius: 8px; color: var(--ui-text); font-family: 'DM Sans', sans-serif;
  font-size: 13.5px; padding: 10px 13px; width: 100%; box-sizing: border-box;
  transition: border-color .15s;
}
.pf-input:focus, .pf-select:focus, .pf-textarea:focus {
  outline: none; border-color: var(--discover);
}
.pf-textarea { resize: vertical; min-height: 62px; }
.pf-select   { appearance: none; cursor: pointer; }

.pf-checkboxes { display: flex; flex-wrap: wrap; gap: 8px; }
.pf-checkbox   { display: flex; align-items: center; gap: 7px; font-size: 12.5px;
                 color: var(--ui-text); cursor: pointer; }
.pf-checkbox input[type="checkbox"] { accent-color: var(--discover); width: 14px; height: 14px; }

.profile-preview-card { background: var(--ui-card); }
.pp-avatar  { width: 52px; height: 52px; border-radius: 50%; background: var(--discover);
              display: flex; align-items: center; justify-content: center;
              font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.pp-name    { font-size: 17px; font-weight: 700; color: #fff; }
.pp-role    { font-size: 12px; color: var(--ui-muted); margin-top: 2px; }
.pp-product { font-size: 12px; color: var(--discover); margin-top: 8px;
              display: flex; align-items: center; gap: 5px; }
.pp-empty   { font-size: 12.5px; color: var(--ui-muted); line-height: 1.6; }

/* ── LIBRARY ── */
.lib-filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.lib-filter-tab  {
  font-size: 12px; font-family: 'DM Mono', monospace; letter-spacing: .04em;
  padding: 6px 14px; border-radius: 20px; border: 1px solid var(--ui-border-2);
  background: transparent; color: var(--ui-muted); cursor: pointer; transition: all .15s;
}
.lib-filter-tab:hover  { border-color: var(--discover); color: var(--discover); }
.lib-filter-tab.active { background: color-mix(in srgb, var(--discover) 14%, transparent);
                         border-color: var(--discover); color: var(--discover); }

.lib-cards { display: flex; flex-direction: column; gap: 12px; }

.lib-card {
  border-radius: 12px; border: 1px solid var(--ui-border);
  background: var(--ui-card); overflow: hidden; transition: border-color .15s;
  display: flex; flex-direction: row;
}
.lib-card:hover { border-color: var(--ui-border-2); }
.lc-bar  { width: 4px; flex-shrink: 0; }
.lc-body { flex: 1; padding: 14px 16px; min-width: 0; }

.lc-meta { font-size: 11px; color: var(--ui-muted); font-family: 'DM Mono', monospace;
           display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 7px; }
.lc-company { color: var(--ui-text); font-weight: 600; }
.lc-sep     { color: var(--ui-border-2); }
.lc-who, .lc-role { color: var(--ui-muted); }

.lc-title-row { margin-bottom: 10px; }
.lc-time { font-size: 10.5px; color: var(--ui-muted); font-family: 'DM Mono', monospace;
           margin-left: 8px; }

.lc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.lc-expanded {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--ui-border);
}

/* ── SIDEBAR DOTS FOR LIBRARY + SETTINGS ── */
.nav-dot.n {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--ui-muted); opacity: .5;
}