/* Keep each language code together; no extra controls or automatic navigation. */
.app-header { gap:16px; }
.app-header .app-logo { min-width:0; }
.app-header .header-controls { flex-wrap:wrap; justify-content:flex-end; min-width:0; }
.app-header .lang { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.app-header .lang a { display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:36px; margin:0; padding:6px 8px; white-space:nowrap; line-height:1.2; }
.locale-example-note { color:var(--text-muted); font-size:.82rem; line-height:1.55; margin:-4px 0 16px; max-width:65ch; }
.invoice-table-wrap { position:relative; max-width:100%; }
#tab-invoice .card-title { flex-wrap:wrap; gap:10px; }
#tab-invoice .card-title > div { flex-wrap:wrap; max-width:100%; }
#amount-mode-error { color:var(--red); font-size:.83rem; line-height:1.5; margin-top:10px; }
#amount-mode-note { margin:10px 0 0; }
#export-csv-calc-btn:disabled { opacity:.55; cursor:not-allowed; }
#tab-calculator .direction-toggle .dir-btn { min-width:0; font-size:.82rem; }
@media(max-width:760px) {
  .app-header { flex-direction:column; align-items:stretch; gap:12px; }
  .app-header .header-controls { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; width:100%; }
  .app-header .lang { grid-column:1 / -1; gap:6px; }
  .app-header .lang a { min-width:44px; min-height:44px; }
  .app-header #fmt-btn { justify-self:start; }
  .app-header #theme-btn { justify-self:end; }
  .app-header .app-logo h1 { text-wrap:balance; }
}