/* EducadMaule shared visual polish for legacy modules */
:root {
    --edu-blue-900: #08265c;
    --edu-blue-800: #0b3f92;
    --edu-blue-700: #0f5fda;
    --edu-blue-600: #1677ff;
    --edu-blue-100: #eaf4ff;
    --edu-cyan: #22b8ff;
    --edu-green: #17b978;
    --edu-amber: #ff9f0a;
    --edu-purple: #7c4dff;
    --edu-text: #0b2558;
    --edu-muted: #60708a;
    --edu-line: rgba(39, 106, 206, .16);
    --edu-shadow: 0 18px 42px rgba(8, 38, 92, .11);
    --edu-shadow-soft: 0 10px 26px rgba(8, 38, 92, .08);
}

body:not(.body-login):not(.dashboard-home) {
    background:
        radial-gradient(circle at 90% 0%, rgba(41, 137, 255, .12), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
    color: var(--edu-text) !important;
}

body:not(.body-login):not(.dashboard-home) .brand {
    gap: 14px !important;
}

body:not(.body-login):not(.dashboard-home) .brand img {
    content: url("../images/educadmaule-icono-login.png?v=20261001-educadmaule-theme-v1") !important;
    width: 54px !important;
    height: 54px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ffffff, #e6f2ff) !important;
    box-shadow: var(--edu-shadow-soft) !important;
    object-fit: contain !important;
}

body:not(.body-login):not(.dashboard-home) img[src*="logo-web.png"],
body:not(.body-login):not(.dashboard-home) img[src*="logo.png"] {
    content: url("../images/educadmaule-icono-login.png?v=20261001-educadmaule-theme-v1") !important;
}

body:not(.body-login):not(.dashboard-home) .brand strong,
body:not(.body-login):not(.dashboard-home) .brand span:first-child,
body:not(.body-login):not(.dashboard-home) .brand .brand-title {
    color: transparent !important;
    background: linear-gradient(90deg, var(--edu-blue-900), var(--edu-blue-600), var(--edu-cyan)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body:not(.body-login):not(.dashboard-home) .page-header,
body:not(.body-login):not(.dashboard-home) .topbar {
    border-color: var(--edu-line) !important;
}

body:not(.body-login):not(.dashboard-home) .hero-panel,
body:not(.body-login):not(.dashboard-home) .dashboard-hero,
body:not(.body-login):not(.dashboard-home) .panel-hero {
    border: 1px solid rgba(255, 255, 255, .72) !important;
    background:
        radial-gradient(circle at 86% 16%, rgba(255, 255, 255, .2), transparent 25%),
        linear-gradient(135deg, var(--edu-blue-900), var(--edu-blue-700)) !important;
    box-shadow: var(--edu-shadow) !important;
}

body:not(.body-login):not(.dashboard-home) .panel,
body:not(.body-login):not(.dashboard-home) .form-panel,
body:not(.body-login):not(.dashboard-home) .list-panel,
body:not(.body-login):not(.dashboard-home) .report-panel,
body:not(.body-login):not(.dashboard-home) .database-panel,
body:not(.body-login):not(.dashboard-home) .form-section,
body:not(.body-login):not(.dashboard-home) .summary-card,
body:not(.body-login):not(.dashboard-home) .stat-card,
body:not(.body-login):not(.dashboard-home) .card {
    border-color: var(--edu-line) !important;
    box-shadow: var(--edu-shadow-soft) !important;
}

body:not(.body-login):not(.dashboard-home) .btn-primary,
body:not(.body-login):not(.dashboard-home) .btn-warning,
body:not(.body-login):not(.dashboard-home) .btn.primary,
body:not(.body-login):not(.dashboard-home) button.primary,
body:not(.body-login):not(.dashboard-home) .action-button.primary,
body:not(.body-login):not(.dashboard-home) .submit-button,
body:not(.body-login):not(.dashboard-home) [type="submit"]:not(.unstyled) {
    border-color: rgba(15, 95, 218, .28) !important;
    background: linear-gradient(135deg, #2793ff, #075bd6) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(15, 95, 218, .22) !important;
}

body:not(.body-login):not(.dashboard-home) .btn-secondary,
body:not(.body-login):not(.dashboard-home) .btn.ghost,
body:not(.body-login):not(.dashboard-home) .btn-logout,
body:not(.body-login):not(.dashboard-home) .action-button {
    border: 1px solid var(--edu-line) !important;
    background: linear-gradient(135deg, #ffffff, #f0f7ff) !important;
    color: var(--edu-blue-900) !important;
}

body:not(.body-login):not(.dashboard-home) button:hover,
body:not(.body-login):not(.dashboard-home) a.btn-primary:hover,
body:not(.body-login):not(.dashboard-home) a.btn-secondary:hover,
body:not(.body-login):not(.dashboard-home) .action-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(8, 38, 92, .14) !important;
}

body:not(.body-login):not(.dashboard-home) .icon,
body:not(.body-login):not(.dashboard-home) .nav-icon,
body:not(.body-login):not(.dashboard-home) .btn-icon,
body:not(.body-login):not(.dashboard-home) .stat-icon,
body:not(.body-login):not(.dashboard-home) .section-icon {
    color: #ffffff !important;
}

body:not(.body-login):not(.dashboard-home) .nav-icon,
body:not(.body-login):not(.dashboard-home) .btn-icon,
body:not(.body-login):not(.dashboard-home) .section-icon {
    background: linear-gradient(135deg, var(--edu-blue-600), var(--edu-cyan)) !important;
    box-shadow: 0 10px 22px rgba(15, 95, 218, .2) !important;
}

body:not(.body-login):not(.dashboard-home) input:focus,
body:not(.body-login):not(.dashboard-home) select:focus,
body:not(.body-login):not(.dashboard-home) textarea:focus {
    border-color: rgba(22, 119, 255, .56) !important;
    outline: 3px solid rgba(34, 184, 255, .18) !important;
}

body:not(.body-login):not(.dashboard-home) table thead {
    background: #eaf4ff !important;
    color: var(--edu-blue-900) !important;
}

body:not(.body-login):not(.dashboard-home) .badge,
body:not(.body-login):not(.dashboard-home) .pill,
body:not(.body-login):not(.dashboard-home) .status-badge {
    border: 1px solid rgba(22, 119, 255, .18) !important;
    background: #eaf4ff !important;
    color: var(--edu-blue-900) !important;
}