/*
  Das einzige globale Stylesheet von SoftBill.

  Es enthaelt ausschliesslich, was ein MudTheme nicht ausdruecken kann:
  die Schrifteinbindung, die Monospace-Ausnahme des UI-Vertrags und die
  Mindestgroesse von Touch-Zielen. Farben, Schriftgroessen und Abstaende
  stehen in SoftBillTheme.cs - hier gehoert kein Hex-Wert hin.
*/

/*
  Inter wird SELBST gehostet. Kein Google-Fonts-CDN: jede Schriftanforderung
  uebertruege die IP-Adresse des Benutzers an einen Drittanbieter in den USA
  (LG Muenchen I, 3 O 17493/20). Die Dateien liegen als latin-Subset im
  Repository, zusammen 48 kB.

  font-display: swap - die Seite ist mit der Systemschrift sofort lesbar; ein
  unsichtbarer Text waehrend des Schriftladens waere ein leerer Bildschirm mit
  Extraschritten (RESEARCH Pitfall 14).
*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/inter-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/inter-latin-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/*
  Die einzige zugelassene Abweichung von der Schriftfamilie des Vertrags:
  Belegnummern, Pruefsummen (SHA-256) und Formatmasken. Begruendung ist
  Vergleichbarkeit - in einer Proportionalschrift sehen 0 und O, 1 und l
  gleich aus, und genau daran haengt bei einer Pruefsumme alles.
  14px ist die Label-Groesse des Vertrags, KEINE zusaetzliche Stufe.
*/
.sb-mono {
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

/*
  Touch-Ziele auf schmalen Viewports. Unter 960px (MudBlazor-Breakpoint md)
  wird mit dem Daumen bedient; 44x44px ist die kleinste Flaeche, die dabei
  zuverlaessig getroffen wird. Ohne diese Regel sind MudBlazors Icon-Buttons
  in dichten Tabellenzeilen kleiner.
*/
@media (max-width: 959.98px) {
  .mud-button-root,
  .mud-icon-button,
  .mud-nav-link,
  .mud-input-control .mud-input-slot,
  .mud-checkbox .mud-icon-button,
  .mud-switch .mud-icon-button,
  .mud-chip {
    min-height: 44px;
    min-width: 44px;
  }
}

/*
  Der Fokusring ist eine der sechs fuer den Akzent reservierten Verwendungen.
  Er wird NIE entfernt: Tastaturbedienung ist fuer eine Buchhaltungsanwendung
  kein Randfall, sondern der Normalbetrieb.
*/
:focus-visible {
  outline: 2px solid var(--mud-palette-primary);
  outline-offset: 2px;
}

/*
  Das Panel der anonymen Seiten (Login, Kein Zugang, Einrichtung).
  3xl = 64px vertikaler Versatz, Panelbreite 420px - beides aus dem UI-Vertrag.
*/
.sb-anonymous-panel {
  width: 100%;
  max-width: 420px;
}

/* Ein Seitentitel je Seite. Die Groesse kommt aus dem Theme (Typo.h5). */
.sb-page-header {
  gap: 16px;
}