/* ══════════════════════════════════════════════════════════════
   HANSA ASSETS Document Library — was nur hier vorkommt
   Ergaenzt style.css + app.css (Mantine-Tokens, table.aip)
   ══════════════════════════════════════════════════════════════ */

/* Abdeckungsquote. Eigene Skala statt .c1-.c4: dort codiert die Farbe
   den Anlagenzustand, hier die Vollstaendigkeit einer Aufnahme. Beides
   in denselben Klassen zu fuehren waere zwei Bedeutungen fuer dieselbe
   Farbe auf derselben Seite. */
.cov      { font-family: var(--font-mono); font-size: 11.5px; white-space: nowrap; }
.cov-none { color: var(--gray-4); }
.cov-part { color: #d9480f; font-weight: 600; }
.cov-full { color: #2b8a3e; font-weight: 600; }

/* Phasenfilter, Muster aus dem Facility Dashboard */
.ph-filter { display: inline-flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ph-filter label { display: inline-flex; align-items: center; gap: 4px;
                   cursor: pointer; font-size: 12.5px; color: var(--text-dim); }
.ph-filter input { accent-color: var(--blue); cursor: pointer; }

/* Dokumentzahl in einer Facility-Zeile: anklickbar, oeffnet das PDF */
.doc-lnk { background: none; border: none; padding: 1px 5px; border-radius: 3px;
           font-family: var(--font-mono); font-size: 11.5px; font-weight: 600;
           color: var(--blue); cursor: pointer; }
.doc-lnk:hover { background: var(--blue-0); }
.doc-lnk:disabled { color: var(--gray-4); cursor: default; background: none; }

/* Auswahl, wenn eine Facility mehr als ein Dokument hat */
.pick-back { position: fixed; inset: 0; background: rgba(0,0,0,.35);
             display: flex; justify-content: center; align-items: flex-start;
             padding-top: 70px; z-index: 200; }
.pick { width: min(760px, 94vw); max-height: 78vh; overflow: auto;
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.pick-hdr { display: flex; align-items: center; justify-content: space-between;
            gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border); }
.pick-row { display: flex; align-items: center; gap: 12px;
            padding: 9px 16px; border-bottom: 1px solid var(--gray-1); font-size: 12.5px; }
.pick-row:hover { background: var(--gray-0); }
.pick-row .t { flex: 1; min-width: 0; }
.pick-row .t b { font-weight: 500; color: var(--gray-8); }
.pick-row .t div { color: var(--text-muted); font-size: 11px; }

.btn-sm { font-family: var(--font); font-size: 12.5px; font-weight: 600;
          padding: 5px 12px; border: 1px solid var(--gray-3);
          border-radius: var(--radius); background: var(--white);
          color: var(--gray-8); cursor: pointer; }
.btn-sm:hover { background: var(--gray-0); }

.err { color: #c92a2a; font-size: 12.5px; padding: 10px 0; }
.muted { color: var(--text-muted); font-size: 12.5px; }

/* Leaflet puts its panes at z-index 400–700 and its controls at 1000,
   so a dialog at 200 opened behind the map. Above everything Leaflet
   uses, below nothing else. */
.pick-back { z-index: 2000; }
.leaflet-container { z-index: 1; }

/* Leaflet puts its panes at z-index 400–700 and its controls at 1000,
   so a dialog at 200 opened behind the map. Above everything Leaflet
   uses, below nothing else. */
.pick-back { z-index: 2000; }
.leaflet-container { z-index: 1; }