:root{color-scheme:light}.preferences{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preferences label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.preferences select{font:inherit;font-size:13px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:var(--soft);color:inherit;max-width:100%}.nav{flex-wrap:wrap}.nav nav{flex-wrap:wrap;align-items:center}.preferences-note{width:100%;margin:0;font-size:11px;text-align:right;color:var(--muted)}
html[data-theme=dark]{color-scheme:dark;color:#e5eaf2;background:#111722;--blue:#9dc1ff;--line:#394455;--soft:#202b3b;--muted:#b6c1d2}
html[data-theme=dark] .brand,html[data-theme=dark] .field,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:#e5eaf2}
html[data-theme=dark] .form-section,html[data-theme=dark] .summary-inner,html[data-theme=dark] .preview-panel,html[data-theme=dark] .info,html[data-theme=dark] .saved-invoice,html[data-theme=dark] .draft-row,html[data-theme=dark] .skip,html[data-theme=dark] body[data-mode=account] #account-message{background:#1a2331;color:#e5eaf2}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .field input:not([type=checkbox]),html[data-theme=dark] .field select{background:#111b29;color:#e5eaf2;border-color:#52627a}
html[data-theme=dark] button,html[data-theme=dark] .btn{background:#9dc1ff;color:#102443}
html[data-theme=dark] .secondary,html[data-theme=dark] .btn.secondary,html[data-theme=dark] .text-button,html[data-theme=dark] .remove{background:#26364c;color:#b5d0ff}
html[data-theme=dark] .pills span,html[data-theme=dark] .step{background:#26364c;color:#b5d0ff}
html[data-theme=dark] .error,html[data-theme=dark] .message.error,html[data-theme=dark] .invalid{color:#ffb4ab}
html[data-theme=dark] input:invalid:not(:placeholder-shown){border-color:#c9948d}
html[data-theme=dark] #mfa-qr{background:white;padding:8px}
@media(max-width:650px){.nav{gap:14px}.preferences{width:100%;justify-content:flex-end}.preferences-note{text-align:left}.preferences select{min-height:44px}.action-bar{grid-template-columns:minmax(0,1fr)}.action-bar>*{grid-column:1/-1!important}}
.preferences{gap:8px;margin-left:auto;flex-wrap:nowrap}.preference-picker{position:relative}.preferences .preference-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:64px;min-height:44px;padding:10px;border:0;border-radius:0;background:transparent;color:var(--blue)}.selected-icon{display:flex;align-items:center}.preference-icon{width:24px;height:24px;flex-shrink:0}.preference-icon.flag{width:28px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #8884}.preference-chevron{width:12px;height:12px}.preference-options{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:210px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 35px #17233826}.preference-options [role=option]{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;text-align:left;font-size:14px;line-height:1.3;white-space:normal;border-radius:8px;padding:10px;background:transparent;color:#202124}.preference-options [role=option]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.preference-options [aria-selected=true]{background:transparent;font-weight:bold}.preference-options [role=option]:hover{background:var(--soft)}#preference-status:empty{display:none}#preference-status{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}.preferences-note{display:none}
html[data-theme=dark] .preferences .preference-toggle{background:transparent;color:var(--blue)}html[data-theme=dark] .preference-options{background:#1a2331}html[data-theme=dark] .preference-options [role=option]{background:transparent;color:#e5eaf2}html[data-theme=dark] .preference-options [role=option]:hover{background:#26364c}
@media(max-width:650px){.preferences{width:auto}.nav{column-gap:12px}.nav nav{margin-left:auto;order:3;width:100%;justify-content:flex-end}.preference-options{min-width:190px}}
h1,h2,h3,.field{overflow-wrap:anywhere;hyphens:auto}
footer div{flex-wrap:wrap;max-width:100%}

.nav nav{margin-left:auto}.preferences{margin-left:0}@media(max-width:650px){.preferences{margin-left:auto}}