/* ════════════════════════════════════════════════════════════════
   Placeholders en gris muy claro · 03/jul/2026
   El texto de ejemplo ya no se confunde con información capturada.
   (Mismo tono #cbd5e1 que ya usa el sistema de comisiones.)
   ════════════════════════════════════════════════════════════════ */
input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-select::placeholder {
    color: #cbd5e1 !important;
    opacity: 1 !important; /* Firefox atenúa de más sin esto */
}

/* ════════════════════════════════════════════════════════════════
   Fondo naranja clarito · 04/jul/2026
   Distintivo de INTERNO para no confundirlo con el ADMIN cuando
   trabajas con las dos ventanas abiertas.
   ¿Quieres el tono más fuerte o más suave? Es UN solo número:
   cambia #fff6ec aquí abajo (ej. #ffefe0 más notorio, #fffaf5 más sutil).
   ════════════════════════════════════════════════════════════════ */
body:has(.dashboard-main),
body:has(.dashboard-main) .dashboard-main,
body:has(.dashboard-main) .dashboard-main-body,
body:has(.dashboard-main) .dashboard-main > footer {
    background-color: #fff6ec !important;
}

/* ── Inputs vestidos de naranja (borde firme, interior tibio) ──
   Borde:   #f97316  (naranja fuerte)  ·  al enfocar: #ea580c
   Interior:#fff9f1  (apenas tibio, para que el texto respire)   */
body:has(.dashboard-main) .form-control,
body:has(.dashboard-main) .form-select,
body:has(.dashboard-main) textarea,
body:has(.dashboard-main) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]) {
    background-color: #fff4e9 !important;  /* v6: pocito, una nota más profundo que la tarjeta */
    border-color: #f97316 !important;
}
body:has(.dashboard-main) .form-control:focus,
body:has(.dashboard-main) .form-select:focus,
body:has(.dashboard-main) textarea:focus,
body:has(.dashboard-main) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.18) !important;
    outline: none;
}
body:has(.dashboard-main) input[type="checkbox"],
body:has(.dashboard-main) input[type="radio"] {
    accent-color: #f97316;
}

/* ════════════════════════════════════════════════════════════════
   v4 · Vestimenta completa (04/jul/2026)
   Jerarquía cálida: sidebar más profundo que el lienzo; cards en
   blanco cálido con borde naranja (más claros que el fondo a
   propósito, para que la información siga flotando y legible).
   ════════════════════════════════════════════════════════════════ */

/* ── v5 · El "marco" del sistema (barra superior + sidebar) ──
   Un mismo tono propio, un poquito más claro que el sidebar
   anterior, distinto del lienzo y de las tarjetas.            */
body:has(.dashboard-main) .sidebar,
body:has(.dashboard-main) .navbar-header {
    background-color: #fff3e6 !important;
}

/* Cards: blanco cálido + borde naranja suave */
body:has(.dashboard-main) .card {
    background-color: #fff9f1 !important;  /* v6: cálido pleno, adiós al casi-blanco */
    border-color: #ffdfbe !important;
}
body:has(.dashboard-main) .card .card-header {
    background-color: transparent !important;
    border-bottom-color: #ffe6cd !important;
}

/* Selects: red universal (cubre .tg-filtro y cualquier <select>) */
body:has(.dashboard-main) select {
    background-color: #fff4e9 !important;  /* v6: pocito, una nota más profundo que la tarjeta */
    border-color: #f97316 !important;
}
body:has(.dashboard-main) select:focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.18) !important;
    outline: none;
}

/* ════════════════════════════════════════════════════════════════
   v7 · La gran barrida (04/jul/2026)
   Todas las tarjetas y superficies con estilo propio de cada
   página se unen al tono cálido de las tarjetas. Se excluyen a
   propósito: botones, chips de acción y los campos-pocito, que
   ya tienen su propio papel en la escalera.
   ════════════════════════════════════════════════════════════════ */
body:has(.dashboard-main) .rc-card,
body:has(.dashboard-main) .tg-card,
body:has(.dashboard-main) .tg-kpi,
body:has(.dashboard-main) .tg-toolbar,
body:has(.dashboard-main) .tg-modal-card,
body:has(.dashboard-main) .au-card,
body:has(.dashboard-main) .bt-card,
body:has(.dashboard-main) .det-card,
body:has(.dashboard-main) .det-grid,
body:has(.dashboard-main) .pp-card,
body:has(.dashboard-main) .pp-resumen,
body:has(.dashboard-main) .pc-card,
body:has(.dashboard-main) .socio-card,
body:has(.dashboard-main) .bq-caja,
body:has(.dashboard-main) .bq-item,
body:has(.dashboard-main) .bq-sec,
body:has(.dashboard-main) .pf-form,
body:has(.dashboard-main) .motivo-box,
body:has(.dashboard-main) .dz-files,
body:has(.dashboard-main) .dz-file,
body:has(.dashboard-main) .up-box,
body:has(.dashboard-main) .folio-badge {
    background-color: #fff9f1 !important;
    border-color: #ffdfbe !important;
}


/* ════════════════════════════════════════════════════════════════
   v8 · La identidad llega al LOGIN (04/jul/2026)
   El velo del panel de llamas pasa de azul a brasa (en login.php)
   y el formulario se une al naranja: campos-pocito con borde firme
   y halo al foco. Panel derecho apenas tibio. Guardia por
   body:has(.auth-left) — solo aplica en las páginas de acceso.
   ════════════════════════════════════════════════════════════════ */
body:has(.auth-left) .auth-right {
    background-color: #fffaf4 !important;
}
body:has(.auth-left) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background-color: #fff4e9 !important;
    border-color: #f97316 !important;
}
body:has(.auth-left) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.18) !important;
    outline: none;
}


/* ════════════════════════════════════════════════════════════════
   v9 · Tablas al naranja + dashboard sin scroll (04/jul/2026)
   Encabezados de TODAS las tablas en tono pocito; bordes cálidos;
   hover tibio. Las dos tablas del dashboard (dash-tbl) dejan que
   el texto envuelva: adiós barra de desplazamiento.
   ════════════════════════════════════════════════════════════════ */
body:has(.dashboard-main) .table thead th {
    background-color: #fff4e9 !important;
    border-color: #ffe6cd !important;
}
body:has(.dashboard-main) .table td,
body:has(.dashboard-main) .table th {
    border-color: #ffe6cd !important;
}
body:has(.dashboard-main) .table tbody tr:hover td {
    background-color: #fff1e2 !important;
}
.dash-tbl table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;   /* el arma definitiva: obligada a caber */
}
.dash-tbl th, .dash-tbl td {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    padding: 10px 10px !important;
    vertical-align: middle;
}
.dash-tbl th:nth-child(1) { width: 21%; }
.dash-tbl th:nth-child(2) { width: 41%; }
.dash-tbl th:nth-child(3) { width: 18%; }
.dash-tbl th:nth-child(4) { width: 20%; }
.dash-tbl td [class*="tg-st"] { white-space: normal !important; line-height: 1.25; display: inline-block; }
@media (max-width: 575.98px) {
    .dash-tbl th, .dash-tbl td { padding: 7px 6px !important; font-size: 12.5px; }
    .dash-tbl th:nth-child(1) { width: 23%; }
    .dash-tbl th:nth-child(2) { width: 35%; }
    .dash-tbl th:nth-child(3) { width: 20%; }
    .dash-tbl th:nth-child(4) { width: 22%; }
}


/* ═══ v10 · BUSCADOR PREDICTIVO (patrón del admin, vestido de brasa) ═══ */
.buscador-wrap { position: relative; }
.buscador-drop { position: absolute; top: calc(100% + 8px); left: 0; right: 0; min-width: 300px;
  background: #fff; border: 1px solid #f3dcc8; border-radius: 14px; overflow: hidden;
  box-shadow: 0 14px 34px rgba(67, 20, 7, .18); z-index: 1200; }
.buscador-grupo { background: #fff7ed; color: #c2410c; font-size: 11px; font-weight: 800;
  letter-spacing: .6px; text-transform: uppercase; padding: 7px 14px; }
.buscador-item { display: flex; align-items: center; gap: 11px; padding: 10px 14px;
  text-decoration: none; color: inherit; border-left: 3px solid transparent;
  border-bottom: 1px solid #faf3ec; }
.buscador-item:last-child { border-bottom: 0; }
.buscador-item:hover, .buscador-item.activo { background: #fff7ed; border-left-color: #ea580c; }
.buscador-item iconify-icon { font-size: 21px; color: #ea580c; flex-shrink: 0; }
.buscador-item .bi-t { font-weight: 700; color: #431407; font-size: 13.5px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.buscador-item .bi-s { font-size: 12px; color: #9a8478; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.buscador-vacio { padding: 18px 14px; text-align: center; color: #9a8478; font-size: 13px; }