/**
 * UniFile 2024 — tema Clasico (menu + Reporte de Ventas + panel clientes).
 * Tokens alineados con entrada-factura-theme-2024.css.
 * Oscuro permanece via body.uf-ui-dark / body.rv-dark (?tema=dark).
 */
:root {
  --uf-2024-chrome: #2c3e50;
  --uf-2024-chrome-end: #1a252f;
  --uf-2024-page-bg: #E6E6E6;
  --uf-2024-chrome-light: #f1f5f9;
  --uf-2024-chrome-light-border: #cbd5e1;
  --uf-2024-surface: #ffffff;
  --uf-2024-border: #cbd5e1;
  --uf-2024-text: #1e293b;
  --uf-2024-text-dark: #0f2744;
  --uf-2024-label: #475569;
  --uf-2024-input-bg: #ffffe0;
  --uf-2024-input-readonly: #f1f5f9;
  --uf-2024-lime: #84cc16;
  --uf-2024-lime-fg: #0f2744;
  --uf-2024-lime-border: #65a30d;
  --uf-2024-row-alt: #f8fafc;
  --uf-2024-btn-blue: #324B6F;
  --uf-2024-btn-red: #C80722;
}

/* ── Menu principal: encabezado y laterales claros ───────────── */
body.uf-ui-classic {
  background: var(--uf-2024-page-bg);
  color: var(--uf-2024-text);
}

body.uf-ui-classic #corpHeader {
  background: var(--uf-2024-chrome-light);
  border-bottom: 1px solid var(--uf-2024-chrome-light-border);
  color: var(--uf-2024-text-dark);
}

body.uf-ui-classic #corpHeader .text-white,
body.uf-ui-classic #corpHeader p.text-white {
  color: var(--uf-2024-text-dark) !important;
}

body.uf-ui-classic #corpHeader .text-slate-400,
body.uf-ui-classic #corpHeader .text-blue-400 {
  color: var(--uf-2024-btn-blue) !important;
}

body.uf-ui-classic #corpHeader [data-uf-display-brand],
body.uf-ui-classic #corpHeader [data-uf-display-brand] span {
  color: var(--uf-2024-text-dark) !important;
}

body.uf-ui-classic #corpHeader [data-uf-display-brand] span.text-blue-400 {
  color: var(--uf-2024-btn-blue) !important;
}

body.uf-ui-classic .corp-info-link {
  color: var(--uf-2024-btn-blue);
}

body.uf-ui-classic #mainSidebar,
body.uf-ui-classic #rightSidebar,
body.uf-ui-classic #reportesSidebar {
  background: var(--uf-2024-chrome-light);
  border-color: var(--uf-2024-chrome-light-border);
  color: var(--uf-2024-text);
}

body.uf-ui-classic #mainSidebar .border-b,
body.uf-ui-classic #rightSidebar .border-b,
body.uf-ui-classic #mainSidebar .border-slate-700\/40,
body.uf-ui-classic #rightSidebar .border-slate-700\/40 {
  border-color: var(--uf-2024-chrome-light-border) !important;
}

/* Section titles: Entradas, Otras Entradas, Reportes, Configuracion */
body.uf-ui-classic #mainSidebar .text-slate-500,
body.uf-ui-classic #rightSidebar .text-slate-500,
body.uf-ui-classic #mainSidebar p.uppercase,
body.uf-ui-classic #rightSidebar p.uppercase,
body.uf-ui-classic #reportesSidebar .text-slate-500,
body.uf-ui-classic #reportesSidebar p.uppercase {
  color: #000000 !important;
}

body.uf-ui-classic #btnModoMobile {
  color: #000000 !important;
}

body.uf-ui-classic #sidebarToggleBtn,
body.uf-ui-classic #rightSidebarToggleBtn {
  color: var(--uf-2024-label);
}

body.uf-ui-classic #sidebarToggleBtn:hover,
body.uf-ui-classic #rightSidebarToggleBtn:hover {
  background: #e2e8f0;
  color: var(--uf-2024-text-dark);
}

/* Menus individuales: botones azul WinDev + texto blanco */
body.uf-ui-classic .sidebar-item,
body.uf-ui-classic .config-btn {
  background: var(--uf-2024-btn-blue);
  color: #ffffff !important;
  border-left: 2px solid transparent;
  border-radius: 6px;
  margin-bottom: 2px;
}

body.uf-ui-classic .sidebar-item svg,
body.uf-ui-classic .config-btn svg {
  color: #ffffff;
  stroke: currentColor;
}

body.uf-ui-classic .sidebar-item:hover,
body.uf-ui-classic .config-btn:hover {
  background: var(--uf-2024-lime) !important;
  color: var(--uf-2024-lime-fg) !important;
  text-shadow: none;
  border-left-color: var(--uf-2024-lime-border);
}

body.uf-ui-classic .sidebar-item:hover svg,
body.uf-ui-classic .config-btn:hover svg {
  color: var(--uf-2024-lime-fg);
}

body.uf-ui-classic .sidebar-item.active,
body.uf-ui-classic .config-btn.active {
  background: var(--uf-2024-lime) !important;
  color: var(--uf-2024-lime-fg) !important;
  border-left-color: var(--uf-2024-lime-border) !important;
  font-weight: 700;
}

body.uf-ui-classic .sidebar-item.active svg,
body.uf-ui-classic .config-btn.active svg {
  color: var(--uf-2024-lime-fg);
}

body.uf-ui-classic #mainContent,
body.uf-ui-classic .content-area {
  background: var(--uf-2024-page-bg);
  border-color: var(--uf-2024-border);
}

body.uf-ui-classic .header-operador,
body.uf-ui-classic #nombreOperadorHeader {
  color: #4d7c0f !important;
}

/* Anula selects/fechas oscuros globales de app.css en menu clasico */
body.uf-ui-classic select:not([multiple]),
body.uf-ui-classic input[type="date"],
body.uf-ui-classic input[type="datetime-local"],
body.uf-ui-classic input[type="text"]:not([readonly]):not(:disabled),
body.uf-ui-classic input[type="number"]:not([readonly]):not(:disabled) {
  color-scheme: light;
  background-color: var(--uf-2024-input-bg);
  color: var(--uf-2024-text);
  border-color: var(--uf-2024-border);
}

/* ── Reporte de Ventas ──────────────────────────────────────── */
body.rv-classic {
  background: var(--uf-2024-page-bg);
  color: var(--uf-2024-text);
}

body.rv-classic .rv-workarea,
body.rv-classic .rv-main,
body.rv-classic .rv-tbl-wrap,
body.rv-classic .rv-table-section {
  background: var(--uf-2024-surface);
}

body.rv-classic .rv-filterbar,
body.rv-classic .rv-topbar,
body.rv-classic .rv-leftnav {
  background: #d4d8e0;
  border-color: #9aa3b4;
  color: var(--uf-2024-text);
}

body.rv-classic .rv-flbl {
  color: var(--uf-2024-label);
}

body.rv-classic .rv-tbl-hdr {
  background: var(--uf-2024-chrome);
  color: #ffffff;
  border-color: var(--uf-2024-chrome-end);
}

body.rv-classic .rv-tbl-hdr-title {
  color: var(--uf-2024-lime);
}

body.rv-classic .rv-table thead th,
body.rv-classic .rv-table thead th.rv-th {
  background: var(--uf-2024-chrome);
  color: #ffffff;
}

body.rv-classic .rv-row {
  background: var(--uf-2024-surface);
}

body.rv-classic .rv-row:nth-child(even):not(.active):not(.active-row) {
  background: var(--uf-2024-row-alt);
}

body.rv-classic .rv-row:hover:not(.active):not(.active-row) {
  background: #f1f5f9;
}

body.rv-classic .rv-row.active,
body.rv-classic .rv-row.active-row,
body.rv-classic .rv-table tbody tr.rv-row.active td {
  background: var(--uf-2024-lime);
  color: #000000;
}

body.rv-classic .rv-td {
  color: var(--uf-2024-text);
  border-color: var(--uf-2024-border);
}

body.rv-classic .rv-row.active .rv-td,
body.rv-classic .rv-row.active-row .rv-td {
  color: #000000;
  font-weight: 700;
}

body.rv-classic .rv-fsel,
body.rv-classic select.rv-fsel,
body.rv-classic input[type="date"],
body.rv-classic input[type="text"]:not([readonly]):not(:disabled),
body.rv-classic input[type="number"]:not([readonly]):not(:disabled) {
  color-scheme: light;
  background: var(--uf-2024-input-bg);
  color: var(--uf-2024-text);
  border: 1px solid var(--uf-2024-border);
}

body.rv-classic #filtro-docu {
  background: #e8ecf1 !important;
  border-bottom: 1px solid #9aa3b4 !important;
}

body.rv-classic #filtro-docu input[type="date"] {
  color-scheme: light !important;
  background-color: #ffffe0 !important;
  color: #0f2744 !important;
  border: 1px solid #94a3b8 !important;
}

body.rv-classic #filtro-docu .filtro-docu-lbl,
body.rv-classic #filtro-docu label.filtro-docu-lbl {
  color: #0f2744 !important;
  font-weight: 600;
}

body.rv-classic #filtro-docu input[type="radio"] {
  outline: 1px solid #475569;
  outline-offset: 1px;
}

body.rv-classic #filtro-docu label.filtro-docu-lbl:has(input[type="radio"]:checked) {
  font-weight: 800 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* % Util / MC / tfoot amounts: Azul UniFile #324B6F */
body.rv-classic .rv-td.rv-td-mc {
  color: #324B6F !important;
}

body.rv-classic .rv-row.active .rv-td,
body.rv-classic .rv-row.active-row .rv-td {
  color: #000000 !important;
}

body.rv-classic .rv-row.active .rv-td.rv-td-mc,
body.rv-classic .rv-row.active-row .rv-td.rv-td-mc {
  color: #324B6F !important;
}

body.rv-classic .rv-table tfoot .rv-tfoot-row td.rv-tfoot-amt,
body.rv-classic .rv-table tfoot .rv-tfoot-row td.rv-tfoot-und,
body.rv-classic .rv-tfoot-row td.rv-tfoot-amt,
body.rv-classic .rv-tfoot-row td.rv-tfoot-und {
  color: #324B6F !important;
}

body.rv-classic .rv-table tfoot .rv-tfoot-avg td,
body.rv-classic .rv-table tfoot .rv-tfoot-avg td.rv-tfoot-amt,
body.rv-classic .rv-table tfoot .rv-tfoot-avg td.rv-tfoot-und,
body.rv-classic .rv-table tfoot .rv-tfoot-avg td.rv-tfoot-desc,
body.rv-classic .rv-table tfoot .rv-tfoot-avg td.rv-tfoot-util,
body.rv-classic .rv-table tfoot .rv-tfoot-avg td.rv-tfoot-label {
  background-color: #ecfdf5 !important;
  color: #324B6F !important;
}

body.rv-classic .rv-table-footer,
body.rv-classic #rvTimer {
  background: #e8ecf1;
  color: var(--uf-2024-label);
  border-color: var(--uf-2024-border);
}

@media (min-width: 1360px) and (max-height: 900px) {
  body.rv-classic,
  body.uf-ui-classic {
    overflow: hidden;
  }
  body.rv-classic .rv-tbl-wrap {
    min-height: 0;
  }
}

/* Tablero ejecutivo — superficies claras bajo Clasico 2024
   styles.css usa !important en labels/amts; estas reglas deben ganarle. */
body.uf-ui-classic #mainContent {
  background: var(--uf-2024-page-bg) !important;
  border-color: var(--uf-2024-border);
}
body.uf-ui-classic .uf-dash-kpi,
body.uf-ui-classic .uf-dash-chart-panel {
  background: var(--uf-2024-surface) !important;
  border-color: var(--uf-2024-border) !important;
  box-shadow: none;
}
body.uf-ui-classic .uf-dash-kpi-label,
body.uf-ui-classic .kpi-card .kpi-title,
body.uf-ui-classic .kpi-label {
  color: #000000 !important;
}
body.uf-ui-classic .uf-dash-kpi-qty,
body.uf-ui-classic .kpi-card .kpi-count,
body.uf-ui-classic .kpi-number {
  color: #324B6F !important;
}
body.uf-ui-classic .uf-dash-kpi-amt,
body.uf-ui-classic .kpi-card .kpi-amount,
body.uf-ui-classic .kpi-value {
  color: #324B6F !important;
}
body.uf-ui-classic .uf-dash-kpi-total {
  border-color: #3b82f6;
}
body.uf-ui-classic .uf-dash-chart-head h2 {
  color: #000000 !important;
}
body.uf-ui-classic .uf-dash-chart-head p,
body.uf-ui-classic .uf-dash-chart-foot span {
  color: #324B6F !important;
}
body.uf-ui-classic .uf-dash-chart-foot {
  border-top-color: var(--uf-2024-border) !important;
}
body.uf-ui-classic .uf-dash-chart-foot strong {
  color: #324B6F !important;
}

/* ── Panel financiero clientes (listado / modal) ─────────────── */
body.uf-ui-classic #bpPanelClienteStack,
body.uf-ui-classic.bp-mode-cliente #modalRightColumn,
body.uf-ui-classic .bp-mode-cliente #modalRightColumn,
body.fc-ui-classic #bpPanelClienteStack {
  background: var(--uf-2024-surface);
  color: var(--uf-2024-text);
}

body.uf-ui-classic #bpPanelClienteStack .bp-accordion,
body.uf-ui-classic #bpPanelClienteCredito,
body.fc-ui-classic #bpPanelClienteStack .bp-accordion,
body.fc-ui-classic #bpPanelClienteCredito {
  background: var(--uf-2024-surface);
  border: 1px solid var(--uf-2024-border);
}

body.uf-ui-classic #bpPanelClienteStack .bp-accordion-head,
body.fc-ui-classic #bpPanelClienteStack .bp-accordion-head {
  background: var(--uf-2024-btn-blue);
  color: #ffffff;
}

body.uf-ui-classic #bpPanelClienteStack .bp-accordion-body,
body.fc-ui-classic #bpPanelClienteStack .bp-accordion-body {
  background: var(--uf-2024-surface);
  color: var(--uf-2024-text);
}

body.uf-ui-classic #bpPanelClienteStack .bp-ficha-title,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-value,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-dir-texto,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-cmp td,
body.fc-ui-classic #bpPanelClienteStack .bp-ficha-title,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-value,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-dir-texto,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-cmp td {
  color: var(--uf-2024-text) !important;
}

body.uf-ui-classic #bpPanelClienteStack .bp-ficha-sub,
body.fc-ui-classic #bpPanelClienteStack .bp-ficha-sub {
  color: var(--uf-2024-btn-blue) !important;
}

body.uf-ui-classic #bpPanelClienteStack .bp-section-title,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-label,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-dir-tipo,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-cmp td:first-child,
body.fc-ui-classic #bpPanelClienteStack .bp-section-title,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-label,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-dir-tipo,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-cmp td:first-child {
  color: var(--uf-2024-label) !important;
}

body.uf-ui-classic #bpPanelClienteStack .bp-cli-row,
body.uf-ui-classic #bpPanelClienteStack .bp-cli-dir-item,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-row,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-dir-item {
  background: var(--uf-2024-row-alt) !important;
  border-color: var(--uf-2024-border) !important;
}

body.uf-ui-classic #bpPanelClienteStack .bp-cli-cmp th,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-cmp th {
  background: var(--uf-2024-btn-blue) !important;
  color: #ffffff !important;
  border-bottom-color: var(--uf-2024-chrome-end) !important;
}

body.uf-ui-classic #bpPanelClienteStack .bp-cli-cmp .bp-cli-usd,
body.fc-ui-classic #bpPanelClienteStack .bp-cli-cmp .bp-cli-usd {
  color: var(--uf-2024-btn-blue) !important;
}
/* Overlay modal cliente (.bp-mode-cliente en overlay/container) */
.bp-mode-cliente #bpPanelClienteStack,
.bp-mode-cliente #modalRightColumn,
.bp-mode-cliente #bpPanel {
  background: var(--uf-2024-surface, #ffffff) !important;
  color: var(--uf-2024-text, #1e293b) !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-accordion-head {
  background: var(--uf-2024-btn-blue, #324B6F) !important;
  color: #ffffff !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-cli-cmp th {
  background: var(--uf-2024-btn-blue, #324B6F) !important;
  color: #ffffff !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-cli-value,
.bp-mode-cliente #bpPanelClienteStack .bp-ficha-title,
.bp-mode-cliente #bpPanelClienteStack .bp-cli-cmp td,
.bp-mode-cliente #bpPanelClienteStack .bp-cli-dir-texto {
  color: var(--uf-2024-text, #1e293b) !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-cli-label,
.bp-mode-cliente #bpPanelClienteStack .bp-section-title,
.bp-mode-cliente #bpPanelClienteStack .bp-cli-cmp td:first-child {
  color: var(--uf-2024-label, #475569) !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-cli-row,
.bp-mode-cliente #bpPanelClienteStack .bp-cli-dir-item {
  background: var(--uf-2024-row-alt, #f8fafc) !important;
  border-color: var(--uf-2024-border, #cbd5e1) !important;
}
.bp-mode-cliente #bpPanelClienteStack .bp-cli-cmp .bp-cli-usd,
.bp-mode-cliente #bpPanelClienteStack .bp-ficha-sub {
  color: var(--uf-2024-btn-blue, #324B6F) !important;
}