/* Quiet Dashboard: measured adaptations of the owner's local dashboard reference. */
:root { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
.school-theme {
    color-scheme: light;
    --on-accent: #ffffff;
    --error: #b91c1c;
    --error-bg: #fef2f2;
    --error-border: #fecaca;
    --success: #15803d;
    --success-bg: #ecfdf5;
    --success-border: #a7f3d0;
    --warning: #92400e;
    --warning-bg: #fffbeb;
    --warning-border: #fde68a;
    --shadow-xs: 0 1px 2px rgba(16, 34, 25, .04);
    --shadow-sm: 0 1px 3px rgba(16, 34, 25, .06), 0 1px 2px rgba(16, 34, 25, .04);
    --shadow-md: 0 4px 10px -2px rgba(16, 34, 25, .06), 0 2px 4px -2px rgba(16, 34, 25, .04);
    --shadow-lg: 0 12px 24px -4px rgba(16, 34, 25, .08), 0 4px 8px -4px rgba(16, 34, 25, .04);
    --font-display: var(--font-body);
    --bg: #ffffff;
    --surface: #ffffff;
    --soft: #f6f6fa;
    --surface-hover: #f5f5fa;
    --surface-container-low: #fafafe;
    --surface-container: #f1f2f8;
    --surface-container-high: #e8eaf4;
    --surface-container-highest: #d9ddeb;
    --ink: #203a4e;
    --ink-secondary: #44556b;
    --muted: #626a79;
    --line: #dfe3ed;
    --line-subtle: #edf0f6;
    --accent: #565dc7;
    --accent-hover: #464bb1;
    --accent-active: #383d98;
    --accent-light: #e7e8f7;
    --accent-subtle: #e7e8f7;
    --focus: #565dc7;
    --focus-ring: #8086db;
    --sidebar-width: 240px;
    --radius: 8px;
    --radius-small: 6px;
    --dash-control-border: #8a92a3;
    --dash-sidebar: #f1f2f7;
    --dash-header-height: 64px;
    --dash-text-small: 12px;
    --dash-text-body: 13px;
    --dash-text-default: 14px;
    --dash-text-heading: 16px;
    --dash-text-title: 24px;
    --dash-text-value: 26px;
    --dash-text-large: 36px;
    --dash-content-max: 1600px;
    --dash-content-padding: var(--space-6);
    --dash-control-height: 44px;
    --dash-line-height: 1.6;
    --dash-axis-width: 88px;
    --dash-tooltip-width: 160px;
    --dash-chart-opacity: .45;
    --dash-auth-title: 36px;
    --dash-auth-width: 480px;
    --dash-focus-width: 2px;
    --dash-press-scale: .98;
    --dash-period-width: 148px;
    --dash-period-background: rgba(86, 93, 199, .1);
    --dash-period-border: transparent;
    --dash-card-background: rgba(86, 93, 199, .03);
    --dash-card-border: transparent;
    --dash-secondary-background: rgba(86, 93, 199, .1);
    --dash-secondary-hover: rgba(86, 93, 199, .15);
    --dash-secondary-border: transparent;
    --dash-input-background: rgba(86, 93, 199, .1);
    --dash-input-border: transparent;
    --dash-input-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    --dash-task-label-width: 128px;
    --dash-task-date-width: 224px;
    --dash-task-scope-width: 400px;
    --dash-task-content-width: 960px;
    --dash-series-columns: 6;
    --dash-divider: 1px;
    --dash-icon: 20px;
    --dash-child-icon: 16px;
    --workspace-tip-width: 280px;
    --workflow-dialog-width: 560px;
    --tutorial-capture-width: 1280px;
    --tutorial-marker-size: 28px;
    --workflow-dialog-backdrop: rgba(0, 0, 0, .3);
    --dash-guidance-pulse-duration: 1.8s;
    --dash-guidance-pulse-opacity: .45;
    --dash-guidance-width: 360px;
    --dash-avatar: 32px;
    --dash-search-width: 620px;
    --dash-account-width: 260px;
    --dash-results-height: 420px;
    --dash-plot-height: 180px;
    --dash-plot-min: 220px;
    --dash-bar-width: 22px;
    --dash-ring-size: 176px;
    --dash-ring-stroke: 14px;
    --dash-ring-track: #e8eaf4;
    --dash-data: #6269d6;
    --dash-data-soft: #868dcb;
    --dash-menu-shadow: 0 8px 28px rgba(32, 58, 78, .12);
    --dash-label-tracking: .09em;
    --dash-zero-track: #f5f6fb;
    --attendance-name-width: 200px;
    --attendance-date-width: 180px;
    --attendance-class-width: 320px;
    --attendance-control-height: 44px;
    --attendance-heading-size: 20px;
    --attendance-note-height: 72px;
    --attendance-tick-size: 18px;
    --attendance-check-width: 5px;
    --attendance-check-height: 9px;
    --attendance-check-stroke: 2px;
    --attendance-check-offset: -1px;
}
:root[data-theme="dark"] .school-theme {
        color-scheme: dark;
        --error: #fca5a5;
        --error-bg: #450a0a;
        --error-border: #7f1d1d;
        --success: #6ee7b7;
        --success-bg: #064e3b;
        --success-border: #047857;
        --warning: #fde68a;
        --warning-bg: #451a03;
        --warning-border: #78350f;
        --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
        --shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);
        --shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);
        --shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);
        --bg: #151722;
        --surface: #1b1e2c;
        --soft: #242838;
        --surface-hover: #292d40;
        --surface-container-low: #1b1e2c;
        --surface-container: #242838;
        --surface-container-high: #30354a;
        --surface-container-highest: #414860;
        --ink: #e9ecf7;
        --ink-secondary: #c5ccdf;
        --muted: #a6afc5;
        --line: #363c51;
        --line-subtle: #292e40;
        --accent: #b5b9ff;
        --accent-hover: #ced0ff;
        --accent-active: #e2e3ff;
        --accent-light: #303450;
        --accent-subtle: #303450;
        --on-accent: #181a32;
        --focus: #b5b9ff;
        --focus-ring: #696fae;
        --dash-control-border: #7c879f;
        --dash-sidebar: #1d202f;
        --dash-ring-track: #30354a;
        --dash-data: #9ba2fc;
        --dash-data-soft: #666d9f;
        --dash-zero-track: #242838;
        --dash-period-background: transparent;
        --dash-period-border: var(--accent);
        --dash-card-background: var(--surface);
        --dash-card-border: var(--line);
        --dash-secondary-background: transparent;
        --dash-secondary-hover: var(--surface-hover);
        --dash-secondary-border: var(--line);
        --dash-input-background: var(--surface);
        --dash-input-border: var(--dash-control-border);
}

@media print {
    .school-theme, :root[data-theme="dark"] .school-theme {
        color-scheme: light;
        --bg: #ffffff;
        --surface: #ffffff;
        --ink: #000000;
        --ink-secondary: #222222;
        --muted: #444444;
        --line: #aaaaaa;
        --line-subtle: #dddddd;
        --accent: #383d98;
        --success: #15803d;
        --error: #b91c1c;
        --warning: #92400e;
        --dash-data: #565dc7;
        --dash-data-soft: #868dcb;
        --dash-ring-track: #e8eaf4;
        --dash-card-background: #ffffff;
        --dash-card-border: var(--line);
        --dash-secondary-background: #ffffff;
        --dash-secondary-hover: #ffffff;
        --dash-secondary-border: var(--line);
        --dash-period-background: #ffffff;
        --dash-period-border: var(--line);
        --dash-input-background: #ffffff;
        --dash-input-border: var(--line);
        --dash-input-shadow: none;
    }
}