/**
 * Sophia - estilos globales propios.
 *
 * Se carga después de AdminLTE para reglas transversales
 * de presentación de toda la aplicación.
 */

/* Ningún hipervínculo de Sophia utiliza subrayado. */
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}

.nav-profile-trigger {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

.nav-profile-avatar {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    flex: 0 0 30px;
    border-radius: 999px;
    box-sizing: border-box;
    position: relative;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #0f766e, #0ea5e9);
    color: #fff;
    font-size: .74rem;
    font-weight: 700;
    border: 1px solid rgba(22, 50, 74, .2);
    box-shadow: 0 4px 10px rgba(28, 58, 86, .18);
    flex-shrink: 0;
}

.nav-profile-avatar img {
    position: absolute;
    inset: 0;
    width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    object-fit: cover;
    border-radius: inherit;
    display: block;
}

.theme-menu [aria-pressed="true"] {
    background: #e8f0fe;
    color: #0f56c9;
    font-weight: 700;
}

[data-tema="oscuro"] body,
[data-tema="oscuro"] .content-wrapper {
    background: #0f151d;
    color: #e6edf5;
}

[data-tema="oscuro"] .main-header,
[data-tema="oscuro"] .main-sidebar {
    background: #182029 !important;
    color: #e6edf5;
    border-color: #2b3947 !important;
}

[data-tema="oscuro"] .card,
[data-tema="oscuro"] .modal-content,
[data-tema="oscuro"] .dropdown-menu {
    background: #182029;
    color: #e6edf5;
    border-color: #2b3947;
}

[data-tema="oscuro"] .form-control,
[data-tema="oscuro"] .custom-select,
[data-tema="oscuro"] textarea {
    background: #111922;
    color: #e6edf5;
    border-color: #39495a;
}

[data-tema="oscuro"] ::placeholder { color: #8294a7; }
[data-tema="oscuro"] .text-muted { color: #9fb0c2 !important; }
[data-tema="oscuro"] .table { color: #e6edf5; }