/* Field reports (web/lib/raporty-ui.js): report dialog, account and ranking in the Journal tab. */
.raport-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; font-weight: 700; }
.raport-dlg h2 { display: flex; align-items: center; gap: 8px; }
.raport-status { display: flex; align-items: center; gap: 6px; min-height: 28px; margin: 0 0 var(--s2); }
.raport-grupy { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--s2); margin: var(--s2) 0; }
.raport-grupa { display: grid; justify-items: center; gap: 2px; min-height: 76px; padding: 6px 4px; background: var(--surface); color: var(--text); border-color: var(--border); font-size: .9rem; font-weight: 700; }
.raport-grupa[aria-pressed="true"] { border-color: var(--brand); background: var(--brand-soft); box-shadow: inset 0 0 0 2px var(--brand); }
.raport-grupa:disabled, .raport-skala:disabled, #raport-pusto:disabled { opacity: .45; }
.raport-skale { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s2); margin: var(--s2) 0; }
.raport-skala { display: grid; gap: 2px; min-height: 64px; padding: 6px 4px; text-align: center; }
.raport-skala .hint { font-size: .78rem; }
.raport-skala.primary .hint { color: inherit; }
#raport-pusto { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
#raport-pusto[aria-pressed="true"] { border-color: var(--brand); box-shadow: inset 0 0 0 2px var(--brand); }
.raport-dlg .photo { margin: var(--s2) 0; }
.raporty-login { display: grid; gap: var(--s2); margin: var(--s2) 0; }
.raporty-login input { min-height: 48px; font-size: 1rem; padding: 0 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); width: 100%; box-sizing: border-box; }
.raporty-login button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; }
.raporty-ustawienia { margin: var(--s3) 0; }
.raporty-ustawienia summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.raporty-ustawienia .row button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; }
#raporty-ranking h3 { display: flex; align-items: center; gap: 6px; margin: var(--s4) 0 var(--s2); }
.raporty-woj { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-weight: 600; }
.raporty-woj select { min-height: 44px; max-width: 100%; }
.ranking { counter-reset: none; }
.ranking li.ja { font-weight: 800; background: var(--brand-soft); padding-left: 6px; padding-right: 6px; border-radius: 8px; }
.raporty-konto .stat-n { overflow-wrap: anywhere; }
.raport-dlg .photo > span { display: flex; align-items: flex-start; gap: 6px; }
.raport-popup .maplibregl-popup-content { font-size: .9rem; line-height: 1.45; color: #1d261f; }
.raport-popup .hint { font-size: .8rem; color: #505a50; }
/* Phase 2 (web/lib/miejsca-ui.js): spots, curiosities, biggest mushroom, moderation */
.miejsca-dlg h2 { display: flex; align-items: center; gap: 8px; }
.miejsca-dlg .row a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; text-decoration: none; }
.miejsce-gwiazdki { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }
.miejsce-gwiazdki > span:last-child { margin-left: 6px; color: var(--muted); font-size: .9rem; }
.gwiazdka { color: var(--border); display: inline-flex; }
.gwiazdka.pelna { color: #e8a317; }
.gwiazdka.pelna .sym, .miejsce-ocena .sym { fill: currentColor; }
.miejsce-ocena { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: var(--s2) 0; }
.miejsce-ocena button { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 48px; padding: 0 4px; color: #b47b00; font-weight: 800; }
.miejsca-lista li { flex-wrap: wrap; align-items: center; }
.miejsca-lista li > span:first-child { flex: 1 1 180px; color: var(--text); }
.miejsca-lista button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.miejsce-akcje { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.miejsce-publiczne { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 600; color: var(--text); }
.miejsce-publiczne input { width: 22px; height: 22px; }
.ciek-uwaga { background: #fff4e0; color: #5a3b00; border-radius: 10px; padding: 8px 10px; display: flex; gap: 6px; align-items: flex-start; }
.w-lesie-extra { margin: var(--s2) 0; }
.w-lesie-extra button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 52px; }
.rekordy-obok { border-top: 1px solid var(--border); margin-top: var(--s2); padding-top: var(--s2); }
.najwiekszy li { align-items: center; justify-content: flex-start; }
.najwiekszy li > span { flex: 1; color: var(--text); }
.najwiekszy .miniatura { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; flex: none; }
.moderacja { border: 2px solid #6a3d9a; border-radius: var(--r); padding: var(--s3); margin: var(--s4) 0; }
.mod-pozycja { border-bottom: 1px solid var(--border); padding: var(--s2) 0; }
.mod-zdjecie { display: block; max-width: 100%; max-height: 320px; border-radius: 8px; }
.mod-pozycja .row button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; }
.raporty-login textarea { font: inherit; padding: 8px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); width: 100%; box-sizing: border-box; }
.raporty-login select { min-height: 48px; font-size: 1rem; }
:root[data-motyw="noc"] .ciek-uwaga { background: #3a2c10; color: #f3d9a4; }
.raporty-login input[type="checkbox"] { width: 22px; height: 22px; min-height: 0; padding: 0; flex: none; }
.raporty-login label:has(> input[type="checkbox"]) { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.raport-popup .maplibregl-popup-content { padding-right: 28px; }

/* login greyed out when the server cannot send login links (GET /api/konfig) */
.raporty-login.wylaczone { opacity: .5; }

/* privacy policy and data sources (web/lib/prywatnosc.js) */
.prywatnosc-gora { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); position: sticky; top: calc(-1 * var(--s3)); margin: calc(-1 * var(--s3)) calc(-1 * var(--s3)) 0; padding: var(--s3) var(--s3) var(--s2); background: var(--surface); }
.prywatnosc-gora h2 { margin: 0; }
.prywatnosc-gora button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; }
.prywatnosc-dlg h3 { font-size: 1rem; margin: var(--s3) 0 var(--s1); }
.prywatnosc-dlg p, .prywatnosc-lista li { overflow-wrap: anywhere; }
.prywatnosc-lista { padding-left: 1.2em; margin: 0; }
.prywatnosc-lista li { margin-bottom: var(--s1); }
.prywatnosc-dlg .brak { background: #f1c27d66; border-radius: 4px; padding: 0 4px; }
.ustawienia-linki { display: flex; flex-wrap: wrap; gap: 0 var(--s2); }
.ustawienia-linki .link-btn { display: inline-flex; align-items: center; gap: 6px; padding-left: 0; }
.prywatnosc-dlg #zrodla-danych { scroll-margin-top: 72px; }

/* no forecast (no weather on the server or the phone): greyed text instead of a chance (lib/teren.js maPogode) */
.brak-prognozy { color: var(--muted); font-weight: 400; }