/* eDU SMARTZ — global theme overrides
   Applied app-wide via App.razor. Themes MudBlazor primitives (paper, datagrid,
   buttons, inputs, chips, alerts) so existing pages inherit the look without
   per-page rewrites. New / migrated pages use <PageShell> for the page chrome. */

:root {
    --edu-primary: #F58A2E;
    --edu-primary-2: #F7941D;
    --edu-primary-dark: #E47517;
    --edu-peach: #FFF1E0;
    --edu-peach-light: #FFF7ED;
    --edu-peach-border: #F3DCBF;
    --edu-text: #2A2D34;
    --edu-text-soft: #5F6368;
    --edu-text-muted: #7A7E85;
    --edu-line: #E9ECEF;
    --edu-line-soft: #F0F1F4;
    --edu-bg: #F4F6F8;
}

html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ----- Page chrome ------------------------------------------------------ */

.edu-page-card {
    border-radius: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--edu-line) !important;
    border-top: 4px solid var(--edu-primary) !important;
    padding: 18px 20px !important;
}

.edu-page-card + .edu-page-card { margin-top: 16px; }

.edu-section-card {
    border-radius: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--edu-line) !important;
    padding: 16px 18px !important;
}

/* Default: any MudPaper inside main content gets the soft card look. Pages
   that need the orange accent header use <PageShell> or .edu-page-card. */
main .mud-paper.mud-paper-outlined,
main .mud-paper:not(.mud-appbar):not(.mud-drawer):not(.mud-popover):not(.mud-tooltip):not(.mud-menu-list):not(.mud-list):not(.mud-snackbar):not(.mud-alert):not(.mud-chip) {
    border-radius: 12px;
    border: 1px solid var(--edu-line);
}

/* ----- Buttons ---------------------------------------------------------- */

.mud-button-root { text-transform: none !important; font-weight: 600 !important; border-radius: 8px !important; }

/* Primary filled — orange gradient */
.mud-button-filled.mud-button-filled-primary {
    background: linear-gradient(135deg, var(--edu-primary-2), var(--edu-primary)) !important;
    color: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(245,138,46,0.25) !important;
}
.mud-button-filled.mud-button-filled-primary:hover { filter: brightness(1.05); }

/* Outlined primary */
.mud-button-outlined.mud-button-outlined-primary {
    border-color: var(--edu-primary) !important;
    color: var(--edu-primary) !important;
}
.mud-button-outlined.mud-button-outlined-primary:hover { background: var(--edu-peach) !important; }

/* "Add New Record" / generic primary text-buttons */
.mud-button-text.mud-button-text-primary { color: var(--edu-primary) !important; }

/* ----- Inputs / form controls ------------------------------------------- */

.mud-input-control .mud-input-slot,
.mud-input-control .mud-input-outlined-input {
    background: #FFFBF6 !important;
}

.mud-input.mud-input-outlined fieldset { border-color: var(--edu-line) !important; }
.mud-input.mud-input-outlined:hover fieldset { border-color: var(--edu-peach-border) !important; }
.mud-input.mud-input-outlined.mud-input-focused fieldset {
    border-color: var(--edu-primary) !important;
    box-shadow: 0 0 0 3px rgba(245,138,46,0.12);
}

.mud-input-label.mud-input-label-outlined.mud-input-label-shrunk,
.mud-input-label.mud-input-label.mud-disabled { color: var(--edu-text-soft) !important; }

.mud-input-label.mud-disabled.mud-input-label-shrunk,
.mud-input-control.mud-input-input-control:focus-within .mud-input-label { color: var(--edu-primary) !important; }

/* Checkbox + radio accent */
.mud-checkbox .mud-checkbox-icon-checked,
.mud-radio .mud-radio-icon-checked,
.mud-switch.mud-switch-base.mud-checked { color: var(--edu-primary) !important; }

/* ----- DataGrid --------------------------------------------------------- */

.mud-table {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--edu-line);
    background: #FFFFFF;
}

.mud-table-toolbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid var(--edu-line-soft);
    min-height: 56px;
}

.mud-table-head .mud-table-cell,
.mud-table thead th {
    background: var(--edu-peach-light) !important;
    color: var(--edu-text) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    border-bottom: 2px solid var(--edu-peach-border) !important;
}

.mud-table-row:hover { background: #FFF8EE !important; }

.mud-table-cell { color: var(--edu-text); }

.mud-table-pagination, .mud-table-pagination-toolbar {
    border-top: 1px solid var(--edu-line-soft);
    background: #FAFBFC;
}

/* Action icons inside grids */
.mud-table-cell .mud-icon-button { color: var(--edu-primary) !important; }
.mud-table-cell .mud-icon-button:hover { background: var(--edu-peach) !important; }

/* ----- Chips ------------------------------------------------------------ */

.mud-chip.mud-chip-color-primary {
    background: var(--edu-peach) !important;
    color: var(--edu-primary-dark) !important;
}

/* ----- Alerts ----------------------------------------------------------- */

.mud-alert.mud-alert-filled-warning,
.mud-alert.mud-alert-outlined-warning,
.mud-alert.mud-alert-text-warning { color: var(--edu-primary-dark) !important; }

/* ----- Tabs ------------------------------------------------------------- */

.mud-tabs .mud-tab.mud-tab-active { color: var(--edu-primary) !important; }
.mud-tabs .mud-tabs-toolbar-content .mud-tab-slider { background: var(--edu-primary) !important; }

/* ----- Section heading inside cards ------------------------------------- */

.edu-section-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--edu-text);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--edu-line-soft);
    margin-bottom: 14px;
}

/* ----- Page H4 default — softer & on-brand ------------------------------ */

main .mud-typography-h4 {
    font-weight: 700;
    color: var(--edu-text);
}

/* ----- Breadcrumbs ------------------------------------------------------ */

.mud-breadcrumbs { padding: 0 !important; background: transparent !important; }
.mud-breadcrumbs li { color: var(--edu-text-muted); font-size: 13px; }
.mud-breadcrumbs a { color: var(--edu-primary) !important; text-decoration: none; }
.mud-breadcrumbs a:hover { text-decoration: underline; }