/*
 * CRM Avalanche: Linear dark treatment for dashboard, tracking and CRM board.
 * Page-scoped. As cores passam por tokens theme-aware (--lx-*), então claro e
 * híbrido herdam os valores corretos da paleta; a geometria segue única.
 */

/* Full-width: conteúdo ocupa a área útil inteira (ordem do dono: TODOS os menus, Manual incluso). */
[data-theme] #page-vendas .trk-pad{max-width:none;margin:0}
[data-theme] #page-minha-conta .bill-wrap{max-width:none;margin:0}
[data-theme] #page-manual .man-wrap{max-width:none;margin:0}

/* Shared Linear tokens, redeclared locally so this slice is self-contained. */
:root[data-theme] :is(#page-dashboard, #page-vendas, #page-crm) {--color-void: var(--lx-void, #08090a);--color-carbon: var(--lx-carbon, #0f1011);--color-obsidian: var(--lx-obsidian, #161718);--color-graphite: var(--lx-graphite, #23252a);--color-smoke: var(--lx-smoke, #383b3f);--color-ash: var(--lx-ash, #62666d);--color-fog: var(--lx-fog, #8a8f98);--color-mist: var(--lx-mist, #d0d6e0);--color-bone: var(--lx-bone, #e5e5e6);--color-paper: var(--lx-paper, #ffffff);--color-acid-lime: var(--lx-acid-lime, #e4f222);--color-pulse-green: var(--lx-pulse-green, #27a644);--color-coral-red: var(--lx-coral-red, #eb5757);--color-signal-teal: var(--lx-signal-teal, #02b8cc);--color-iris-violet: var(--lx-iris-violet, #6366f1);--color-lavender: var(--lx-lavender, #8b5cf6);--color-amber: var(--lx-amber, #e0a33e);--font-ui: "Inter Variable", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Berkeley Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: var(--color-carbon);--panel: var(--color-obsidian);--panel-2: var(--color-carbon);--raised: var(--color-graphite);--line: var(--color-graphite);--line-strong: var(--color-smoke);--text: var(--color-mist);--text-primary: var(--color-mist);--text-secondary: var(--color-fog);--text-dim: var(--color-fog);--text-muted: var(--color-ash);--dim: var(--color-fog);--mute: var(--color-ash);--accent: var(--color-acid-lime);--accent-deep: var(--color-acid-lime);--accent-glow: rgba(var(--lx-lime-rgb),0.14);--live: var(--color-pulse-green);--bad: var(--color-coral-red);--info: var(--color-signal-teal);--r: 12px;--r-sm: 6px;color: var(--color-mist);font-family: var(--font-ui);}

/* -------------------------------------------------------------------------- */
/* Dashboard                                                                  */
/* -------------------------------------------------------------------------- */

:root[data-theme] #page-dashboard {background: var(--color-carbon);}

:root[data-theme] #page-dashboard > header.glass {background: var(--color-carbon);border-bottom: 1px solid var(--color-graphite);border-radius: 0;box-shadow: none;}

:root[data-theme] #page-dashboard > header .ui-icon-tile {--raised: var(--color-graphite);--line: var(--color-smoke);--info: var(--color-acid-lime);}

:root[data-theme] #page-dashboard > header :is(select, input) {background: var(--color-obsidian) !important;border-color: var(--color-graphite) !important;border-radius: 6px !important;color: var(--color-mist) !important;font-family: var(--font-ui) !important;}

:root[data-theme] #page-dashboard > header :is(select, input):focus {border-color: var(--color-smoke) !important;}

:root[data-theme] #page-dashboard #customDateRange button {background: var(--color-acid-lime) !important;border-color: var(--color-acid-lime) !important;color: var(--lx-on-lime) !important;border-radius: 6px !important;font-weight: 590;}

:root[data-theme] #page-dashboard #dnew-root {--dn-bg1: var(--color-obsidian);--dn-bg2: var(--color-obsidian);--dn-bg3: var(--color-graphite);--dn-line: var(--color-graphite);--dn-line2: var(--color-smoke);--dn-text: var(--color-mist);--dn-dim: var(--color-fog);--dn-mute: var(--color-ash);--dn-accent: var(--color-acid-lime);--dn-accent-deep: var(--color-acid-lime);--dn-live: var(--color-pulse-green);--dn-bad: var(--color-coral-red);--dn-ig: var(--color-lavender);--dn-gold: var(--lx-amber);--dn-r: 12px;--dn-r-sm: 12px;color: var(--color-mist);}

:root[data-theme] #page-dashboard #dnew-root section.dnew-block {margin-top: 20px;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sec-head {margin-bottom: 12px;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sec-ico {background: var(--color-carbon);border-color: var(--color-graphite);border-radius: 6px;color: var(--lx-lime-ink);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sec-head h2 {color: var(--color-bone);font-size: 15px;font-weight: 510;}

:root[data-theme] #page-dashboard #dnew-root :is(.dnew-sub2, .dnew-chart-cap) {color: var(--color-fog);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sec-link {background: transparent;border-color: var(--color-graphite);border-radius: 6px;color: var(--color-fog);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sec-link:hover {background: var(--color-graphite);border-color: var(--color-smoke);color: var(--color-bone);}

:root[data-theme] #page-dashboard #dnew-root :is(.dnew-panel, .dnew-statcard, .dnew-ch-item, .dnew-kan-card, .dnew-pr-total) {background: var(--color-obsidian);background-image: none;border: 1px solid var(--color-graphite);border-radius: 12px;box-shadow: none;}

:root[data-theme] #page-dashboard #dnew-root .dnew-panel:hover {border-color: var(--color-smoke);box-shadow: none;}

:root[data-theme] #page-dashboard #dnew-root .dnew-statcard {gap: 10px;padding: 16px;}

:root[data-theme] #page-dashboard #dnew-root .dnew-statcard .dnew-lab {color: var(--color-fog);font-size: 12px;letter-spacing: 0;text-transform: none;}

:root[data-theme] #page-dashboard #dnew-root :is(.num, .dnew-dc, .dnew-pr-srow .sv, .dnew-sdr-count .c, .dnew-sdr-count .t) {font-family: var(--font-mono);font-variant-numeric: tabular-nums;letter-spacing: -0.013em;}

:root[data-theme] #page-dashboard #dnew-root :is(.dnew-statcard .dnew-val .v, .dnew-ig-area .dnew-big, .dnew-pr-total .v, .dnew-sales-top .dnew-scell .v) {color: var(--color-paper);font-weight: 590;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales.dnew-panel {background: var(--color-obsidian);border-color: var(--color-graphite);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top {background: var(--color-obsidian);border-color: var(--color-graphite);border-radius: 12px;gap: 0;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell {min-width: 0;padding: 16px;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell + .dnew-scell {border-color: var(--color-graphite);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell .l {color: var(--color-fog);font-size: 12px;letter-spacing: 0;text-transform: none;}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell:nth-child(2) .v,
:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell:nth-child(3) .v,
:root[data-theme] #page-dashboard #dnew-root :is(#dnew-saRev, #dnew-saTicket) {color: var(--lx-amber);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell:nth-child(2) .u,
:root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell:nth-child(3) .u {color: var(--lx-amber);}

:root[data-theme] #page-dashboard #dnew-root :is(.dnew-sdr-bar-track, .dnew-sb-track) {background: var(--color-graphite);}

:root[data-theme] #page-dashboard #dnew-root .dnew-sdr-bar {background: var(--color-mist);}

:root[data-theme] #page-dashboard #dnew-root .dnew-statuschip.ok {background: var(--lx-wash-green);color: var(--color-pulse-green);}

:root[data-theme] #page-dashboard #dnew-root .dnew-statuschip.off {background: var(--lx-wash-coral);color: var(--color-coral-red);}
/* Item 10 — no claro o verde/vermelho vivo afunda sobre o wash pálido (ativo 2.7-3.09).
   Só no claro troca pelo ink escuro (>= 4.5); o escuro segue aprovado. */
:root[data-theme="light"] #page-dashboard #dnew-root .dnew-statuschip.ok {color: #116a34;}
:root[data-theme="light"] #page-dashboard #dnew-root .dnew-statuschip.off {color: #b91c1c;}

:root[data-theme] #page-dashboard #dnew-root #dnew-salesChart path:not([fill="none"]) {fill: var(--lx-amber);}

:root[data-theme] #page-dashboard #dnew-root #dnew-salesChart path[fill="none"] {stroke: var(--lx-amber);}

:root[data-theme] #page-dashboard #dnew-root #dnew-salesChart circle:first-of-type {fill: var(--lx-amber);}

:root[data-theme] #page-dashboard #dnew-root #dnew-salesChart circle:last-of-type {stroke: var(--lx-amber);}

/* -------------------------------------------------------------------------- */
/* Sales and tracking                                                         */
/* -------------------------------------------------------------------------- */

:root[data-theme] #page-vendas {background: var(--color-carbon);}

:root[data-theme] #page-vendas > header.glass {--panel: var(--color-carbon);box-shadow: none;}

:root[data-theme] #page-vendas > header .ui-icon-tile {--raised: var(--color-graphite);--line: var(--color-smoke);--live: var(--color-pulse-green);}

:root[data-theme] #page-vendas :is(.trk-select, #periodFilterVendas, #dateFromVendas, #dateToVendas) {--panel-2: var(--color-obsidian);--line: var(--color-graphite);--text: var(--color-mist);border-radius: 6px !important;font-family: var(--font-ui);}

:root[data-theme] #page-vendas .trk-tabsbar {background: var(--color-carbon);border-bottom: 1px solid var(--color-graphite);gap: 6px;padding: 10px 20px;}

:root[data-theme] #page-vendas .trk-tab-btn {background: transparent;border: 1px solid var(--color-graphite);border-radius: 6px;color: var(--color-fog);font-size: 12px;font-weight: 510;padding: 8px 10px;}

:root[data-theme] #page-vendas .trk-tab-btn:hover {background: var(--color-obsidian);border-color: var(--color-smoke);color: var(--color-bone);transform: none;}

:root[data-theme] #page-vendas .trk-tab-btn.active {background: var(--color-acid-lime);border-color: var(--color-acid-lime);color: var(--lx-on-lime);box-shadow: none;}

:root[data-theme] #page-vendas .trk-tab-btn.active svg {color: var(--lx-on-lime);}

:root[data-theme] #page-vendas .trk-tab-btn:focus-visible {outline: 2px solid var(--color-acid-lime);outline-offset: 2px;}

:root[data-theme] #page-vendas .trk-tab-panel :is(.glass, .glass-strong) {--panel: var(--color-obsidian);--line: var(--color-graphite);--r: 12px;background-image: none;box-shadow: none;}

:root[data-theme] #page-vendas .trk-tab-panel .grid > .glass {min-width: 0;padding: 16px;}

:root[data-theme] #page-vendas .trk-tab-panel .card-hover:hover {--accent-glow: var(--color-smoke);box-shadow: none;transform: none;}

:root[data-theme] #page-vendas .trk-tab-panel :is(.stat-number, [id*="amount"], [id*="ticket"], [id*="gross"], [id*="revenue"], [id*="fat"], [id*="gasto"], [id*="lucro"], [id*="cpa"]) {font-family: var(--font-mono);font-variant-numeric: tabular-nums;letter-spacing: -0.013em;}

:root[data-theme] #page-vendas .trk-tab-panel :is([id*="amount"], [id*="ticket"], [id*="gross"], [id*="revenue"], [id*="fat"], [id*="gasto"], [id*="lucro"], [id*="cpa"]) {--text: var(--lx-amber);--text-primary: var(--lx-amber);color: var(--lx-amber);}

:root[data-theme] #page-vendas #v-sales-table td:nth-child(6),
:root[data-theme] #page-vendas #trk-prod-table td:nth-child(3),
:root[data-theme] #page-vendas #trk-prod-table td:nth-child(4),
:root[data-theme] #page-vendas #trk-attr-table td:nth-child(3),
:root[data-theme] #page-vendas #v-trk-table td:nth-child(3),
:root[data-theme] #page-vendas #v-trk-table td:nth-child(4),
:root[data-theme] #page-vendas #v-trk-table td:nth-child(6),
:root[data-theme] #page-vendas #v-trk-table td:nth-child(7) {--text-primary: var(--lx-amber);color: var(--lx-amber);font-family: var(--font-mono);font-variant-numeric: tabular-nums;}

:root[data-theme] #page-vendas :is(table, th, td) {border-color: var(--color-graphite);}

:root[data-theme] #page-vendas thead th {--mute: var(--color-fog);font-size: 11px;font-weight: 510;letter-spacing: 0.04em;}

:root[data-theme] #page-vendas tbody tr:hover {--raised: var(--color-carbon);}

:root[data-theme] #page-vendas tbody td {color: var(--color-mist);}

:root[data-theme] #page-vendas :is(.bg-green-500\/10, .bg-emerald-500\/10, .bg-cyan-500\/10, .bg-red-500\/10) {--accent-glow: var(--color-carbon);background: var(--color-carbon) !important;border-color: var(--color-graphite);}

:root[data-theme] #page-vendas :is(.text-green-400, .text-emerald-400) {color: var(--color-pulse-green) !important;}

:root[data-theme] #page-vendas :is(.text-cyan-400, .text-cyan-300) {color: var(--lx-cyan-ink) !important;}

:root[data-theme] #page-vendas :is(.text-red-400, #v-abandonments-today) {color: var(--color-coral-red) !important;}

/* Tracking usa o mesmo submenu lateral de Conversas, Contatos e Prospecção. */
#page-vendas.active {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  min-width: 0;
  overflow: hidden;
}

#page-vendas .trk-subnav-layout {
  flex: 1;
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

#page-vendas .trk-tabsbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 2px;
  min-width: 0;
  min-height: 0;
  padding: 12px 8px;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid var(--line, #d7deea);
  border-bottom: 0;
  background: var(--panel, #fff);
}

#page-vendas .trk-subnav-head {
  display: grid;
  gap: 12px;
  padding: 4px 4px 10px;
}

#page-vendas .trk-subnav-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  color: var(--text, #0f172a);
  font-size: 14px;
}

#page-vendas .trk-subnav-title-row strong {
  font-weight: 620;
}

#page-vendas .trk-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--dim, #64748b);
  font-size: 10px;
  font-weight: 560;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#page-vendas .trk-live i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--live, #15803d);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--live, #15803d) 12%, transparent);
}

#page-vendas .trk-side-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--dim, #64748b);
  font-size: 10px;
  font-weight: 560;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#page-vendas .trk-side-field .trk-select,
#page-vendas .trk-date-range input {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 9px;
  border: 1px solid var(--line, #d7deea);
  border-radius: 6px;
  background: var(--panel-2, #f8fafc);
  color: var(--text, #0f172a);
  font: inherit;
  font-size: 12px;
  font-weight: 430;
  letter-spacing: 0;
  text-transform: none;
}

#page-vendas .trk-date-range {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

#page-vendas .trk-date-range button {
  min-height: 30px;
  border: 1px solid var(--line, #d7deea);
  border-radius: 6px;
  background: transparent;
  color: var(--text, #0f172a);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

#page-vendas .trk-date-range button:hover {
  border-color: var(--line-strong, #b7c1d1);
  background: color-mix(in srgb, var(--text, #0f172a) 5%, transparent);
}

#page-vendas .trk-subnav-divider {
  height: 1px;
  margin: 2px 4px 10px;
  background: var(--line, #d7deea);
}

#page-vendas .trk-tab-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--dim, #64748b);
  text-align: left;
  white-space: normal;
}

#page-vendas .trk-tab-btn svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}

#page-vendas .trk-tab-btn:hover {
  border: 0;
  background: color-mix(in srgb, var(--text, #0f172a) 5%, transparent);
  color: var(--text, #0f172a);
}

#page-vendas .trk-tab-btn.active {
  border: 0;
  background: color-mix(in srgb, var(--text, #0f172a) 8%, transparent);
  color: var(--text, #0f172a);
}

#page-vendas .trk-subnav-content {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

:root[data-theme] #page-vendas .trk-tabsbar {
  border-right-color: var(--color-graphite);
  background: var(--color-carbon);
}

:root[data-theme] #page-vendas .trk-subnav-title-row {
  color: var(--color-paper);
}

:root[data-theme] #page-vendas .trk-live,
:root[data-theme] #page-vendas .trk-side-field {
  color: var(--color-ash);
}

:root[data-theme] #page-vendas .trk-side-field .trk-select,
:root[data-theme] #page-vendas .trk-date-range input {
  background: var(--lx-wash-hover) !important;
  border-color: var(--color-graphite) !important;
  color: var(--color-mist) !important;
}

:root[data-theme] #page-vendas .trk-date-range button {
  border-color: var(--color-graphite);
  color: var(--color-mist);
}

:root[data-theme] #page-vendas .trk-date-range button:hover {
  border-color: var(--color-smoke);
  background: var(--lx-wash-hover);
}

:root[data-theme] #page-vendas .trk-subnav-divider {
  background: var(--color-graphite);
}

:root[data-theme] #page-vendas .trk-tab-btn {
  border: 0;
  background: transparent;
  color: var(--color-fog);
}

:root[data-theme] #page-vendas .trk-tab-btn:hover {
  border: 0;
  background: var(--lx-wash-hover);
  color: var(--color-mist);
}

:root[data-theme] #page-vendas .trk-tab-btn.active {
  border: 0;
  background: var(--lx-wash-hover-2);
  color: var(--color-paper);
}

:root[data-theme] #page-vendas .trk-tab-btn.active svg {
  color: var(--color-paper);
}

@media (max-width: 760px) {
  #page-vendas .trk-subnav-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }

  #page-vendas .trk-tabsbar {
    flex-direction: row;
    padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-bottom: 1px solid var(--line, #d7deea);
  }

  #page-vendas .trk-subnav-head {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
    gap: 8px;
    padding: 0;
  }

  #page-vendas .trk-subnav-title-row {
    min-height: 32px;
  }

  #page-vendas .trk-side-field {
    width: min(180px, 42vw);
  }

  #page-vendas .trk-date-range {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
  }

  #page-vendas .trk-date-range input {
    width: 132px;
  }

  #page-vendas .trk-subnav-divider {
    width: 1px;
    height: 30px;
    flex: 0 0 1px;
    margin: 0 4px;
  }

  #page-vendas .trk-tab-btn {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
  }

  :root[data-theme] #page-vendas .trk-tabsbar {
    border-bottom-color: var(--color-graphite);
  }
}

/* -------------------------------------------------------------------------- */
/* CRM Kanban                                                                 */
/* -------------------------------------------------------------------------- */

:root[data-theme] #page-crm {--theme-canvas: var(--color-carbon);--theme-surface: var(--color-carbon);--theme-raised: var(--color-graphite);background: var(--color-carbon);}

:root[data-theme] #page-crm .crm-board-shell {position: sticky;top: 0;z-index: 5;flex: 0 0 auto;background: var(--color-carbon);border-bottom: 1px solid var(--color-graphite);}

:root[data-theme] #page-crm .crm-toolbar {position: static;display: flex;align-items: center;min-width: 0;background: var(--color-carbon) !important;border: 0 !important;border-radius: 0;}

:root[data-theme] #page-crm .crm-toolbar-main {min-height: 52px;gap: 12px;padding: 0 20px !important;}

:root[data-theme] #page-crm .crm-toolbar-filters {min-height: 44px;gap: 8px;padding: 0 20px !important;border-top: 1px solid var(--color-graphite) !important;overflow-x: auto;}

:root[data-theme] #page-crm .crm-title-lockup {display: flex;flex: 1 1 auto;align-items: center;min-width: 0;gap: 10px;color: var(--color-paper) !important;}

:root[data-theme] #page-crm .crm-title-icon {width: 16px;height: 16px;flex: 0 0 auto;color: var(--color-fog);}

:root[data-theme] #page-crm .crm-title-lockup h1 {margin: 0;color: var(--color-paper);font-size: 24px;font-weight: 510;line-height: 1.33;letter-spacing: -0.288px;}

:root[data-theme] #page-crm #crm-pipe-count {display: inline-flex;flex: 0 0 auto;align-items: center;height: 20px;padding: 0 6px;border-radius: 4px;background: var(--lx-wash-hover);color: var(--color-fog) !important;font-family: var(--font-ui) !important;font-size: 12px !important;font-weight: 400 !important;line-height: 1.4;white-space: nowrap;}

:root[data-theme] #page-crm .crm-pipeline-badge {display: inline-flex;align-items: center;max-width: min(32vw, 320px);height: 20px;gap: 5px;padding: 0 6px;overflow: hidden;border-radius: 4px;background: rgba(var(--lx-lime-rgb),0.14);color: var(--lx-lime-ink);font-size: 12px;line-height: 1.4;white-space: nowrap;}

:root[data-theme] #page-crm #crm-pipe-name {overflow: hidden;text-overflow: ellipsis;}

:root[data-theme] #page-crm #crm-pipe-dot {width: 6px !important;height: 6px !important;flex: 0 0 auto;border-radius: 50%;background: var(--color-acid-lime) !important;}

:root[data-theme] #page-crm .crm-toolbar-spacer {flex: 1 1 auto;min-width: 10px;}

:root[data-theme] #page-crm .crm-toolbar-btn {height: 32px;min-height: 32px;padding: 0 12px;justify-content: center;gap: 6px;background: transparent !important;border: 1px solid var(--color-graphite) !important;border-radius: 6px !important;color: var(--color-mist) !important;font-family: var(--font-ui);font-size: 13px;font-weight: 510;}

:root[data-theme] #page-crm .crm-toolbar-btn:hover {background: var(--lx-wash-hover) !important;border-color: var(--color-smoke) !important;color: var(--color-bone) !important;}

:root[data-theme] #page-crm .crm-toolbar-btn.is-active {background: var(--lx-wash-active) !important;border-color: var(--color-smoke) !important;color: var(--color-paper) !important;}

:root[data-theme] #page-crm .crm-toolbar-btn.primary {background: var(--color-acid-lime) !important;border-color: var(--color-acid-lime) !important;color: var(--lx-on-lime) !important;font-weight: 590;}

:root[data-theme] #page-crm .crm-toolbar-btn.primary:hover {background: var(--lx-acid-lime-hi) !important;border-color: var(--lx-acid-lime-hi) !important;color: var(--lx-on-lime) !important;}

:root[data-theme] #page-crm .crm-icon-btn {width: 28px;height: 28px;min-height: 28px;padding: 0 !important;flex: 0 0 28px;}

:root[data-theme] #page-crm :is(.crm-icon-btn, .crm-new-deal) svg {width: 16px;height: 16px;flex: 0 0 auto;}

:root[data-theme] #page-crm .crm-new-deal svg {width: 14px;height: 14px;}

:root[data-theme] #page-crm .crm-forecast-bar {flex: 0 0 auto;min-width: 0;justify-content: flex-end;gap: 0;padding: 0 8px 0 0;background: transparent !important;border: 0 !important;}

:root[data-theme] #page-crm .crm-forecast-bar .crm-fc-item,
:root[data-theme] #page-crm .crm-forecast-bar .crm-fc-sep {display: none;}

:root[data-theme] #page-crm .crm-forecast-bar .crm-fc-item:nth-child(3) {display: flex;flex-direction: row;align-items: baseline;gap: 8px;}

:root[data-theme] #page-crm .crm-fc-label {color: var(--color-fog);font-size: 12px;text-transform: none;letter-spacing: 0;}

:root[data-theme] #page-crm :is(.crm-fc-value, .crm-fc-value.weighted, .crm-fc-value.won, .crm-fc-value.lost) {color: var(--lx-amber);font-family: var(--font-mono);font-size: 15px;font-variant-numeric: tabular-nums;font-weight: 510;letter-spacing: -0.013em;}

:root[data-theme] #page-crm .crm-search-field,
:root[data-theme] #page-crm .crm-filter-chip {display: inline-flex;align-items: center;flex: 0 0 auto;border-radius: 6px;color: var(--color-mist);font-family: var(--font-ui);font-size: 12px;white-space: nowrap;}

:root[data-theme] #page-crm .crm-search-field {width: 236px;height: 32px;min-height: 32px;gap: 8px;padding: 0 10px;background: var(--lx-wash-hover) !important;border: 1px solid var(--lx-wash-active) !important;color: var(--color-fog);}

:root[data-theme] #page-crm .crm-search-field:focus-within {border-color: var(--color-mist) !important;}

:root[data-theme] #page-crm .crm-filter-chip {height: 28px;min-height: 28px;gap: 6px;padding: 0 8px;background: transparent !important;border: 1px solid var(--color-graphite) !important;}

:root[data-theme] #page-crm .crm-filter-chip:hover {background: var(--lx-wash-hover) !important;border-color: var(--color-smoke) !important;}

:root[data-theme] #page-crm :is(.crm-search-field, .crm-filter-chip) > svg {width: 14px;height: 14px;flex: 0 0 auto;color: var(--color-fog);}

:root[data-theme] #page-crm .crm-search-field input {width: 100%;min-width: 0;padding: 0 !important;background: transparent !important;border: 0 !important;outline: 0;color: var(--color-mist) !important;font: inherit;font-size: 13px;}

:root[data-theme] #page-crm .crm-search-field input::placeholder {color: var(--color-ash);}

:root[data-theme] #page-crm .crm-filter-pipeline {border-color: rgba(var(--lx-lime-rgb),0.5) !important;background: rgba(var(--lx-lime-rgb),0.06) !important;color: var(--color-paper) !important;}

:root[data-theme] #page-crm #crm-pipe-select {width: auto;min-width: 140px;max-width: 240px !important;padding: 0 18px 0 0 !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;color: var(--color-paper) !important;font: inherit;cursor: pointer;}

/* QA final v2 · toolbar: custom-select.js envelopa o #crm-pipe-select num
   .cs-root>.cs-trigger cujo min-height:42px da base (app.css) estourava o chip de
   filtro de 28px (o gatilho ficava ~7px mais alto que Período/Responsável/Valor e
   transbordava a linha, encostando no funil). Aqui o gatilho fica transparente e
   cabe no chip, que já dá a borda lime e o fundo. Mesmo padrão do fix da topbar
   em theme-linear-core-shell.css (.lx-topbar-r .cs-trigger). */
:root[data-theme] #page-crm .crm-filter-pipeline .cs-root {width: auto;min-width: 0;max-width: 240px;flex: 0 1 auto;}
:root[data-theme] #page-crm .crm-filter-pipeline .cs-trigger {height: 26px;min-height: 0;padding: 0 !important;gap: 5px;background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;color: var(--color-paper) !important;font: inherit;}
:root[data-theme] #page-crm .crm-filter-pipeline .cs-trigger:hover,
:root[data-theme] #page-crm .crm-filter-pipeline .cs-root.is-open .cs-trigger {background: transparent !important;border: 0 !important;box-shadow: none !important;}
:root[data-theme] #page-crm .crm-filter-pipeline .cs-label {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
:root[data-theme] #page-crm .crm-filter-pipeline .cs-caret {width: 12px;height: 12px;flex: 0 0 auto;}

:root[data-theme] #page-crm .crm-filter-value {color: var(--color-ash);}

:root[data-theme] #page-crm #crm-bulk-bar {flex: 0 0 auto;background: var(--color-obsidian) !important;border-top: 0 !important;border-bottom: 1px solid var(--color-graphite) !important;}

:root[data-theme] #page-crm .crm-bulk-summary {color: var(--color-bone);font-size: 12px;font-weight: 590;}

:root[data-theme] #page-crm .crm-board-wrap {display: flex;flex: 1 1 auto;align-items: stretch;min-height: 0 !important;gap: 12px !important;padding: 14px 20px 20px !important;overflow-x: auto;overflow-y: hidden;background: var(--color-carbon) !important;scrollbar-gutter: stable;}

:root[data-theme] #page-crm .crm-column {display: flex;flex: 1 1 0;width: auto;min-width: 252px;max-width: none;min-height: 0;max-height: none;overflow: hidden;background: rgba(var(--lx-ink-rgb),0.015) !important;background-image: none !important;border: 0 !important;border-radius: 12px !important;box-shadow: var(--lx-sh-subtle) !important;transition: background-color 120ms ease, box-shadow 120ms ease;}

:root[data-theme] #page-crm .crm-column::before,
:root[data-theme] #page-crm .crm-card-cover {display: none !important;content: none !important;}

:root[data-theme] #page-crm .crm-col-head {display: flex;flex-direction: column;align-items: stretch;gap: 4px;padding: 12px 12px 10px !important;background: transparent !important;background-image: none !important;border-bottom: 1px solid var(--color-graphite) !important;}

:root[data-theme] #page-crm .crm-col-head-main {display: block;min-width: 0;}

:root[data-theme] #page-crm .crm-col-head-meta {display: flex;align-items: center;gap: 7px;min-width: 0;}

:root[data-theme] #page-crm .crm-col-head .col-name {display: block;width: 100%;min-width: 0;min-height: 2.6em;margin: 0;padding: 2px 0 !important;background: transparent !important;border: 0 !important;border-radius: 4px;outline: none;color: var(--color-bone) !important;font-family: var(--font-ui);font-size: 13px;font-weight: 510 !important;line-height: 1.3;white-space: normal;overflow-wrap: anywhere;word-break: break-word;cursor: text;}

:root[data-theme] #page-crm .crm-col-head .col-name:focus {background: var(--lx-wash-hover) !important;}

:root[data-theme] #page-crm .crm-col-count {flex: 0 0 auto;padding: 0 5px;background: var(--lx-wash-hover) !important;border: 0 !important;border-radius: 4px !important;color: var(--color-ash) !important;font-family: var(--font-mono);font-size: 11px;font-variant-numeric: tabular-nums;font-weight: 400;line-height: 1.5;}

:root[data-theme] #page-crm .crm-col-total {color: var(--lx-amber);font-family: var(--font-mono);font-size: 12px;font-variant-numeric: tabular-nums;letter-spacing: -0.013em;}

:root[data-theme] #page-crm .crm-col-winprob {padding: 0 5px;background: rgba(var(--lx-lime-rgb),0.14) !important;border: 0 !important;border-radius: 4px;color: var(--lx-lime-ink) !important;font-family: var(--font-mono);font-size: 11px;line-height: 1.5;}

:root[data-theme] #page-crm .crm-col-selall {display: none !important;}

:root[data-theme] #page-crm .crm-col-menu,
:root[data-theme] #page-crm .crm-col-action {display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;padding: 0;background: transparent;border: 0;border-radius: 6px;color: var(--color-fog) !important;cursor: pointer;}

:root[data-theme] #page-crm .crm-col-head-meta .crm-col-action:first-of-type {margin-left: auto;}

:root[data-theme] #page-crm .crm-col-action:hover {background: var(--lx-wash-hover-2);color: var(--color-bone) !important;}

:root[data-theme] #page-crm .crm-col-menu {font-size: 0;}

:root[data-theme] #page-crm .crm-col-menu::before {content: "•••";font-size: 10px;letter-spacing: 1px;}

:root[data-theme] #page-crm .crm-col-action svg {width: 14px;height: 14px;}

:root[data-theme] #page-crm .crm-col-cards {display: flex;flex: 1 1 auto;flex-direction: column;min-height: 88px;gap: 8px;padding: 10px;overflow-y: auto;background: transparent !important;background-image: none !important;}

:root[data-theme] #page-crm .crm-empty-state {display: flex;flex: 1 1 auto;flex-direction: column;align-items: center;justify-content: center;gap: 10px;margin: auto;padding: 20px 14px;text-align: center;}

:root[data-theme] #page-crm .crm-empty-art {display: grid;width: 88px;height: 56px;place-items: center;border: 1px dashed var(--color-graphite);border-radius: 6px;color: var(--lx-empty-art);}

:root[data-theme] #page-crm .crm-empty-art svg {width: 28px;height: 28px;}

:root[data-theme] #page-crm .crm-empty-title {color: var(--color-mist);font-size: 13px;font-weight: 510;}

:root[data-theme] #page-crm .crm-empty-hint {max-width: 190px;color: var(--color-ash);font-size: 12px;line-height: 1.5;}

:root[data-theme] #page-crm .crm-empty-state .crm-toolbar-btn {margin-top: 2px;}

:root[data-theme] #page-crm .crm-card {position: relative;flex: 0 0 auto;min-width: 0;min-height: 0;overflow: visible;background: var(--color-obsidian) !important;background-image: none !important;border: 0 !important;border-radius: 12px !important;box-shadow: var(--lx-sh-subtle) !important;cursor: grab;transition: background-color 120ms ease, box-shadow 120ms ease !important;}

:root[data-theme] #page-crm .crm-card:hover {background: var(--lx-raised-hover) !important;box-shadow: var(--lx-sh-subtle-strong) !important;transform: none !important;}

:root[data-theme] #page-crm .crm-card-body {display: flex;flex-direction: column;min-width: 0;gap: 8px;padding: 11px 12px 10px;background: transparent !important;}

:root[data-theme] #page-crm .crm-card-toprow,
:root[data-theme] #page-crm .crm-card-titlerow {display: flex;align-items: flex-start;min-width: 0;gap: 8px;}

:root[data-theme] #page-crm .crm-card-titlerow {flex: 1 1 auto;}

:root[data-theme] #page-crm .crm-card-avatar {display: grid;width: 24px;height: 24px;flex: 0 0 24px;place-items: center;overflow: hidden;background: var(--color-graphite) !important;border: 0 !important;border-radius: 50%;color: var(--color-bone) !important;font-size: 10px;font-weight: 590;letter-spacing: 0.02em;}

:root[data-theme] #page-crm .crm-card-titlecol {min-width: 0;overflow: hidden;}

:root[data-theme] #page-crm .crm-card-company,
:root[data-theme] #page-crm .crm-card-source {overflow: hidden;color: var(--color-fog) !important;font-family: var(--font-mono);font-size: 11px;letter-spacing: -0.013em;text-overflow: ellipsis;white-space: nowrap;}

:root[data-theme] #page-crm .crm-card-deal-title,
:root[data-theme] #page-crm .crm-card-title {display: -webkit-box;margin: 0;overflow: hidden;color: var(--color-bone) !important;font-size: 13px;font-weight: 510 !important;line-height: 1.35;overflow-wrap: anywhere;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

:root[data-theme] #page-crm .crm-card-bio,
:root[data-theme] #page-crm .crm-card-igmeta {display: none;}

:root[data-theme] #page-crm .crm-card-badges-right {display: flex;flex: 0 0 auto;flex-direction: row;flex-wrap: wrap;align-items: center;max-width: none;gap: 4px;margin-top: 0;}

:root[data-theme] #page-crm .crm-card-toprow > .crm-card-badges-right {max-width: 46%;}

:root[data-theme] #page-crm .crm-card-tag,
:root[data-theme] #page-crm .crm-card-stage-age {display: inline-flex;align-items: center;min-width: 0;height: 20px;padding: 0 6px;overflow: hidden;background: var(--lx-wash-hover) !important;border: 0 !important;border-radius: 4px !important;color: var(--color-fog) !important;font-size: 12px;font-weight: 400 !important;letter-spacing: 0 !important;line-height: 1.4;text-overflow: ellipsis;text-transform: none !important;white-space: nowrap;}

:root[data-theme] #page-crm :is(.crm-card-tag.tone-lime, .crm-card-tag:nth-child(6n + 1)) {background: rgba(var(--lx-lime-rgb),0.14) !important;color: var(--lx-lime-ink) !important;}

:root[data-theme] #page-crm :is(.crm-card-tag.won, .crm-card-tag.tone-green, .crm-card-tag:nth-child(6n + 2)) {background: var(--lx-wash-green) !important;color: var(--lx-green-text) !important;}

:root[data-theme] #page-crm :is(.crm-card-tag.lost, .crm-card-tag.overdue, .crm-card-tag.tone-coral, .crm-card-tag:nth-child(6n + 3)) {background: var(--lx-wash-coral) !important;color: var(--lx-coral-text) !important;}

:root[data-theme] #page-crm :is(.crm-card-tag.client, .crm-card-tag.tone-teal, .crm-card-tag:nth-child(6n + 4)) {background: var(--lx-wash-teal) !important;color: var(--lx-teal-text) !important;}

:root[data-theme] #page-crm :is(.crm-card-tag.user, .crm-card-tag.tone-violet, .crm-card-tag:nth-child(6n + 5)) {background: var(--lx-wash-violet) !important;color: var(--lx-violet-text) !important;}

:root[data-theme] #page-crm :is(.crm-card-tag.tone-lavender, .crm-card-tag:nth-child(6n)) {background: var(--lx-wash-lavender) !important;color: var(--lx-lavender-text) !important;}

/* QA final · ACHADO 2: quando a tag traz um `.tone-*` explícito, ele é a cor de
   verdade e VENCE tanto o `.user` (violeta) quanto o arco-íris posicional
   `:nth-child`, que valem só como fallback sem tom. As etiquetas de usuário
   nascem com `.user .tone-N` (app.js crmCardHtml) e um badge semântico anterior
   (Cliente/Ganhou) desloca a posição, então o tom precisa vencer por ORDEM, no
   fim da cascata dos badges. Mesma especificidade das regras acima; ganha por vir depois. */
:root[data-theme] #page-crm .crm-card-tag.tone-lime {background: rgba(var(--lx-lime-rgb),0.14) !important;color: var(--lx-lime-ink) !important;}
:root[data-theme] #page-crm .crm-card-tag.tone-green {background: var(--lx-wash-green) !important;color: var(--lx-green-text) !important;}
:root[data-theme] #page-crm .crm-card-tag.tone-coral {background: var(--lx-wash-coral) !important;color: var(--lx-coral-text) !important;}
:root[data-theme] #page-crm .crm-card-tag.tone-teal {background: var(--lx-wash-teal) !important;color: var(--lx-teal-text) !important;}
:root[data-theme] #page-crm .crm-card-tag.tone-violet {background: var(--lx-wash-violet) !important;color: var(--lx-violet-text) !important;}
:root[data-theme] #page-crm .crm-card-tag.tone-lavender {background: var(--lx-wash-lavender) !important;color: var(--lx-lavender-text) !important;}

/* QA final · ACHADO 4b: com o chip "1h nesta etapa" no rodapé, o .crm-card-meta
   (flex:1) espremia o .crm-card-sale a ~78px, quebrando o valor em várias linhas
   com os ícones de canal colados nos dígitos. Solução sem mudar o design nem a
   altura do card: o bloco de venda deixa de encolher (flex:0 0 auto) e o valor
   nunca quebra (white-space:nowrap); quem cede é o .crm-card-meta (flex:1), que
   trunca o chip com reticências quando o espaço aperta. Cards sem chip ficam
   idênticos (a venda já não encolhia lá). */
:root[data-theme] #page-crm .crm-card-foot {display: flex;align-items: center;min-width: 0;gap: 8px;margin-top: 0;padding-top: 2px;}

:root[data-theme] #page-crm .crm-card-sale {display: flex;flex: 0 0 auto;align-items: center;min-width: 0;gap: 8px;margin: 0;padding: 0;background: transparent !important;border: 0 !important;border-radius: 0 !important;}

:root[data-theme] #page-crm .crm-card-sale-text {gap: 1px;min-width: 0;}

:root[data-theme] #page-crm .crm-card-sale-value,
:root[data-theme] #page-crm .crm-card-value {color: var(--lx-amber) !important;font-family: var(--font-mono);font-size: 13px;font-variant-numeric: tabular-nums;font-weight: 510 !important;letter-spacing: -0.013em;white-space: nowrap;}

:root[data-theme] #page-crm .crm-card-sale-prod {max-width: 150px;overflow: hidden;color: var(--color-ash) !important;font-size: 11px;text-overflow: ellipsis;white-space: nowrap;}

:root[data-theme] #page-crm .crm-card-meta {display: flex;flex: 1 1 auto;align-items: center;justify-content: flex-end;min-width: 0;gap: 8px;margin: 0;overflow: hidden;color: var(--color-ash) !important;font-family: var(--font-ui);font-size: 12px;line-height: 1.4;white-space: nowrap;}

:root[data-theme] #page-crm :is(.crm-card-due, .crm-card-created) {display: inline-flex;align-items: center;min-width: 0;gap: 4px;overflow: hidden;color: var(--color-ash) !important;text-overflow: ellipsis;}

:root[data-theme] #page-crm .crm-card-due.overdue {color: var(--color-coral-red) !important;}

:root[data-theme] #page-crm .crm-card-stage-age {background: var(--lx-wash-lavender) !important;color: var(--lx-lavender-text) !important;}

:root[data-theme] #page-crm .crm-card-stage-age.stale {background: var(--lx-wash-coral) !important;color: var(--lx-coral-text) !important;}

/* QA final v2 · chip cortado: o fix 4b deixou o .crm-card-meta estreito (~49px) e
   o chip de tempo-na-etapa (inline-flex, sem ellipsis funcional) cortava
   "recém-movido" no meio, sem reticências. Só nos cards COM chip (:has), o rodapé
   embrulha o meta para uma linha própria em largura cheia, onde o flex-wrap nativo
   do meta mostra data e chip inteiros; o chip não encolhe. Cards SEM chip não casam
   o :has e ficam intactos (uma linha, footH 37px). Valor segue numa linha e ícones
   sem sobreposição (fix 4b preservado). */
:root[data-theme] #page-crm .crm-card-foot:has(.crm-card-stage-age) {flex-wrap: wrap;row-gap: 6px;}
:root[data-theme] #page-crm .crm-card-foot:has(.crm-card-stage-age) .crm-card-meta {flex: 1 1 100%;}
:root[data-theme] #page-crm .crm-card-stage-age {flex-shrink: 0;}

:root[data-theme] #page-crm .crm-card-channels-overlay,
:root[data-theme] #page-crm .crm-card-channels-row {display: flex;flex: 0 0 auto;flex-wrap: nowrap;gap: 4px;margin: 0;padding: 0;border: 0 !important;}

:root[data-theme] #page-crm .crm-ch {width: 16px;height: 16px;background: transparent !important;border: 0 !important;color: var(--color-ash) !important;}

:root[data-theme] #page-crm .crm-card-selected {box-shadow: rgba(var(--lx-lime-rgb),0.5) 0 0 0 1px inset !important;outline: 2px solid rgba(var(--lx-lime-rgb),0.16) !important;outline-offset: 1px;}

:root[data-theme] #page-crm .crm-card-sel {top: 9px;left: 9px;}

:root[data-theme] #page-crm .crm-card-sel-cb {accent-color: var(--color-acid-lime);}

:root[data-theme] #page-crm :is(.crm-col-add, .crm-add-column, .crm-col-more) {flex: 0 0 auto;background: transparent !important;border-color: var(--color-graphite) !important;border-radius: 6px;color: var(--color-fog) !important;font-size: 12px;}

:root[data-theme] #page-crm .crm-col-add {border-top: 1px solid var(--color-graphite) !important;border-radius: 0 !important;}

:root[data-theme] #page-crm .crm-add-column {flex: 0 0 252px;min-width: 252px;min-height: 80px;align-self: flex-start;border-style: dashed !important;}

:root[data-theme] #page-crm :is(.crm-col-add, .crm-add-column, .crm-col-more):hover {background: var(--lx-wash-hover) !important;border-color: var(--color-smoke) !important;color: var(--color-bone) !important;}

:root[data-theme] #page-crm .crm-bulk-modal {background: var(--color-obsidian) !important;border: 1px solid var(--color-graphite) !important;border-radius: 12px !important;}

:root[data-theme] #page-crm .crm-bulk-modal-head,
:root[data-theme] #page-crm .crm-bulk-modal-field,
:root[data-theme] #page-crm .crm-bulk-modal-actions {padding: 18px 20px 0;}

:root[data-theme] #page-crm .crm-bulk-modal-title {color: var(--color-bone);font-size: 15px;font-weight: 510;}

:root[data-theme] #page-crm .crm-bulk-modal-sub,
:root[data-theme] #page-crm .crm-bulk-modal-field label {color: var(--color-fog);font-size: 12px;}

:root[data-theme] #page-crm .crm-bulk-modal-sub {margin-top: 4px;}

:root[data-theme] #page-crm .crm-bulk-modal-field label {display: block;margin-bottom: 6px;}

:root[data-theme] #page-crm .crm-bulk-modal-actions {display: flex;justify-content: flex-end;gap: 8px;padding-bottom: 18px;}

/* O modal real do card vira o side sheet da decisão 7. */
:root[data-theme] #crm-card-modal.crm-modal-overlay {--color-void: var(--lx-void, #08090a);--color-carbon: var(--lx-carbon, #0f1011);--color-obsidian: var(--lx-obsidian, #161718);--color-graphite: var(--lx-graphite, #23252a);--color-smoke: var(--lx-smoke, #383b3f);--color-ash: var(--lx-ash, #62666d);--color-fog: var(--lx-fog, #8a8f98);--color-mist: var(--lx-mist, #d0d6e0);--color-bone: var(--lx-bone, #e5e5e6);--color-paper: var(--lx-paper, #ffffff);--color-acid-lime: var(--lx-acid-lime, #e4f222);--color-coral-red: var(--lx-coral-red, #eb5757);--color-amber: var(--lx-amber, #e0a33e);--font-ui: "Inter Variable", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Berkeley Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;display: block !important;padding: 0 !important;visibility: hidden;opacity: 0;pointer-events: none;background: rgba(8, 9, 10, 0.66) !important;transition: opacity 180ms ease, visibility 0s linear 180ms;}

:root[data-theme] #crm-card-modal.crm-modal-overlay.open {visibility: visible;opacity: 1;pointer-events: auto;transition-delay: 0s;}

:root[data-theme] #crm-card-modal > .crm-modal {position: absolute;top: 0;right: 0;display: flex;width: min(480px, 100vw);max-width: none;height: 100dvh;max-height: none;flex-direction: column;overflow: hidden;transform: translateX(102%);background: var(--color-carbon) !important;background-image: none !important;border: 0 !important;border-left: 1px solid var(--color-graphite) !important;border-radius: 0 !important;box-shadow: var(--lx-sh-xl) !important;color: var(--color-mist);font-family: var(--font-ui);transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);}

:root[data-theme] #crm-card-modal.open > .crm-modal {transform: translateX(0);}

:root[data-theme] #crm-card-modal .crm-modal-cover {display: none !important;}

:root[data-theme] #crm-card-modal .ccm-sheet-close {position: absolute;top: 10px;right: 10px;z-index: 4;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 0;background: transparent;border: 0;border-radius: 6px;color: var(--color-fog);cursor: pointer;}

:root[data-theme] #crm-card-modal .ccm-sheet-close:hover {background: var(--lx-wash-hover-2);color: var(--color-bone);}

:root[data-theme] #crm-card-modal .ccm-sheet-close svg {width: 16px;height: 16px;}

:root[data-theme] #crm-card-modal .crm-modal-body {flex: 1 1 auto;min-height: 0;padding: 0;overflow-y: auto;}

:root[data-theme] #crm-card-modal .crm-modal-title {width: 100%;margin: 0;padding: 14px 52px 0 16px;background: transparent !important;border: 0 !important;border-radius: 0;color: var(--color-bone) !important;font-family: var(--font-ui);font-size: 16px;font-weight: 510;line-height: 1.4;letter-spacing: -0.02em;}

:root[data-theme] #crm-card-modal .crm-modal-title:focus {background: var(--lx-wash-hover) !important;outline: 1px solid var(--color-smoke) !important;}

:root[data-theme] #crm-card-modal .crm-modal-sub {margin: 0;padding: 2px 16px 14px;border-bottom: 1px solid var(--color-graphite);color: var(--color-fog);font-size: 12px;}

:root[data-theme] #crm-card-modal .ccm-stepper {display: flex;gap: 4px;margin: 14px 16px 0;}

:root[data-theme] #crm-card-modal .ccm-step {display: flex;flex: 1 1 0;align-items: center;justify-content: center;height: 26px;padding: 0 3px;overflow: hidden;border-radius: 4px;background: var(--lx-wash-hover);color: var(--color-ash);font-size: 10px;letter-spacing: -0.01em;white-space: nowrap;}

:root[data-theme] #crm-card-modal .ccm-step.done {background: var(--lx-wash-hover-2);color: var(--color-fog);}

:root[data-theme] #crm-card-modal .ccm-step.now {background: var(--color-acid-lime);color: var(--lx-on-lime);font-weight: 590;}

:root[data-theme] #crm-card-modal .crm-modal-grid {display: flex;flex-direction: column;gap: 0;padding: 16px;}

:root[data-theme] #crm-card-modal .crm-modal-section {margin-bottom: 18px;padding-top: 16px;border-top: 1px solid var(--color-graphite);}

:root[data-theme] #crm-card-modal .crm-modal-grid > div:first-child > .crm-modal-section:first-child {padding-top: 0;border-top: 0;}

:root[data-theme] #crm-card-modal .crm-modal-section h3 {margin-bottom: 8px;color: var(--color-ash) !important;font-size: 11px;font-weight: 510;letter-spacing: 0.05em;text-transform: uppercase;}

:root[data-theme] #crm-card-modal .crm-modal-section h3 svg {width: 13px;height: 13px;margin-right: 6px;vertical-align: -2px;}

:root[data-theme] #crm-card-modal :is(.crm-input, .crm-textarea, .crm-select) {width: 100%;background: var(--lx-wash-hover) !important;border: 1px solid var(--lx-wash-active) !important;border-radius: 6px !important;color: var(--color-mist) !important;}

:root[data-theme] #crm-card-modal :is(.crm-input, .crm-textarea, .crm-select):focus {border-color: var(--color-smoke) !important;}

:root[data-theme] #crm-card-modal .crm-textarea {min-height: 108px;}

:root[data-theme] #crm-card-modal :is(.ccm-contact-card, .ccm-sale-card) {background: var(--lx-wash-hover) !important;border: 1px solid var(--color-graphite) !important;border-radius: 6px;}

:root[data-theme] #crm-card-modal .ccm-sale-value {color: var(--lx-amber) !important;font-family: var(--font-mono);font-variant-numeric: tabular-nums;letter-spacing: -0.013em;}

:root[data-theme] #crm-card-modal .crm-side-btn {min-height: 32px;background: transparent !important;border: 1px solid var(--color-graphite) !important;border-radius: 6px;color: var(--color-mist) !important;font-size: 13px;font-weight: 510;}

:root[data-theme] #crm-card-modal .crm-side-btn:hover {background: var(--lx-wash-hover) !important;border-color: var(--color-smoke) !important;color: var(--color-bone) !important;}

:root[data-theme] #crm-card-modal .crm-side-btn.danger {color: var(--color-coral-red) !important;border-color: rgba(var(--lx-coral-rgb),0.28) !important;}

:root[data-theme] #crm-card-modal .crm-side-btn.danger:hover {background: rgba(var(--lx-coral-rgb),0.1) !important;border-color: rgba(var(--lx-coral-rgb),0.45) !important;}

:root[data-theme] #crm-card-modal .crm-modal-grid > div:last-child > .crm-modal-section:last-child {position: sticky;bottom: 0;display: flex;gap: 8px;margin: 0 -16px -16px;padding: 12px 16px;background: var(--color-carbon);border-top: 1px solid var(--color-graphite);}

:root[data-theme] #crm-card-modal .crm-modal-grid > div:last-child > .crm-modal-section:last-child h3 {display: none;}

:root[data-theme] #crm-card-modal .crm-modal-grid > div:last-child > .crm-modal-section:last-child .crm-side-btn {flex: 1 1 auto;width: auto;margin: 0;}

:root[data-theme] #crm-card-modal .crm-modal-grid > div:last-child > .crm-modal-section:last-child .crm-side-btn.danger {flex: 0 0 auto;}

@media (max-width: 900px) {:root[data-theme] #page-dashboard #dnew-root :is(.dnew-ig-grid, .dnew-bc-grid, .dnew-pr-grid, .dnew-sales-main) {grid-template-columns: minmax(0, 1fr);}

  :root[data-theme] #page-dashboard #dnew-root .dnew-sales-top {grid-template-columns: repeat(2, minmax(0, 1fr));}

  :root[data-theme] #page-vendas > header.glass {align-items: flex-start;}

  :root[data-theme] #page-vendas .trk-tabsbar {padding-inline: 14px;}

  :root[data-theme] #page-crm .crm-toolbar-main {flex-wrap: wrap;}

  :root[data-theme] #page-crm .crm-title-lockup {flex: 1 1 calc(100% - 196px);}

  :root[data-theme] #page-crm .crm-forecast-bar {order: 4;margin-left: auto;}

  :root[data-theme] #page-crm .crm-column {flex-basis: min(82vw, 340px);min-width: min(82vw, 340px);max-width: min(82vw, 340px);}
}

@media (max-width: 640px) {:root[data-theme] #page-dashboard #dnew-root :is(.dnew-ig-mini, .dnew-kan-grid, .dnew-sales-top) {grid-template-columns: minmax(0, 1fr);}

  :root[data-theme] #page-dashboard #dnew-root .dnew-sales-top .dnew-scell + .dnew-scell {border-left: 0;border-top: 1px solid var(--color-graphite);}

  :root[data-theme] #page-vendas .trk-tab-panel .grid > .glass {padding: 14px;}

  :root[data-theme] #page-crm .crm-toolbar-main {padding: 10px 14px 10px 68px !important;}

  :root[data-theme] #page-crm .crm-toolbar-filters {padding-inline: 14px !important;}

  :root[data-theme] #page-crm .crm-title-lockup {flex-basis: 100%;}

  :root[data-theme] #page-crm .crm-title-lockup h1 {font-size: 18px;}

  :root[data-theme] #page-crm .crm-pipeline-badge {max-width: 42vw;}

  :root[data-theme] #page-crm .crm-forecast-bar {display: none !important;}

  :root[data-theme] #page-crm #crm-pipe-select {width: auto;}

  :root[data-theme] #page-crm #crm-pipe-settings {width: 34px;overflow: hidden;padding-inline: 7px;white-space: nowrap;}

  :root[data-theme] #crm-card-modal > .crm-modal {width: 100vw;}}

@media (prefers-reduced-motion: reduce) {:root[data-theme] #crm-card-modal.crm-modal-overlay,
  :root[data-theme] #crm-card-modal > .crm-modal,
  :root[data-theme] #page-crm .crm-card {transition: none !important;}}