:root{
  color-scheme: dark;
  --app-primary: #3b82f6;
  --app-primary-mid: #60a5fa;
  --app-primary-dark: #0f172a;
  --app-primary-soft: #172033;
  --app-accent: #2dd4bf;
  --app-ink: #e5edf7;
  --app-muted: #9aa8ba;
  --app-border: #2b3a4f;
  --app-bg: #0b1120;
  --app-card: #111827;
  --app-card-elevated: #151f31;
  --app-card-muted: #0f172a;
  --app-shadow-sm: 0 1px 2px rgba(0,0,0,0.28);
  --app-shadow-md: 0 16px 38px rgba(0,0,0,0.34);
  --app-shadow-lg: 0 22px 52px rgba(0,0,0,0.42);
  --bg: var(--app-bg);
  --card: var(--app-card);
  --muted: var(--app-muted);
  --accent: var(--app-primary-mid);
  --glass: rgba(21,31,49,0.86);
  --bs-body-bg: var(--app-bg);
  --bs-body-color: var(--app-ink);
  --bs-secondary-color: var(--app-muted);
  --bs-tertiary-color: #7f8da3;
  --bs-border-color: var(--app-border);
  --bs-border-color-translucent: rgba(148,163,184,0.18);
  --bs-heading-color: var(--app-ink);
  --bs-link-color: #93c5fd;
  --bs-link-hover-color: #bfdbfe;
  --bs-primary-rgb: 59,130,246;
  --bs-secondary-rgb: 100,116,139;
  --bs-light-rgb: 30,41,59;
  --bs-dark-rgb: 2,6,23;
  --pr-primary-soft: #172033;
  --gs-primary-soft: #172033;
  --gp-primary-soft: #172033;
  --turno-modal-surface: #101827;
  --turno-modal-border: var(--app-border);
  --turno-modal-text: var(--app-ink);
  --turno-modal-muted: var(--app-muted);
}

html,
body.app-body,
body.app-body.bg-light{
  background: var(--app-bg) !important;
  color: var(--app-ink) !important;
}

body.app-body:not(.login-page),
body.login-page{
  background:
    radial-gradient(circle at top right, rgba(45, 212, 191, 0.09), transparent 30rem),
    radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.08), transparent 30rem),
    linear-gradient(180deg, #0f172a 0%, var(--app-bg) 100%) !important;
  color: var(--app-ink) !important;
}

body.app-body .content-area,
body.app-body .container-fluid{
  color: var(--app-ink);
}

body.app-body .text-muted,
body.app-body .text-body-secondary,
body.app-body .text-secondary{
  color: var(--app-muted) !important;
}

body.app-body .text-dark,
body.app-body .text-body,
body.app-body .text-black{
  color: var(--app-ink) !important;
}

body.app-body .bg-light,
body.app-body .bg-white,
body.app-body .bg-body,
body.app-body .table-light,
body.app-body [style*="background:#fff"],
body.app-body [style*="background: #fff"],
body.app-body [style*="background:#ffffff"],
body.app-body [style*="background: #ffffff"],
body.app-body [style*="background-color: #fff"],
body.app-body [style*="background-color:#fff"],
body.app-body [style*="background-color: #ffffff"],
body.app-body [style*="background-color:#ffffff"]{
  background: var(--app-card-muted) !important;
  background-color: var(--app-card-muted) !important;
  color: var(--app-ink) !important;
}

body.app-body .border,
body.app-body .border-top,
body.app-body .border-end,
body.app-body .border-bottom,
body.app-body .border-start{
  border-color: var(--app-border) !important;
}

body.app-body:not(.login-page) .sidebar.bg-dark{
  background:
    radial-gradient(circle at 110% 0%, rgba(45, 212, 191, 0.18), transparent 13rem),
    linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
  border-right: 1px solid rgba(148,163,184,0.16);
  box-shadow: 12px 0 36px rgba(0,0,0,0.34);
}

body.app-body:not(.login-page) .sidebar .nav-link{
  color: rgba(226,232,240,0.82) !important;
}

body.app-body:not(.login-page) .sidebar .nav-link:hover,
body.app-body:not(.login-page) .sidebar .nav-link:focus,
body.app-body:not(.login-page) .sidebar .nav-link.active{
  background: rgba(59,130,246,0.18);
  color: #fff !important;
}

body.app-body:not(.login-page) .container-lg > .d-flex:first-child:not(.row),
body.app-body:not(.login-page) .dashboard-wrapper > header:first-child{
  background:
    radial-gradient(circle at top right, rgba(45, 212, 191, 0.18), transparent 30%),
    linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 50%, #0f172a 100%) !important;
  border: 1px solid rgba(148,163,184,0.18);
  box-shadow: var(--app-shadow-lg);
}

body.app-body .card,
body.app-body .dropdown-menu,
body.app-body .toast,
body.app-body .list-group-item,
body.app-body .accordion-item,
body.app-body .offcanvas,
body.app-body .popover{
  background: linear-gradient(180deg, var(--app-card-elevated), var(--app-card)) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
  box-shadow: var(--app-shadow-md);
}

body.app-body .card-header,
body.app-body .card-footer,
body.app-body .modal-header,
body.app-body .modal-footer,
body.app-body .accordion-button{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .card-header:first-child{
  border-color: var(--app-border);
}

body.app-body .modal-content{
  background: var(--app-card-elevated) !important;
  border: 1px solid var(--app-border) !important;
  color: var(--app-ink) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.55) !important;
}

body.app-body .modal-body{
  background: var(--app-card-elevated) !important;
  color: var(--app-ink) !important;
}

body.app-body .btn-close{
  filter: invert(1) grayscale(100%) brightness(180%);
}

body.app-body:not(.login-page) .table{
  --bs-table-bg: transparent;
  --bs-table-color: var(--app-ink);
  --bs-table-border-color: var(--app-border);
  --bs-table-striped-bg: rgba(148,163,184,0.08);
  --bs-table-striped-color: var(--app-ink);
  --bs-table-hover-bg: rgba(59,130,246,0.12);
  --bs-table-hover-color: #f8fafc;
  color: var(--app-ink) !important;
}

body.app-body .table thead th,
body.app-body .table-light th,
body.app-body .table-light td{
  background: #101827 !important;
  color: #bfdbfe !important;
  border-color: var(--app-border) !important;
}

body.app-body .table td,
body.app-body .table th{
  border-color: var(--app-border) !important;
}

body.app-body:not(.login-page) .table-hover > tbody > tr:hover > *{
  background: rgba(59,130,246,0.18) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.app-body:not(.login-page) .table-success > *{
  background: rgba(22,163,74,0.16) !important;
  color: var(--app-ink) !important;
}

body.app-body:not(.login-page) .table-success:hover > *{
  background: rgba(22,163,74,0.24) !important;
  color: #ffffff !important;
}

body.app-body .table-responsive,
body.app-body .table-responsive-actions{
  border-color: var(--app-border);
}

body.app-body .form-label,
body.app-body .form-check-label,
body.app-body label{
  color: var(--app-ink);
}

body.app-body .form-control,
body.app-body .form-select,
body.app-body .input-group-text,
body.app-body textarea,
body.app-body input,
body.app-body select{
  background-color: #0f172a !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .form-control::placeholder,
body.app-body textarea::placeholder,
body.app-body input::placeholder{
  color: #728199 !important;
  opacity: 1;
}

body.app-body .form-control:focus,
body.app-body .form-select:focus{
  background-color: #111c2f !important;
  border-color: rgba(96,165,250,0.75) !important;
  color: #f8fafc !important;
  box-shadow: 0 0 0 .25rem rgba(59,130,246,0.22) !important;
}

body.app-body .form-check-input{
  background-color: #0f172a;
  border-color: #53627a;
}

body.app-body .form-check-input:checked{
  background-color: var(--app-primary);
  border-color: var(--app-primary);
}

body.app-body .form-switch .form-check-input:checked{
  background-color: #22c55e !important;
  border-color: #22c55e !important;
  box-shadow: 0 0 0 .15rem rgba(34, 197, 94, 0.18);
}

body.app-body .btn-primary{
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

body.app-body .btn-primary:hover,
body.app-body .btn-primary:focus{
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

body.app-body .btn-outline-primary{
  color: #93c5fd !important;
  border-color: rgba(147,197,253,0.48) !important;
}

body.app-body .btn-outline-primary:hover,
body.app-body .btn-outline-primary:focus{
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

body.app-body .btn-outline-secondary{
  color: #cbd5e1 !important;
  border-color: rgba(203,213,225,0.4) !important;
}

body.app-body .btn-outline-secondary:hover,
body.app-body .btn-outline-secondary:focus{
  background: #334155 !important;
  border-color: #475569 !important;
  color: #fff !important;
}

body.app-body .dropdown-item{
  color: var(--app-ink) !important;
}

body.app-body .dropdown-item:hover,
body.app-body .dropdown-item:focus{
  background: rgba(59,130,246,0.18) !important;
  color: #fff !important;
}

body.app-body .pagination .page-link{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: #93c5fd !important;
}

body.app-body .pagination .active .page-link{
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

body.app-body .badge.bg-light,
body.app-body .badge.text-bg-light{
  background: #1e293b !important;
  color: #dbeafe !important;
  border-color: #334155 !important;
}

body.app-body .badge.bg-secondary,
body.app-body .badge.text-bg-secondary{
  background: #475569 !important;
  color: #f8fafc !important;
}

body.app-body .badge.bg-warning,
body.app-body .badge.text-bg-warning,
body.app-body .badge.text-dark{
  color: #111827 !important;
}

body.app-body .alert{
  border-color: rgba(148,163,184,0.18) !important;
  color: var(--app-ink) !important;
}

body.app-body .alert-warning{
  background: rgba(234,179,8,0.16) !important;
  color: #fde68a !important;
}

body.app-body .alert-danger{
  background: rgba(220,38,38,0.16) !important;
  color: #fecaca !important;
}

body.app-body .alert-success{
  background: rgba(22,163,74,0.16) !important;
  color: #bbf7d0 !important;
}

body.app-body .alert-info{
  background: rgba(14,165,233,0.16) !important;
  color: #bae6fd !important;
}

body.app-body .nav-tabs{
  border-color: var(--app-border);
}

body.app-body .nav-tabs .nav-link{
  color: var(--app-muted);
}

body.app-body .nav-tabs .nav-link.active{
  background: var(--app-card-elevated) !important;
  border-color: var(--app-border) var(--app-border) var(--app-card-elevated) !important;
  color: var(--app-ink) !important;
}

body.app-body .stat-card .stat-value,
body.app-body .fw-semibold,
body.app-body strong,
body.app-body h1,
body.app-body h2,
body.app-body h3,
body.app-body h4,
body.app-body h5,
body.app-body h6{
  color: var(--app-ink);
}

body.app-body .chart-placeholder,
body.app-body .item-card,
body.app-body .order-card{
  background: var(--app-card-muted) !important;
  border: 1px solid var(--app-border);
}

body.app-body .screen-ajax-loader{
  background: rgba(2, 6, 23, 0.72) !important;
}

body.app-body .screen-ajax-loader__card{
  background: var(--app-card-elevated) !important;
  color: var(--app-ink);
  border: 1px solid var(--app-border);
}

.app-footer{
  background:
    radial-gradient(circle at 110% 0%, rgba(45, 212, 191, 0.12), transparent 12rem),
    linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
  border-top: 1px solid rgba(148,163,184,0.16);
  box-shadow: 0 -10px 30px rgba(0,0,0,0.32);
}

body.login-page .login-card{
  background: linear-gradient(180deg, var(--app-card-elevated), var(--app-card)) !important;
  border: 1px solid var(--app-border);
}

body.login-page .login-form h2,
body.login-page .login-form .logo-mobile,
body.login-page .form-label{
  color: var(--app-ink) !important;
}

body.login-page .login-form .logo-mobile img{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

body.login-page .login-system-brand-mobile{
  color: var(--app-muted) !important;
}

body.login-page .login-branding{
  background:
    radial-gradient(circle at 110% 0%, rgba(45, 212, 191, 0.18), transparent 12rem),
    linear-gradient(180deg, #172554 0%, #020617 100%) !important;
}

body.app-body #adminMenuGrid .admin-card{
  background: linear-gradient(180deg, var(--app-card-elevated), var(--app-card)) !important;
  border-color: var(--app-border) !important;
  border-left-color: var(--admin-accent) !important;
}

body.app-body #adminMenuGrid .admin-card h2{
  color: var(--app-ink) !important;
}

body.app-body #adminMenuGrid .admin-card i.bi{
  background: rgba(59,130,246,0.12) !important;
}

body.app-body .arca-modal .modal-header,
body.app-body .arca-preview__summary,
body.app-body .arca-preview__field,
body.app-body .producto-card,
body.app-body .proveedores-resumen-card,
body.app-body .report-card,
body.app-body .reporte-card,
body.app-body .gastos-card,
body.app-body .gastos-periodo-card,
body.app-body .comprobante-card,
body.app-body .reminder-card{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .arca-modal .modal-body,
body.app-body .arca-preview__value,
body.app-body .arca-preview__amount{
  background: transparent !important;
  color: var(--app-ink) !important;
}

body.app-body .arca-preview__payments{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

body.app-body .fc{
  --fc-border-color: var(--app-border);
  --fc-page-bg-color: transparent;
  --fc-neutral-bg-color: #101827;
  --fc-list-event-hover-bg-color: rgba(59,130,246,0.12);
  color: var(--app-ink);
}

body.app-body .fc .fc-view-harness,
body.app-body .fc .fc-scrollgrid,
body.app-body .fc .fc-daygrid-day,
body.app-body .fc .fc-timegrid-slot,
body.app-body .fc .fc-list,
body.app-body .fc .fc-list-table td,
body.app-body .fc .fc-list-day-cushion{
  background: var(--app-card-elevated) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .fc .fc-col-header-cell-cushion,
body.app-body .fc .fc-daygrid-day-number,
body.app-body .fc .fc-timegrid-axis-cushion{
  color: var(--app-muted) !important;
}

body.app-body .fc .fc-day-today{
  background: rgba(59,130,246,0.16) !important;
}

body.app-body .fc .fc-day-sat .fc-daygrid-day-frame,
body.app-body .fc .fc-day-sun .fc-daygrid-day-frame,
body.app-body .fc .fc-daygrid-more-link{
  background: rgba(15,23,42,0.9) !important;
}

body.app-body #turnoDetalleModal .turno-form-card{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  box-shadow: var(--app-shadow-md) !important;
}

body.app-body #turnoDetalleModal .modal-body{
  background:
    radial-gradient(circle at 2% -10%, rgba(59,130,246,0.14) 0%, rgba(59,130,246,0) 45%),
    var(--app-card-elevated) !important;
}

body.app-body #turnoDetalleModal .modal-content{
  background: var(--app-card-elevated) !important;
  border: 1px solid var(--app-border) !important;
}

body.app-body #turnoDetalleModal .form-label,
body.app-body #turnoDetalleModal .form-text{
  color: var(--app-muted) !important;
}

body.app-body #turnoDetalleModal #turnoSeleccionarClienteBtn{
  background: var(--app-card-elevated) !important;
  border-color: #475569 !important;
  color: var(--app-ink) !important;
}

body.app-body #turnoDetalleModal #turnoSeleccionarClienteBtn:hover{
  background: rgba(59,130,246,0.16) !important;
  border-color: var(--app-primary-mid) !important;
}

body.app-body #turnoDetalleModal #turnoFechaSeleccionada{
  background: rgba(59,130,246,0.18) !important;
  color: #bfdbfe !important;
}

body.app-body #turnoDetalleModal .turnos-table{
  background: var(--app-card-elevated) !important;
  border-color: var(--app-border) !important;
}

body.app-body #turnoDetalleModal .turnos-table thead th{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: #bfdbfe !important;
}

body.app-body #turnoDetalleModal .turnos-table tbody td{
  background: var(--app-card-elevated) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body #turnoDetalleModal .turnos-table tbody tr:hover td{
  background: rgba(59,130,246,0.12) !important;
}

body.app-body #turnoDetalleModal .modal-footer{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

@media (max-width: 1099.98px){
  body.app-body #turnoDetalleModal .modal-dialog{
    width: auto;
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

body.app-body #turnoClienteModal .modal-content{
  background: var(--app-card-elevated) !important;
  border: 1px solid var(--app-border) !important;
}

body.app-body #turnoClienteModal .modal-body{
  background:
    radial-gradient(circle at 8% -16%, rgba(59,130,246,0.14) 0%, rgba(59,130,246,0) 42%),
    var(--app-card-elevated) !important;
}

body.app-body #turnoClienteModal .turno-selector-panel{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  box-shadow: var(--app-shadow-md) !important;
}

body.app-body #turnoClienteModal .form-label{
  color: #bfdbfe !important;
}

body.app-body #turnoClienteModal #turnoClienteBuscar,
body.app-body #turnoClienteModal #turnoClienteLista,
body.app-body #turnoClienteModal #turnoVehiculoLista{
  background: #101827 !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body #turnoClienteModal #turnoClienteLista option,
body.app-body #turnoClienteModal #turnoVehiculoLista option{
  color: var(--app-ink);
}

body.app-body #turnoClienteModal #turnoClienteLista option:checked,
body.app-body #turnoClienteModal #turnoVehiculoLista option:checked{
  background: var(--app-primary) linear-gradient(0deg, var(--app-primary), var(--app-primary));
  color: #fff;
}

body.app-body #turnoClienteModal .modal-footer{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

@media (max-width: 1039.98px){
  body.app-body #turnoClienteModal .modal-dialog{
    width: auto;
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

body.app-body [data-role="catalog-loader"],
body.app-body [id$="Loader"],
body.app-body [id$="Loading"]{
  color: var(--app-muted) !important;
}

body.app-body .reportes-shell,
body.app-body .reporte-detalle-shell,
body.app-body .movcom-shell,
body.app-body .gastos-shell,
body.app-body .gastos-periodo-shell,
body.app-body .presupuestos-shell,
body.app-body .historial-shell,
body.app-body .mensajeria-shell,
body.app-body .comprobantes-page{
  color: var(--app-ink) !important;
}

body.app-body .reportes-shell,
body.app-body .reporte-detalle-shell,
body.app-body .movcom-shell{
  background:
    radial-gradient(circle at top right, rgba(59,130,246,0.13), transparent 28rem),
    var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

body.app-body #reportesMenuGrid .reporte-card,
body.app-body .reporte-detalle-card,
body.app-body .movcom-filter,
body.app-body .movcom-card,
body.app-body .gastos-panel,
body.app-body .gastos-period-card,
body.app-body .gastos-periodo-panel,
body.app-body .gastos-periodo-table-card,
body.app-body .presupuestos-table-card,
body.app-body .historial-grid-card,
body.app-body .mensajeria-panel,
body.app-body .mensajeria-preview-card,
body.app-body .comprobantes-toolbar,
body.app-body .comprobantes-panel,
body.app-body .comprobante-detail,
body.app-body .comprobante-info-box,
body.app-body .ctacte-summary-card,
body.app-body #ctacteGridCard,
body.app-body #remindersGridCard{
  background: linear-gradient(180deg, var(--app-card-elevated), var(--app-card)) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
  box-shadow: var(--app-shadow-md) !important;
}

body.app-body #reportesMenuGrid .reporte-numero,
body.app-body .movcom-label,
body.app-body .movcom-note,
body.app-body .gastos-metric__label,
body.app-body .gastos-period-summary,
body.app-body .gastos-periodo-metric__label,
body.app-body .gastos-periodo-empty,
body.app-body .mensajeria-muted,
body.app-body .comprobante-row__meta,
body.app-body .comprobante-empty,
body.app-body .arca-preview__label,
body.app-body .ctacte-summary-label{
  color: var(--app-muted) !important;
}

body.app-body .movcom-value,
body.app-body .gastos-label,
body.app-body .gastos-metric__value,
body.app-body .gastos-periodo-metric__value,
body.app-body .mensajeria-section-title,
body.app-body .comprobante-row__title,
body.app-body #ctacteSaldoActual{
  color: var(--app-ink) !important;
}

body.app-body .movcom-icon,
body.app-body #reportesMenuGrid .reporte-card i.bi,
body.app-body .arca-modal__icon{
  background: rgba(59,130,246,0.14) !important;
  color: #93c5fd !important;
}

body.app-body .gastos-hero,
body.app-body .gastos-periodo-hero,
body.app-body .presupuestos-hero{
  background:
    radial-gradient(circle at top right, rgba(45,212,191,0.16), transparent 30%),
    linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 50%, #0f172a 100%) !important;
  color: #fff !important;
  box-shadow: var(--app-shadow-lg) !important;
}

body.app-body .gastos-kicker,
body.app-body .gastos-periodo-kicker,
body.app-body .presupuestos-kicker{
  background: rgba(255,255,255,0.14) !important;
  color: #fff !important;
}

body.app-body .gastos-subtitle,
body.app-body .gastos-periodo-subtitle,
body.app-body .presupuestos-subtitle{
  color: rgba(226,232,240,0.82) !important;
}

body.app-body .gastos-metric,
body.app-body .gastos-periodo-metric,
body.app-body .mensajeria-switch,
body.app-body .mensajeria-preview-bubble,
body.app-body .venta-summary,
body.app-body .venta-payment,
body.app-body .producto-grid__item,
body.app-body .payment-method-option{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .mensajeria-preview-bubble::before{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
}

body.app-body .comprobante-row{
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .comprobante-row:hover{
  background: rgba(59,130,246,0.12) !important;
}

body.app-body .comprobante-row.active,
body.app-body .producto-grid__item.is-selected,
body.app-body .payment-method-input:checked + .payment-method-option,
body.app-body .ctacte-pay-method.is-selected{
  background: rgba(59,130,246,0.18) !important;
  border-color: rgba(147,197,253,0.78) !important;
}

body.app-body .comprobantes-summary-badge{
  background: rgba(59,130,246,0.18) !important;
  border-color: rgba(147,197,253,0.45) !important;
  color: #bfdbfe !important;
}

body.app-body .ctacte-summary-status,
body.app-body .ctacte-pay-step-indicator span,
body.app-body .ctacte-pay-method{
  background: var(--app-card-muted) !important;
  border-color: var(--app-border) !important;
  color: var(--app-ink) !important;
}

body.app-body .ctacte-summary-status.is-danger{
  background: rgba(220,38,38,0.14) !important;
  color: #fecaca !important;
}

body.app-body .ctacte-summary-status.is-success{
  background: rgba(22,163,74,0.14) !important;
  color: #bbf7d0 !important;
}

body.app-body .ctacte-summary-status.is-neutral{
  background: rgba(100,116,139,0.18) !important;
  color: #cbd5e1 !important;
}

body.app-body .ctacte-pay-step-indicator span.is-active{
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

body.app-body #clientesActionLoader,
body.app-body #ctacteGridLoader,
body.app-body #editarCategoriaLoader{
  background: rgba(2,6,23,0.72) !important;
  color: var(--app-ink) !important;
}

body.app-body .ot-items-section-title{
  background: linear-gradient(180deg, #172033, #111827) !important;
  border-color: var(--app-border) !important;
  color: #dbeafe !important;
}

body.app-body .ot-items-col .card-body > .border.rounded,
body.app-body .ot-senias-table-wrap{
  background: #101827 !important;
  border-color: var(--app-border) !important;
}

body.app-body .ot-items-detail-table-wrap.table-unclipped{
  overflow-x: auto;
  overflow-y: auto;
}

body.app-body .ot-items-detail-table{
  background: #101827 !important;
}

body.app-body .ot-items-detail-table tbody tr,
body.app-body .ot-senias-table tbody tr{
  background: #101827 !important;
}

body.app-body .ot-items-detail-table tbody td,
body.app-body .ot-senias-table tbody td{
  color: #f8fafc !important;
}

body.app-body .ot-items-detail-table [data-role="item-desc"]{
  max-width: 0;
  overflow-wrap: anywhere;
}

body.app-body .ot-items-detail-table-wrap .dropdown-menu{
  position: fixed !important;
}

body.app-body [data-role="items-type-total"],
body.app-body [data-role="senia-total"],
body.app-body [data-role="saldo-total"]{
  color: #dbeafe !important;
}
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary),
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary):hover,
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary):focus,
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary):disabled,
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary).disabled,
html[data-bs-theme="dark"] body.app-body .system-print-preview-actions .system-print-preview-action:not(.system-print-preview-action--primary)[aria-disabled="true"] {
  --bs-btn-color: #000;
  --bs-btn-hover-color: #000;
  --bs-btn-disabled-color: #000;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}

html[data-bs-theme="dark"] body.app-body .system-print-preview-modal,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-dialog,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-content,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-body,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-body > .ratio,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-body > [style*="height: 72vh"],
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal iframe {
  background: #fff !important;
  background-color: #fff !important;
  color-scheme: only light !important;
}

html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .system-print-preview-pages,
html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .system-print-preview-pages canvas {
  background: #fff !important;
  background-color: #fff !important;
  color-scheme: only light !important;
}

html[data-bs-theme="dark"] body.app-body .system-print-preview-modal .modal-content {
  border-color: #fff !important;
  box-shadow: none !important;
}