/* Odwierty — style swoiste dla tej aplikacji.
   Wszystko, co wspólne dla narzędzi platformy (paleta, nagłówek, karty, przyciski,
   formularze, tabele, komunikaty, zakładki, motyw ciemny), siedzi w `app-kit.css`
   i tam się je zmienia. Tutaj zostaje to, czego inne aplikacje nie mają:
   upuszczarka PDF-a, podgląd słupków, tabela warstw, mapy do kalibracji. */

/* --- wczytywanie PDF-a ---------------------------------------------------- */
.upuszczarka {
  border: 1px dashed var(--linia-mocna);
  border-radius: var(--r);
  padding: 34px 20px;
  text-align: center;
  background: var(--panel);
  transition: border-color .15s, background .15s;
}
.upuszczarka.aktywna { border-color: var(--nieb); background: var(--nieb-tlo); }
.upuszczarka p { margin: 0 0 6px; }
.upuszczarka .drobne { max-width: 66ch; margin-inline: auto; }

/* Po wczytaniu opinii wstęp schodzi z drogi: zostaje sama upuszczarka,
   żeby dało się wczytać kolejny plik bez szukania. */
.karta.zwiniete .objasnienia { display: none; }
.karta.zwiniete .upuszczarka { padding: 12px 16px; }
.karta.zwiniete .upuszczarka p { margin: 0; font-size: 14px; }
.karta.zwiniete .upuszczarka p strong { font-weight: 600; }
.karta.zwiniete .upuszczarka .drobne { display: none; }

/* --- podgląd rysunku ------------------------------------------------------ */
.podglad { overflow-x: auto; padding-top: 8px; }
.podglad svg { display: block; }

/* --- tabela otworów i warstw ---------------------------------------------- */
tr.otwor { cursor: pointer; }
tr.otwor.ma-ostrzezenie td:first-child::before { content: "⚠ "; color: var(--uwaga); }

td input {
  font: inherit; border: 1px solid transparent; border-radius: var(--r);
  padding: 3px 5px; width: 100%; max-width: 190px; background: transparent; color: inherit;
}
td input:hover { border-color: var(--linia); }
td input:focus { border-color: var(--nieb); background: var(--karta); }

/* Rozwinięcie wiersza: warstwy otworu. Tło o ton inne, żeby było widać, że to wnętrze. */
tr.warstwy > td { background: var(--panel); padding: 0 8px 10px 26px; }
tr.warstwy > td:hover, tr.warstwy:hover > td { background: var(--panel); }
table.wewnetrzna { margin: 0; background: transparent; }
table.wewnetrzna th, table.wewnetrzna td {
  border-bottom: 1px dotted var(--linia); font-size: 13px; padding: 5px 8px;
}
table.wewnetrzna tbody tr:hover { background: transparent; }
.woda-tak { color: var(--nieb); font-weight: 600; }

.ostrzezenia-otworu { margin: 8px 0 4px; }
.ostrzezenia-otworu li { margin-top: 4px; }

/* --- przekroje: mapy do kalibracji ---------------------------------------- */
.pz-mapy { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 10px; }
@media (max-width: 900px) { .pz-mapy { grid-template-columns: 1fr; } }
.pz-raster, .pz-wms {
  height: 460px; border: 1px solid var(--linia); border-radius: var(--r);
  background: var(--panel); overflow: auto;
}
.pz-raster-in { position: relative; display: block; width: 100%; }
.pz-raster-in img { display: block; width: 100%; cursor: crosshair; }
.pz-znaczniki { position: absolute; inset: 0; pointer-events: none; }
.znacznik {
  position: absolute; transform: translate(-50%, -50%);
  min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px;
  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; color: #fff;
  box-shadow: 0 0 0 2px var(--karta);
}
.znacznik.kontrolny { background: #b45309; }
.znacznik.kontrolny.oczekujacy { background: #d97706; outline: 2px dashed #b45309; }
.znacznik.otwor { background: var(--nieb); }
.pz-otwory { margin-top: 12px; }
tr.wybrany { background: var(--nieb-tlo); }
tr.wybrany td:first-child { font-weight: 700; }
tr.wybrany:hover { background: var(--nieb-tlo); }

.zastrzezenie { margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--linia); }

/* Leaflet wstrzykuje własną typografię — sprowadzamy ją do naszej. */
.leaflet-container { font: inherit; background: var(--panel); }