/*
 * Wartung Planung (protel-frontend-app/wartung.js): Auftragstabelle, Status-Marken und Auftragsdialog. Geladen vom
 * protel Front End (Housekeeping > Wartung) und von der Hausmeister-Web-App (Reiter Planung, dort als Karten -
 * hausmeister-web-app/styles.css). Braucht nur shared/app-theme.css.
 */
.pf-wa__suche { min-width: 220px; }
.pf-wa__tabelle tbody tr { cursor: pointer; }
.pf-wa__zeile.is-erledigt td { color: var(--muted, #6b7280); }
.pf-wa__zeile.is-geloescht td { color: var(--danger, #b91c1c); }
.pf-wa__ort { font-weight: 600; white-space: nowrap; }
.pf-wa__text { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-wa__prio.is-hoch { color: var(--danger, #b91c1c); font-weight: 600; }
.pf-wa__tabelle .is-ueberfaellig { color: var(--danger, #b91c1c); font-weight: 600; }
.pf-wa__status.is-offen { background: #f3f4f6; color: #374151; }
.pf-wa__status.is-in_arbeit { background: var(--primary-soft, #eef2ff); color: var(--primary, #4f46e5); }
.pf-wa__status.is-erledigt { background: var(--success-soft, #ecfdf5); color: var(--success, #047857); }
.pf-wa__status.is-geloescht { background: #fef2f2; color: #b91c1c; }
.pf-wa__status.is-on_hold { background: #fef3c7; color: #92400e; }
.pf-wa__status.is-abgelehnt { background: #f1f5f9; color: #475569; text-decoration: line-through; }
.pf-wa__zeile.is-abgelehnt td { color: var(--muted, #6b7280); }
.pf-wa__sperre { display: grid; gap: 8px; }
.pf-wa__bilder-kopf { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.pf-wa__bilder-kopf label.is-busy { opacity: 0.6; cursor: progress; }
.pf-wa__bilder { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 8px 0; }
.pf-wa__bild { margin: 0; border: 1px solid var(--border, #e5e7eb); border-radius: 8px; overflow: hidden; background: #fff; }
.pf-wa__bild img { display: block; width: 100%; height: 110px; object-fit: cover; cursor: zoom-in; }
.pf-wa__bild figcaption { font-size: 11px; color: var(--muted, #6b7280); padding: 4px 6px; display: flex; justify-content: space-between; gap: 6px; align-items: center; }
.pf-wa__verlauf ul { margin: 6px 0 0; padding-left: 18px; font-size: 13px; }
.toggle-inline { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }