/* ============================================================
   PANEL ADMIN — TEMA BLANCO / GRIS / AZUL
   ============================================================ */

/* ── Variables de color ────────────────────────────────────── */
:root {
    --adm-bg:          #ffffff;
    --adm-sidebar-bg:  #ffffff;
    --adm-header-bg:   #ffffff;
    --adm-border:      #e2e8f0;
    --adm-text:        #1e293b;
    --adm-text-muted:  #64748b;
    --adm-active-bg:   #eff6ff;
    --adm-active-text: #1d4ed8;
    --adm-active-bar:  #1d4ed8;
    --adm-hover-bg:    #f8fafc;
    --adm-hover-text:  #1d4ed8;
    --adm-blue:        #1d4ed8;
    --adm-blue-light:  #3b82f6;
    --adm-section-label: #94a3b8;
}

/* ── SIDEBAR / NAVEGACIÓN ───────────────────────────────────── */
.navigation {
    background: var(--adm-sidebar-bg) !important;
    border-right: 1px solid var(--adm-border) !important;
    box-shadow: none !important;
}

/* Links del sidebar */
.navigation a,
.navigation__item > a,
.navigation__link {
    color: var(--adm-text-muted) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .04em !important;
    border-radius: 0 !important;
    transition: all .15s ease !important;
}

/* Hover */
.navigation a:hover,
.navigation__item > a:hover,
.navigation__link:hover {
    background: var(--adm-hover-bg) !important;
    color: var(--adm-hover-text) !important;
}

/* Activo */
.navigation__item.is-active > a,
.navigation__item.is-active .navigation__link,
.navigation a.is-active,
.navigation a[aria-current] {
    background: var(--adm-active-bg) !important;
    color: var(--adm-active-text) !important;
    border-left: 3px solid var(--adm-active-bar) !important;
    font-weight: 700 !important;
}

/* Logo / nombre en sidebar */
.navigation__logo,
.navigation .navigation__logo a {
    color: var(--adm-blue) !important;
    font-weight: 800 !important;
}

/* Iconos de navegación */
.navigation .icon svg,
.navigation svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* ── HEADER ─────────────────────────────────────────────────── */
.header {
    background: var(--adm-header-bg) !important;
    border-bottom: 1px solid var(--adm-border) !important;
    box-shadow: none !important;
}

.header__user,
.header a,
.header button,
.header span {
    color: var(--adm-text) !important;
}

/* ── FONDO GENERAL ──────────────────────────────────────────── */
body,
.main,
.content,
.form__section,
.listing,
.dashboard {
    background: #f8fafc !important;
}

/* Contenido interior — cards/formularios en blanco */
.form__fieldset,
.section,
.panel,
.listing__table,
.datatable,
.sidebar-browser,
.fieldset {
    background: #ffffff !important;
    border: 1px solid var(--adm-border) !important;
    border-radius: 6px !important;
}

/* ── BOTONES PRIMARIOS → AZUL ───────────────────────────────── */
.button--primary,
.button[data-behavior~="primary"],
.a17-button--primary {
    background: var(--adm-blue) !important;
    border-color: var(--adm-blue) !important;
    color: #ffffff !important;
}
.button--primary:hover,
.a17-button--primary:hover {
    background: var(--adm-blue-light) !important;
    border-color: var(--adm-blue-light) !important;
}

/* Botón publicar (publish toggle activo) */
.publishedToggle.is-published,
.languageSelector__toggle.is-published {
    background: var(--adm-blue) !important;
    border-color: var(--adm-blue) !important;
}

/* ── BADGES / PILLS ─────────────────────────────────────────── */
.badge,
.tag {
    background: var(--adm-active-bg) !important;
    color: var(--adm-active-text) !important;
    border-color: #bfdbfe !important;
}

/* ── INPUTS Y FORM ──────────────────────────────────────────── */
input:focus,
textarea:focus,
select:focus,
.input:focus,
.selectBoxField.is-focused {
    border-color: var(--adm-blue) !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15) !important;
}

/* ── TABLAS / LISTING ───────────────────────────────────────── */
.listing .listing__item:hover,
.datatable tr:hover td {
    background: var(--adm-hover-bg) !important;
}

.listing .listing__item--active,
.datatable tr.is-selected td {
    background: var(--adm-active-bg) !important;
}

/* Checkboxes activos */
.checkbox.is-checked .checkbox__toggle,
input[type="checkbox"]:checked {
    background: var(--adm-blue) !important;
    border-color: var(--adm-blue) !important;
}

/* ── MEDIA LIBRARY ──────────────────────────────────────────── */
.mediaLibrary__item.is-selected::after {
    border-color: var(--adm-blue) !important;
    background: var(--adm-blue) !important;
}

/* ── SCROLLBAR ──────────────────────────────────────────────── */
.navigation::-webkit-scrollbar { width: 4px; }
.navigation::-webkit-scrollbar-track { background: transparent; }
.navigation::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }