:root { color-scheme: light; }
body { margin: 0; font: 16px/1.45 system-ui, sans-serif; background: #f4f1ea; color: #1c1915; }
header { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 1.2rem; background: #1c1915; color: #f4f1ea; }
header a { color: inherit; margin-right: 1rem; }
nav { display: flex; align-items: center; gap: 0.5rem; }
main { padding: 1.2rem; }
.karta { background: #fff; border: 1px solid #ddd4c4; border-radius: 8px; padding: 1rem 1.2rem; max-width: 960px; }
.szeroka { max-width: none; }
.tabela { overflow-x: auto; }
.zakladki { display: flex; gap: 1rem; margin: 0 0 1rem; }
.zakladki a { color: inherit; }
.waska { max-width: 28rem; }
label { display: block; margin: 0.7rem 0; }
input, select, textarea, button { font: inherit; }
input, select, textarea { width: 100%; box-sizing: border-box; padding: 0.4rem 0.5rem; }
input[type="checkbox"], input[type="file"] { width: auto; }
nav { flex-wrap: wrap; }
button { padding: 0.4rem 0.8rem; }
.blad { color: #8a1f1f; }
.uwaga { color: #6b4a12; }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { text-align: left; border-bottom: 1px solid #eee; padding: 0.4rem; vertical-align: top; }
th.liczba, td.liczba { text-align: right; white-space: nowrap; }
.pakowanie { display: block; color: #5c564c; font-size: 0.85rem; }
table.produkty td.nazwa { width: 99%; }
table.produkty td.zaznacz,
table.produkty th.zaznacz { width: 1%; text-align: center; }
table.produkty td.rabat,
table.produkty th.rabat,
table.produkty td.akcja,
table.produkty th.akcja { width: 1%; white-space: nowrap; }
table.produkty form.rabat { display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 0.35rem; width: auto; }
table.produkty form.rabat label { display: inline-flex; align-items: center; gap: 0.25rem; margin: 0; white-space: nowrap; }
table.produkty form.rabat input[name="rabat_procent"] { width: 3.2rem; flex: 0 0 auto; }
table.produkty td.akcja form { margin: 0; }
.filtr { display: flex; gap: 0.6rem; align-items: end; max-width: 28rem; }
.filtr label { flex: 1; }
.cenniki { list-style: none; padding: 0; }
.cenniki li { display: flex; gap: 0.8rem; align-items: center; margin: 0.4rem 0; }
.cenniki form { margin: 0; }
.dokumenty { list-style: none; padding: 0; }
.dokumenty label { display: flex; gap: 0.5rem; align-items: center; }
.oczekiwanie { position: fixed; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; background: rgba(28, 25, 21, 0.45); }
.oczekiwanie[hidden] { display: none; }
.okno { background: #fff; border-radius: 8px; padding: 1.4rem 1.6rem; text-align: center; }
.krecenie { width: 3rem; height: 3rem; margin: 0 auto 0.8rem; position: relative; animation: obrot 0.9s linear infinite; }
.krecenie span { position: absolute; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #1c1915; }
.krecenie span:nth-child(1) { top: 0; left: 1.15rem; }
.krecenie span:nth-child(2) { bottom: 0.2rem; left: 0.15rem; }
.krecenie span:nth-child(3) { bottom: 0.2rem; right: 0.15rem; }
@keyframes obrot { to { transform: rotate(360deg); } }
.akcje form, .wiersz { display: inline-flex; gap: 0.4rem; align-items: end; }
.wiersz label { margin: 0; }
header button { background: transparent; color: inherit; border: 1px solid #887; }
code { word-break: break-all; }
.drobne { color: #5c564c; font-size: 0.85rem; font-weight: normal; }
.kafle { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 0.8rem; margin: 1rem 0; }
.kafel { border: 1px solid #ddd4c4; border-radius: 8px; padding: 0.7rem 0.9rem; background: #faf8f3; }
.kafel-etykieta { color: #5c564c; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; }
.kafel-wartosc { font-size: 1.7rem; font-weight: 600; margin: 0.15rem 0 0.3rem; }
.kafel-opis { font-size: 0.85rem; color: #3b362e; }
td.model { white-space: nowrap; }