/*
 * Tactile Material — light mode
 * Default interface. Dark mode remains in tactile.css and is selected per user.
 */

html.theme-light {
    color-scheme: light;
    --primary: #2563eb;
    --primary-strong: #1d4ed8;
    --primary-soft: #e7efff;
    --secondary: #c87950;
    --surface: #ffffff;
    --surface-2: #f4f7fb;
    --surface-3: #e9eef7;
    --ink: #172033;
    --ink-muted: #667085;
    --outline: #dce3ee;
    --outline-strong: #bdc8d8;
    --danger: #c81e4b;
    --danger-soft: #fff0f3;
    --success: #087a55;
    --shadow-1: 0 1px 1px rgb(23 32 51 / 3%), 0 10px 28px rgb(31 52 84 / 7%);
    --shadow-2: 0 22px 60px rgb(28 45 73 / 18%);
    background: #edf2f8;
}

html.theme-light body {
    color: var(--ink);
    background:
        radial-gradient(circle at 10% -8%, rgb(37 99 235 / 11%), transparent 32rem),
        radial-gradient(circle at 102% 15%, rgb(234 179 147 / 16%), transparent 30rem),
        #f4f7fb;
    background-attachment: fixed;
}
html.theme-light body::before {
    opacity: .5;
    background-image:
        linear-gradient(rgb(78 101 137 / 5.5%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(78 101 137 / 5.5%) 1px, transparent 1px);
}
html.theme-light body::after {
    border-color: rgb(37 99 235 / 9%);
    box-shadow: 0 0 0 48px rgb(37 99 235 / 2.7%), 0 0 0 96px rgb(200 121 80 / 2.2%);
}
html.theme-light * { scrollbar-color: #aebbd0 #edf2f8; }
html.theme-light *::-webkit-scrollbar-track { background: #edf2f8; }
html.theme-light *::-webkit-scrollbar-thumb { border-color: #edf2f8; background: #aebbd0; }
html.theme-light *::-webkit-scrollbar-thumb:hover { background: #8798b2; }

/* Application chrome */
html.theme-light .app-bar {
    border-bottom-color: rgb(100 116 139 / 16%);
    color: var(--ink);
    background: rgb(255 255 255 / 86%);
    box-shadow: 0 10px 30px rgb(31 52 84 / 8%);
}
html.theme-light .brand-copy strong { color: #172033; }
html.theme-light .brand-copy small { color: #728099; }
html.theme-light .brand-mark::after { border-color: #fff; }
html.theme-light .nav-toggle { color: #52627b; background: #eef3fa; }
html.theme-light .nav-toggle:hover { color: #1d4ed8; background: #e5edfb; }
html.theme-light .theme-toggle { border-color: #d8e1ed; color: #31598d; background: #f4f7fb; }
html.theme-light .theme-toggle:hover { border-color: #a9c4f7; color: #1d4ed8; background: #e7efff; }
html.theme-light .sync-state { border-color: #d9e2ee; color: #52627a; background: #f6f8fc; }
html.theme-light .sync-state i { background: #10a873; box-shadow: 0 0 0 4px rgb(16 168 115 / 10%), 0 0 10px rgb(16 168 115 / 22%); }
html.theme-light .user-chip { border-color: #d9e2ee; color: #213047; background: #f7f9fc; }
html.theme-light .user-chip:hover, html.theme-light .user-chip[aria-expanded="true"] { border-color: #b9cdf1; background: #edf3ff; }
html.theme-light .avatar { border-color: #c9daf8; color: #1d4ed8; background: #e7efff; }
html.theme-light .user-copy strong { color: #1f2c42; }
html.theme-light .user-copy small, html.theme-light .user-chevron { color: #748198; }
html.theme-light .user-menu { border-color: #d9e2ee; background: rgb(255 255 255 / 97%); box-shadow: var(--shadow-2); }
html.theme-light .user-menu-head { border-color: #e1e7f0; }
html.theme-light .user-menu-head small { color: #748198; }
html.theme-light .user-menu a { color: #43526a; }
html.theme-light .user-menu a:hover { color: #1d4ed8; background: #edf3ff; }
html.theme-light .edit-activity-bar { color: #36526f; border-color: #c5d8f6; background: rgb(239 246 255 / 95%); box-shadow: 0 8px 18px rgb(31 52 84 / 6%); }
html.theme-light .edit-activity-bar strong { color: #1d4ed8; }
html.theme-light .edit-activity-bar i { background: #10a873; box-shadow: 0 0 0 4px rgb(16 168 115 / 10%); }
html.theme-light .edit-activity-bar.error { color: #9f1239; border-color: #fecdd3; background: #fff1f3; }

html.theme-light .side-nav { border-color: #dfe6ef; background: rgb(249 251 254 / 92%); box-shadow: 14px 0 34px rgb(31 52 84 / 5%); }
html.theme-light .nav-context { border-color: #e2e8f1; }
html.theme-light .nav-context span { color: #8190a6; }
html.theme-light .nav-context strong { color: #334158; }
html.theme-light .nav-item { color: #617088; }
html.theme-light .nav-item:hover { color: #1e4f9d; border-color: #dae4f2; background: #edf3fb; }
html.theme-light .nav-item.active { color: #174ea6; border-color: #bfd2f5; background: linear-gradient(100deg, #dce9ff, #eff5ff); box-shadow: inset 3px 0 #2563eb, 0 7px 20px rgb(37 99 235 / 9%); }
html.theme-light .nav-item.active .icon { color: #2563eb; filter: drop-shadow(0 0 7px rgb(37 99 235 / 20%)); }
html.theme-light .nav-session { border-color: #dce4ef; background: #f2f6fb; }
html.theme-light .nav-session > i { background: #10a873; box-shadow: 0 0 0 4px rgb(16 168 115 / 8%); }
html.theme-light .nav-session strong { color: #536278; }
html.theme-light .nav-session small { color: #8491a5; }
html.theme-light .version { color: #8b98aa; }
html.theme-light .nav-scrim { background: rgb(22 35 56 / 35%); }

/* Page hierarchy and controls */
html.theme-light .page-heading { border-color: #dce5f1; background: linear-gradient(120deg, rgb(255 255 255 / 95%), rgb(247 250 255 / 91%)); box-shadow: var(--shadow-1); }
html.theme-light .page-heading::before { background: linear-gradient(#2563eb, #eab393); }
html.theme-light .page-heading::after { background: rgb(37 99 235 / 8%); }
html.theme-light .page-heading h1 { color: #172033; }
html.theme-light .page-description { color: #66758b; }
html.theme-light .eyebrow { color: #2563eb; }
html.theme-light .button.primary { border-color: rgb(37 99 235 / 16%); color: #fff; background: linear-gradient(145deg, #1d4ed8, #3b82f6); box-shadow: 0 9px 22px rgb(37 99 235 / 20%); }
html.theme-light .button.primary:hover { background: linear-gradient(145deg, #1d4ed8, #2563eb); box-shadow: 0 12px 27px rgb(37 99 235 / 27%); }
html.theme-light .button.tonal { border-color: #d4e1f7; color: #1d4ed8; background: #eaf1ff; }
html.theme-light .button.tonal:hover { border-color: #bdd1f4; color: #163f9a; background: #dfeaff; }
html.theme-light .button.text { color: #2563eb; }
html.theme-light .button.text:hover { background: #edf3ff; }
html.theme-light .button.danger { color: #fff; background: #d51c49; }
html.theme-light .button.danger.text { color: #be123c; background: transparent; }
html.theme-light .button.danger.text:hover { background: #fff0f3; }
html.theme-light .icon-button { color: #66758b; }
html.theme-light .icon-button:hover { color: #1d4ed8; background: #eaf1ff; }
html.theme-light .year-control, html.theme-light .scroll-buttons { border-color: #d9e2ee; background: rgb(255 255 255 / 88%); box-shadow: inset 0 1px #fff, 0 7px 20px rgb(31 52 84 / 5%); }
html.theme-light .year-control input { color: #1f2e44; }
html.theme-light .compact-field span, html.theme-light .field { color: #5c6a80; }
html.theme-light .compact-field select { border-color: #cbd5e1; color: #233149; background: #fff; }
html.theme-light .compact-field select:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgb(37 99 235 / 11%); }

/* Metrics and material surfaces */
html.theme-light .summary-card { border-color: #dce4ef; color: #172033; background: linear-gradient(145deg, rgb(255 255 255 / 97%), rgb(247 250 255 / 96%)); box-shadow: var(--shadow-1); }
html.theme-light .summary-card::after { opacity: .09; }
html.theme-light .summary-card:hover { border-color: color-mix(in srgb, var(--accent) 35%, #dce4ef); box-shadow: 0 17px 38px rgb(31 52 84 / 12%); }
html.theme-light .summary-icon { border-color: color-mix(in srgb, var(--accent) 27%, #dce4ef); color: var(--accent); background: color-mix(in srgb, var(--accent) 11%, white); }
html.theme-light .summary-card small { color: #718097; }
html.theme-light .summary-card strong { color: #172033; }
html.theme-light .accent-blue { --accent: #2563eb; }html.theme-light .accent-teal { --accent: #0f9f91; }html.theme-light .accent-green { --accent: #228b55; }html.theme-light .accent-red { --accent: #d33955; }html.theme-light .accent-pink { --accent: #c13b8a; }html.theme-light .accent-purple { --accent: #7c4dcc; }

html.theme-light .legend-card, html.theme-light .schedule-panel, html.theme-light .report-panel, html.theme-light .data-panel, html.theme-light .settings-card, html.theme-light .personal-calendar-panel, html.theme-light .report-output-wrap { border-color: #dce4ef; background: rgb(255 255 255 / 92%); box-shadow: var(--shadow-1); }
html.theme-light .legend-title > span, html.theme-light .schedule-toolbar h2, html.theme-light .report-heading h2, html.theme-light .section-head h2, html.theme-light .puantaj-export-copy h2 { color: #1d293d; }
html.theme-light .legend-title small, html.theme-light .schedule-toolbar p, html.theme-light .report-heading p:last-child, html.theme-light .section-head p:last-child, html.theme-light .puantaj-export-copy p:last-child { color: #718096; }
html.theme-light .legend-chip { border-color: color-mix(in srgb, var(--status-color) 48%, #cbd5e1); background: color-mix(in srgb, var(--status-color) 28%, white); }
html.theme-light .skeleton-line { background: linear-gradient(90deg, #e8edf4, #f8fafd, #e8edf4); background-size: 200% 100%; }
html.theme-light .move-banner { border-color: #efc48b; color: #72400c; background: rgb(255 247 231 / 96%); }

/* Schedule workspace */
html.theme-light .schedule-toolbar, html.theme-light .report-heading, html.theme-light .data-toolbar { border-color: #dfe6ef; background: linear-gradient(180deg, #fff, #f8fafd); }
html.theme-light .schedule-scroll { background: #e7edf5; scrollbar-color: #9dafc5 #edf2f7; }
html.theme-light .schedule-grid { background: #d8e1ec; }
html.theme-light .month-corner { border-color: #9ab0cd; color: #fff; background: #18345d; }
html.theme-light .month-corner small { color: #b6c6dc; }
html.theme-light .month-band { border-color: #8baadd; color: #fff; background: linear-gradient(105deg, #1d4ed8, #2563eb 58%, #3b82f6); }
html.theme-light .grid-corner, html.theme-light .day-header { border-color: #c0cddd; background: #f4f7fb; }
html.theme-light .grid-corner { color: #fff; background: #254568; }
html.theme-light .grid-corner small { color: #c3d1df; }
html.theme-light .day-header small { color: #74839a; }
html.theme-light .day-header strong { color: #172033; }
html.theme-light .day-header span { color: #65748a; }
html.theme-light .day-header.weekend { background: #fff7ef; }
html.theme-light .day-header.today { color: #174ea6; background: #e6f0ff; box-shadow: inset 0 3px #2563eb, inset 0 0 30px rgb(37 99 235 / 7%); }
html.theme-light .day-header.month-start, html.theme-light .assignment-cell.month-start { border-left-color: #718eaf; }
html.theme-light .day-note-button { border-color: #c2cddd; color: #5f7088; background: rgb(255 255 255 / 82%); }
html.theme-light .day-note-button:hover, html.theme-light .day-note-button:focus-visible { border-color: #2563eb; color: #fff; background: #2563eb; }
html.theme-light .day-note-button.has-notes { border-color: #91b4ef; color: #1d4ed8; background: #e7efff; }
html.theme-light .day-note-button.has-open-task { border-color: #e6b779; color: #794416; background: #fff2dc; }
html.theme-light .day-note-button b { border-color: #f4f7fb; background: #2563eb; }
html.theme-light .row-label { color: #1d293d; background: #f8fafc; box-shadow: 8px 0 19px rgb(31 52 84 / 7%); }
html.theme-light .row-label > span:not(.row-accent) { color: #6e7d92; }
html.theme-light .row-label small { color: #1d4ed8; }
html.theme-light .row-accent { box-shadow: 0 0 12px color-mix(in srgb, var(--shift-color) 25%, transparent); }
html.theme-light .assignment-cell { background: #fff; }
html.theme-light .assignment-cell.weekend { background: #fffaf5; }
html.theme-light .assignment-cell.today { background: #f5f9ff; box-shadow: inset 2px 0 rgb(37 99 235 / 28%), inset -2px 0 rgb(37 99 235 / 28%); }
html.theme-light .assignment-cell.drop-over, html.theme-light .assignment-cell.move-target:hover { background: #e9f2ff; box-shadow: inset 0 0 0 3px #3b82f6; }
html.theme-light .assignment-cell.move-target { background-image: linear-gradient(135deg, transparent 0 48%, rgb(37 99 235 / 6%) 48% 52%, transparent 52%); }
html.theme-light .person-card { box-shadow: 0 3px 10px rgb(31 52 84 / 11%); }
html.theme-light .person-card:hover { box-shadow: 0 9px 20px rgb(31 52 84 / 17%); }
html.theme-light .cell-add { border-color: #aebdce; color: #607188; background: rgb(255 255 255 / 88%); }
html.theme-light .assignment-cell:hover .cell-add, html.theme-light .cell-add:focus-visible { border-color: #2563eb; color: #fff; background: #2563eb; }
html.theme-light .loading-panel, html.theme-light .empty-state { color: #68778d; background: #fff; }
html.theme-light .empty-state strong { color: #1d293d; }
html.theme-light .spinner { border-color: #dce5ef; border-top-color: #2563eb; }

/* Cumulative table */
html.theme-light .report-period { border-color: #c9daf8; color: #1d4ed8; background: #eaf1ff; }
html.theme-light .summary-table { color: #34445a; }
html.theme-light .summary-table th, html.theme-light .summary-table td { border-color: #dfe6ef; }
html.theme-light .summary-table thead th { color: #4f6077; background: #edf2f8; }
html.theme-light .summary-table thead tr:nth-child(2) th:nth-child(even), html.theme-light .summary-table .cumulative-cell { background: #f5f8fc; }
html.theme-light .summary-table .person-summary-head { color: #fff; background: #22486c; }
html.theme-light .summary-table .person-summary-cell { color: #223047; background: #fff; }
html.theme-light .person-summary-cell small { color: #78869a; }
html.theme-light .summary-table tbody tr:hover td, html.theme-light .summary-table tbody tr:hover .person-summary-cell { background: #eef5ff; }
html.theme-light .summary-table .summary-total-head, html.theme-light .summary-table .summary-total { color: #6d3c20; background: #fff0e7; }
html.theme-light .summary-table tfoot th, html.theme-light .summary-table tfoot td { color: #fff; background: #22486c; }
html.theme-light .summary-table tfoot td.cumulative-cell { color: #163b59; background: #dcebf5; }
html.theme-light .summary-table tfoot td.summary-total { color: #60391f; background: #f5dfd1; }
html.theme-light .zero-count { color: #9ba7b7; }
html.theme-light .summary-table tfoot .zero-count { color: inherit; opacity: .7; }
html.theme-light .count-with-hours { border-color: #62809a; }

/* Forms and dialogs */
html.theme-light .app-dialog { border-color: #d8e1ec; color: #172033; background: #fff; box-shadow: var(--shadow-2); }
html.theme-light .app-dialog::backdrop { background: rgb(29 42 62 / 42%); }
html.theme-light .dialog-head, html.theme-light .dialog-actions { border-color: #e0e7f0; background: #f9fbfd; }
html.theme-light .dialog-head h2 { color: #182338; }
html.theme-light .dialog-body p { color: #66758a; }
html.theme-light .context-strip span, html.theme-light .day-note-list > h3 span { color: #1d4ed8; background: #eaf1ff; }
html.theme-light .day-note-list { border-color: #dfe6ef; }
html.theme-light .day-note-item, html.theme-light .empty-day-notes, html.theme-light .future-item, html.theme-light .management-row, html.theme-light .detail-row, html.theme-light .choice-button { border-color: #dce4ee; color: #2e3d53; background: #fbfcfe; }
html.theme-light .day-note-item.completed { background: #f2f5f8; }
html.theme-light .day-note-item p { color: #27364c !important; }
html.theme-light .day-note-item-head .note-type, html.theme-light .day-note-item-head b { color: #1d4ed8; background: #e8f0ff; }
html.theme-light .day-note-item-head .note-type.gelecek_is { color: #7a4517; background: #fff0db; }
html.theme-light .empty-day-notes { border-color: #c7d3e1; background: #f8fafc; }
html.theme-light .empty-day-notes strong { color: #28364b; }
html.theme-light .field input, html.theme-light .field select, html.theme-light .field textarea { border-color: #bdc9d8; color: #223047; background: #fff; caret-color: #2563eb; }
html.theme-light .field input::placeholder, html.theme-light .field textarea::placeholder, html.theme-light .search-field input::placeholder { color: #98a3b3; }
html.theme-light .field input:focus, html.theme-light .field select:focus, html.theme-light .field textarea:focus { border-color: #3b82f6; background: #fff; box-shadow: 0 0 0 3px rgb(37 99 235 / 11%); }
html.theme-light .field input:disabled { color: #7e8a9c; background: #eef2f6; }
html.theme-light .field small, html.theme-light .check-row small, html.theme-light .form-help, html.theme-light .empty-copy, html.theme-light .future-item small, html.theme-light .management-row small, html.theme-light .detail-row small { color: #758399; }
html.theme-light .field.attention-field > span { color: #b4236c; }
html.theme-light .field.attention-field input { border-color: #d798bd; background: #fff8fc; }
html.theme-light fieldset { border-color: #dce4ee; background: #fafbfd; }
html.theme-light legend { color: #1d4ed8; }
html.theme-light .segmented { background: #e9eef6; }
html.theme-light .segmented span { color: #68768a; }
html.theme-light .segmented input:checked + span { color: #174ea6; background: #fff; box-shadow: 0 3px 9px rgb(31 52 84 / 10%); }
html.theme-light .check-row { color: #2f3e53; }
html.theme-light .alert.error { border-color: #fecdd3; color: #9f1239; background: #fff1f3; }
html.theme-light .alert.success { border-color: #a7e8cf; color: #086044; background: #e7f8f1; }
html.theme-light .alert.info { border-color: #bfd3f5; color: #174ea6; background: #edf4ff; }
html.theme-light .contact-strip { border-color: #dce4ee; background: #f5f8fc; }
html.theme-light .contact-strip strong { color: #243249; }
html.theme-light .contact-strip span { color: #6d7c91; }
html.theme-light .choice-button { color: #1d4ed8; }
html.theme-light .choice-button:hover { border-color: #7aa7ef; background: #edf4ff; }
html.theme-light .choice-button.warning { border-color: #f0c38b; color: #7a4517; background: #fff8eb; }
html.theme-light .choice-button.warning:hover { border-color: #dca35d; background: #fff0d7; }
html.theme-light .context-menu { border-color: #d8e1ec; background: #fff; box-shadow: var(--shadow-2); }
html.theme-light .context-menu > strong { color: #1d4ed8; }
html.theme-light .context-menu button { color: #3d4d64; }
html.theme-light .context-menu button:hover, html.theme-light .context-menu button:focus-visible { color: #174ea6; background: #eaf1ff; }

/* Data and configuration */
html.theme-light .search-field { border-color: #d7e0eb; color: #7c899b; background: #f4f7fb; }
html.theme-light .search-field:focus-within { border-color: #3b82f6; background: #fff; box-shadow: 0 0 0 3px rgb(37 99 235 / 10%); }
html.theme-light .search-field input { color: #243249; }
html.theme-light .data-table th { border-color: #dce4ee; color: #617086; background: #f2f6fa; }
html.theme-light .data-table td { border-color: #e6ebf2; color: #3d4c61; }
html.theme-light .data-table tbody tr:hover { background: #f3f7fd; }
html.theme-light .person-identity strong, html.theme-light .stacked-cell strong { color: #223047; }
html.theme-light .person-identity small, html.theme-light .stacked-cell small { color: #748197; }
html.theme-light .order-buttons { border-color: #d5dfeb; background: #f3f6fa; }
html.theme-light .order-buttons span { color: #6e7c91; }
html.theme-light .table-chip { border-color: #cfddf5; color: #1d4ed8; background: #e9f1ff; }
html.theme-light .state-badge.active { color: #087a55; background: #e1f6ed; }
html.theme-light .state-badge.passive { color: #667085; background: #edf1f5; }
html.theme-light .settings-subnav { border-color: #dce4ee; background: rgb(255 255 255 / 92%); }
html.theme-light .settings-subnav a { color: #66758a; }
html.theme-light .settings-subnav a:hover { color: #1d4ed8; background: #eaf1ff; }
html.theme-light .settings-subnav a.active { color: #fff; background: #2563eb; box-shadow: 0 7px 17px rgb(37 99 235 / 18%); }
html.theme-light .config-tile, html.theme-light .status-config-row, html.theme-light .title-config-row { border-color: #dce4ee; background: #fbfcfe; }
html.theme-light .config-code { color: #526279; background: #e9eef5; }
html.theme-light .color-field { color: #536278; }
html.theme-light .color-field input { border-color: #bdc9d8; background: #fff; }
html.theme-light .color-field code { color: #77859a; }
html.theme-light .new-config-row { border-color: #8db2ef; background: #f0f6ff; box-shadow: inset 4px 0 #2563eb; }
html.theme-light .file-drop { border-color: #9eb4cf; color: #44546b; background: #f4f8fd; }
html.theme-light .file-drop > span { color: #253349; }
html.theme-light .file-drop small { color: #738198; }
html.theme-light .switch > span { background: #b7c1cf; }
html.theme-light .switch input:checked + span { background: #2563eb; }
html.theme-light .switch em { color: #68768b; }
html.theme-light .permission-option { border-color: #dce4ee; color: #435269; background: #fff; }
html.theme-light .permission-option:hover { border-color: #a9c2ec; background: #f1f6ff; }
html.theme-light .inline-loading, html.theme-light .inline-mini-loading { color: #708096; background: #f6f8fb; }

/* Personal schedule, report controls and authentication */
html.theme-light .personal-calendar-weekdays { border-color: #dce4ee; color: #526279; background: #edf2f8; }
html.theme-light .personal-calendar-weekdays span { border-color: #d8e1ec; }
html.theme-light .personal-calendar { background: #dce4ee; }
html.theme-light .personal-day-placeholder { background: #f2f5f8; }
html.theme-light .personal-day { background: #fff; }
html.theme-light .personal-day.weekend { background: #fffaf5; }
html.theme-light .personal-day.default-weekly-off { background: #f0faf5; box-shadow: inset 0 3px rgb(16 168 115 / 42%); }
html.theme-light .personal-day.today { box-shadow: inset 0 0 0 3px rgb(37 99 235 / 42%); }
html.theme-light .personal-day > header strong { color: #1d293d; }
html.theme-light .personal-day > header span { color: #718096; }
html.theme-light .personal-day > header i { color: #1d4ed8; background: #eaf1ff; }
html.theme-light .personal-day > header i.weekly-off-badge { color: #087a55; background: #e4f6ee; }
html.theme-light .personal-empty-day { color: #98a3b2; }
html.theme-light .personal-empty-day.weekly-off { color: #16805c; }
html.theme-light .personal-loading { color: #68778d; background: #fff; }
html.theme-light .puantaj-export-card { border-color: #c8d9f4; background: linear-gradient(120deg, #f1f6ff, #fff); }
html.theme-light .puantaj-export-copy .summary-icon { --accent: #2563eb; }
html.theme-light .report-output-wrap { background: #e9eef4; }
html.theme-light .report-paper { color: #20343d; background: #fff; }
html.theme-light .toast { border-color: #d7e0eb; color: #2d3b50; background: #fff; box-shadow: var(--shadow-2); }

html.theme-light .auth-body { background: #f3f6fb; }
html.theme-light .login-brand-panel, html.theme-light .install-intro {
    color: #172033;
    background:
        radial-gradient(circle at 18% 16%, rgb(37 99 235 / 16%), transparent 25rem),
        radial-gradient(circle at 82% 86%, rgb(234 179 147 / 22%), transparent 23rem),
        linear-gradient(145deg, #f4f8ff, #e9f1ff 58%, #f8f4f1);
}
html.theme-light .login-brand-panel::before, html.theme-light .install-intro::before { opacity: .55; background-image: linear-gradient(rgb(75 98 134 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(75 98 134 / 8%) 1px, transparent 1px); }
html.theme-light .login-brand-panel::after, html.theme-light .install-intro::after { border-color: rgb(37 99 235 / 14%); box-shadow: 0 0 0 65px rgb(37 99 235 / 4%), 0 0 0 130px rgb(200 121 80 / 3%); }
html.theme-light .login-brand-panel .eyebrow, html.theme-light .install-intro .eyebrow { color: #2563eb; }
html.theme-light .login-brand-panel h1, html.theme-light .install-intro h1 { color: #172033; }
html.theme-light .login-brand-panel > p:last-of-type, html.theme-light .install-intro > p:last-of-type { color: #5f6e84; }
html.theme-light .shift-preview span { border-color: #cbd9ed; color: #1d4ed8; background: rgb(255 255 255 / 56%); }
html.theme-light .feature-checks { color: #516077; }
html.theme-light .feature-checks li::before { color: #1d4ed8; background: #dbe8ff; }
html.theme-light .auth-card { border-color: #dbe3ee; background: rgb(255 255 255 / 94%); box-shadow: var(--shadow-2); }
html.theme-light .auth-card-head h2 { color: #172033; }
html.theme-light .auth-card-head > p:last-child { color: #68768b; }
html.theme-light .auth-foot { color: #8794a6; }

@media (max-width: 1180px) {
    html.theme-light .side-nav { background: rgb(249 251 254 / 98%); }
}

@media (max-width: 560px) {
    html.theme-light body::before { opacity: .3; }
    html.theme-light .user-chip { background: transparent; }
    html.theme-light .theme-toggle { width: 34px; height: 34px; border-radius: 10px; }
}

@media print {
    html.theme-light, html.theme-light body.reports-page { color-scheme: light; background: #fff !important; }
    html.theme-light body.reports-page .report-output-wrap, html.theme-light body.reports-page .report-paper { background: #fff; box-shadow: none; }
}