/* HumiBid Frontend Dashboard — Louvre palette */
.hbd-wrap { padding:32px 24px 2rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:#18181b; }
.hbd-admin-bar { background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 16px;font-size:.82rem;color:#991b1b;margin-bottom:1rem;display:flex;align-items:center;gap:12px; }
.hbd-admin-bar a { color:#38bdf8;font-weight:600;text-decoration:none; }
.hbd-title { font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .25rem; }
.hbd-sub { font-size:.9rem;color:#71717a;margin:0 0 1.5rem; }

.hbd-nav { display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e4e4e7; }
.hbd-nav-link { padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#71717a;transition:all .15s; }
.hbd-nav-link:hover { color:#38bdf8; }
.hbd-nav-link.is-active { color:#38bdf8;border-bottom-color:#38bdf8; }

/* KPI */
.hbd-kpi { display:flex;gap:12px;margin-bottom:1rem;flex-wrap:wrap; }
.hbd-kpi-card { flex:1;min-width:100px;background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:16px;text-align:center;border-top:3px solid var(--c); }
.hbd-kpi-val { display:block;font-size:1.6rem;font-weight:800;color:var(--c); }
.hbd-kpi-label { font-size:.7rem;color:#a1a1aa;margin-top:2px; }

.hbd-export-bar { text-align:right;margin-bottom:10px; }
.hbd-export-btn { display:inline-block;padding:6px 14px;background:#38bdf8;color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none; }
.hbd-export-btn:hover { background:#0ea5e9; }

/* Monthly */
.hbd-monthly { display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:1rem;background:linear-gradient(135deg,rgba(56,189,248,.04),rgba(20,184,166,.06));border:1px solid rgba(56,189,248,.12);border-radius:10px;font-size:.82rem;color:#52525b; }
.hbd-monthly-icon { font-size:1rem; }
.hbd-monthly-title { font-weight:700; }
.hbd-monthly-body { flex:1; }

/* Journal */
.hbd-journal { background:#fff;border:1px solid #e4e4e7;border-radius:10px;overflow:hidden;margin-bottom:1rem; }
.hbd-journal-header { padding:12px 20px;border-bottom:1px solid #e4e4e7;font-weight:700;font-size:14px; }
.hbd-table { width:100%;border-collapse:collapse;font-size:13px; }
.hbd-table th { padding:8px;text-align:left;color:#a1a1aa;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em; }
.hbd-table th:first-child { width:24px;padding-left:20px; }
.hbd-row { cursor:pointer;border-top:1px solid #f4f4f5; }
.hbd-row:hover { background:#f9fafb; }
.hbd-row-arrow { padding:8px 8px 8px 20px !important;color:#a1a1aa;font-size:10px; }
.hbd-row-time { padding:8px;color:#a1a1aa;white-space:nowrap; }
.hbd-row-project { padding:8px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hbd-row-bqs { padding:8px;font-weight:700; }
.hbd-row-status { padding:8px;font-size:.78rem; }
.hbd-row.is-open .hbd-row-arrow { color:#38bdf8; }
.hbd-row.is-open .hbd-row-arrow::before { content:'▼'; }

.hbd-detail { display:none;border-top:1px solid #f4f4f5; }
.hbd-detail td { padding:16px 24px;background:#f9fafb; }
.hbd-detail h4 { margin:0 0 8px;font-size:13px; }
.hbd-detail-bars { display:flex;flex-wrap:wrap;gap:10px; }
.hbd-detail-bar-item { flex:1;min-width:80px; }
.hbd-detail-bar-item span { font-size:10px;color:#71717a; }
.hbd-detail-bar { height:5px;background:#e4e4e7;border-radius:3px;overflow:hidden;margin:2px 0; }
.hbd-detail-bar div { height:100%;border-radius:3px; }

/* Trend */
.hbd-trend { background:#fff;border:1px solid #e4e4e7;border-radius:10px;overflow:hidden; }
.hbd-trend-header { padding:12px 20px;border-bottom:1px solid #e4e4e7;font-weight:700;font-size:14px; }
.hbd-trend-chart { display:flex;align-items:flex-end;gap:3px;height:120px;padding:16px 20px; }
.hbd-trend-bar { flex:1;border-radius:3px 3px 0 0;min-width:4px;transition:height .3s; }
.hbd-trend-labels { display:flex;justify-content:space-between;padding:0 20px 10px;font-size:10px;color:#a1a1aa; }

/* Empty */
.hbd-empty { padding:40px;text-align:center;color:#a1a1aa;background:#f9fafb;border:1px solid #e4e4e7;border-radius:10px; }
.hbd-empty a { color:#38bdf8;font-weight:600;text-decoration:none; }

/* Locked */
.hbd-locked { text-align:center;padding:60px 20px;background:#fff;border:1px solid #e4e4e7;border-radius:10px; }
.hbd-locked-icon { font-size:2rem;margin-bottom:8px; }
.hbd-locked h2 { font-size:1.2rem;font-weight:700;margin:0 0 8px; }
.hbd-locked p { color:#71717a;font-size:.9rem;margin:0 0 16px; }
.hbd-trial-label { color:#14b8a6;font-size:.85rem;font-weight:600;margin:0 0 12px !important; }
.hbd-upgrade-btn { display:inline-block;background:#38bdf8;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem; }

/* Intelligence */
.hbd-intel-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px; }
.hbd-intel-card { background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:20px; }
.hbd-intel-card-title { font-weight:700;font-size:14px;margin-bottom:12px; }
.hbd-intel-stats { display:flex;gap:10px;flex-wrap:wrap; }
.hbd-intel-stat { flex:1;min-width:120px;text-align:center;padding:12px;border-radius:8px;background:#f9fafb; }
.hbd-intel-stat span { display:block;font-size:.65rem;color:#a1a1aa;text-transform:uppercase; }
.hbd-intel-stat strong { font-size:1rem;font-weight:800; }
.hbd-intel-opt { margin-top:10px;padding:8px 12px;background:rgba(20,184,166,.06);border-radius:8px;font-size:.8rem;color:#52525b; }
.hbd-intel-vs { display:flex;gap:20px; }
.hbd-intel-vs div { text-align:center;flex:1; }
.hbd-intel-vs span { display:block;font-size:.6rem;color:#a1a1aa; }
.hbd-intel-vs strong { font-size:1.8rem;font-weight:800;display:block;color:#38bdf8; }
.hbd-intel-vs small { font-size:.6rem;color:#a1a1aa; }
.hbd-intel-diff { margin-top:8px;text-align:center;font-size:.8rem;font-weight:600; }

/* Growth */
.hbd-growth { background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:20px; }
.hbd-growth-title { font-weight:700;font-size:14px;margin-bottom:12px; }
.hbd-growth-insight { margin-bottom:12px;padding:10px 14px;background:rgba(20,184,166,.06);border-radius:8px;font-size:.82rem;color:#52525b; }
.hbd-growth-action { display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f4f4f5; }
.hbd-growth-num { width:22px;height:22px;border-radius:50%;background:#38bdf8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0; }
.hbd-growth-action strong { font-size:.85rem;color:#18181b; }
.hbd-growth-action p { font-size:.78rem;color:#71717a;margin:2px 0; }
.hbd-growth-impact { font-size:.7rem;color:#14b8a6; }

.hbd-login-required { text-align:center;padding:60px 20px; }
.hbd-login-required a { color:#38bdf8;font-weight:600; }

/* ── Decision Vault ── */
.hbd-vault-bar { display:flex;align-items:center;gap:10px;margin-bottom:1rem;flex-wrap:wrap;justify-content:space-between; }
.hbd-vault-filters { display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start; }
#hbd-filter-status,#hbd-filter-domain { display:flex;flex-wrap:wrap;gap:4px; }
.hbd-vault-actions { display:flex;gap:8px;align-items:center; }
.hbd-vault-view-btn { padding:6px 10px;border:1px solid #d4d4d8;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;color:#a1a1aa; }
.hbd-vault-view-btn.is-active { background:#38bdf8;border-color:#38bdf8;color:#fff; }

/* Filter Pill (from hd-humibid-filter) */
.hbd-filter-pill { padding:5px 12px;border:1px solid #e4e4e7;border-radius:999px;font-size:12px;font-weight:600;color:#71717a;background:#fff;cursor:pointer;white-space:nowrap;transition:all .12s; }
.hbd-filter-pill:hover { border-color:#38bdf8;color:#38bdf8; }
.hbd-filter-pill.is-active { background:#38bdf8;color:#fff;border-color:#38bdf8; }

/* Taxonomy Chip (from hd-badge-chip) */
.hbd-chip { display:inline-flex;padding:4px 10px;border:1px solid #e4e4e7;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;background:#fff;color:#71717a;transition:all .12s; }
.hbd-chip:hover { border-color:#38bdf8;color:#38bdf8; }
.hbd-chip.is-on { border-color:#38bdf8;background:rgba(56,189,248,.08);color:#38bdf8; }

/* Status Pill (from hd-humibid-status-badge) */
.hbd-status-pill { display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap; }
.hbd-status-idea      { background:#f1f5f9;color:#64748b; }
.hbd-status-evaluated { background:rgba(56,189,248,.12);color:#0ea5e9; }
.hbd-status-applied   { background:rgba(251,191,36,.12);color:#d97706; }
.hbd-status-signal    { background:rgba(20,184,166,.12);color:#0d9488; }
.hbd-status-won       { background:rgba(22,163,74,.12);color:#16a34a; }
.hbd-status-lost      { background:rgba(239,68,68,.12);color:#ef4444; }

/* Grade Badge (from hd-humibid-bqs-badge) */
.hbd-grade-badge { display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700; }
.hbd-grade-s { background:rgba(56,189,248,.10);color:#0ea5e9; }
.hbd-grade-a { background:rgba(20,184,166,.10);color:#0d9488; }
.hbd-grade-b { background:rgba(251,191,36,.10);color:#d97706; }
.hbd-grade-c { background:rgba(249,115,22,.10);color:#ea580c; }
.hbd-grade-d { background:rgba(239,68,68,.10);color:#ef4444; }

/* Entry Card (from hd-humibid-entry-card) */
.hbd-entry-card { background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.03);transition:transform .15s ease,box-shadow .15s ease;position:relative; }
.hbd-entry-card:hover { transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.06); }
.hbd-entry-badges { display:flex;gap:6px;align-items:center;flex-shrink:0;margin-bottom:6px; }
.hbd-entry-title { font-size:.9rem;font-weight:600;color:#18181b;line-height:1.35;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hbd-entry-meta { font-size:11px;color:#a1a1aa;margin-bottom:6px; }
.hbd-entry-tags { display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px; }
.hbd-entry-tags .hbd-chip { font-size:10px;padding:2px 8px;cursor:default; }
.hbd-entry-tags .hbd-chip:hover { border-color:#e4e4e7;color:#71717a; }

/* Funnel Dots (from hd-humibid-funnel-dot) */
.hbd-funnel-dots { display:flex;gap:3px;margin-bottom:6px; }
.hbd-funnel-dot { width:8px;height:8px;border-radius:50%;background:#e4e4e7; }
.hbd-funnel-dot.is-done { background:#14b8a6; }
.hbd-funnel-dot.is-current { background:#fbbf24; }

/* Funnel Bar */
.hbd-funnel-bar { height:3px;background:#f4f4f5;border-radius:2px;margin-bottom:8px;overflow:hidden; }
.hbd-funnel-bar-fill { height:100%;background:linear-gradient(90deg,#38bdf8,#14b8a6);border-radius:2px;transition:width .3s; }

/* Hover Status Chips */
.hbd-hover-chips { display:none;position:absolute;bottom:-36px;left:0;right:0;padding:4px 8px;background:#fff;border:1px solid #e4e4e7;border-radius:0 0 12px 12px;z-index:10;gap:4px;flex-wrap:wrap;box-shadow:0 4px 12px rgba(0,0,0,.04); }
.hbd-entry-card:hover .hbd-hover-chips { display:flex; }
.hbd-hover-chip { padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;background:#f9fafb;color:#a1a1aa;border:1px solid #e4e4e7; }
.hbd-hover-chip:hover { background:#38bdf8;color:#fff;border-color:#38bdf8; }
.hbd-hover-chip.is-active { background:rgba(56,189,248,.12);color:#38bdf8;border-color:#38bdf8; }

/* Entry Actions */
.hbd-entry-actions { display:flex;gap:6px;align-items:center;justify-content:flex-end;padding-top:4px;border-top:1px solid #f4f4f5; }
.hbd-entry-action { font-size:11px;font-weight:600;cursor:pointer;padding:3px 8px;border-radius:5px;border:1px solid #e4e4e7;background:#fff;color:#71717a;transition:all .12s; }
.hbd-entry-action:hover { border-color:#38bdf8;color:#38bdf8; }
.hbd-entry-action--danger { border-color:transparent;color:#ef4444; }
.hbd-entry-action--danger:hover { background:rgba(239,68,68,.08);border-color:#fecaca; }

/* Kanban Board */
.hbd-kanban { display:flex;gap:10px;overflow-x:auto;padding-bottom:8px; }
.hbd-kanban-col { min-width:240px;max-width:300px;flex-shrink:0;background:#f9fafb;border-radius:12px;padding:10px;border:1px solid #f4f4f5; }
.hbd-kanban-head { display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid #f4f4f5; }
.hbd-kanban-count { font-size:11px;color:#a1a1aa;font-weight:600; }
.hbd-kanban-cards { display:flex;flex-direction:column;gap:6px; }
.hbd-kanban-col .hbd-entry-card { margin-bottom:0; }
.hbd-kanban-add { display:flex;align-items:center;justify-content:center;padding:10px;border:1px dashed #e4e4e7;border-radius:8px;font-size:11px;color:#a1a1aa;cursor:pointer;transition:all .12s; }
.hbd-kanban-add:hover { border-color:#38bdf8;color:#38bdf8;background:rgba(56,189,248,.02); }

/* Vault Card Grid */
.hbd-vault-card-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px; }

/* Modal form chips */
.hbd-form-chips { display:flex;flex-wrap:wrap;gap:4px; }
.hbd-form-chip { padding:3px 10px;border:1px solid #e4e4e7;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;background:#fff;color:#71717a;transition:all .12s; }
.hbd-form-chip:hover { border-color:#38bdf8;color:#38bdf8; }
.hbd-form-chip.is-on { border-color:#38bdf8;background:rgba(56,189,248,.08);color:#38bdf8; }

.hbd-pagination { display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1rem; }

/* Decision Wizard */
.hbd-wizard-steps { display:flex;gap:4px;margin-bottom:20px; }
.hbd-wizard-step { flex:1;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f9fafb;border-radius:8px;font-size:11px;color:#a1a1aa; }
.hbd-wizard-step.is-active { background:rgba(56,189,248,.08);color:#38bdf8; }
.hbd-wizard-step.is-active .hbd-wizard-step-num { background:#38bdf8;color:#fff; }
.hbd-wizard-step-num { width:22px;height:22px;border-radius:50%;background:#e4e4e7;color:#a1a1aa;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0; }
.hbd-wizard-step-label { font-weight:600;white-space:nowrap; }

.hbd-wizard-pane { animation:hbd-fadein .2s; }
@keyframes hbd-fadein { from{opacity:.5;transform:translateY(4px);} to{opacity:1;transform:translateY(0);} }

/* BARS Card */
.hbd-bars-card { background:#f9fafb;border:1px solid #f4f4f5;border-radius:10px;padding:8px 12px;margin-bottom:6px; }
.hbd-bars-card-header { display:flex;gap:8px;align-items:flex-start;margin-bottom:8px; }
.hbd-bars-card-num { font-size:16px;line-height:1;flex-shrink:0; }
.hbd-bars-scale { display:flex;gap:4px; }
.hbd-bars-opt { flex:1;cursor:pointer; }
.hbd-bars-opt input { display:none; }
.hbd-bars-opt .hbd-bars-opt-label { display:block;text-align:center;padding:4px 2px;font-size:9px;color:#a1a1aa;border-radius:6px;border:1px solid #e4e4e7;background:#fff;transition:all .12s; }
.hbd-bars-opt input:checked + .hbd-bars-opt-label { background:#38bdf8;color:#fff;border-color:#38bdf8;font-weight:600; }

/* Verdict Cards */
.hbd-verdict-card { cursor:pointer; }
.hbd-verdict-inner { padding:16px;text-align:center;background:#f9fafb;border:2px solid #e4e4e7;border-radius:12px;transition:all .12s; }
.hbd-verdict-card input:checked + .hbd-verdict-inner { border-color:#38bdf8;background:rgba(56,189,248,.04); }
.hbd-verdict-icon { display:block;font-size:1.5rem;margin-bottom:4px; }
.hbd-verdict-label { display:block;font-size:.85rem;font-weight:700;color:#18181b;margin-bottom:2px; }
.hbd-verdict-hint { font-size:.65rem;color:#a1a1aa; }

/* Onboarding */
.hbd-onboard { text-align:center;padding:50px 20px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;margin-bottom:1rem; }
.hbd-onboard-icon { font-size:2.5rem;margin-bottom:12px; }
.hbd-onboard-title { font-size:1.2rem;font-weight:700;color:#18181b;margin-bottom:8px; }
.hbd-onboard-body { font-size:.88rem;color:#71717a;line-height:1.6;max-width:500px;margin:0 auto 20px; }

/* Milestone Journey */
.hbd-journey { position:relative;display:flex;justify-content:space-between;padding:20px 0 0;margin-bottom:1rem;background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden; }
.hbd-journey-bar { position:absolute;top:26px;left:0;height:4px;background:linear-gradient(90deg,#38bdf8,#14b8a6);border-radius:2px;transition:width .6s;z-index:1; }
.hbd-journey-step { position:relative;z-index:2;flex:1;text-align:center;min-width:0;padding-bottom:12px; }
.hbd-journey-dot { width:12px;height:12px;border-radius:50%;background:var(--step-color);margin:0 auto 6px;transition:transform .3s; }
.hbd-journey-step.is-next .hbd-journey-dot { animation:hbd-pulse 2s infinite; }
.hbd-journey-step.is-done .hbd-journey-dot { transform:scale(1.2); }
@keyframes hbd-pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.4)} }
.hbd-journey-num { font-size:11px;font-weight:800;color:var(--step-color,#a1a1aa); }
.hbd-journey-text { font-size:8px;color:#a1a1aa;line-height:1.3;max-width:80px;margin:2px auto 0; }
.hbd-journey-step.is-done .hbd-journey-text { color:#52525b; }

/* Weekly snapshot */
.hbd-weekly { display:flex;gap:12px;padding:14px 18px;margin-bottom:1rem;background:#fff;border:1px solid #e4e4e7;border-radius:12px;align-items:center;flex-wrap:wrap; }
.hbd-weekly-icon { font-size:1.2rem; }
.hbd-weekly-head { display:flex;align-items:center;gap:6px; }
.hbd-weekly-label { font-size:.7rem;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em; }
.hbd-weekly-stat { text-align:center;flex:1;min-width:50px; }
.hbd-weekly-stat-val { font-size:1.2rem;font-weight:800;color:#38bdf8; }
.hbd-weekly-stat-label { font-size:.6rem;color:#a1a1aa; }

/* Kanban Drag */
.hbd-kanban-col .hbd-entry-card[draggable=true] { cursor:grab; }
.hbd-kanban-col .hbd-entry-card[draggable=true]:active { cursor:grabbing; opacity:.6; }
.hbd-kanban-col.drag-over { background:rgba(56,189,248,.06);border:2px dashed #38bdf8;border-radius:12px; }

/* Heatmap */
.hbd-heatmap-cell { transition:transform .1s; }
.hbd-heatmap-cell:hover { transform:scale(1.3);z-index:2;position:relative; }

/* Overview Tab */
.hbd-overview-hero { text-align:center;padding:20px 0 8px; }
.hbd-overview-hero-title { font-size:1.3rem;font-weight:800;color:#18181b;letter-spacing:-.01em; }
.hbd-overview-hero-sub { font-size:.82rem;color:#a1a1aa;margin-top:4px; }
.hbd-cycle { display:flex;align-items:center;justify-content:center;gap:0;padding:16px 0;flex-wrap:wrap; }
.hbd-cycle-step { display:flex;align-items:center;gap:0; }
.hbd-cycle-node { background:#fff;border:2px solid #e4e4e7;border-radius:14px;padding:12px 16px;text-align:center;min-width:100px; }
.hbd-cycle-num { width:22px;height:22px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-bottom:4px; }
.hbd-cycle-title { font-size:11px;font-weight:700;color:#18181b; }
.hbd-cycle-val { font-size:1.1rem;font-weight:800;margin:2px 0; }
.hbd-cycle-plugin { font-size:9px;color:#a1a1aa; }
.hbd-cycle-arrow { font-size:1.2rem;color:#d4d4d8;padding:0 6px; }

.hbd-overview-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 1rem; }
.hbd-overview-card { background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:18px; }
.hbd-overview-card-head { display:flex;align-items:center;gap:6px;margin-bottom:2px; }
.hbd-overview-card-icon { font-size:1rem; }
.hbd-overview-card-title { font-size:.85rem;font-weight:700;color:#18181b; }

.hbd-recalibrate { display:flex;align-items:flex-start;gap:14px;padding:18px;background:linear-gradient(135deg,rgba(56,189,248,.04),rgba(20,184,166,.06));border:1px solid rgba(56,189,248,.12);border-radius:12px;margin-bottom:1rem; }
.hbd-recalibrate-icon { font-size:1.8rem;flex-shrink:0; }
.hbd-recalibrate-title { font-size:.9rem;font-weight:700;color:#18181b;margin-bottom:4px; }
.hbd-recalibrate-body { font-size:.78rem;color:#71717a;line-height:1.5; }

.hbd-modal-panel { margin:40px auto 40px auto;background:#fff;border-radius:16px;padding:28px 32px 22px;max-width:680px;width:calc(100% - 32px);box-shadow:0 24px 64px rgba(0,0,0,.25); }

@media (max-width:640px) {
 .hbd-intel-grid { grid-template-columns:1fr; }
 .hbd-intel-vs { flex-direction:column; }
 .hbd-vault-card-grid { grid-template-columns:1fr; }
 .hbd-kanban-col { min-width:200px;max-width:260px; }
 .hbd-cycle { gap:8px; }
 .hbd-cycle-arrow { display:none; }
 .hbd-cycle-node { min-width:80px;padding:8px 10px; }
 .hbd-overview-grid { grid-template-columns:1fr; }
 }