/* =========================================================
   DANFER DARK FIX V5
   INVENTARIO + COMPRAS / O.C.
   ========================================================= */


/* =========================================================
   INVENTARIO
   ========================================================= */

html[data-theme="dark"]
#moduleContent
.inventory-dashboard {
  color: #E5EDF5 !important;
}


/* KPI */

html[data-theme="dark"]
#moduleContent
.inventory-kpi {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  color: #E5EDF5 !important;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.13) !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-kpi span {
  color: #91A3B8 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-kpi strong {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-kpi small {
  color: #8193A8 !important;
}


/* Bajo mínimo conserva acento */

html[data-theme="dark"]
#moduleContent
.inventory-kpi--warning {
  border-left:
    4px solid #D29B32 !important;
}


/* Agotados conserva acento */

html[data-theme="dark"]
#moduleContent
.inventory-kpi--danger {
  border-left:
    4px solid #C65353 !important;
}


/* FILTROS */

html[data-theme="dark"]
#moduleContent
.inventory-filters {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  box-shadow:
    0 5px 16px
    rgba(0,0,0,.10) !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-filters label > span {
  color: #91A3B8 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-filters input,

html[data-theme="dark"]
#moduleContent
.inventory-filters select {
  background: #111C30 !important;

  border:
    1px solid #33465D !important;

  color: #F8FAFC !important;

  box-shadow: none !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-filters input::placeholder {
  color: #708399 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-filters select option {
  background: #111C30 !important;

  color: #F8FAFC !important;
}


/* TARJETA DE EXISTENCIAS */

html[data-theme="dark"]
#moduleContent
.inventory-table-card {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.12) !important;
}


/* ENCABEZADO ALMACEN */

html[data-theme="dark"]
#moduleContent
.inventory-table-heading {
  background: #101B2D !important;

  border-bottom:
    1px solid #293A50 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table-heading span {
  color: #8193A8 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table-heading h3 {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table-heading > strong {
  color: #AAB8C8 !important;
}


/* TABLA INVENTARIO */

html[data-theme="dark"]
#moduleContent
.inventory-table-card
.table-wrap {
  background: #101B2D !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table {
  background: #101B2D !important;

  color: #DCE5EE !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table thead,

html[data-theme="dark"]
#moduleContent
.inventory-table thead tr,

html[data-theme="dark"]
#moduleContent
.inventory-table th {
  background: #164B6D !important;

  color: #FFFFFF !important;

  border-color:
    #315D79 !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table td {
  background: #101B2D !important;

  color: #DCE5EE !important;

  border-bottom:
    1px solid #25364A !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table
tbody tr:nth-child(even) td {
  background: #0E192A !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-table
tbody tr:hover td {
  background: #17263B !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-code,

html[data-theme="dark"]
#moduleContent
.inventory-table td strong {
  color: #F8FAFC !important;
}


html[data-theme="dark"]
#moduleContent
.inventory-subtext,

html[data-theme="dark"]
#moduleContent
.inventory-table .number-cell small {
  color: #8193A8 !important;
}


/* =========================================================
   DETALLE INVENTARIO / KARDEX
   ========================================================= */

html[data-theme="dark"]
.inventory-detail-modal,

html[data-theme="dark"]
.inventory-detail-dialog,

html[data-theme="dark"]
.inventory-detail-content {
  background: #0D1829 !important;

  color: #E5EDF5 !important;
}


html[data-theme="dark"]
.inventory-detail-dialog > header,

html[data-theme="dark"]
.inventory-detail-dialog > footer {
  background: #101B2D !important;

  border-color:
    #293A50 !important;
}


html[data-theme="dark"]
.inventory-detail-dialog > header h2 {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
.inventory-detail-hero,

html[data-theme="dark"]
.inventory-detail-section {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  color: #E5EDF5 !important;

  box-shadow: none !important;
}


html[data-theme="dark"]
.inventory-detail-heading h3 {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
.inventory-detail-heading span {
  color: #8193A8 !important;
}


html[data-theme="dark"]
.inventory-info-grid > div,

html[data-theme="dark"]
.inventory-notes {
  background: #142238 !important;

  border-color:
    #293A50 !important;
}


html[data-theme="dark"]
.inventory-info-grid span,

html[data-theme="dark"]
.inventory-notes span {
  color: #8193A8 !important;
}


html[data-theme="dark"]
.inventory-info-grid strong,

html[data-theme="dark"]
.inventory-notes p {
  color: #F8FAFC !important;
}


html[data-theme="dark"]
.inventory-kardex-table td {
  background: #101B2D !important;

  color: #DCE5EE !important;

  border-color:
    #25364A !important;
}


html[data-theme="dark"]
.inventory-kardex-table
tbody tr:nth-child(even) td {
  background: #0E192A !important;
}


/* =========================================================
   O.C. / COMPRAS
   El boton #newPurchaseButton identifica este modulo.
   ========================================================= */

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent {
  color: #E5EDF5 !important;
}


/* TARJETAS SUPERIORES */

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.metric-grid
.metric-card {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  color: #E5EDF5 !important;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.13) !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.metric-card > div {
  color: #91A3B8 !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.metric-card > div span {
  color: #91A3B8 !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.metric-card > strong {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.metric-card > p {
  color: #8193A8 !important;
}


/* PANEL O.C. */

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.panel {
  background: #101B2D !important;

  border-color:
    #293A50 !important;

  color: #E5EDF5 !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.table-wrap {
  background: #101B2D !important;
}


/* TABLA O.C. */

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.data-table,

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table {
  background: #101B2D !important;

  color: #DCE5EE !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table thead,

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table thead tr,

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table th {
  background: #164B6D !important;

  color: #FFFFFF !important;

  border-color:
    #315D79 !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table td {
  background: #101B2D !important;

  color: #DCE5EE !important;

  border-bottom:
    1px solid #25364A !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table tbody tr:nth-child(even) td {
  background: #0E192A !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table tbody tr:hover td {
  background: #17263B !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table td strong,

html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
.purchase-folio {
  color: #F8FAFC !important;
}


html[data-theme="dark"]
.content:has(#newPurchaseButton)
#moduleContent
table td small {
  color: #8193A8 !important;
}


/* =========================================================
   O.C. MODALES
   ========================================================= */

html[data-theme="dark"]
#purchaseModal,

html[data-theme="dark"]
#purchaseModal form,

html[data-theme="dark"]
#purchaseDetailModal,

html[data-theme="dark"]
#purchaseDetailModal > div,

html[data-theme="dark"]
.purchase-workflow-panel {
  background: #101B2D !important;

  color: #E5EDF5 !important;

  border-color:
    #293A50 !important;
}



/* ===== DANFER O.C. KPI DARK EXACT V1 START ===== */

html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis {
  background: transparent !important;
}


html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis > article {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

  color: #E5EDF5 !important;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.14) !important;
}


html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis > article span {
  color: #91A3B8 !important;
}


html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis > article strong {
  color: #FFFFFF !important;
}


html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis > article small {
  color: #8193A8 !important;
}


/* Vencidas */

html[data-theme="dark"]
body.danfer-admin-frontier
#moduleContent
.purchase-dashboard
.purchase-kpis > article:nth-child(4) {
  border-left:
    3px solid #C65353 !important;
}


/* ===== DANFER O.C. KPI DARK EXACT V1 END ===== */