/* Ministranten Kenzingen · Finanztool – Designsystem (Tokens, Grundlayout, Bedienelemente).
   Angelehnt an GitHub Primer / Atlassian: ruhige Flächen, klare Rahmen, ein Akzent. */
:root{
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
 --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
 --fg:#1f2328;--fg-muted:#59636e;--fg-subtle:#6e7781;--fg-on-emphasis:#fff;
 --canvas:#fff;--canvas-subtle:#f6f8fa;--canvas-inset:#eff2f5;
 --border:#d1d9e0;--border-muted:#dfe4ea;
 --accent:#0969da;--accent-emphasis:#0969da;--accent-hover:#0550ae;--accent-subtle:#ddf4ff;--accent-border:#54aeff66;
 --success:#1a7f37;--success-emphasis:#1f883d;--success-subtle:#dafbe1;--success-border:#4ac26b66;
 --attention:#9a6700;--attention-fill:#9a6700;--attention-emphasis:#bf8700;--attention-subtle:#fff8c5;--attention-border:#d4a72c66;
 --danger:#d1242f;--danger-emphasis:#cf222e;--danger-subtle:#ffebe9;--danger-border:#ff818266;
 --done:#8250df;--done-emphasis:#8250df;--done-subtle:#fbefff;--done-border:#c297ff66;
 --neutral-subtle:#eff2f5;--neutral-emphasis:#59636e;
 --focus:#0969da;
 --btn-border:#1f232826;--btn-border-hover:#1f23283d;--input-shadow:inset 0 1px 0 #d0d7de33;
 --label-neutral-fg:#424a53;--label-attention-fg:#7d4e00;--label-accent-fg:#0550ae;--label-danger-fg:#a40e26;--label-done-fg:#6639ba;--label-success-fg:#116329;--danger-strong:#82071e;--demo-fg:#3b2300;
 --page-bg:#f6f8fa;
 --icon-chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2359636e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-chevron-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='%2359636e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 1.75h9v12.5l-2.25-1.25L8 14.25 5.75 13 3.5 14.25zM6 5.25h4M6 8.25h4' fill='none' stroke='%2359636e' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M9 1.75H4.25v12.5h7.5V4.5zM9 1.75V4.5h2.75' fill='none' stroke='%2359636e' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 
 --radius:6px;--radius-lg:12px;
 --shadow-sm:0 1px 0 #1f23280a;--shadow-md:0 3px 6px #8c959f26;--shadow-lg:0 8px 24px #8c959f33;
 --topbar-h:60px;--sidebar-w:252px;
 color-scheme:light;
 font-family:var(--font);font-size:14px;line-height:1.5;color:var(--fg);background:var(--page-bg);
 -webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;
}
/* Dunkelmodus: „Dunkel“ gewählt, oder „Automatisch“ und das Gerät ist dunkel eingestellt. */
:root[data-theme="dark"]{color-scheme:dark;
 --fg:#e6edf3;--fg-muted:#9198a1;--fg-subtle:#848d97;--fg-on-emphasis:#fff;
 --canvas:#0d1117;--canvas-subtle:#151b23;--canvas-inset:#212830;--page-bg:#010409;
 --border:#3d444d;--border-muted:#2a313c;
 --accent:#4493f8;--accent-emphasis:#1f6feb;--accent-hover:#1158c7;--accent-subtle:#388bfd26;--accent-border:#388bfd66;
 --success:#3fb950;--success-emphasis:#238636;--success-subtle:#2ea04326;--success-border:#2ea04366;
 --attention:#d29922;--attention-fill:#9e6a03;--attention-emphasis:#9e6a03;--attention-subtle:#bb800926;--attention-border:#bb800966;
 --danger:#f85149;--danger-emphasis:#da3633;--danger-subtle:#f8514926;--danger-border:#f8514966;
 --done:#ab7df8;--done-emphasis:#8957e5;--done-subtle:#ab7df826;--done-border:#ab7df866;
 --neutral-subtle:#656c7633;--neutral-emphasis:#656c76;
 --focus:#4493f8;
 --btn-border:#f0f6fc1a;--btn-border-hover:#f0f6fc33;--input-shadow:0 0 transparent;
 --label-neutral-fg:#b7bdc8;--label-attention-fg:#e3b341;--label-accent-fg:#58a6ff;--label-danger-fg:#ff7b72;--label-done-fg:#bc8cff;--label-success-fg:#56d364;--danger-strong:#ffa198;--demo-fg:#f2cc60;
 --shadow-sm:0 0 transparent;--shadow-md:0 3px 6px #010409;--shadow-lg:0 8px 24px #010409cc;
 --icon-chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%239198a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-chevron-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='%239198a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 1.75h9v12.5l-2.25-1.25L8 14.25 5.75 13 3.5 14.25zM6 5.25h4M6 8.25h4' fill='none' stroke='%239198a1' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M9 1.75H4.25v12.5h7.5V4.5zM9 1.75V4.5h2.75' fill='none' stroke='%239198a1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
@media (prefers-color-scheme:dark){:root[data-theme="system"]{color-scheme:dark;
 --fg:#e6edf3;--fg-muted:#9198a1;--fg-subtle:#848d97;--fg-on-emphasis:#fff;
 --canvas:#0d1117;--canvas-subtle:#151b23;--canvas-inset:#212830;--page-bg:#010409;
 --border:#3d444d;--border-muted:#2a313c;
 --accent:#4493f8;--accent-emphasis:#1f6feb;--accent-hover:#1158c7;--accent-subtle:#388bfd26;--accent-border:#388bfd66;
 --success:#3fb950;--success-emphasis:#238636;--success-subtle:#2ea04326;--success-border:#2ea04366;
 --attention:#d29922;--attention-fill:#9e6a03;--attention-emphasis:#9e6a03;--attention-subtle:#bb800926;--attention-border:#bb800966;
 --danger:#f85149;--danger-emphasis:#da3633;--danger-subtle:#f8514926;--danger-border:#f8514966;
 --done:#ab7df8;--done-emphasis:#8957e5;--done-subtle:#ab7df826;--done-border:#ab7df866;
 --neutral-subtle:#656c7633;--neutral-emphasis:#656c76;
 --focus:#4493f8;
 --btn-border:#f0f6fc1a;--btn-border-hover:#f0f6fc33;--input-shadow:0 0 transparent;
 --label-neutral-fg:#b7bdc8;--label-attention-fg:#e3b341;--label-accent-fg:#58a6ff;--label-danger-fg:#ff7b72;--label-done-fg:#bc8cff;--label-success-fg:#56d364;--danger-strong:#ffa198;--demo-fg:#f2cc60;
 --shadow-sm:0 0 transparent;--shadow-md:0 3px 6px #010409;--shadow-lg:0 8px 24px #010409cc;
 --icon-chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%239198a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-chevron-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='%239198a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 1.75h9v12.5l-2.25-1.25L8 14.25 5.75 13 3.5 14.25zM6 5.25h4M6 8.25h4' fill='none' stroke='%239198a1' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M9 1.75H4.25v12.5h7.5V4.5zM9 1.75V4.5h2.75' fill='none' stroke='%239198a1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}}
:root[data-theme="dark"] .brand img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
@media (prefers-color-scheme:dark){:root[data-theme="system"] .brand img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--page-bg);display:flex;flex-direction:column}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.2em}
p{margin:0 0 12px}
h1,h2,h3{color:var(--fg);margin:0;line-height:1.25;overflow-wrap:anywhere}
h1{font-size:26px;font-weight:600;letter-spacing:-.01em}
h2{font-size:16px;font-weight:600}
h3{font-size:14px;font-weight:600;margin:24px 0 10px}
code{font-family:var(--mono);font-size:12px;background:var(--canvas-inset);padding:2px 6px;border-radius:var(--radius);overflow-wrap:anywhere}
[hidden]{display:none!important}
[id]{scroll-margin-top:calc(var(--topbar-h) + 16px)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
svg.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Fokus: immer deutlich sichtbar, nur bei Tastatur. */
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
main:focus-visible{outline:none}

.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;background:var(--fg);color:var(--canvas);border-radius:var(--radius);font-weight:600;transform:translateY(-200%)}
.skip-link:focus{transform:none;color:var(--canvas)}

/* Hinweisleiste Testumgebung */
.demo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:6px 24px;background:var(--attention-subtle);border-bottom:1px solid var(--attention-border);color:var(--demo-fg);font-size:13px}
.demo-text{display:flex;align-items:center;gap:8px;min-width:0}
.demo-text .icon{color:var(--attention)}
.demo strong{font-size:11px;font-weight:700;letter-spacing:.06em;margin-right:4px}
.switch-form{display:flex;align-items:center;gap:8px}
.switch-form label{font-weight:500;white-space:nowrap}
.switch-form select{min-width:220px;min-height:32px;padding-block:4px;font-size:13px;background-color:var(--canvas)}
.switch-form button{min-height:32px;padding:4px 12px;font-size:13px;font-weight:500;border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--canvas);box-shadow:var(--shadow-sm)}
.switch-form button:hover{background:var(--canvas-subtle)}

/* Kopfzeile: Marke links, angemeldete Person und Abmelden rechts – immer sichtbar. */
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 24px;background:var(--canvas);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:12px;color:var(--fg);min-width:0;border-radius:var(--radius)}
.brand:hover{text-decoration:none}
.brand img{width:44px;height:36px;object-fit:contain;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.brand-text strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-text small{font-size:12px;color:var(--fg-muted)}
.side-bottom{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
.identity{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 8px}
.identity>div{min-width:0;line-height:1.25}
.identity strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.identity small{display:block;font-size:12px;color:var(--fg-muted);white-space:nowrap}
.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-subtle);color:var(--label-accent-fg);font-weight:600;font-size:13px;box-shadow:inset 0 0 0 1px var(--accent-border);text-transform:uppercase}
.logout-form{margin:0}
.logout-form .text-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);color:var(--fg);font-weight:500;font-size:13px}
.logout-form .text-button:hover{background:var(--canvas-subtle);text-decoration:none}
.mobile-nav-toggle{display:none;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);font-weight:500;font-size:13px;color:var(--fg)}
.mobile-nav-toggle:hover{background:var(--canvas-subtle)}

/* Arbeitsfläche */
.shell{flex:1;display:flex;align-items:stretch;min-width:0;width:100%}
.sidebar{position:sticky;top:var(--topbar-h);align-self:flex-start;width:var(--sidebar-w);flex:none;height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));overflow-y:auto;overscroll-behavior:contain;padding:16px 12px 24px;background:var(--canvas);border-right:1px solid var(--border)}
.nav-label{margin:4px 12px 6px;font-size:12px;font-weight:600;color:var(--fg-muted)}
.nav-label-sub{margin-top:18px}
#main-navigation{display:flex;flex-direction:column;gap:2px}
#main-navigation a{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 12px;border-radius:var(--radius);color:var(--fg);font-size:14px;font-weight:400}
#main-navigation a .icon{color:var(--fg-muted)}
#main-navigation a:hover{background:var(--canvas-inset);text-decoration:none}
#main-navigation a.active{background:var(--canvas-inset);font-weight:600}
#main-navigation a.active .icon{color:var(--fg)}
#main-navigation a.active::before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:4px;border-radius:0 6px 6px 0;background:var(--accent)}
main{flex:1;min-width:0}
.content{width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 40px}
.footer-note{margin:40px 0 0;padding-top:16px;border-top:1px solid var(--border-muted);font-size:12px;color:var(--fg-muted)}

/* Schaltflächen */
.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 16px;border-radius:var(--radius);border:1px solid;font-size:14px;font-weight:500;line-height:20px;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;text-decoration:none}
.primary:hover,.secondary:hover,.danger:hover{text-decoration:none}
.primary{background:var(--accent-emphasis);border-color:var(--btn-border);color:var(--fg-on-emphasis);box-shadow:var(--shadow-sm)}
.primary:hover{background:var(--accent-hover)}
.secondary{background:var(--canvas-subtle);border-color:var(--btn-border);color:var(--fg);box-shadow:var(--shadow-sm)}
.secondary:hover{background:var(--canvas-inset);border-color:var(--btn-border-hover)}
.danger{background:var(--canvas-subtle);border-color:var(--btn-border);color:var(--danger)}
.danger:hover{background:var(--danger-emphasis);border-color:var(--danger-emphasis);color:var(--fg-on-emphasis)}
.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer}
.text-button:hover{text-decoration:underline;text-underline-offset:.2em}
button:disabled,.primary:disabled,.secondary:disabled,.danger:disabled{opacity:.55;cursor:not-allowed}
.primary:disabled:hover{background:var(--accent-emphasis)}
.secondary:disabled:hover,.danger:disabled:hover{background:var(--canvas-subtle);color:inherit}
.danger:disabled:hover{color:var(--danger)}

/* Formulare */
.input,textarea,input[type=text],input[type=number],input[type=date],input[type=email],input[type=search]{width:100%;min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);color:var(--fg);font-size:14px;line-height:20px;box-shadow:var(--input-shadow)}
.input::placeholder,textarea::placeholder{color:var(--fg-subtle)}
textarea,textarea.input{min-height:84px;resize:vertical}
.input[type=file]{padding:6px;background:var(--canvas-subtle);border-style:dashed}
.input[type=file]::file-selector-button{margin-right:12px;padding:5px 12px;border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--canvas);font:inherit;font-weight:500;cursor:pointer}
.input[type=checkbox],input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--accent);box-shadow:none;flex:none}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:600}
.field.full{grid-column:1/-1}
.field .input{font-weight:400}
.field label{line-height:1.4}
.field small,.field .muted{font-weight:400}
.field:has(>.input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.field:has(>.input[type=checkbox])>.input[type=checkbox]{order:-1}
.field:has(.errorlist)>.input,.field:has(.errorlist) select{border-color:var(--danger-emphasis)}
.errorlist{list-style:none;margin:2px 0 0;padding:0;color:var(--danger);font-size:13px;font-weight:400;line-height:1.5}
.errorlist li::before{content:"⚠ ";}
fieldset{margin:16px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius)}
legend{padding:0 6px;font-weight:600}
fieldset p{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
fieldset select{max-width:100%}
#id_accounts,#id_remove_receipts{display:grid;gap:2px}
#id_accounts label,#id_remove_receipts label{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;margin:0;border-radius:var(--radius);font-weight:400;font-size:14px;cursor:pointer}
#id_accounts label:hover,#id_remove_receipts label:hover{background:var(--canvas-subtle)}
#id_accounts>div,#id_remove_receipts>div{margin:0}

/* Auswahllisten: ein einheitlicher Pfeil; wo unterstützt, gestaltetes Auswahlmenü. */
select:not([multiple]){appearance:none;-webkit-appearance:none;min-height:36px;max-width:100%;padding:6px 36px 6px 12px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--canvas-subtle);background-image:var(--icon-chevron-down);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;color:var(--fg);font-size:14px;line-height:20px;text-overflow:ellipsis;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s ease,background-color .12s ease}
select:not([multiple]):hover{background-color:var(--canvas-inset);border-color:var(--btn-border-hover)}
select.input:not([multiple]){background-color:var(--canvas)}
@supports (appearance:base-select){
 select:not([multiple]),select:not([multiple])::picker(select){appearance:base-select}
 select:not([multiple]){background-image:none;display:inline-flex;align-items:center;gap:12px;padding-right:10px}
 select:not([multiple])::picker-icon{color:var(--fg-muted);margin-left:auto;transition:rotate .15s ease}
 select:not([multiple]):open{border-color:var(--focus)}
 select:not([multiple]):open::picker-icon{rotate:180deg}
 select:not([multiple])::picker(select){margin-block:4px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);box-shadow:var(--shadow-lg);max-height:min(360px,55dvh);overflow:auto;opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,display .14s allow-discrete,overlay .14s allow-discrete}
 select:not([multiple]):open::picker(select){opacity:1;transform:none}
 @starting-style{select:not([multiple]):open::picker(select){opacity:0;transform:translateY(-4px)}}
 select:not([multiple]) option{min-height:36px;padding:6px 10px;border-radius:var(--radius);gap:8px;color:var(--fg);white-space:normal;overflow-wrap:anywhere}
 select:not([multiple]) option:hover,select:not([multiple]) option:focus-visible{background:var(--canvas-inset);outline:none}
 select:not([multiple]) option:checked{background:var(--accent-subtle);font-weight:600}
 select:not([multiple]) option::checkmark{color:var(--accent)}
}

/* Fingerbedienung: mindestens 44 px */
@media (pointer:coarse){
 .primary,.secondary,.danger,.input,select:not([multiple]),.logout-form .text-button,.mobile-nav-toggle,.switch-form button,.switch-form select{min-height:44px}
 #main-navigation a{min-height:44px}
 .text-button{min-height:44px}
}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
 select:not([multiple])::picker(select){transform:none}
}