body.app:not(.auth-page) {
    background: #f3f6fb;
}

body.app:not(.auth-page) .page {
    background: #f3f6fb;
}

body.app:not(.auth-page) .app-header.header {
    height: 64px;
    min-height: 64px;
    border-bottom: 1px solid #dfe6f2;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 10px 30px rgba(20, 40, 110, 0.06);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
}

body.app:not(.auth-page) .app-header .main-container {
    min-height: 64px;
    padding-inline: 24px;
    display: flex;
    align-items: center;
}

body.app:not(.auth-page) .app-header .main-container > .d-flex {
    min-height: 64px;
    width: 100%;
    align-items: center !important;
}

body.app:not(.auth-page) .app-sidebar {
    border-right: 1px solid #dfe6f2;
    background: #ffffff;
    box-shadow: 16px 0 40px rgba(20, 40, 110, 0.05);
}

body.app:not(.auth-page) .side-header {
    height: 64px;
    min-height: 64px;
    border-bottom: 1px solid #eef2f7;
    background: #ffffff;
}

body.app:not(.auth-page) .side-header .header-brand1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.app:not(.auth-page) .side-header .header-brand-img {
    max-height: 34px;
}

body.app:not(.auth-page) .main-sidemenu {
    padding: 6px 10px 14px;
}

body.app:not(.auth-page) .side-menu {
    padding: 0 2px !important;
    margin-top: 4px !important;
}

body.app:not(.auth-page) .side-menu > br {
    display: none;
}

body.app:not(.auth-page) .side-menu .slide {
    margin: 0;
}

body.app:not(.auth-page) .side-menu__item {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px !important;
    border-radius: 7px;
    color: #344054;
    font-weight: 400;
    letter-spacing: 0;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

body.app:not(.auth-page) .side-menu__item:hover,
body.app:not(.auth-page) .side-menu__item:focus,
body.app:not(.auth-page) .side-menu__item.active {
    color: #3158c9 !important;
    background: #edf3ff;
    transform: none;
}

body.app:not(.auth-page) .side-menu > .slide > .side-menu__item.nav-link-bg {
    min-height: 38px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: inset 3px 0 0 rgba(49, 88, 201, 0.18);
}

body.app:not(.auth-page) .side-menu > .slide > .side-menu__item.nav-link-bg:hover {
    border-color: #d6e4ff;
    background: #edf3ff;
    box-shadow: inset 3px 0 0 var(--ee-primary);
}

body.app:not(.auth-page) .side-menu__item.nav-link-bg.text-blue {
    box-shadow: inset 3px 0 0 #3158c9;
}

body.app:not(.auth-page) .side-menu__item.nav-link-bg.text-orange {
    box-shadow: inset 3px 0 0 #e21b5a;
}

body.app:not(.auth-page) .side-menu__item.nav-link-bg.text-yellow {
    box-shadow: inset 3px 0 0 #f5b41b;
}

body.app:not(.auth-page) .side-menu__item.nav-link-bg.text-indigo {
    box-shadow: inset 3px 0 0 #6354f0;
}

body.app:not(.auth-page) .side-menu__item.nav-link-bg.text-secondary {
    box-shadow: inset 3px 0 0 #00a8e8;
}

body.app:not(.auth-page) .side-menu__item .side-menu__icon,
body.app:not(.auth-page) .side-menu__item > i:first-child {
    width: 22px;
    min-width: 22px;
    margin: 0 !important;
    text-align: center;
    font-size: 15px;
    color: #3158c9;
}

body.app:not(.auth-page) .side-menu__label {
    flex: 1 1 auto;
    margin: 0;
    white-space: normal;
    font-weight: 400;
}

body.app:not(.auth-page) .side-badge {
    min-width: 22px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

body.app:not(.auth-page) .slide-menu {
    margin: 1px 0 5px 30px;
    padding: 4px 0 4px 8px;
    border-left: 1px solid #e6ebf2;
}

body.app:not(.auth-page) .slide-menu .slide-item {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 6px 10px !important;
    border-radius: 6px;
    color: #667085;
    font-size: 13px;
    font-weight: 400;
}

body.app:not(.auth-page) .slide-menu .slide-item:hover {
    color: #3158c9;
    background: #f3f7ff;
}

body.app:not(.auth-page) .side-menu__item.has-link .side-menu__label,
body.app:not(.auth-page) .side-menu__item .angle {
    font-weight: 400;
}

body.app:not(.auth-page) .app-sidebar__toggle {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #3158c9;
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
}

body.app:not(.auth-page) .app-sidebar__toggle:hover {
    color: #ffffff;
    background: #3158c9;
}

body.app:not(.auth-page) .header-right-icons {
    align-items: center;
    gap: 6px;
    height: 64px;
}

body.app:not(.auth-page) .responsive-navbar,
body.app:not(.auth-page) .responsive-navbar .navbar-collapse,
body.app:not(.auth-page) .responsive-navbar .order-lg-2 {
    align-items: center;
}

body.app:not(.auth-page) .header-right-icons .nav-link.icon {
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    border-radius: 8px;
    color: #3158c9;
    background: transparent;
}

body.app:not(.auth-page) .profile-1 > .nav-link {
    height: 44px;
    align-items: center;
    padding: 0 !important;
}

body.app:not(.auth-page) .header-right-icons .nav-link.icon:hover {
    background: #edf3ff;
}

body.app:not(.auth-page) .header-right-icons .nav-link.icon .fs-16 {
    color: #3158c9;
    font-weight: 500;
}

body.app:not(.auth-page) .profile-1 .avatar {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce6f2;
    background: #eef6ff !important;
    color: #3158c9 !important;
    font-weight: 800;
}

body.app:not(.auth-page) .notifications .pulse {
    border: 2px solid #ffffff;
}

body.app:not(.auth-page) .main-content.app-content {
    background: #f3f6fb;
}

body.app:not(.auth-page) .main-container.container-fluid {
    padding-top: 12px;
}

body.app:not(.auth-page) {
    --ee-bg: #f3f6fb;
    --ee-surface: #ffffff;
    --ee-surface-soft: #f7faff;
    --ee-border: #dfe6f2;
    --ee-text: #16213f;
    --ee-muted: #66748d;
    --ee-primary: #3158c9;
    --ee-primary-strong: #263fa3;
    --ee-primary-soft: #edf3ff;
    --ee-accent: #e21b5a;
    --ee-accent-strong: #bf174d;
    --ee-cyan: #00a8e8;
    --ee-violet: #6354f0;
    --ee-success: #0f766e;
    --ee-warning: #b7791f;
    --ee-danger: #bf174d;
    --ee-shadow: 0 12px 30px rgba(20, 40, 110, 0.08);
}

body.app:not(.auth-page) .main-container.container-fluid,
body.app:not(.auth-page) .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

body.app:not(.auth-page) .page-header,
body.app:not(.auth-page) .page-title {
    color: var(--ee-text);
    letter-spacing: 0;
}

body.app:not(.auth-page) .card {
    border: 1px solid var(--ee-border);
    border-radius: 8px;
    background: var(--ee-surface);
    box-shadow: var(--ee-shadow);
}

body.app:not(.auth-page) .card-header {
    min-height: 58px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--ee-border);
    background: var(--ee-surface);
}

body.app:not(.auth-page) .card-title {
    margin-bottom: 0;
    color: var(--ee-text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0;
}

body.app:not(.auth-page) .card-body {
    padding: 18px;
}

body.app:not(.auth-page) .form-label {
    margin-bottom: 6px;
    color: #1f2a44;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
}

body.app:not(.auth-page) .form-control,
body.app:not(.auth-page) .form-select,
body.app:not(.auth-page) .select2-container--default .select2-selection--single,
body.app:not(.auth-page) .select2-container--default .select2-selection--multiple {
    min-height: 42px;
    border: 1px solid #d8e0ec;
    border-radius: 7px;
    background-color: #ffffff;
    color: var(--ee-text);
    font-size: 14px;
    box-shadow: none;
}

body.app:not(.auth-page) .form-control:focus,
body.app:not(.auth-page) .form-select:focus,
body.app:not(.auth-page) .select2-container--default.select2-container--focus .select2-selection--multiple,
body.app:not(.auth-page) .select2-container--default .select2-selection--single:focus {
    border-color: var(--ee-primary);
    box-shadow: 0 0 0 3px rgba(49, 88, 201, 0.14);
}

body.app:not(.auth-page) .form-control[readonly],
body.app:not(.auth-page) .form-select[disabled],
body.app:not(.auth-page) .form-control:disabled,
body.app:not(.auth-page) input[readonly],
body.app:not(.auth-page) textarea[readonly] {
    min-height: 38px;
    border-color: #dbe4f0 !important;
    background: #f6f8fc !important;
    color: #5f6f89 !important;
    font-size: 13px;
    cursor: not-allowed;
    box-shadow: none !important;
}

body.app:not(.auth-page) .input-group .form-control[readonly],
body.app:not(.auth-page) .input-group input[readonly] {
    border-left-color: #eef2f7 !important;
    border-right-color: #eef2f7 !important;
}

body.app:not(.auth-page) .input-group .form-control,
body.app:not(.auth-page) .input-group .form-select {
    border-radius: 7px;
}

body.app:not(.auth-page) .btn {
    min-height: 38px;
    border-radius: 7px;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: none;
}

body.app:not(.auth-page) .btn-primary {
    border-color: var(--ee-primary);
    background: linear-gradient(135deg, var(--ee-primary) 0%, var(--ee-violet) 100%);
    color: #ffffff;
}

body.app:not(.auth-page) .btn-primary:hover,
body.app:not(.auth-page) .btn-primary:focus {
    border-color: var(--ee-primary-strong);
    background: linear-gradient(135deg, var(--ee-primary-strong) 0%, #5144d6 100%);
    box-shadow: 0 10px 20px rgba(49, 88, 201, 0.22);
}

body.app:not(.auth-page) .btn-info,
body.app:not(.auth-page) .btn-secondary {
    border-color: var(--ee-cyan);
    background: var(--ee-cyan);
    color: #ffffff;
}

body.app:not(.auth-page) .btn-danger,
body.app:not(.auth-page) .btn-danger-light {
    border-color: var(--ee-accent);
    background: var(--ee-accent);
    color: #ffffff;
}

body.app:not(.auth-page) .btn-success,
body.app:not(.auth-page) .btn-success-light,
body.app:not(.auth-page) .bg-success,
body.app:not(.auth-page) .badge.bg-success,
body.app:not(.auth-page) .text-bg-success {
    border-color: #16a34a !important;
    background: #16a34a !important;
    color: #ffffff !important;
}

body.app:not(.auth-page) .btn-danger,
body.app:not(.auth-page) .btn-danger-light,
body.app:not(.auth-page) .bg-danger,
body.app:not(.auth-page) .badge.bg-danger,
body.app:not(.auth-page) .text-bg-danger {
    border-color: #e21b5a !important;
    background: #e21b5a !important;
    color: #ffffff !important;
}

body.app:not(.auth-page) .btn-warning,
body.app:not(.auth-page) .btn-warning-light,
body.app:not(.auth-page) .bg-warning,
body.app:not(.auth-page) .badge.bg-warning,
body.app:not(.auth-page) .text-bg-warning {
    border-color: #f5b41b !important;
    background: #f5b41b !important;
    color: #111827 !important;
}

body.app:not(.auth-page) .table {
    color: var(--ee-text);
}

body.app:not(.auth-page) .table thead th {
    border-bottom: 1px solid var(--ee-border);
    background: #f6f9ff;
    color: #263fa3;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.app:not(.auth-page) .table tbody td {
    border-color: #edf1f7;
    color: var(--ee-text);
    vertical-align: middle;
    padding: 11px 12px;
}

body.app:not(.auth-page) .table-hover tbody tr:hover,
body.app:not(.auth-page) table.dataTable tbody tr:hover {
    background: #f6f9ff;
}

body.app:not(.auth-page) .dataTables_wrapper .dataTables_filter input,
body.app:not(.auth-page) .dataTables_wrapper .dataTables_length select {
    min-height: 36px;
    border: 1px solid #d8e0ec;
    border-radius: 7px;
}

body.app:not(.auth-page) .badge {
    border-radius: 999px;
    font-weight: 900;
}

body.app:not(.auth-page) .alert {
    --ee-alert-border: #dbe4f0;
    --ee-alert-left: #3158c9;
    --ee-alert-bg: #eff6ff;
    --ee-alert-icon-bg: #dbeafe;
    --ee-alert-text: #1d4ed8;
    position: relative;
    min-height: 58px;
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    column-gap: 14px;
    padding: 14px 18px;
    border: 1px solid var(--ee-alert-border) !important;
    border-left: 4px solid var(--ee-alert-left) !important;
    border-radius: 8px;
    background: var(--ee-alert-bg) !important;
    color: var(--ee-alert-text) !important;
    font-size: 13px;
    line-height: 1.45;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.06);
}

body.app:not(.auth-page) .alert::before {
    content: "!";
    position: relative;
    top: auto;
    left: auto;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--ee-alert-icon-bg);
    color: var(--ee-alert-left);
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

body.app:not(.auth-page) .alert > * {
    grid-column: 2;
    min-width: 0;
}

body.app:not(.auth-page) .alert::before {
    grid-column: 1;
    grid-row: 1 / span 4;
}

body.app:not(.auth-page) .alert:has(.alert-inner--icon)::before {
    content: none;
}

body.app:not(.auth-page) .alert .alert-inner--icon {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--ee-alert-icon-bg);
    color: var(--ee-alert-left) !important;
    font-size: 15px;
    line-height: 1;
}

body.app:not(.auth-page) .alert .alert-inner--icon i {
    color: inherit !important;
    font-size: 15px;
    line-height: 1;
}

body.app:not(.auth-page) .alert .alert-inner--text {
    grid-column: 2;
    min-width: 0;
    display: block;
}

body.app:not(.auth-page) .alert.alert-dismissible {
    padding-right: 48px;
}

body.app:not(.auth-page) .alert strong,
body.app:not(.auth-page) .alert .alert-heading {
    display: inline-block;
    margin-bottom: 3px;
    color: var(--ee-alert-text) !important;
    font-weight: 900;
}

body.app:not(.auth-page) .alert p,
body.app:not(.auth-page) .alert .alert-inner--text,
body.app:not(.auth-page) .alert span {
    color: var(--ee-alert-text) !important;
}

body.app:not(.auth-page) .alert .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    grid-column: auto;
}

body.app:not(.auth-page) .alert-danger {
    --ee-alert-border: #fecdd3;
    --ee-alert-left: #e21b5a;
    --ee-alert-bg: #fff1f2;
    --ee-alert-icon-bg: #ffe4e6;
    --ee-alert-text: #be123c;
}

body.app:not(.auth-page) .alert-info {
    --ee-alert-border: #bfdbfe;
    --ee-alert-left: #3158c9;
    --ee-alert-bg: #eff6ff;
    --ee-alert-icon-bg: #dbeafe;
    --ee-alert-text: #1d4ed8;
}

body.app:not(.auth-page) .alert-warning {
    --ee-alert-border: #fde68a;
    --ee-alert-left: #f5b41b;
    --ee-alert-bg: #fffbeb;
    --ee-alert-icon-bg: #fef3c7;
    --ee-alert-text: #92400e;
}

body.app:not(.auth-page) .alert-success {
    --ee-alert-border: #bbf7d0;
    --ee-alert-left: #16a34a;
    --ee-alert-bg: #f0fdf4;
    --ee-alert-icon-bg: #dcfce7;
    --ee-alert-text: #166534;
}

body.app:not(.auth-page) .alert-primary {
    --ee-alert-border: #bfdbfe;
    --ee-alert-left: #3158c9;
    --ee-alert-bg: #eff6ff;
    --ee-alert-icon-bg: #dbeafe;
    --ee-alert-text: #1d4ed8;
}

body.app:not(.auth-page) .alert-secondary {
    --ee-alert-border: #dbe4f0;
    --ee-alert-left: #66748d;
    --ee-alert-bg: #f8fafc;
    --ee-alert-icon-bg: #eef2f7;
    --ee-alert-text: #344054;
}

body.app:not(.auth-page) .modal-content {
    border: 1px solid var(--ee-border);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(16, 24, 40, 0.18);
}

body.app:not(.auth-page) .modal-header,
body.app:not(.auth-page) .modal-footer {
    border-color: var(--ee-border);
}

body.app:not(.auth-page) .dropdown-menu {
    border: 1px solid var(--ee-border);
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(16, 24, 40, 0.12);
}

body.app:not(.auth-page) .dropdown-item {
    color: var(--ee-text);
    font-weight: 600;
}

body.app:not(.auth-page) .dropdown-item:hover {
    background: var(--ee-primary-soft);
    color: var(--ee-primary-strong);
}

body.app:not(.auth-page) .card.img-card {
    overflow: hidden;
    border: 0;
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(20, 40, 110, 0.14);
}

body.app:not(.auth-page) .card.img-card .card-body {
    min-height: 98px;
    display: flex;
    align-items: center;
    padding: 22px;
}

body.app:not(.auth-page) .card.img-card .card-body > .d-flex {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px;
    align-items: center;
    gap: 14px;
}

body.app:not(.auth-page) .card.img-card .card-body > .d-flex > .text-white {
    min-width: 0;
}

body.app:not(.auth-page) .card.img-card .number-font {
    font-size: 29px;
    line-height: 1.08;
    white-space: normal;
}

body.app:not(.auth-page) .card.img-card p {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

body.app:not(.auth-page) .card.img-card .ms-auto {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    margin-left: 0 !important;
}

body.app:not(.auth-page) .card.img-card .ms-auto i {
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

body.app:not(.auth-page) .card.img-card h1,
body.app:not(.auth-page) .card.img-card h2,
body.app:not(.auth-page) .card.img-card h3,
body.app:not(.auth-page) .card.img-card p,
body.app:not(.auth-page) .card.img-card i,
body.app:not(.auth-page) .card.img-card .text-white {
    color: #ffffff !important;
}

body.app:not(.auth-page) .card.img-card.bg-primary {
    background: linear-gradient(135deg, #3158c9 0%, #6354f0 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-orange {
    background: linear-gradient(135deg, #e21b5a 0%, #f2557f 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-yellow {
    background: linear-gradient(135deg, #00a8e8 0%, #45c9f5 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-indigo {
    background: linear-gradient(135deg, #263fa3 0%, #3158c9 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-secondary {
    background: linear-gradient(135deg, #0097d7 0%, #00a8e8 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-purple {
    background: linear-gradient(135deg, #5144d6 0%, #6354f0 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-red {
    background: linear-gradient(135deg, #c9184a 0%, #e21b5a 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-pink {
    background: linear-gradient(135deg, #d946a2 0%, #e21b5a 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-black {
    background: linear-gradient(135deg, #111827 0%, #263044 100%) !important;
}

body.app:not(.auth-page) .card.img-card.bg-green {
    background: linear-gradient(135deg, #0f766e 0%, #10a39a 100%) !important;
}

body.app:not(.auth-page) a[href="/cancelacion"] .card.img-card {
    background: linear-gradient(135deg, #6354f0 0%, #8b5cf6 100%) !important;
}

body.app:not(.auth-page) a[href="/recoleccion"] .card.img-card {
    background: linear-gradient(135deg, #3158c9 0%, #00a8e8 100%) !important;
}

body.app:not(.auth-page) a[href="/salida_externas"] .card.img-card {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%) !important;
}

body.app:not(.auth-page) a[href="/incidencia"] .card.img-card {
    background: linear-gradient(135deg, #e21b5a 0%, #f2557f 100%) !important;
}

body.app:not(.auth-page) a[href="/facturas"] .card.img-card {
    background: linear-gradient(135deg, #263fa3 0%, #3158c9 100%) !important;
}

body.app:not(.auth-page) a[href="/clientes"] .card.img-card {
    background: linear-gradient(135deg, #0097d7 0%, #45c9f5 100%) !important;
}

body.app:not(.auth-page) .dt-buttons,
body.app:not(.auth-page) div.dt-buttons {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 10px;
}

body.app:not(.auth-page) .dt-buttons .dt-button,
body.app:not(.auth-page) .dt-buttons .btn,
body.app:not(.auth-page) button.dt-button,
body.app:not(.auth-page) a.dt-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 38px;
    padding: 9px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--ee-primary) 0%, var(--ee-violet) 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 20px rgba(49, 88, 201, 0.2) !important;
}

body.app:not(.auth-page) .dt-buttons .dt-button:hover,
body.app:not(.auth-page) .dt-buttons .btn:hover,
body.app:not(.auth-page) button.dt-button:hover,
body.app:not(.auth-page) a.dt-button:hover {
    border-color: var(--ee-primary-strong) !important;
    background: linear-gradient(135deg, var(--ee-primary-strong) 0%, #5144d6 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(49, 88, 201, 0.26) !important;
}

body.app:not(.auth-page) .dataTables_wrapper > .row:first-child {
    align-items: center;
    row-gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f7;
}

body.app:not(.auth-page) .dataTables_wrapper table.dataTable,
body.app:not(.auth-page) .dataTables_wrapper .table-responsive {
    margin-top: 8px !important;
}

body.app:not(.auth-page) .dataTables_wrapper .dataTables_filter {
    text-align: right;
}

body.app:not(.auth-page) .dataTables_wrapper .dataTables_filter input {
    min-width: 200px;
    padding-inline: 14px;
}

body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) {
    width: min(100%, 392px);
    margin-left: auto;
    flex-wrap: nowrap;
}

body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) .datepicker-date {
    width: 130px;
    min-width: 0;
    flex: 0 0 130px;
    padding-inline: 12px;
}

body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) .input-group-text {
    width: 44px;
    min-width: 44px;
    display: inline-flex;
    justify-content: center;
    padding: 0;
}

body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) #btn_fechas {
    width: 44px;
    height: 42px;
    min-height: 42px;
    border-radius: 0 7px 7px 0;
}

body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) .btn-icon i {
    margin: 0;
}

body.dark-mode.app:not(.auth-page),
body.dark-mode.app:not(.auth-page) .page,
body.dark-mode.app:not(.auth-page) .main-content.app-content {
    background: #151b33;
}

body.dark-mode.app:not(.auth-page) .app-header.header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: #18213f;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

body.dark-mode.app:not(.auth-page) .app-sidebar,
body.dark-mode.app:not(.auth-page) .side-header {
    border-color: rgba(255, 255, 255, 0.08);
    background: #18213f;
    box-shadow: 16px 0 40px rgba(0, 0, 0, 0.12);
}

body.dark-mode.app:not(.auth-page) .side-menu__item {
    color: #cbd3e6;
}

body.dark-mode.app:not(.auth-page) .side-menu__item:hover,
body.dark-mode.app:not(.auth-page) .side-menu__item:focus,
body.dark-mode.app:not(.auth-page) .side-menu__item.active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08);
}

body.dark-mode.app:not(.auth-page) .side-menu > .slide > .side-menu__item.nav-link-bg {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

body.dark-mode.app:not(.auth-page) .slide-menu {
    border-left-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode.app:not(.auth-page) .slide-menu .slide-item {
    color: #aeb7d0;
}

body.dark-mode.app:not(.auth-page) .slide-menu .slide-item:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

body.dark-mode.app:not(.auth-page) .app-sidebar__toggle,
body.dark-mode.app:not(.auth-page) .header-right-icons .nav-link.icon {
    color: #cbd3ff;
}

body.dark-mode.app:not(.auth-page) .app-sidebar__toggle:hover,
body.dark-mode.app:not(.auth-page) .header-right-icons .nav-link.icon:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

body.dark-mode.app:not(.auth-page) .header-right-icons .nav-link.icon .fs-16 {
    color: #cbd3ff;
}

body.dark-mode.app:not(.auth-page) {
    --ee-bg: #151b33;
    --ee-surface: #1d2748;
    --ee-surface-soft: rgba(255, 255, 255, 0.05);
    --ee-border: rgba(255, 255, 255, 0.1);
    --ee-text: #f4f6ff;
    --ee-muted: #aeb7d0;
    --ee-primary: #7da2ff;
    --ee-primary-strong: #9db8ff;
    --ee-accent: #ff5c8a;
    --ee-cyan: #35cfff;
    --ee-violet: #8b7cff;
    --ee-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

body.dark-mode.app:not(.auth-page) .card,
body.dark-mode.app:not(.auth-page) .card-header,
body.dark-mode.app:not(.auth-page) .modal-content,
body.dark-mode.app:not(.auth-page) .dropdown-menu {
    border-color: var(--ee-border);
    background: var(--ee-surface);
    color: var(--ee-text);
}

body.dark-mode.app:not(.auth-page) .card-title,
body.dark-mode.app:not(.auth-page) .page-header,
body.dark-mode.app:not(.auth-page) .page-title,
body.dark-mode.app:not(.auth-page) .form-label,
body.dark-mode.app:not(.auth-page) .table,
body.dark-mode.app:not(.auth-page) .table tbody td,
body.dark-mode.app:not(.auth-page) .dropdown-item {
    color: var(--ee-text);
}

body.dark-mode.app:not(.auth-page) .form-control,
body.dark-mode.app:not(.auth-page) .form-select,
body.dark-mode.app:not(.auth-page) .select2-container--default .select2-selection--single,
body.dark-mode.app:not(.auth-page) .select2-container--default .select2-selection--multiple,
body.dark-mode.app:not(.auth-page) .dataTables_wrapper .dataTables_filter input,
body.dark-mode.app:not(.auth-page) .dataTables_wrapper .dataTables_length select {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: rgba(255, 255, 255, 0.06);
    color: var(--ee-text);
}

body.dark-mode.app:not(.auth-page) .form-control::placeholder {
    color: #8f99b8;
}

body.dark-mode.app:not(.auth-page) .form-control[readonly],
body.dark-mode.app:not(.auth-page) .form-select[disabled],
body.dark-mode.app:not(.auth-page) .form-control:disabled,
body.dark-mode.app:not(.auth-page) input[readonly],
body.dark-mode.app:not(.auth-page) textarea[readonly] {
    border-color: rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: #9aa6c4 !important;
    box-shadow: none !important;
}

body.dark-mode.app:not(.auth-page) .table thead th {
    border-color: var(--ee-border);
    background: rgba(255, 255, 255, 0.06);
    color: #dce3f5;
}

body.dark-mode.app:not(.auth-page) .table tbody td {
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode.app:not(.auth-page) .table-hover tbody tr:hover,
body.dark-mode.app:not(.auth-page) table.dataTable tbody tr:hover,
body.dark-mode.app:not(.auth-page) .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

body.dark-mode.app:not(.auth-page) .modal-header,
body.dark-mode.app:not(.auth-page) .modal-footer {
    border-color: var(--ee-border);
}

body.dark-mode.app:not(.auth-page) .alert-danger {
    --ee-alert-border: rgba(251, 113, 133, 0.32);
    --ee-alert-left: #fb7185;
    --ee-alert-bg: rgba(251, 113, 133, 0.12);
    --ee-alert-icon-bg: rgba(251, 113, 133, 0.18);
    --ee-alert-text: #fecdd3;
}

body.dark-mode.app:not(.auth-page) .alert-info {
    --ee-alert-border: rgba(96, 165, 250, 0.3);
    --ee-alert-left: #60a5fa;
    --ee-alert-bg: rgba(96, 165, 250, 0.12);
    --ee-alert-icon-bg: rgba(96, 165, 250, 0.18);
    --ee-alert-text: #bfdbfe;
}

body.dark-mode.app:not(.auth-page) .alert-warning {
    --ee-alert-border: rgba(245, 158, 11, 0.32);
    --ee-alert-left: #fbbf24;
    --ee-alert-bg: rgba(245, 158, 11, 0.12);
    --ee-alert-icon-bg: rgba(245, 158, 11, 0.18);
    --ee-alert-text: #fde68a;
}

body.dark-mode.app:not(.auth-page) .alert-success {
    --ee-alert-border: rgba(16, 185, 129, 0.32);
    --ee-alert-left: #34d399;
    --ee-alert-bg: rgba(16, 185, 129, 0.12);
    --ee-alert-icon-bg: rgba(16, 185, 129, 0.18);
    --ee-alert-text: #a7f3d0;
}

body.dark-mode.app:not(.auth-page) .alert-primary {
    --ee-alert-border: rgba(96, 165, 250, 0.3);
    --ee-alert-left: #60a5fa;
    --ee-alert-bg: rgba(96, 165, 250, 0.12);
    --ee-alert-icon-bg: rgba(96, 165, 250, 0.18);
    --ee-alert-text: #bfdbfe;
}

body.dark-mode.app:not(.auth-page) .alert-secondary {
    --ee-alert-border: rgba(255, 255, 255, 0.1);
    --ee-alert-left: #aeb7d0;
    --ee-alert-bg: rgba(255, 255, 255, 0.05);
    --ee-alert-icon-bg: rgba(255, 255, 255, 0.08);
    --ee-alert-text: #dce3f5;
}

body.dark-mode.app:not(.auth-page) .dt-buttons .dt-button,
body.dark-mode.app:not(.auth-page) .dt-buttons .btn,
body.dark-mode.app:not(.auth-page) button.dt-button,
body.dark-mode.app:not(.auth-page) a.dt-button {
    background: linear-gradient(135deg, #3158c9 0%, #6354f0 100%) !important;
    color: #ffffff !important;
}

@media (max-width: 991px) {
    body.app:not(.auth-page) .app-header.header {
        height: 62px;
        min-height: 62px;
    }

    body.app:not(.auth-page) .app-header .main-container {
        min-height: 62px;
        padding-inline: 14px;
    }

    body.app:not(.auth-page) .app-header .main-container > .d-flex {
        min-height: 62px;
    }

    body.app:not(.auth-page) .sidebar-mini .app-sidebar,
    body.app:not(.auth-page).sidebar-mini .app-sidebar {
        top: 62px;
    }

    body.app:not(.auth-page) .main-sidemenu {
        padding: 6px 10px 16px;
    }

    body.app:not(.auth-page) .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    body.app:not(.auth-page) .dataTables_wrapper .dataTables_filter input {
        width: 100%;
        min-width: 0;
    }

    body.app:not(.auth-page) .dt-buttons,
    body.app:not(.auth-page) div.dt-buttons {
        width: 100%;
        justify-content: flex-start;
    }

    body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 575px) {
    body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) {
        flex-wrap: wrap;
        gap: 8px;
    }

    body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) .datepicker-date {
        flex: 1 1 calc(50% - 28px);
        width: auto;
    }

    body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) .input-group-text,
    body.app:not(.auth-page) .card-options .input-group:has(.datepicker-date) #btn_fechas {
        border-radius: 7px;
    }
}