/* ============================================================================
   Styl APLIKACJI ADMINISTRACYJNEJ (web) — era MUI.
   Komponenty (Paper, TextField, Button, List, Alert, Snackbar) styluje MUI
   przez theme w App.js. Zostają tu tylko: reset, tło strony i drobiazgi,
   których MUI nie obejmuje (kolor input[type=color], ewentualny fallback).
   ========================================================================== */

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* motyw „Papier” (shared/papier.js) — jak aplikacja mobilna */
  background: #faf8f4;
  color: #22252b;
}

/* Fallback, gdyby Snackbar nie zdążył się zamontować ( showToast przed ready) */
#toast { display: none; }

/* Natywny color picker w panelu sekcji — wygląd natywny, zaokrąglony */
input[type="color"] {
  -webkit-appearance: none;
  appearance: none;
}
input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 6px; }

/* (h) Cienki suwak w duchu MUI: 8px, okrągły, tusz — tylko na panelach
   (klasa nadawana przez App.js), nigdy globalnie na body/oknie. */
.mnux-scroll {
  scrollbar-width: thin;                              /* Firefox */
  scrollbar-color: rgba(34, 37, 43, .22) transparent;
}
.mnux-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.mnux-scroll::-webkit-scrollbar-track { background: transparent; }
.mnux-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(34, 37, 43, .22);
  border-radius: 8px;
  border: 2px solid transparent;                      /* wizualnie ~4px grubości */
  background-clip: padding-box;
}
.mnux-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(34, 37, 43, .36); }