/* macOS 27 inspired theme. Loaded after the structural styles in site.css. */
:root {
    --mac-ink: #182333;
    --mac-muted: #68758a;
    --mac-line: rgba(103, 121, 145, .20);
    --mac-glass: rgba(255, 255, 255, .72);
    --mac-panel: rgba(255, 255, 255, .86);
    --mac-blue: #2477ee;
    --mac-blue-dark: #145ac4;
    --mac-blue-soft: #e8f1ff;
    --mac-radius: 18px;
    --ink: var(--mac-ink);
    --muted: #5e6c80;
    --line: var(--mac-line);
    --accent: var(--mac-blue);
    --accent-dark: var(--mac-blue-dark);
    --accent-soft: var(--mac-blue-soft);
    --canvas: #f0f4f9;
}

html { background: #dce4f0; }
body {
    min-height: 100vh;
    color: var(--mac-ink);
    background:
        radial-gradient(ellipse at 13% 16%, rgba(255, 255, 255, .92) 0 12%, transparent 42%),
        radial-gradient(ellipse at 83% 11%, rgba(175, 202, 238, .72) 0 13%, transparent 43%),
        radial-gradient(ellipse at 80% 86%, rgba(230, 214, 239, .7) 0 14%, transparent 42%),
        linear-gradient(135deg, #dce5f0 0%, #f2eee9 52%, #d7e1ef 100%);
    background-attachment: fixed;
}
body, button, input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Microsoft YaHei", sans-serif; }
a { color: var(--mac-blue-dark); }
.ui-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.ui-icon { display: inline-block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.18em; }
.skip-link { position: fixed; z-index: 10; top: 7px; left: 12px; transform: translateY(-150%); border-radius: 8px; padding: 8px 12px; background: var(--mac-ink); color: #fff; }
.skip-link:focus { transform: translateY(0); }
.os-menubar { display: flex; height: 34px; align-items: center; gap: 20px; padding: 0 22px; color: rgba(36, 48, 67, .78); font-size: 12px; }
.desktop-brand { display: inline-flex; align-items: center; gap: 7px; color: var(--mac-ink); text-decoration: none; }
.desktop-brand .ui-icon { color: var(--mac-blue); width: 15px; height: 15px; }
.menubar-caption { color: var(--mac-muted); }
.menubar-date { margin-left: auto; }
.app-window { display: grid; grid-template-columns: 244px minmax(0, 1fr); width: min(1440px, calc(100% - 38px)); min-height: calc(100vh - 56px); margin: 0 auto 22px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .72); border-radius: 20px; background: var(--mac-panel); box-shadow: 0 28px 70px rgba(46, 68, 99, .20), 0 2px 6px rgba(46, 68, 99, .1); }
.app-sidebar { display: flex; min-width: 0; flex-direction: column; border-right: 1px solid var(--mac-line); background: rgba(239, 244, 251, .78); backdrop-filter: blur(28px) saturate(130%); }
.sidebar-heading { display: flex; align-items: center; gap: 17px; height: 48px; padding: 0 17px; border-bottom: 1px solid var(--mac-line); }
.window-lights { display: flex; gap: 7px; }
.window-lights i { width: 11px; height: 11px; border-radius: 50%; box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .16); }
.window-lights i:nth-child(1) { background: #ff6257; }.window-lights i:nth-child(2) { background: #ffc043; }.window-lights i:nth-child(3) { background: #29c940; }
.sidebar-caption { color: var(--mac-muted); font-size: 12px; font-weight: 600; }
.workspace-brand { display: flex; align-items: center; gap: 11px; margin: 16px 12px 9px; padding: 9px; border-radius: 12px; color: var(--mac-ink); text-decoration: none; }
.workspace-brand:hover { background: rgba(255, 255, 255, .72); }
.workspace-logo { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #5ea4ff, #2169dc); box-shadow: 0 4px 12px rgba(35, 110, 225, .25); }
.workspace-logo .ui-icon { width: 19px; height: 19px; stroke-width: 1.7; }
.workspace-brand strong { display: block; font-size: 13px; }.workspace-brand small { display: block; margin-top: 2px; color: var(--mac-muted); font-size: 8px; letter-spacing: .13em; }
.sidebar-nav { overflow: auto; padding: 5px 10px 15px; }
.nav-group-label { margin: 13px 10px 5px; color: #8895a8; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.sidebar-link { display: flex; align-items: center; gap: 10px; min-height: 35px; margin: 2px 0; border-radius: 9px; padding: 0 11px; color: #516077; font-size: 13px; text-decoration: none; transition: background .15s ease, color .15s ease, transform .15s ease; }
.sidebar-link .ui-icon { width: 16px; height: 16px; color: #7d8da7; }
.sidebar-link:hover { background: rgba(255, 255, 255, .78); color: var(--mac-ink); transform: translateX(1px); }.sidebar-link:hover .ui-icon { color: var(--mac-blue); }
.sidebar-link[aria-current="page"] { background: linear-gradient(100deg, #dbeaff, #eaf3ff); color: #125bc3; font-weight: 700; box-shadow: inset 0 0 0 1px rgba(80, 143, 233, .13); }.sidebar-link[aria-current="page"] .ui-icon { color: var(--mac-blue); }
.sidebar-link.is-section:not([aria-current="page"]) { color: #354a68; }
.sidebar-account { display: flex; align-items: center; gap: 9px; margin: auto 10px 12px; border-top: 1px solid var(--mac-line); padding: 13px 5px 0; }
.account-avatar { display: grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #92b7ed, #477ad0); font-size: 13px; font-weight: 700; }.account-avatar .ui-icon { width: 16px; }
.account-copy { min-width: 0; flex: 1; }.account-copy strong, .account-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.account-copy strong { font-size: 12px; }.account-copy small { margin-top: 2px; color: var(--mac-muted); font-size: 10px; }
.account-signout { display: grid; width: 27px; height: 27px; place-items: center; border: 0; border-radius: 7px; color: #8290a3; background: transparent; text-decoration: none; cursor: pointer; }.account-signout:hover { color: var(--mac-blue); background: #e4efff; }.account-signout .ui-icon { width: 15px; height: 15px; }
.window-body { min-width: 0; background: rgba(255, 255, 255, .54); }.window-toolbar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--mac-line); padding: 0 25px; background: rgba(255, 255, 255, .38); }.toolbar-location, .toolbar-actions, .toolbar-account { display: flex; align-items: center; gap: 8px; }.toolbar-location { color: #40516b; font-size: 13px; font-weight: 700; }.toolbar-location .ui-icon { width: 17px; color: #8090a8; }.toolbar-actions { color: var(--mac-muted); font-size: 12px; }.toolbar-account .ui-icon { width: 14px; }.window-footer { display: flex; justify-content: space-between; margin: 0 25px; border-top: 1px solid var(--mac-line); padding: 13px 0 18px; color: #8a95a5; font-size: 11px; }
.main-content { padding: 36px 42px 40px; }.container { width: min(100%, 1080px); }
.breadcrumb { gap: 8px; margin-bottom: 20px; color: #8995a6; font-size: 11px; }.breadcrumb a { color: #70809a; }.section-heading { padding: 5px 0 27px; }.eyebrow, .card-kicker { color: var(--mac-blue-dark); letter-spacing: .08em; }.section-heading h1 { color: #17263d; font-size: clamp(2rem, 4vw, 3.15rem); letter-spacing: -.035em; }.section-heading p:not(.eyebrow), .hero-copy { color: var(--mac-muted); }
.hero-panel { position: relative; min-height: 258px; align-items: center; margin: -3px -4px 29px; overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 19px; padding: 30px 34px; background: linear-gradient(120deg, rgba(248,251,255,.88), rgba(224,238,255,.68)); box-shadow: 0 12px 30px rgba(72, 110, 158, .08); }.hero-panel h1 { color: #142746; font-size: clamp(2.25rem, 5vw, 4rem); letter-spacing: -.055em; }.hero-copy { line-height: 1.85; }.hero-actions { margin-top: 23px; padding-bottom: 0; }.hero-actions .ui-icon, .button .ui-icon { width: 15px; height: 15px; margin-left: 6px; }
.workspace-art { position: absolute; right: 8%; bottom: 0; width: 250px; height: 215px; transform: rotate(-6deg); opacity: .92; }.art-tile { position: absolute; display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid rgba(255,255,255,.86); border-radius: 24px; color: #fff; box-shadow: 0 16px 27px rgba(61, 91, 140, .22); }.art-tile .ui-icon { width: 45px; height: 45px; stroke-width: 1.3; }.art-photo { right: 10px; top: 2px; transform: rotate(9deg); background: linear-gradient(145deg, #56a6ff, #1e64d7); }.art-document { left: 17px; top: 62px; transform: rotate(-8deg); background: linear-gradient(145deg, #b69af7, #7050c8); }.art-folder { right: 25px; bottom: -5px; transform: rotate(2deg); background: linear-gradient(145deg, #ffbd6b, #ec7c52); }
.home-section-title { display: flex; align-items: baseline; justify-content: space-between; margin: 0 2px 11px; }.home-section-title h2 { margin: 0; font-size: 17px; }.home-section-title span { color: var(--mac-muted); font-size: 11px; }
.department-grid, .tool-grid { gap: 13px; border: 0; background: transparent; }.department-card, .tool-card { min-height: 220px; border: 1px solid var(--mac-line); border-radius: 15px; padding: 21px; background: rgba(255,255,255,.72); box-shadow: 0 8px 22px rgba(50, 73, 107, .06); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }.department-card:hover, .tool-card:hover { border-color: rgba(53, 127, 228, .32); box-shadow: 0 13px 29px rgba(50, 73, 107, .12); transform: translateY(-3px); }.department-card-featured, .tool-card-primary { background: linear-gradient(145deg, rgba(232,243,255,.91), rgba(255,255,255,.78)); }.department-card h2, .tool-card h2 { color: #1c2d47; font-size: 1.34rem; }.department-card p, .tool-card p { font-size: 12px; }.card-action { color: var(--mac-blue-dark); font-size: 12px; }.app-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: #fff; box-shadow: 0 5px 11px rgba(43, 89, 160, .18); }.app-icon .ui-icon { width: 21px; height: 21px; }.app-icon-blue { background: linear-gradient(145deg,#4ca2ff,#2868dc); }.app-icon-purple { background: linear-gradient(145deg,#a887f2,#704bd0); }.app-icon-orange { background: linear-gradient(145deg,#ffb768,#eb7956); }
.home-shortcuts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 20px; }.shortcut-card { display: flex; align-items: center; gap: 11px; min-height: 58px; border: 1px solid var(--mac-line); border-radius: 13px; padding: 11px 14px; color: var(--mac-ink); background: rgba(255,255,255,.68); text-decoration: none; }.shortcut-card:hover { background: #fff; }.shortcut-card > .ui-icon { width: 15px; margin-left: auto; color: #97a3b5; }.shortcut-card strong, .shortcut-card small { display: block; }.shortcut-card strong { font-size: 12px; }.shortcut-card small { margin-top: 3px; color: var(--mac-muted); font-size: 10px; }.shortcut-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: var(--mac-blue); background: var(--mac-blue-soft); }.shortcut-icon .ui-icon { width: 17px; }
.workflow-note { border-bottom: 0; }.count-badge { border-color: var(--mac-line); background: rgba(255,255,255,.55); color: var(--mac-muted); }.management-nav { gap: 5px; border-bottom-color: var(--mac-line); }.management-nav a { border-radius: 9px; color: var(--mac-muted); font-size: 12px; }.management-nav a:hover, .management-nav a[aria-current="page"] { background: var(--mac-blue-soft); color: var(--mac-blue-dark); }
.form-panel, .empty-panel, .upload-panel, .activity-card, .receipt-panel, .status-panel, .import-panel, .filter-bar, .management-note { border: 1px solid var(--mac-line); border-radius: 15px; background: rgba(255,255,255,.76); box-shadow: 0 9px 24px rgba(53, 77, 110, .055); }.form-panel { padding: 28px; }.form-field input:not([type="file"]), .form-field select, .filter-field input, .filter-field select { border-color: #c8d2e0; border-radius: 9px; background: rgba(255,255,255,.84); }.form-field input:focus, .form-field select:focus, .filter-field input:focus, .filter-field select:focus { border-color: var(--mac-blue); outline: 3px solid #dceaff; }.button { min-height: 40px; border: 0; border-radius: 9px; background: linear-gradient(180deg,#388bf4,#1e6fd9); box-shadow: 0 4px 10px rgba(31, 111, 216, .2); font-size: 13px; }.button:hover { background: linear-gradient(180deg,#287ce7,#155dc1); }.button-secondary { border: 1px solid #c7d5e9; color: var(--mac-blue-dark); background: rgba(255,255,255,.68); box-shadow: none; }.button-secondary:hover { border-color: #91b7ed; background: var(--mac-blue-soft); }.button-quiet { box-shadow: none; }.button-danger { background: linear-gradient(180deg,#f06462,#c63b45); }.dropzone { border-color: #a9c7ef; border-radius: 14px; background: linear-gradient(145deg, #f5f9ff, #edf5ff); }.dropzone:hover, .dropzone-active { border-color: var(--mac-blue); background: var(--mac-blue-soft); }.dropzone-icon { background: var(--mac-blue); box-shadow: 0 5px 12px rgba(36,119,238,.25); }.filter-bar { padding: 14px; }.filter-field label { color: var(--mac-muted); font-size: 11px; }.asset-card { border-color: var(--mac-line); border-radius: 14px; background: rgba(255,255,255,.82); box-shadow: 0 7px 18px rgba(53,77,110,.055); }.asset-preview { background: #e8eef7; }.asset-info { padding: 14px; }.asset-type-icon { border-color: #b7cef0; border-radius: 14px; background: var(--mac-blue-soft); color: var(--mac-blue-dark); }.asset-activity { color: #7d8ba1; }.tutorial-shell { border-color: var(--mac-line); border-radius: 17px; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(53,77,110,.08); }.tutorial-sidebar { border-right-color: var(--mac-line); background: rgba(239,244,251,.62); }.tutorial-sidebar-title, .tutorial-nav-item { border-bottom-color: var(--mac-line); }.tutorial-sidebar-title { color: var(--mac-blue-dark); }.tutorial-nav-item { color: #53627a; }.tutorial-nav-item:hover, .tutorial-nav-item-active { color: var(--mac-blue-dark); background: #e8f1ff; }.tutorial-nav-item-active { box-shadow: inset 3px 0 0 var(--mac-blue); }.tutorial-main-header { border-bottom-color: var(--mac-line); }.tutorial-main-header h1 { color: #1d2e49; }.tutorial-card-reference { border: 1px solid var(--mac-line); border-radius: 13px; background: rgba(244,248,253,.85); }.tutorial-card-reference h2 { color: var(--mac-blue-dark); }.tutorial-placeholder-icon { box-shadow: 0 4px 10px rgba(53,77,110,.16); }.tutorial-camera-icon { background: linear-gradient(145deg,#75aff8,#3f75d8); }.tutorial-writing-icon { background: linear-gradient(145deg,#a68bf0,#6b50c9); }
.confirm-dialog { border-color: var(--mac-line); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 25px 80px rgba(30,48,77,.28); backdrop-filter: blur(20px); }.confirm-dialog::backdrop { background: rgba(28,43,65,.32); backdrop-filter: blur(3px); }.confirm-dialog-details { border-radius: 10px; background: #f0f5fc; }.message { border: 1px solid #b8e2ca; border-left-width: 3px; border-radius: 10px; background: rgba(235,250,241,.8); }
:focus-visible { outline: 3px solid #8fbcfb; outline-offset: 2px; }
/* Keep content readable even on a browser with no glass-filter support. */
@supports not (backdrop-filter: blur(1px)) {
    .app-sidebar { background: #edf2f8; }
    .confirm-dialog { background: #fff; }
}

/* Shared surfaces and states that need explicit overrides from site.css. */
.window-body { display: flex; flex-direction: column; }
.main-content { flex: 1; }
.window-toolbar, .window-footer { flex-shrink: 0; }
.hero-panel > div:first-child { position: relative; z-index: 1; max-width: 70%; }
.hero-panel h1 { font-size: clamp(28px, 3vw, 44px); }
.workspace-art { right: 0; width: 220px; pointer-events: none; }
.department-card .card-kicker { margin-top: 18px; font-size: 10px; }
.department-card { min-height: 290px; }
.department-card h2 { margin-top: 10px; }
.department-card p, .tool-card p { font-size: 14px; line-height: 1.75; }
.card-action { padding-top: 22px; font-size: 13px; }
.tool-card-muted:hover { transform: none; box-shadow: 0 8px 22px rgba(50, 73, 107, .06); }
.tool-card-muted { background: #f4f6f9; }
.tool-card > .app-icon { margin-bottom: 18px; }
.form-field label { font-size: 14px; }
.form-field input, .form-field select, .filter-field input, .filter-field select { min-width: 0; }
.form-field input[type="file"] { border-color: #bdcce0; border-radius: 9px; background: #f5f8fc; }
input[type="file"]::file-selector-button { margin-right: 12px; border: 1px solid #c4d3e7; border-radius: 7px; padding: 7px 11px; color: var(--accent-dark); background: #fff; cursor: pointer; }
.button:disabled { transform: none; }
.button-small { min-height: 30px; font-size: 12px; }
.button-danger:hover { background: linear-gradient(180deg, #db484e, #ae2935); }
.button-quiet, .button-quiet:hover { color: var(--accent-dark); background: transparent; }
.method-option, .date-option { border-radius: 11px; }
.method-option:has(input:checked), .date-option:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); box-shadow: 0 0 0 1px var(--accent); }
.date-option-disabled { background: #edf0f5; color: #707b8c; }
.upload-box, .finished-note, .import-source-note, .form-errors { border-radius: 10px; }
.filter-field { min-width: 0; }
.filter-field input, .filter-field select { font-size: 13px; }
.dropzone:has(input:focus-visible) { outline: 3px solid #8fbcfb; outline-offset: 3px; }
.dropzone .button { cursor: pointer; }
.message-error { border-color: #efb8bd; color: #8e2735; background: #fff0f2; }
.message-warning { border-color: #e9d2a1; color: #78541a; background: #fff8e9; }
.message-info { border-color: #b9d5f8; color: #235595; background: #eef6ff; }
.tutorial-shell { grid-template-columns: 200px minmax(0, 1fr); gap: 0; min-height: 500px; }
.tutorial-sidebar { min-height: 500px; }
.tutorial-main { padding: 24px; }
.tutorial-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.tutorial-menu-icon, .tutorial-external-icon, .tutorial-nav-item-active .tutorial-external-icon { color: var(--accent); }
.tutorial-card-body { flex-wrap: wrap; }
.tutorial-placeholder-icon .ui-icon { width: 28px; height: 28px; }
.toolbar-actions { min-width: 0; }
.activity-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.activity-edit-dialog .form-errors { white-space: pre-line; }
.activity-edit-dialog .action-row { margin-top: 4px; }
.activity-edit-dialog [aria-invalid="true"] { border-color: #c63b45; }
.toolbar-account { max-width: 200px; overflow-wrap: anywhere; }
.sidebar-link.is-section:not([aria-current="page"]) { color: var(--accent-dark); background: rgba(220, 233, 251, .6); }
.sidebar-link.is-section .ui-icon { color: var(--accent); }
.tutorial-card-reference { scroll-margin-top: 20px; }
.tutorial-card-reference:target { outline: 2px solid var(--accent); outline-offset: 3px; }
.import-table { font-size: 14px; }
.import-table th { background: #f4f7fb; }

@media (max-width: 1150px) {
    .app-window { grid-template-columns: 210px minmax(0, 1fr); }
    .main-content { padding: 30px 26px 36px; }
    .media-tool-grid, .asset-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .multimedia-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hero-panel { padding: 28px 24px; }
    .workspace-art { transform: scale(.8) rotate(-6deg); transform-origin: right bottom; }
    .hero-panel > div:first-child { max-width: 75%; }
    .tutorial-shell { grid-template-columns: 170px minmax(0, 1fr); }
    .tutorial-sidebar-title, .tutorial-nav-item { padding: 0 15px; font-size: 13px; }
    .tutorial-main { padding: 20px; }
}

@media (max-width: 900px) {
    .app-window { grid-template-columns: 195px minmax(0, 1fr); width: calc(100% - 24px); }
    .main-content { padding: 26px 22px 32px; }
    .hero-panel > div:first-child { max-width: none; }
    .workspace-art { display: none; }
    .department-grid, .multimedia-home-grid { grid-template-columns: 1fr; }
    .department-card { min-height: 245px; }
    .department-card p { max-width: none; }
    .home-shortcuts { grid-template-columns: 1fr; }
    .tutorial-shell { grid-template-columns: 1fr; }
    .tutorial-sidebar { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .tutorial-back-link { margin: 12px 15px; }
    .tutorial-nav-item { min-height: 44px; }
    .tutorial-card-grid { grid-template-columns: 1fr; }
    .section-heading-row { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
    .os-menubar { padding: 0 13px; gap: 8px; font-size: 11px; }
    .menubar-caption { display: none; }
    .app-window { display: block; width: calc(100% - 14px); margin-bottom: 8px; border-radius: 15px; }
    .app-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) auto; border-right: 0; border-bottom: 1px solid var(--mac-line); }
    .sidebar-heading { grid-column: 1 / -1; height: 36px; }
    .workspace-brand { grid-column: 1; grid-row: 2; margin: 7px 4px 5px 10px; }
    .sidebar-nav { grid-column: 1 / -1; grid-row: 3; display: flex; gap: 4px; overflow-x: auto; padding: 0 9px 8px; }
    .nav-group-label { display: none; }
    .sidebar-link { min-width: max-content; min-height: 38px; padding: 0 10px; font-size: 12px; }
    .sidebar-link .ui-icon { width: 15px; height: 15px; }
    .sidebar-account { grid-column: 2; grid-row: 2; margin: 0 12px 0 0; border: 0; padding: 0; }
    .sidebar-account .account-copy { display: none; }
    .account-signout { width: 34px; height: 34px; }
    .window-toolbar { padding: 0 15px; }
    .toolbar-account { max-width: 130px; overflow-wrap: anywhere; font-size: 11px; }
    .main-content { padding: 25px 15px 28px; }
    .window-footer { margin: 0 15px; }
    .hero-panel { min-height: 0; margin: -2px 0 22px; padding: 26px 20px; align-items: flex-start; }
    .hero-panel h1 { font-size: 28px; }
    .hero-copy { font-size: 14px; }
    .hero-actions { flex-wrap: wrap; gap: 12px; }
    .home-section-title span { display: none; }
    .section-heading-row { gap: 12px; }
    .asset-library-grid, .media-tool-grid, .tool-grid { grid-template-columns: 1fr; }
    .department-card { min-height: 265px; }
    .form-panel { padding: 22px 17px; }
    .form-panel h1, .receipt-panel h1, .empty-panel h1 { font-size: 27px; }
    .filter-field { flex: auto; }
    .confirm-dialog { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }