/* Dashboard iframe (index): estilo sidebar oscuro original */
/* ===== SIDEBAR ===== */
.admin-app .admin-sidebar {
    background: linear-gradient(180deg, var(--sidebar, #1e1e2f) 0%, var(--sidebar-2, #252539) 100%);
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.admin-app .admin-brand {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.admin-app .admin-brand .brand-title {
    color: #ffffff;
}

.admin-app .admin-nav-item {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    border-radius: 12px;
    transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.admin-app .admin-nav-item i,
.admin-app .admin-nav-item svg {
    color: inherit;
    opacity: 1;
    fill: currentColor;
}

.admin-app .admin-nav-item:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.admin-app .admin-nav-item.active {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--primary, #03045e) 88%, #000),
        var(--primary-dark, #023e8a)
    );
    color: #ffffff;
    border: 1px solid color-mix(in srgb, var(--primary, #03045e) 45%, rgba(255, 255, 255, 0.35));
    box-shadow:
        0 12px 28px color-mix(in srgb, var(--primary, #03045e) 38%, transparent),
        0 0 0 1px color-mix(in srgb, var(--primary, #03045e) 22%, rgba(255, 255, 255, 0.2));
}

/* ===== MAIN ===== */
.admin-app .admin-main {
    background: #f9fafb;
}

/* ===== TOPBAR ===== */
.admin-app .admin-topbar h1 {
    color: #111827;
}

.admin-app .admin-topbar {
    background: var(--surface-card, #ffffff);
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--border-color, #e5e7eb);
}

/* ===== IFRAME CONTENEDOR ===== */
.admin-app .admin-iframe-wrap {
    background: var(--surface-card, #ffffff);
    border-radius: 16px;
    border: 1px solid var(--border-color, #e5e7eb);
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .admin-app .admin-sidebar {
        position: fixed;
        z-index: 1000;
    }

    .admin-app .admin-main {
        margin-left: 0;
    }
}

.admin-app .admin-sidebar .btn-outline-light {
    color: #f9fafb;
    border-color: rgba(255, 255, 255, 0.42);
    background-color: rgba(255, 255, 255, 0.08);
}

.admin-app .admin-sidebar .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.58);
    color: #ffffff;
}