/* ==========================================================
   TRANSPORTES DANFER
   DARK MODE CONSISTENTE V2
   ========================================================== */


/* ==========================================================
   BASE
   ========================================================== */

html[data-theme="dark"] {
  color-scheme: dark;

  --erp-page: #091322 !important;
  --erp-section: #0E192B !important;

  --erp-text: #F1F5F9 !important;
  --erp-muted: #8FA2B8 !important;

  --erp-line: #27364A !important;
  --erp-line-dark: #33465D !important;

  --surface: #101B2D !important;
  --line: #27364A !important;

  --ink-900: #F8FAFC !important;
  --ink-700: #DFE7F0 !important;
  --ink-500: #8FA2B8 !important;
}


html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .content,
html[data-theme="dark"] #moduleContent {
  background: #091322 !important;
  color: #E8EEF5 !important;
}


/* ==========================================================
   TOPBAR
   ========================================================== */

html[data-theme="dark"] .topbar {
  background: #101A2C !important;

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

  box-shadow:
    none !important;
}


html[data-theme="dark"] .page-title small {
  color: #8FA2B8 !important;
}


html[data-theme="dark"] .page-title h1 {
  color: #F8FAFC !important;
}


/* ==========================================================
   BUSCADOR SUPERIOR
   ========================================================== */

html[data-theme="dark"] .global-search {
  background: #F8FAFC !important;

  border:
    1px solid #D8E1EA !important;

  border-radius: 11px !important;

  overflow: hidden !important;

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


html[data-theme="dark"] .global-search > span {
  color: #64748B !important;

  background:
    #F8FAFC !important;
}


html[data-theme="dark"] .global-search input,
html[data-theme="dark"] #globalSearch {
  background: #111C30 !important;

  color: #F8FAFC !important;

  border:
    0 !important;

  border-radius:
    8px !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"]
#globalSearch::placeholder {
  color: #8292A6 !important;
}


html[data-theme="dark"]
#globalSearch:focus {
  background: #142139 !important;

  box-shadow:
    inset 0 0 0 1px
    #3B82F6 !important;
}


/* ==========================================================
   ENCABEZADO DE MODULO
   ========================================================== */

html[data-theme="dark"] .content-intro,
html[data-theme="dark"] .module-header {
  background: #091322 !important;
}


html[data-theme="dark"] .content-intro h2,
html[data-theme="dark"] .module-header h1,
html[data-theme="dark"] .module-header h2 {
  color: #FFFFFF !important;
}


html[data-theme="dark"] .content-intro > div > p:not(.eyebrow),
html[data-theme="dark"] .module-header p {
  color: #9AAABD !important;
}


html[data-theme="dark"] .eyebrow {
  color: #3B82F6 !important;
}


/* ==========================================================
   PANELES / TARJETAS GENERALES
   ========================================================== */

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

html[data-theme="dark"] #moduleContent .metric-card,

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

html[data-theme="dark"] #moduleContent .source-card,

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

  border:
    1px solid #293A50 !important;

  color: #E8EEF5 !important;

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


html[data-theme="dark"]
#moduleContent
.metric-card > div {
  color: #9AAABD !important;
}


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


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


/* ==========================================================
   TIRAS DE INFORMACION
   ========================================================== */

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

  border-color:
    #293A50 !important;
}


html[data-theme="dark"]
#moduleContent
.module-strip > div {
  background: #101B2D !important;

  border-color:
    #293A50 !important;
}


html[data-theme="dark"]
#moduleContent
.module-strip span {
  color: #8295AB !important;
}


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


/* ==========================================================
   TABLAS GENERALES
   ========================================================== */

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


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

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

  color: #DFE7F0 !important;
}


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

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

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

  color: #FFFFFF !important;

  border-color:
    #315D79 !important;
}


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

  color: #D7E0EA !important;

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


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


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


html[data-theme="dark"]
#moduleContent
.data-table td strong,

html[data-theme="dark"]
#moduleContent
.cell-main {
  color: #F8FAFC !important;
}


/* ==========================================================
   INPUTS DE MODULOS
   ========================================================== */

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

html[data-theme="dark"]
#moduleContent select,

html[data-theme="dark"]
#moduleContent textarea {
  background: #111C30 !important;

  border:
    1px solid #33465D !important;

  color: #F1F5F9 !important;
}


html[data-theme="dark"]
#moduleContent input::placeholder,

html[data-theme="dark"]
#moduleContent textarea::placeholder {
  color: #718398 !important;
}


html[data-theme="dark"]
#moduleContent select option {
  background: #111C30 !important;
  color: #F8FAFC !important;
}


/* ==========================================================
   BOTONES
   ========================================================== */

html[data-theme="dark"]
#moduleContent
.secondary-button,

html[data-theme="dark"]
#moduleContent
.row-action-button:not(.row-action-delete),

html[data-theme="dark"]
#moduleContent
.users-action-edit {
  background: #152238 !important;

  border:
    1px solid #354960 !important;

  color: #F8FAFC !important;
}


html[data-theme="dark"]
#moduleContent
.secondary-button:hover,

html[data-theme="dark"]
#moduleContent
.row-action-button:not(.row-action-delete):hover {
  background: #1B2C46 !important;

  border-color:
    #526981 !important;
}


html[data-theme="dark"]
#moduleContent
.row-action-delete,

html[data-theme="dark"]
#moduleContent
.users-action-delete {
  background: #341C25 !important;

  border:
    1px solid #74313D !important;

  color: #FCA5A5 !important;
}


/* ==========================================================
   SIN REGISTROS
   ========================================================== */

html[data-theme="dark"]
#moduleContent
.empty-state,

html[data-theme="dark"]
#moduleContent
.users-empty,

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

  color: #F8FAFC !important;
}


html[data-theme="dark"]
#moduleContent
.empty-state p,

html[data-theme="dark"]
#moduleContent
.empty-state small {
  color: #8FA2B8 !important;
}


/* ==========================================================
   BITACORA
   ========================================================== */

html[data-theme="dark"]
#moduleContent
.unitlog-v2-stats > article {
  background: #101B2D !important;

  border:
    1px solid #293A50 !important;

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


html[data-theme="dark"]
#moduleContent
.unitlog-v2-stats > article span {
  color: #9AAABD !important;
}


html[data-theme="dark"]
#moduleContent
.unitlog-v2-stats > article strong {
  color: #FFFFFF !important;
}


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

  border-color:
    #293A50 !important;
}


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

  border-bottom-color:
    #293A50 !important;
}


html[data-theme="dark"]
#moduleContent
.unitlog-v2-filters label > span {
  color: #9AAABD !important;
}


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

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

  border-color:
    #33465D !important;

  color: #FFFFFF !important;
}


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


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


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


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

  color: #8FA2B8 !important;

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


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

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

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

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

  color: #E8EEF5 !important;
}


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

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

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


/* ==========================================================
   MANTENIMIENTO / EVIDENCIAS
   ========================================================== */

html[data-theme="dark"]
.maintenance-evidence-shell {
  background: #0D1829 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
.maintenance-evidence-upload,

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

  border-color:
    #293A50 !important;
}


html[data-theme="dark"]
.maintenance-evidence-preview {
  background: #152238 !important;

  color: #60A5FA !important;
}


/* ==========================================================
   COMPRAS
   ========================================================== */

html[data-theme="dark"]
.purchase-workflow-panel,

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

html[data-theme="dark"]
#purchaseDetailModal > div {
  background: #101B2D !important;

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


/* ==========================================================
   CLIENTES / COBRANZA
   ========================================================== */

html[data-theme="dark"]
.collection-shell {
  background: #091322 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
.collection-summary article,

html[data-theme="dark"]
.collection-block,

html[data-theme="dark"]
.collection-file {
  background: #101B2D !important;

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
.collection-row {
  background: #142238 !important;
}


/* ==========================================================
   OPERADORES
   ========================================================== */

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

html[data-theme="dark"]
#operatorFilesGrid article {
  background: #101B2D !important;

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


/* ==========================================================
   USUARIOS
   ========================================================== */

html[data-theme="dark"]
.users-row td {
  background: #101B2D !important;
}


html[data-theme="dark"]
.users-person-copy strong,

html[data-theme="dark"]
.users-access strong,

html[data-theme="dark"]
.users-date strong,

html[data-theme="dark"]
.users-session-copy-v2 strong {
  color: #F8FAFC !important;
}


html[data-theme="dark"]
.users-person-copy span,

html[data-theme="dark"]
.users-access span,

html[data-theme="dark"]
.users-date span,

html[data-theme="dark"]
.users-session-copy-v2 span {
  color: #8FA2B8 !important;
}


/* ==========================================================
   CHAT
   ========================================================== */

html[data-theme="dark"]
.chat-conversation,

html[data-theme="dark"]
.chat-messages {
  background: #0D1829 !important;
}


html[data-theme="dark"]
.chat-thread,

html[data-theme="dark"]
.chat-person,

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

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
.chat-message--mine
.chat-bubble {
  background: #2563EB !important;

  color: #FFFFFF !important;
}


/* ==========================================================
   MODALES GENERALES
   ========================================================== */

html[data-theme="dark"]
dialog,

html[data-theme="dark"]
.modal > form,

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

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

html[data-theme="dark"]
.unitlog-v2-dialog,

html[data-theme="dark"]
.incident-delete-card,

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

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
dialog header,

html[data-theme="dark"]
dialog footer {
  border-color:
    #293A50 !important;
}


/* DETALLE BITACORA */

html[data-theme="dark"]
.unitlog-v2-hero > div,

html[data-theme="dark"]
.unitlog-v2-grid > article,

html[data-theme="dark"]
.unitlog-v2-section {
  background: #142238 !important;

  border-color:
    #293A50 !important;

  color: #E8EEF5 !important;
}


html[data-theme="dark"]
.unitlog-v2-hero strong,

html[data-theme="dark"]
.unitlog-v2-grid strong,

html[data-theme="dark"]
.unitlog-v2-section h3 {
  color: #FFFFFF !important;
}