/* Internal workspace: soft daylight surfaces with blue and mint accents. */
.theme-light {
    --office-bg: #f3f6fc;
    --office-nav: #ffffff;
    --office-text: #243650;
    --office-muted: #60738c;
    --office-line: #dfe7f3;
    --office-active: #e9efff;
    --office-accent: #345ac2;
    --workspace-shadow: 0 6px 24px rgba(41, 66, 116, .055);
    color-scheme: light;
}

.theme-light .office-content {
    background-image: radial-gradient(ellipse at 5% 0%, #e5ecff 0, transparent 48%),
        radial-gradient(ellipse at 100% 25%, #e3f5ef 0, transparent 46%),
        linear-gradient(155deg, #f8faff, #f3f6fc 65%, #f4f9f8);
    background-size: 100% 100%;
}

.theme-light .office-appbar {
    background: linear-gradient(110deg, #fff 15%, #f2f6ff 70%, #edf8f5) !important;
    border-bottom-color: #dfe7f3;
    box-shadow: 0 3px 18px rgba(41, 66, 116, .04);
}
.theme-light .office-appbar .mud-typography-h6 { font-weight: 800; letter-spacing: -.045em; }
.theme-light .office-appbar .mud-chip { background: #eef3ff; border-color: #d7e2fa; color: #426099; }
.theme-light .office-appbar .mud-avatar { background: linear-gradient(135deg, #4264cc, #167d86); color: white; }
.theme-light .office-appbar .mud-icon-button { border-radius: 12px; }
.theme-light .office-appbar .mud-icon-button:hover { background: #e7eefb; }

.theme-light .office-drawer {
    background: linear-gradient(165deg, #ffffff 0%, #f4f7ff 65%, #eef8f5 100%) !important;
    box-shadow: 4px 0 24px rgba(41, 66, 116, .035);
}
.theme-light .navigation-heading { color: #7586a2; letter-spacing: .18em; padding-top: 28px; }
.theme-light .navigation-toggle { border-radius: 11px; transition: background-color .18s ease, color .18s ease; }
.theme-light .navigation-toggle .navigation-icon { color: #7088ac; }
.theme-light .navigation-toggle:hover,
.theme-light .navigation-group[open] > .navigation-toggle { background: #eaf0fb; color: #345ac2; }
.theme-light .navigation-group[open] > .navigation-toggle .navigation-icon { color: #345ac2; }
.theme-light .navigation-links { border-left-color: #d8e3f4; }
.theme-light .office-drawer .mud-nav-link { border-radius: 11px; transition: background-color .18s ease, box-shadow .18s ease; }
.theme-light .office-drawer .mud-nav-link.active {
    background: linear-gradient(110deg, #e2eaff, #e7f4f3) !important;
    border-color: #d2dff5;
    border-left-color: #5274d5;
    box-shadow: 0 3px 9px rgba(65, 94, 158, .07);
}
.theme-light .drawer-footer .mud-chip { border: 1px solid #cde8dc; background: #e8f6ef; color: #22684f; }

.theme-light .module-hero {
    background: radial-gradient(ellipse at top right, #def3ed, transparent 60%), linear-gradient(115deg, #edf1ff, #fafcff);
    border: 1px solid #dce5f5;
    border-radius: 20px;
    box-shadow: var(--workspace-shadow);
}
.theme-light .dashboard-hero {
    color: #253e67;
    background: radial-gradient(ellipse at 90% 15%, #d1eee5, transparent 55%),
        linear-gradient(115deg, #e5ecff, #f0f4ff 55%, #e4f4ef);
    border: 1px solid #d5e1f3;
    box-shadow: 0 12px 32px rgba(57, 85, 140, .08), inset 0 1px 0 #fff;
}
.theme-light .hero-eyebrow { color: #36766d; font-size: .7rem; letter-spacing: .16em; }
.theme-light .hero-title { letter-spacing: -.04em; line-height: 1.2; }
.theme-light .hero-copy { color: #576c87; max-width: 640px; line-height: 1.7; }
.theme-light .office-content :is(.mud-typography-h5, .mud-typography-h6) { font-weight: 700; letter-spacing: -.025em; }
.theme-light .office-content :is(.dashboard-panel, .kpi-card, .mud-card) {
    background: linear-gradient(145deg, #fff, #fbfcff);
    border: 1px solid #e0e7f2;
    border-radius: 18px;
    box-shadow: var(--workspace-shadow);
}
.theme-light .workflow-card { background: linear-gradient(145deg, #fff, #eaf6f2); border-color: #d7e9e3; box-shadow: var(--workspace-shadow); }
.theme-light .kpi-card { border-top: 3px solid #d0dcfa; }
.theme-light .kpi-card .mud-avatar { border-radius: 14px; }
.theme-light .kpi-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(49, 78, 133, .12) !important; }

.theme-light .mud-button-root {
    border-radius: 11px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.theme-light .mud-button-filled:not(:disabled) { box-shadow: 0 3px 8px rgba(40, 65, 115, .12); }
.theme-light .mud-button-filled-primary:not(:disabled) { background: linear-gradient(120deg, #365fcc, #5476dc); color: #fff; }
.theme-light .mud-button-filled-secondary:not(:disabled) { background: linear-gradient(120deg, #14756c, #238579); color: #fff; }
.theme-light .mud-button-filled:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(40, 65, 115, .2); }
.theme-light .mud-button-filled:not(:disabled):active { transform: translateY(0); box-shadow: none; }
.theme-light .mud-button-outlined:not(:disabled) { background: rgba(255, 255, 255, .7); }
.theme-light .mud-button-outlined-primary:not(:disabled) { border-color: #bdcdef; color: #345ac2; }
.theme-light .mud-button-outlined:not(:disabled):hover { background: #edf2fb; }
.theme-light :is(.mud-button-root, .mud-icon-button, .navigation-toggle):focus-visible { outline: 3px solid #5877cb; outline-offset: 3px; }

.theme-light .office-content .mud-input-outlined { background: rgba(255, 255, 255, .8); border-radius: 11px; }
.theme-light .office-content .mud-input-outlined .mud-input-outlined-border { border-color: #ced9ea; border-radius: 11px; }
.theme-light .office-content .mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: #8ca6d4; }
.theme-light .office-content .mud-input-outlined.mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error); }
.theme-light .office-content .mud-input-outlined:focus-within:not(.mud-input-error) .mud-input-outlined-border { border-color: var(--mud-palette-primary); }
.theme-light .profile-password input { border-radius: 11px; border-color: #ced9ea; }
.theme-light .office-content .mud-table { border: 1px solid #e0e7f2; border-radius: 14px; box-shadow: var(--workspace-shadow); }
.theme-light .office-content .mud-table-container { border-radius: 14px 14px 0 0; }
.theme-light .office-content .mud-table-head .mud-table-cell { background: #f0f4fb; color: #526887; font-weight: 700; border-bottom-color: #dce5f3; }
.theme-light .office-content .mud-table-body .mud-table-cell { border-bottom-color: #edf1f7; }
.theme-light .office-content .mud-table-hover .mud-table-body .mud-table-row:hover { background-color: #f0f5ff; }
.theme-light .office-content .mud-table-pagination { background: #fbfcff; border-radius: 0 0 14px 14px; }
.theme-light .office-content .mud-chip { border-radius: 8px; font-weight: 600; }
.theme-light .office-content .mud-alert { border-radius: 12px; }
.theme-light .office-content .mud-tabs-toolbar { border-radius: 12px 12px 0 0; background: #f5f8fe; }
.theme-light .office-content .mud-tab { text-transform: none; font-weight: 600; }
.theme-light .office-content .mud-tab.mud-tab-active { background: #eaf0ff; }

@media (max-width: 600px) {
    .theme-light .dashboard-hero { padding: 24px 20px !important; border-radius: 18px; }
    .theme-light .hero-title { font-size: 1.7rem; }
    .theme-light .office-appbar .mud-button { min-width: 40px; padding: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .theme-light .kpi-card:hover,
    .theme-light .mud-button-filled:not(:disabled):hover { transform: none; }
}
@media print {
    .theme-light .office-content,
    .theme-light .office-content .mud-paper { background: white !important; box-shadow: none !important; }
}
