/* AgentEdge cockpit bridge (ASCII-clean rewrite).
   Foundation /css/bizbot-cockpit.css is linked DIRECTLY by the page
   BEFORE this file, so no @import here. Azure real-estate accent. */

body.cockpit{
  --bbc-accent:#4F9CD9;
  --bbc-accent-2:#15406b;
  --bg:#06080D;
  --cream:#0E1320;
  --cream-dk:#111828;
  --txt:#E7EEF7;
  --txt-md:#A7B2C2;
  --txt-dim:#8A98AC;            /* readable secondary text (was too dark on dark) */
  --teal:#4F9CD9;               /* page used --teal/--teal-lt for links/accents -> azure */
  --teal-lt:#7CB3EE;
  --border:rgba(255,255,255,.07);
  --border-md:rgba(255,255,255,.12);
  --shadow:0 12px 30px rgba(0,0,0,.5);
  --shadow-md:0 14px 34px rgba(0,0,0,.5);
  --bg-elev:var(--bbc-card);
}

/* base bg wins over the page's light/navy gradient */
body.cockpit.agentedge-gradient,
body.cockpit{ background:var(--bbc-bg)!important; }

/* top bar -> dark glassy */
.cockpit .topbar{
  background:color-mix(in srgb,var(--bbc-surface) 82%,transparent)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bbc-border);
}

/* cards (cream/white literals -> dark card) */
.cockpit .list-card,.cockpit .tool-card,.cockpit .stat-card,.cockpit .card,
.cockpit .panel,.cockpit .ae-card{
  background:var(--bbc-card);border-color:var(--bbc-border);color:var(--bbc-text);
}
.cockpit .tool-card.hero-tool{
  background:linear-gradient(135deg,var(--bbc-accent-soft),var(--bbc-card));
  border-color:var(--bbc-accent-line);
}
.cockpit .tool-card:hover{ border-color:var(--bbc-accent-line);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35); }

/* tool tags / chips -> neutral dark pill (hero keeps accent) */
.cockpit .tool-tag{ background:var(--bbc-card-2);color:var(--bbc-muted);border-color:var(--bbc-border); }
.cockpit .tool-card.hero-tool .tool-tag{ background:var(--bbc-accent);color:#04121d; }
.cockpit .tool-card.pro-only{ background:var(--bbc-card);border-color:var(--bbc-border); }

/* ghost / secondary buttons */
.cockpit .btn-ghost,.cockpit .btn-secondary{ background:transparent;color:var(--bbc-text);border:1px solid var(--bbc-border-2); }

/* navy/teal TEXT that goes dark-on-dark -> lift to light */
.cockpit .topbar-title,.cockpit .tool-name,.cockpit .list-card-title,
.cockpit .fb-text,.cockpit .stat-num,.cockpit .section-title,.cockpit .card-title,
.cockpit h1,.cockpit h2,.cockpit h3,.cockpit h4,.cockpit strong,.cockpit b{ color:var(--bbc-text); }
.cockpit a{ color:var(--bbc-accent-text); }
.cockpit a.tool-card,.cockpit a.list-card,.cockpit a.card,.cockpit a.btn,.cockpit a[class*="btn"]{ color:var(--bbc-text); }
/* hardcoded green action links -> readable accent */
.cockpit .tool-action{ color:var(--bbc-accent-text)!important; }

/* ===== App-page bespoke surfaces (lead-hub / listing-ai / cma-builder /
   lead-nurture / account / transactions-hub / my-clients / followups) ===== */
/* cards / panels / drawers / empty states / forms -> dark card */
.cockpit .form-card,.cockpit .output-card,.cockpit .comp-card,.cockpit .form-panel,
.cockpit .history-card,.cockpit .drawer,.cockpit .leads-empty,.cockpit .fc-form,
.cockpit .fc-up,.cockpit .fc-nav,.cockpit .plan-badge{
  background:var(--bbc-card);border-color:var(--bbc-border);color:var(--bbc-text);
}
/* filter / method / tone / remove buttons + pills -> neutral dark */
.cockpit .filter-btn,.cockpit .filter-pill,.cockpit .hoa-btn,.cockpit .tone-pill,
.cockpit .method-btn,.cockpit .btn-rm,.cockpit .btn-billing{
  background:var(--bbc-card-2);color:var(--bbc-muted);border-color:var(--bbc-border);
}
/* active / selected states -> accent */
.cockpit .filter-btn.active,.cockpit .filter-pill.active,.cockpit .hoa-btn.active,
.cockpit .tone-pill.selected,.cockpit .method-btn.active,.cockpit .plan-badge-status{
  background:var(--bbc-accent-soft);color:var(--bbc-accent-text);border-color:var(--bbc-accent-line);
}
/* error boxes -> red tint */
.cockpit .err,.cockpit .fc-err{
  background:color-mix(in srgb,var(--bbc-red) 14%,transparent);color:#FF8A93;border-color:color-mix(in srgb,var(--bbc-red) 30%,transparent);
}
/* dark-text classes that hardcode navy/ink -> light */
.cockpit .card-heading,.cockpit .plan-badge-name,.cockpit .plan-name{ color:var(--bbc-text)!important; }
.cockpit .form-label,.cockpit .field-label,.cockpit .setting-label,.cockpit label{ color:var(--bbc-text); }
.cockpit .btn-cancel{ color:#FF8A93!important; }

/* gentle entrance */
.cockpit .main,.cockpit main{ animation:bbcDriftUp .35s ease both; }

/* ============================================================
   TOOL-PAGE COMPONENT BRIDGE — completion pass (2026-06-11)
   The block above covered some app surfaces but left the worst
   offenders light: .topbar, the *-card variants, inputs, chips,
   the upgrade modal, and the template's dark-navy TEXT vars.
   Every rule is `.cockpit`-prefixed so it out-specifies + loads
   after each page's inline <style>. This re-skins ALL tool pages
   (cma-builder, listing-ai, lead-nurture, lead-hub, transaction,
   transactions-hub, account, free-tools, followups) from one file.
   ============================================================ */
body.cockpit{
  /* Remap the light template's TEXT-only + structural vars to dark.
     --navy is intentionally NOT remapped: pages reuse it as a dark
     surface (sidebar / price box / primary buttons). */
  --text:var(--bbc-text);
  --charcoal:var(--bbc-text);
  --muted:var(--bbc-muted);
  --bg:var(--bbc-bg);
  --border:var(--bbc-border);
  --border-md:var(--bbc-border-2);
  --teal:var(--bbc-accent);
  --teal-lt:var(--bbc-accent-text);
}

/* topbar → dark glass (template hardcodes #fff/white) */
.cockpit .topbar{
  background:color-mix(in srgb,var(--bbc-surface) 85%,transparent)!important;
  border-bottom:1px solid var(--bbc-border)!important;
}

/* every hardcoded white/cream panel → dark card */
.cockpit .narrative-card,.cockpit .phase-card,.cockpit .progress-bar-wrap,
.cockpit .lead-card,.cockpit .txn-card,.cockpit .tool-card,.cockpit .stat-card,
.cockpit .market-pill,.cockpit .form-panel{
  background:var(--bbc-card)!important;
  border-color:var(--bbc-border)!important;
  color:var(--bbc-text);
}
.cockpit .comp-card{ background:var(--bbc-card-2)!important; }
.cockpit .form-panel{ border-right:1px solid var(--bbc-border)!important; }
.cockpit .card-header,.cockpit .card-actions{ border-color:var(--bbc-border)!important; }

/* upgrade modal body (template = white) → dark card */
.cockpit .upgrade-modal{
  background:var(--bbc-card)!important;
  border:1px solid var(--bbc-border-2);
  box-shadow:0 30px 80px rgba(0,0,0,.6)!important;
}
.cockpit .upgrade-features{ background:var(--bbc-bg-2)!important; }

/* inputs / selects / textareas → dark fields */
.cockpit .form-group input,.cockpit .form-group textarea,.cockpit .form-group select,
.cockpit .search-wrap input,.cockpit .status-select{
  background:var(--bbc-bg-2)!important; color:var(--bbc-text)!important;
  border-color:var(--bbc-border-2)!important;
}
.cockpit .form-group input::placeholder,.cockpit .search-wrap input::placeholder{ color:var(--bbc-dim); }
.cockpit .form-group input:focus,.cockpit .form-group textarea:focus,
.cockpit .form-group select:focus,.cockpit .search-wrap input:focus{
  border-color:var(--bbc-accent-line)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bbc-accent) 16%,transparent);
}

/* chips / tool-chips → dark, accent when active */
.cockpit .chip,.cockpit .tool-chip{
  background:var(--bbc-card-2)!important; color:var(--bbc-muted)!important;
  border-color:var(--bbc-border-2)!important;
}
.cockpit .chip.active{ background:var(--bbc-accent)!important; color:#04121d!important; border-color:var(--bbc-accent)!important; }
.cockpit .chip:hover:not(.active),.cockpit .tool-chip:hover{ border-color:var(--bbc-accent-line)!important; color:var(--bbc-text)!important; }

/* neutral grey status badges (template #f1f5f9) → dark chip */
.cockpit .due-pill,.cockpit .loan-badge,.cockpit .days-closed{
  background:var(--bbc-card-2)!important; color:var(--bbc-muted)!important;
}

/* secondary buttons (copy / print / update) → dark ghost */
.cockpit .btn-copy,.cockpit .btn-print,.cockpit .btn-card-print,
.cockpit .d-copy,.cockpit .btn-copy-touch,.cockpit .btn-update-status{
  background:var(--bbc-card-2)!important; color:var(--bbc-text)!important;
  border-color:var(--bbc-border-2)!important;
}
.cockpit .btn-copy:hover,.cockpit .btn-print:hover,.cockpit .btn-card-print:hover,
.cockpit .d-copy:hover,.cockpit .btn-copy-touch:hover{ border-color:var(--bbc-accent-line)!important; }

/* primary buttons → brand-accent gradient */
.cockpit .btn-generate,.cockpit .btn-save,.cockpit .btn-upgrade-modal,.cockpit .btn-build{
  background:linear-gradient(135deg,var(--bbc-accent),var(--bbc-accent-2))!important;
  color:#04121d!important; border:none!important; box-shadow:0 8px 22px var(--bbc-accent-glow);
}
.cockpit .btn-generate:disabled,.cockpit .btn-save:disabled{
  background:var(--bbc-card-2)!important; color:var(--bbc-dim)!important; box-shadow:none;
}

/* dark-navy TEXT classes → lift to light */
.cockpit .topbar-title h2,.cockpit .hist-addr,.cockpit .comp-num,.cockpit .p-label,
.cockpit .p-value,.cockpit .upgrade-title,.cockpit .upgrade-feature,.cockpit .narrative-text,
.cockpit .empty-state h3,.cockpit .lead-name,.cockpit .txn-addr,.cockpit .sidebar-user-name,
.cockpit .form-title,.cockpit .empty-title,.cockpit .history-title,.cockpit .drawer-title,
.cockpit .results-title,.cockpit .panel-title,.cockpit .tool-title,.cockpit .step-title{
  color:var(--bbc-text);
}
.cockpit .topbar-title p,.cockpit .hist-meta,.cockpit .upgrade-body,
.cockpit .empty-state p,.cockpit .loading-stage{ color:var(--bbc-muted); }

/* ── Systemic dark-on-dark fix ──────────────────────────────
   These pages overload --navy for BOTH dark backgrounds (sidebar,
   buttons, badges — fine on dark) AND text (invisible on dark
   cards). --navy can't be remapped without breaking the backgrounds,
   so lift every navy/ink TEXT class that lives inside a dark card. */
.cockpit .stat-value,.cockpit .stat-number,.cockpit .summary-num,
.cockpit .seq-lead-name,.cockpit .touch-day,.cockpit .touch-subject-val,
.cockpit .output-address,.cockpit .output-title,.cockpit .history-addr,
.cockpit .hist-client,.cockpit .card-client,.cockpit .d-day,.cockpit .d-subj-val,
.cockpit .tool-name,.cockpit .result-value,.cockpit .oh-lead-name,
.cockpit .card-heading,.cockpit .plan-name,.cockpit .plan-badge-name,
.cockpit .logo,.cockpit .seq-summary-label,.cockpit .detail-value,
.cockpit .prog-step.active{ color:var(--bbc-text); }
.cockpit .logo span{ color:var(--bbc-accent-text); }

/* navy-bg badges/active chips that go dark-on-dark → accent / dark chip */
.cockpit .badge-agent{ background:var(--bbc-card-2)!important; color:var(--bbc-muted)!important; }
.cockpit .chip-multi.active,.cockpit .tool-chip.active{
  background:var(--bbc-accent)!important; border-color:var(--bbc-accent)!important; color:#04121d!important;
}

/* price box keeps its dark surface; lift recommended value + add hairline */
.cockpit .price-box{ border:1px solid var(--bbc-border); }
.cockpit .price-col.rec{ background:rgba(255,255,255,.05); }

/* checkmarks + spinners + card hover */
.cockpit .checkmark{ background:var(--bbc-bg-2)!important; border-color:var(--bbc-border-2)!important; }
.cockpit .spinner{ border-top-color:var(--bbc-accent)!important; }
.cockpit .txn-card:hover,.cockpit .tool-card:hover,.cockpit .lead-card:hover{
  border-color:var(--bbc-accent-line)!important; box-shadow:0 12px 30px rgba(0,0,0,.4)!important;
}