/* Hub V4 — ajustes dark-tech (satélites + utilitários que escapam dos tokens do ledger) */

[data-theme="dark-tech"] {
  --brand: #0e9f6e;
  --chart-grid: rgba(148, 163, 184, 0.15);
  --chart-tick: #94a3b8;
  --chart-tick-faint: #64748b;
  --gauge-track: rgba(148, 163, 184, 0.2);
}

[data-theme="dark-tech"] .dropdown-select-panel {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

[data-theme="dark-tech"] .dropdown-select-filter {
  background: var(--input-bg);
  color: var(--text);
}

[data-theme="dark-tech"] .hub-billing-page .hub-billing-tools input,
[data-theme="dark-tech"] .hub-billing-page .hub-billing-tools select {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark-tech"] .hub-integrations-page .integration-status-grid {
  background: var(--surface-muted);
}

[data-theme="dark-tech"] .hub-integrations-page .integration-flow__num {
  background: var(--accent);
  color: var(--accent-contrast);
}

[data-theme="dark-tech"] body.hub-billing-page,
[data-theme="dark-tech"] body.hub-integrations-page {
  background: var(--bg);
}

/* Painel Geral / plano — sobrescreve tokens locais do protótipo claro */
[data-theme="dark-tech"] .hub-dashboard {
  --surface: var(--bg);
  --card: var(--card-bg);
  --border: var(--border);
  --text: var(--text);
  --text-soft: var(--text-muted);
  --text-faint: #6b7594;
  --brand-tint: rgba(14, 159, 110, 0.16);
  --amber-tint: rgba(245, 158, 11, 0.16);
  --red-tint: rgba(228, 87, 46, 0.16);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

[data-theme="dark-tech"] body.hub-dashboard-page,
[data-theme="dark-tech"] body.hub-plan-usage-page {
  background: var(--bg);
}

[data-theme="dark-tech"] body.hub-dashboard-page .hub-topbar {
  background: var(--topbar-bg);
  border-bottom-color: var(--border);
}

[data-theme="dark-tech"] .hub-dashboard .search {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

[data-theme="dark-tech"] .hub-dashboard .kpi-trend.flat,
[data-theme="dark-tech"] .hub-dashboard .status-neutral {
  background: var(--neutral-bg);
  color: var(--text-muted);
}

[data-theme="dark-tech"] .hub-dashboard .alert-row--warn .alert-icon,
[data-theme="dark-tech"] .hub-dashboard .kpi-trend.warn,
[data-theme="dark-tech"] .hub-dashboard .kpi-status--warn,
[data-theme="dark-tech"] .hub-dashboard .status-warn {
  color: var(--warning);
}

[data-theme="dark-tech"] .hub-dashboard .alert-row--danger .alert-icon,
[data-theme="dark-tech"] .hub-dashboard .kpi-status--err,
[data-theme="dark-tech"] .hub-dashboard .status-bad {
  color: var(--danger);
}

[data-theme="dark-tech"] .hub-dashboard tbody td {
  border-bottom-color: var(--border);
}

[data-theme="dark-tech"] .hub-dashboard .qa-tile {
  background: var(--surface-alt);
}

[data-theme="dark-tech"] .hub-dashboard .qa-tile:hover .qa-icon {
  background: var(--surface);
}

[data-theme="dark-tech"] .hub-dashboard .gauge-ring {
  background: conic-gradient(
    var(--gauge-color, var(--brand)) calc(var(--pct) * 1%),
    var(--gauge-track) 0
  );
}

[data-theme="dark-tech"] .hub-plan-usage .plan-pill {
  background: var(--success-bg);
  color: var(--success);
}

[data-theme="dark-tech"] .hub-plan-usage .plan-pill--past_due,
[data-theme="dark-tech"] .hub-plan-usage .plan-pill--canceled {
  background: var(--danger-bg);
  color: var(--danger);
}

[data-theme="dark-tech"] .hub-plan-usage .plan-pill--trialing {
  background: var(--warning-bg);
  color: var(--warning);
}

[data-theme="dark-tech"] .hub-plan-usage .plan-notice--amber {
  background: var(--warning-bg);
  border-color: rgba(245, 166, 35, 0.35);
  color: var(--warning);
}

/* Cobranças / bancos */
[data-theme="dark-tech"] .hub-billing-page {
  --card: var(--card-bg);
  --bill-green-bg: var(--success-bg);
  --bill-amber-bg: var(--warning-bg);
  --bill-red-bg: var(--danger-bg);
}

[data-theme="dark-tech"] .banks-table thead tr {
  background: var(--table-head-bg);
  color: var(--text-muted);
}

[data-theme="dark-tech"] .banks-table tr.row-active {
  background: var(--success-bg);
}

[data-theme="dark-tech"] .banks-table tr.row-active:hover {
  background: rgba(52, 211, 153, 0.18);
}

[data-theme="dark-tech"] .banks-table tbody tr:hover {
  background: var(--table-row-hover);
}

[data-theme="dark-tech"] .bank-config-row td {
  background: var(--surface-alt);
}

[data-theme="dark-tech"] .bank-badge--active {
  background: var(--success-bg);
  color: var(--success);
}

[data-theme="dark-tech"] .bank-badge--active .dot {
  background: var(--success);
}

[data-theme="dark-tech"] .bank-badge--pending {
  background: var(--warning-bg);
  color: var(--warning);
}

[data-theme="dark-tech"] .bank-badge--pending .dot {
  background: var(--warning);
}

[data-theme="dark-tech"] .bank-badge--expired {
  background: var(--danger-bg);
  color: var(--danger);
}

[data-theme="dark-tech"] .bank-badge--expired .dot {
  background: var(--danger);
}

[data-theme="dark-tech"] .bank-badge--soon {
  background: var(--neutral-bg);
  color: var(--text-muted);
}

[data-theme="dark-tech"] .bank-badge--soon .dot {
  background: var(--text-muted);
}

[data-theme="dark-tech"] .bank-use--off {
  background: var(--neutral-bg);
  color: var(--text-muted);
}

/* Kanban */
[data-theme="dark-tech"] .hub-kanban-page {
  --kanban-col-pending: rgba(166, 124, 46, 0.12);
  --kanban-col-progress: rgba(15, 107, 92, 0.14);
  --kanban-col-waiting: rgba(255, 255, 255, 0.06);
  --kanban-col-done: rgba(45, 138, 98, 0.14);
}

[data-theme="dark-tech"] .hub-kanban-page .closebtn,
[data-theme="dark-tech"] .kanban-groups-count {
  background: var(--neutral-bg);
}

[data-theme="dark-tech"] .hub-kanban-page .kanban-thread {
  background: var(--surface-alt);
}

[data-theme="dark-tech"] .hub-kanban-page .kanban-msg.contador {
  background: var(--surface);
}

[data-theme="dark-tech"] .hub-kanban-page .kanban-compose textarea {
  background: var(--input-bg);
}

[data-theme="dark-tech"] .hub-kanban-groups-page {
  --kanban-bg: var(--bg);
}

[data-theme="dark-tech"] .kanban-groups-card,
[data-theme="dark-tech"] .kanban-group-row {
  background: var(--surface);
}

[data-theme="dark-tech"] .kanban-status-chip--open {
  background: var(--success-bg);
  color: var(--success);
}

[data-theme="dark-tech"] .kanban-status-chip--close,
[data-theme="dark-tech"] .kanban-status-chip--connecting,
[data-theme="dark-tech"] .kanban-groups-alert {
  background: var(--danger-bg);
  color: var(--danger);
}

[data-theme="dark-tech"] .kanban-group-map-form select {
  background: var(--input-bg);
  color: var(--text);
}

/* PDV — alinhar ao hub dark-tech quando o operador não escolheu tema local */
[data-theme="dark-tech"] #pdv-root.pdv-screen:not([data-pdv-theme="light"]) {
  --pdv-bg: #0f172a;
  --pdv-surface: #111827;
  --pdv-raised: #1e293b;
  --pdv-border: #334155;
  --pdv-text: #f1f5f9;
  --pdv-muted: #94a3b8;
  --pdv-accent: #5b6ef5;
  --pdv-accent-ink: #ffffff;
  --pdv-accent-bg: rgba(91, 110, 245, 0.14);
  --pdv-danger: #f0533d;
  --pdv-warn-bg: rgba(245, 166, 35, 0.14);
  --pdv-warn: #f5a623;
  --pdv-ok: #34d399;
}