/* ========================================================
   ROUND S2B.2 - PRODUCT-FAITHFUL LEADS AND CRM
   ======================================================== */

.solutions-leads-section { position: relative; overflow: clip; }
.solutions-leads-header { display:grid; grid-template-columns:minmax(0,.92fr) minmax(320px,.55fr); gap:2rem; align-items:end; margin-bottom:1.5rem; }
.solutions-leads-trust { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.75rem; margin-bottom:.9rem; border:1px solid rgba(52,211,153,.22); border-radius:16px; padding:.78rem 1rem; background:rgba(52,211,153,.045); }
.solutions-leads-trust > span { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#7ef0bd; background:rgba(52,211,153,.1); }
.solutions-leads-trust svg { width:17px; height:17px; }
.solutions-leads-trust strong { font-size:.75rem; }
.solutions-leads-trust small { color:var(--solutions-muted); font-size:.64rem; }

.solutions-leads-demo { position:relative; overflow:hidden; border:1px solid rgba(139,92,246,.32); border-radius:28px; background:#0b0b19; box-shadow:0 30px 90px rgba(0,0,0,.3); }
.solutions-leads-product-bar { display:grid; grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(145px,.62fr)); gap:.55rem; padding:1rem; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,rgba(20,18,42,.98),rgba(13,13,28,.98)); }
.solutions-leads-search-wrap, .solutions-leads-select-wrap { min-width:0; }
.solutions-leads-search-wrap { display:flex; align-items:center; gap:.45rem; border:1px solid rgba(139,92,246,.24); border-radius:13px; padding:0 .72rem; background:rgba(255,255,255,.025); }
.solutions-leads-search-wrap input, .solutions-leads-select-wrap select { width:100%; height:42px; border:0; outline:0; color:#eeeaf7; background:transparent; font:inherit; font-size:.72rem; }
.solutions-leads-select-wrap { display:block; border:1px solid rgba(139,92,246,.24); border-radius:13px; padding:0 .55rem; background:rgba(255,255,255,.025); }
.solutions-leads-select-wrap select { cursor:pointer; color-scheme:dark; }
.solutions-leads-action-select { grid-column:1 / 2; max-width:190px; }
.solutions-leads-view-controls { grid-column:2 / -1; display:flex; justify-content:flex-end; align-items:center; gap:.65rem; }
.solutions-leads-view-controls > span { color:#cbc6d8; font-size:.68rem; }
.solutions-leads-view-switch { display:flex; overflow:hidden; border:1px solid rgba(139,92,246,.28); border-radius:11px; }
.solutions-leads-view-switch button, .solutions-leads-csv { min-height:36px; border:0; padding:.48rem .72rem; color:#d9d4e5; background:rgba(255,255,255,.02); font-size:.66rem; font-weight:800; cursor:pointer; }
.solutions-leads-view-switch button[aria-pressed='true'] { color:#fff; background:linear-gradient(135deg,#7c3aed,#a78bfa); }
.solutions-leads-csv { border:1px solid rgba(139,92,246,.28); border-radius:11px; }

.solutions-leads-status-tabs { display:flex; gap:.45rem; overflow-x:auto; padding:.72rem 1rem; border-bottom:1px solid rgba(255,255,255,.07); scrollbar-width:none; }
.solutions-leads-status-tabs::-webkit-scrollbar { display:none; }
.solutions-leads-status-tabs button { flex:0 0 auto; border:1px solid rgba(139,92,246,.23); border-radius:999px; padding:.4rem .72rem; color:#d1ccd9; background:rgba(139,92,246,.04); font-size:.64rem; font-weight:800; cursor:pointer; }
.solutions-leads-status-tabs button[aria-pressed='true'] { border-color:rgba(34,211,238,.48); color:#c8f8ff; background:rgba(34,211,238,.11); }

.solutions-leads-content { position:relative; min-height:505px; }
.solutions-leads-table-head, .solutions-lead-table-row { display:grid; grid-template-columns:1.22fr 1.28fr .75fr .56fr .78fr; align-items:center; gap:.75rem; }
.solutions-leads-table-head { padding:.68rem 1rem; border-bottom:1px solid rgba(255,255,255,.08); color:#a8a3b6; font-size:.59rem; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.solutions-lead-table-row { min-height:88px; padding:.72rem 1rem; border-bottom:1px solid rgba(255,255,255,.065); transition:background 160ms ease,border-color 160ms ease; }
.solutions-lead-table-row:hover, .solutions-lead-table-row[data-selected='true'] { background:rgba(139,92,246,.055); }
.solutions-lead-identity { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem; align-items:center; min-width:0; }
.solutions-lead-avatar { display:grid; width:37px; height:37px; place-items:center; border:1px solid rgba(139,92,246,.35); border-radius:12px; color:#dcf8ff; background:linear-gradient(145deg,rgba(139,92,246,.24),rgba(34,211,238,.15)); font-size:.65rem; font-weight:900; }
.solutions-lead-identity-copy, .solutions-lead-need-cell, .solutions-lead-origin-cell { min-width:0; }
.solutions-lead-identity-copy strong, .solutions-lead-identity-copy small, .solutions-lead-need-cell strong, .solutions-lead-need-cell small, .solutions-lead-origin-cell strong, .solutions-lead-origin-cell small { display:block; }
.solutions-lead-identity-copy strong, .solutions-lead-need-cell strong { overflow:hidden; color:#f4f1f8; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.solutions-lead-identity-copy small, .solutions-lead-origin-cell small { margin-top:.22rem; overflow:hidden; color:#aaa5b8; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
.solutions-lead-origin-cell strong { color:#ddd9e7; font-size:.67rem; }
.solutions-lead-badges { display:flex; flex-wrap:wrap; gap:.28rem; margin-top:.32rem; }
.solutions-lead-badge { border-radius:999px; padding:.22rem .4rem; font-size:.54rem; font-weight:900; }
.solutions-lead-badge--new { color:#dacbff; background:rgba(139,92,246,.19); }
.solutions-lead-badge--waiting { color:#ffe49b; background:rgba(245,158,11,.14); }
.solutions-lead-badge--help { color:#ffb4b4; background:rgba(239,68,68,.14); }
.solutions-lead-next-pill { display:inline-flex; align-items:center; margin-top:.4rem; border:1px solid rgba(52,211,153,.22); border-radius:8px; padding:.28rem .48rem; color:#b9ffdc; background:rgba(52,211,153,.065); font-size:.57rem; font-weight:800; }
.solutions-lead-activity-cell { color:#b8b3c5; font-size:.62rem; }
.solutions-lead-row-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.3rem; }
.solutions-lead-row-actions button { border:1px solid rgba(139,92,246,.28); border-radius:999px; padding:.35rem .52rem; color:#ddd8ea; background:rgba(139,92,246,.045); font-size:.56rem; font-weight:850; cursor:pointer; }
.solutions-lead-row-actions button:first-child { border-color:transparent; color:#fff; background:linear-gradient(135deg,#7c3aed,#9b5cf6); }
.solutions-leads-empty { display:grid; min-height:170px; place-items:center; color:#8f899d; font-size:.7rem; }

.solutions-leads-kanban { display:grid; grid-template-columns:repeat(5,minmax(210px,1fr)); gap:.65rem; overflow-x:auto; padding:1rem; scrollbar-width:thin; }
.solutions-leads-kanban-column { min-height:380px; border:1px solid rgba(139,92,246,.22); border-radius:15px; background:rgba(139,92,246,.035); }
.solutions-leads-kanban-column > header { display:flex; justify-content:space-between; align-items:center; padding:.72rem; border-bottom:1px solid rgba(255,255,255,.07); font-size:.68rem; font-weight:900; }
.solutions-leads-kanban-column[data-kanban-stage='new'] > header { background:rgba(99,102,241,.1); }
.solutions-leads-kanban-column[data-kanban-stage='waiting'] > header { background:rgba(245,158,11,.1); }
.solutions-leads-kanban-column[data-kanban-stage='qualified'] > header { background:rgba(59,130,246,.1); }
.solutions-leads-kanban-column[data-kanban-stage='converted'] > header { background:rgba(52,211,153,.1); }
.solutions-leads-kanban-column[data-kanban-stage='lost'] > header { background:rgba(239,68,68,.09); }
.solutions-leads-kanban-cards { display:grid; align-content:start; gap:.55rem; padding:.55rem; }
.solutions-lead-kanban-card { display:grid; gap:.42rem; width:100%; border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:.68rem; color:#e8e4ee; background:#080812; text-align:left; cursor:pointer; }
.solutions-lead-kanban-card strong { font-size:.67rem; }
.solutions-lead-kanban-card small { color:#aaa5b8; font-size:.58rem; line-height:1.45; }

.solutions-lead-drawer { position:absolute; z-index:12; top:0; right:0; width:min(390px,92%); height:100%; overflow-y:auto; border-left:1px solid rgba(34,211,238,.24); padding:1.2rem; background:linear-gradient(160deg,#11182b,#0a0b17 70%); box-shadow:-28px 0 70px rgba(0,0,0,.42); transform:translateX(102%); visibility:hidden; transition:transform 220ms ease,visibility 220ms ease; }
.solutions-lead-drawer[aria-hidden='false'] { transform:translateX(0); visibility:visible; }
.solutions-lead-drawer-close { position:absolute; top:.8rem; right:.8rem; width:32px; height:32px; border:1px solid rgba(255,255,255,.12); border-radius:50%; color:#ddd8ea; background:rgba(255,255,255,.04); cursor:pointer; }
.solutions-lead-drawer-heading { display:grid; gap:.25rem; padding-right:2.5rem; }
.solutions-lead-drawer-heading span { color:#78e9f8; font-size:.62rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.solutions-lead-drawer-heading strong { font-family:'Syne',sans-serif; font-size:1.08rem; }
.solutions-lead-drawer-heading small { color:#aaa5b8; font-size:.66rem; }
.solutions-lead-status { display:inline-flex; width:max-content; margin-top:.7rem; border-radius:999px; padding:.32rem .52rem; color:#dcd4ff; background:rgba(139,92,246,.18); font-size:.58rem; font-weight:900; }
.solutions-lead-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin:1rem 0; }
.solutions-lead-detail-grid div { border:1px solid rgba(255,255,255,.09); border-radius:11px; padding:.62rem; background:rgba(255,255,255,.025); }
.solutions-lead-detail-grid dt { color:#8f899d; font-size:.54rem; text-transform:uppercase; }
.solutions-lead-detail-grid dd { margin:.25rem 0 0; color:#ece8f2; font-size:.64rem; line-height:1.45; }
.solutions-lead-next-action { border:1px solid rgba(52,211,153,.2); border-radius:12px; padding:.7rem; background:rgba(52,211,153,.055); }
.solutions-lead-next-action span,.solutions-lead-next-action strong { display:block; }
.solutions-lead-next-action span { color:#77e9b5; font-size:.56rem; font-weight:900; text-transform:uppercase; }
.solutions-lead-next-action strong { margin-top:.28rem; font-size:.67rem; }
.solutions-lead-timeline { display:grid; gap:.58rem; margin:1rem 0; padding:0; list-style:none; }
.solutions-lead-timeline li { position:relative; padding-left:1rem; }
.solutions-lead-timeline li::before { content:''; position:absolute; top:.34rem; left:0; width:6px; height:6px; border-radius:50%; background:#22d3ee; box-shadow:0 0 0 4px rgba(34,211,238,.08); }
.solutions-lead-timeline strong,.solutions-lead-timeline span { display:block; }
.solutions-lead-timeline strong { font-size:.62rem; }
.solutions-lead-timeline span { margin-top:.18rem; color:#9f9aab; font-size:.58rem; line-height:1.45; }
.solutions-lead-drawer-actions { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.solutions-lead-drawer-actions button { border:1px solid rgba(139,92,246,.3); border-radius:10px; padding:.55rem; color:#e8e2f4; background:rgba(139,92,246,.05); font-size:.6rem; font-weight:900; cursor:pointer; }
.solutions-lead-drawer-actions .solutions-lead-action-primary { border-color:rgba(34,211,238,.34); background:rgba(34,211,238,.08); }
.solutions-leads-status-menu { position:absolute; z-index:15; top:76px; right:18px; display:grid; width:210px; gap:.35rem; border:1px solid rgba(139,92,246,.32); border-radius:14px; padding:.75rem; background:#111124; box-shadow:0 18px 50px rgba(0,0,0,.4); }
.solutions-leads-status-menu[hidden] { display:none; }
.solutions-leads-status-menu strong { margin-bottom:.2rem; font-size:.65rem; }
.solutions-leads-status-menu button { border:1px solid rgba(255,255,255,.08); border-radius:9px; padding:.45rem; color:#ddd8e7; background:rgba(255,255,255,.025); text-align:left; cursor:pointer; }
.solutions-leads-feedback { position:absolute; z-index:20; right:1rem; bottom:1rem; max-width:360px; margin:0; border:1px solid rgba(52,211,153,.25); border-radius:11px; padding:.62rem .75rem; color:#c7ffe3; background:rgba(8,28,24,.96); font-size:.62rem; box-shadow:0 16px 40px rgba(0,0,0,.32); opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity 160ms ease,transform 160ms ease; }
.solutions-leads-feedback:not(:empty) { opacity:1; transform:translateY(0); }

.solutions-leads-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:.9rem; }
.solutions-leads-benefits article { display:flex; gap:.7rem; border:1px solid rgba(139,92,246,.18); border-radius:16px; padding:.85rem; background:rgba(139,92,246,.035); }
.solutions-leads-benefits article > span { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; color:#9beffd; background:rgba(34,211,238,.075); }
.solutions-leads-benefits strong { display:block; font-size:.74rem; }
.solutions-leads-benefits p { margin:.22rem 0 0; color:#aca7b8; font-size:.66rem; line-height:1.5; }
.solutions-leads-note { margin:.85rem 0 0; color:#918b9d; font-size:.64rem; text-align:center; }

.solutions-leads-demo button:focus-visible,.solutions-leads-demo input:focus-visible,.solutions-leads-demo select:focus-visible { outline:3px solid rgba(34,211,238,.72); outline-offset:2px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width:1100px) {
  .solutions-leads-product-bar { grid-template-columns:minmax(240px,1.25fr) repeat(2,minmax(140px,.7fr)); }
  .solutions-leads-product-bar > :nth-child(4) { grid-column:1 / 2; }
  .solutions-leads-action-select { grid-column:2 / 3; max-width:none; }
  .solutions-leads-view-controls { grid-column:3 / 4; }
  .solutions-leads-table-head,.solutions-lead-table-row { grid-template-columns:1.15fr 1.2fr .7fr .55fr .82fr; }
}

@media (max-width:860px) {
  .solutions-leads-header { grid-template-columns:1fr; }
  .solutions-leads-trust { grid-template-columns:auto 1fr; }
  .solutions-leads-trust small { grid-column:2; }
  .solutions-leads-product-bar { grid-template-columns:1fr 1fr; }
  .solutions-leads-search-wrap { grid-column:1 / -1; }
  .solutions-leads-action-select { grid-column:auto; }
  .solutions-leads-view-controls { grid-column:1 / -1; justify-content:flex-start; flex-wrap:wrap; }
  .solutions-leads-table-head { display:none; }
  .solutions-lead-table-row { grid-template-columns:1fr 1fr; gap:.7rem; }
  .solutions-lead-row-actions { justify-content:flex-start; }
  .solutions-lead-origin-cell,.solutions-lead-activity-cell { border-top:1px solid rgba(255,255,255,.06); padding-top:.5rem; }
  .solutions-leads-benefits { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .solutions-leads-demo { border-radius:20px; }
  .solutions-leads-product-bar { grid-template-columns:1fr; padding:.75rem; }
  .solutions-leads-product-bar > *, .solutions-leads-action-select, .solutions-leads-view-controls { grid-column:auto; }
  .solutions-leads-view-controls { display:grid; grid-template-columns:1fr auto; }
  .solutions-leads-view-switch { grid-column:1 / -1; }
  .solutions-leads-view-switch button { flex:1; }
  .solutions-lead-table-row { grid-template-columns:1fr; padding:.8rem; }
  .solutions-lead-origin-cell,.solutions-lead-activity-cell { border-top:0; padding-top:0; }
  .solutions-lead-row-actions { border-top:1px solid rgba(255,255,255,.07); padding-top:.55rem; }
  .solutions-lead-row-actions button { flex:1; }
  .solutions-leads-content { min-height:540px; }
  .solutions-lead-drawer { width:100%; }
  .solutions-lead-detail-grid,.solutions-lead-drawer-actions { grid-template-columns:1fr; }
  .solutions-leads-feedback { right:.7rem; bottom:.7rem; left:.7rem; max-width:none; }
}

@media (prefers-reduced-motion:reduce) {
  .solutions-lead-table-row,.solutions-lead-drawer,.solutions-leads-feedback { transition:none; }
}

/* ========================================================
   ROUND S2B.3 - EXCLUSIVE CRM VIEWS AND LEGIBILITY
   ======================================================== */

.solutions-leads-demo [data-leads-view][hidden] {
  display: none !important;
}

.solutions-lead-identity-copy strong,
.solutions-lead-need-cell strong {
  font-size: 0.76rem;
}

.solutions-lead-identity-copy small,
.solutions-lead-origin-cell small,
.solutions-lead-need-cell small,
.solutions-lead-activity-cell {
  color: #bbb7c7;
  font-size: 0.65rem;
  line-height: 1.5;
}

.solutions-lead-kanban-card strong {
  font-size: 0.73rem;
}

.solutions-lead-kanban-card small {
  color: #bbb7c7;
  font-size: 0.66rem;
  line-height: 1.55;
}