/* ============================================================================
   BRAKI WPISÓW — pasek nad dziennikiem, okno z listą (js/journal/braki-pasek.js) i sekcja panelu admina
   (js/admin/braki-admin.js); skok 22a, 8.11.2026. Kolory paska jak „Do zatwierdzenia” w widoku kadry (kontrast 8,9:1);
   szerokość paska jak .journal-container (najwyżej 1100 px, na środku).
   Każdy element z display ma regułę [hidden] — inaczej display odsłania element ukryty atrybutem.
   ============================================================================ */
.dzb-pasek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; box-sizing: border-box; width: calc(100% - 32px); max-width: 1100px; margin: 8px auto 0; padding: 8px 12px; border: 2px solid #b8860b; border-radius: 10px; background: #fff1cc; color: #5a3d00; font-size: 15px; line-height: 1.35; }
.dzb-pasek[hidden] { display: none; }
.dzb-pasek-napis { flex: 1 1 220px; font-weight: 700; color: #5a3d00; }
.dzb-pasek .dzb-pasek-pokaz { min-height: 44px; border-color: #b8860b; color: #5a3d00; }
.dzb-pasek .dzb-pasek-pokaz:hover { background: #fff8e1; }

.dzb-wstep { margin: 0 0 12px; }
.dzb-lista { list-style: none; margin: 0; padding: 0; max-height: 55vh; overflow-y: auto; border-top: 1px solid #e3e8ec; }
.dzb-wiersz { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 2px; border-bottom: 1px solid #e3e8ec; color: #2c3e50; }
.dzb-wiersz-opis { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dzb-wiersz-przedmiot { font-size: 15px; color: #2c3e50; }
.dzb-wiersz-dni { font-size: 14px; color: #4a5560; overflow-wrap: anywhere; }
.dzb-wiersz .dzb-otworz { min-height: 44px; }
.dzb-pusto { color: #1e8449; font-weight: 600; }
.dzb-stopka { margin: 12px 0 0; font-size: 13px; color: #5f6b76; }

.dzb-admin { color: #333; }
.dzb-admin h2 { color: #2c3e50; }
.dzb-admin-opis { max-width: 820px; color: #333; line-height: 1.45; }
.dzb-admin-gora { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 12px 0; }
.dzb-admin-odswiez { min-height: 44px; padding: 0 16px; border: 1px solid #cfd8de; border-radius: 8px; background: #fff; color: #2c3e50; font-size: 15px; font-weight: 600; cursor: pointer; }
.dzb-admin-odswiez:disabled { color: #8a959e; cursor: default; }
.dzb-admin-stan { margin: 0; color: #333; }
.dzb-admin-tabela { width: 100%; max-width: 980px; border-collapse: collapse; background: #fff; color: #333; font-size: 15px; }
.dzb-admin-tabela th, .dzb-admin-tabela td { padding: 8px 10px; border-bottom: 1px solid #e3e8ec; text-align: left; vertical-align: middle; color: #333; }
.dzb-admin-tabela thead th { background: #f4f6f8; font-size: 14px; color: #2c3e50; }
.dzb-admin-nazwa { font-weight: 600; }
.dzb-admin-brak { font-weight: 700; color: #8a3b00; }
.dzb-admin-czysto th, .dzb-admin-czysto td { color: #5f6b76; }
.dzb-admin-pokaz { min-height: 40px; padding: 0 12px; border: 1px solid #cfd8de; border-radius: 8px; background: #fff; color: #2c3e50; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.dzb-admin-pokaz:hover { background: #f4f6f8; }
.dzb-admin-szczegoly[hidden] { display: none; }
.dzb-admin-szczegoly td { background: #fbfcfd; }
.dzb-admin-lista { margin: 0; padding-left: 18px; line-height: 1.5; color: #333; }

@media (max-width: 640px) {
    .dzb-pasek { width: calc(100% - 16px); }
    .dzb-admin-tabela, .dzb-admin-tabela tbody, .dzb-admin-tabela tr, .dzb-admin-tabela th, .dzb-admin-tabela td { display: block; width: 100%; box-sizing: border-box; }
    .dzb-admin-tabela thead { display: none; }
    .dzb-admin-tabela tr { border-bottom: 2px solid #e3e8ec; padding: 6px 0; }
    .dzb-admin-tabela tr[hidden] { display: none; }
    .dzb-admin-tabela th, .dzb-admin-tabela td { border-bottom: 0; padding: 4px 8px; }
    .dzb-admin-tabela td[data-etykieta]::before { content: attr(data-etykieta) ': '; font-weight: 600; color: #5f6b76; }
    .dzb-admin-tabela td.dzb-admin-akcja::before { content: none; }
}