@charset "UTF-8";
/**
 * Globalne style aplikacji (od nowa).
 * Czcionka bazowa: Inter (import z Google Fonts, variable 100–900) – optymalna dla UI/mobile, wiele wag.
 * Kompilacja: npm run build:main-css → assets/build/main.css
 */
:root {
  --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Wyłączenie obramowania :focus przy dotyku (mobile). Dla klawiatury zostaje :focus-visible */
*:focus:not(:focus-visible) {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}

/* Wyłączenie jasnoniebieskiego podświetlenia przy dotyku (WebKit/Blink na telefonie) */
* {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* Globalna czcionka dla wszystkich elementów */
* {
  font-family: var(--font-family-sans-serif);
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--font-family-sans-serif);
  font-size: 13px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body {
  flex-direction: row;
  overflow: hidden;
  display: flex;
}
body #spa-app {
  overflow: hidden;
  width: 100dvw;
  flex: 1;
}