/* Dialog «Alte Offerten hochladen» (Schalter onboarding.preisimport, preisimport.js). Telefon: Dialog füllt den
   Bildschirm, die Prüftabelle stapelt sich je Zeile (tbl data-label), jedes Feld und jeder Knopf mindestens 44px. */
.pi { display: grid; gap: 16px; }
.pi-zone {
  display: grid; gap: 12px; justify-items: center; text-align: center; padding: 24px 16px;
  border: 1px dashed var(--color-input-border); border-radius: var(--radius);
}
.pi-zone p { margin: 0; font-size: 14px; color: var(--color-muted-fg); }
.pi-zone.pi-ueber { border-color: var(--color-primary); background: var(--color-primary-tint); }
.pi-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pi-zeile { display: grid; gap: 12px; padding: 12px 0; border-top: 1px solid var(--color-border); }
.pi-kopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; }
.pi-name { font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.pi-status { grid-column: 1; font-size: 13px; color: var(--color-muted-fg); }
.pi-status[data-art="ok"] { color: var(--color-ok); }
.pi-status[data-art="warn"] { color: var(--color-warn); }
.pi-status[data-art="bad"] { color: var(--color-bad); }
.pi-aktionen { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.pi .btn, .pi-dialog .dlg-actions .btn { min-height: var(--tap); }
.pi-tabelle .input { width: 100%; min-width: 80px; height: var(--tap); }
.pi-tabelle tr.pi-ohne { opacity: 0.55; }
@media (max-width: 640px) {
  .pi-dialog.dlg-modal { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; }
  .pi-kopf { grid-template-columns: 1fr; }
  .pi-aktionen { grid-column: 1; grid-row: auto; justify-content: stretch; }
  .pi-aktionen .btn { flex: 1 1 140px; }
}