/* ========== CONTENEDORES PRINCIPALES - MANTENER SOMBRAS ========== */

/* Restaurar sombras SOLO en contenedores de primer nivel */
.card:not(.card .card):not(.modal .card):not(.dropdown .card):not(.popover .card):not(.tooltip .card),
.modal-content,
.dropdown-menu,
.navbar,
.sidebar,
.topbar,
.footer,
.alert:not(.card .alert):not(.modal .alert),
.toast:not(.card .toast),
.popover {
    box-shadow: var(--elev-ring), var(--elev-1) !important;
    -moz-box-shadow: var(--elev-ring), var(--elev-1) !important;
}

/* Sombras especiales para widgets y cards principales de primer nivel */
.widget:not(.card .widget):not(.modal .widget),
.card-body:not(.card .card-body):not(.modal .card-body),
.dashboard-card:not(.card .dashboard-card),
.stats-card:not(.card .stats-card),
.info-card:not(.card .info-card) {
    box-shadow: var(--elev-ring), var(--elev-2) !important;
    -moz-box-shadow: var(--elev-ring), var(--elev-2) !important;
}

/* ========== ELIMINACIÓN SISTEMÁTICA DE CONTENEDORES ANIDADOS ========== */

/* Eliminar sombras de TODOS los contenedores que estén dentro de otros contenedores */
.card .card,
.card .modal-content,
.card .dropdown-menu,
.card .alert,
.card .toast,
.card .widget,
.card .dashboard-card,
.card .stats-card,
.card .info-card,
.modal .card,
.modal .alert,
.modal .toast,
.modal .widget,
.dropdown .card,
.dropdown .alert,
.popover .card,
.tooltip .card,
.sidebar .card,
.navbar .card,
.footer .card {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Eliminar sombras de contenedores dentro de contenedores flexibles/grid */
.container .card .card,
.container-fluid .card .card,
.row .card .card,
.col .card .card,
.d-flex .card .card,
.flex-wrap .card .card,
.grid .card .card {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Eliminar sombras de elementos anidados profundamente */
.card .card .card,
.card .card .card .card,
.modal .card .card,
.dropdown .card .card {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== BOTONES - MANTENER SOLO PRINCIPALES ========== */

/* Restaurar sombras en botones principales de primer nivel */
.btn-primary:not(.card .btn-primary):not(.modal-body .btn-primary):not(.dropdown-menu .btn-primary),
.btn-success:not(.card .btn-success):not(.modal-body .btn-success):not(.dropdown-menu .btn-success),
.btn-danger:not(.card .btn-danger):not(.modal-body .btn-danger):not(.dropdown-menu .btn-danger),
.btn-warning:not(.card .btn-warning):not(.modal-body .btn-warning):not(.dropdown-menu .btn-warning),
.btn-info:not(.card .btn-info):not(.modal-body .btn-info):not(.dropdown-menu .btn-info) {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Eliminar sombras de botones dentro de contenedores */
.card .btn,
.modal-body .btn,
.dropdown-menu .btn,
.list-group .btn,
.table .btn,
.navbar .btn:not(.btn-primary):not(.btn-success):not(.btn-danger),
.sidebar .btn:not(.btn-primary):not(.btn-success):not(.btn-danger) {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== FORMULARIOS - FOCO CONTROLADO ========== */

/* Restaurar sombras en elementos de foco de primer nivel */
.form-control:focus:not(.card .form-control):not(.modal .form-control),
.form-select:focus:not(.card .form-select):not(.modal .form-select) {
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.18) !important;
    -moz-box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.18) !important;
}

/* Eliminar sombras de formularios dentro de contenedores */
.card .form-control,
.card .form-select,
.card .input-group,
.modal .form-control,
.modal .form-select,
.modal .input-group,
.list-group .form-control,
.table .form-control {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.card .form-control:focus,
.card .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== ELEMENTOS ESPECÍFICOS SIN SOMBRAS ========== */

/* Eliminar sombras de elementos de vendor */
code[class*="language-"],
pre[class*="language-"],
.flatpickr-calendar,
.swiper-slide,
.prism-toolbar,
.code-toolbar,
.hljs {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
}

/* Eliminar sombras de elementos de navegación internos */
.navbar .nav-item .nav-link,
.nav .nav-item .nav-link,
.breadcrumb .breadcrumb-item,
.pagination .page-item .page-link,
.card .nav,
.card .breadcrumb,
.card .pagination {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Eliminar sombras de elementos de lista */
.list-group-item,
.list-group-item .badge,
.card .list-group-item,
.modal .list-group-item {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== ELEMENTOS DASHBOARD SIN SOMBRAS INTERNAS ========== */

/* Widgets dentro de contenedores */
.card .widget,
.modal .widget,
.container .widget .card,
.widget .list-group-item,
.widget .btn:not(.btn-primary):not(.btn-success):not(.btn-danger),
.dashboard-widget .card,
.dashboard-widget .list-group-item {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Elementos de actividad y timeline */
.activity-item,
.timeline-item,
.card .activity-item,
.card .timeline-item,
.activity-item .badge,
.timeline-item .badge {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== RESPONSIVE Y MODO OSCURO ========== */

@media (max-width: 768px) {
    /* En móviles, simplificar aún más */
    .card .btn,
    .list-group-item .btn,
    .table .btn,
    .navbar .btn,
    .modal .btn {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

@media (prefers-color-scheme: dark) {
    .card .card,
    .card .list-group-item,
    .card .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info),
    .modal .card,
    .dropdown .card {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

.dark-mode .card .card,
.dark-mode .card .list-group-item,
.dark-mode .card .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info),
.dark-mode .modal .card,
.dark-mode .dropdown .card {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* ========== UTILIDADES ========== */

/* Clase utilitaria para forzar sin sombra */
.no-shadow,
.no-shadow *,
.clean-inner,
.clean-inner * {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Clase utilitaria para restaurar sombras principales */
.restore-shadow {
    box-shadow: var(--elev-ring), var(--elev-1) !important;
    -moz-box-shadow: var(--elev-ring), var(--elev-1) !important;
}

.navbar-notifications-scroll {
    max-height: 280px;
    overflow-y: auto;
}

.tenant-select-width {
    width: 200px;
}

.tenant-hidden {
    display: none;
}

.tenant-stop-btn-size {
    width: 31px;
    height: 31px;
}

/* ========== TOOLTIPS - LIMPIEZA DE "CAJAS TRANSPARENTES" ========== */
.tooltip {
    box-shadow: none !important;
}

.tooltip .tooltip-inner {
    background-color: #313b5e !important; /* Color sólido oscuro de la marca */
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12) !important; /* Sombra suave y limpia */
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

/* Eliminar la flecha que suele generar bordes fantasma o verse desalineada */
.tooltip .tooltip-arrow {
    display: none !important;
}