/* =========================================================
   Übernommene Bestandsstile der Problemsektion
   Zentralisiert aus den PHP-Dateien, damit kein Seiten-CSS inline bleibt.
   ========================================================= */

/* Übernommene Bestandsstile aus massnahmen-teamleiter.php, Block 1 */
.team-massnahme-form{display:flex;flex-direction:column;gap:6px;min-width:180px;}
.team-massnahme-form__zeile{display:flex;gap:6px;align-items:center;}
.team-massnahme-form select,.team-massnahme-form input[type=date]{max-width:190px;}

/* Übernommene Bestandsstile aus problem.php, Block 1 */
.status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;line-height:18px;font-weight:600;}
.status-pill.green{background:var(--fp-farbwert-d1fae5);color:var(--fp-erfolg-tief);}
.status-pill.yellow{background:var(--fp-warnung-flaeche);color:var(--fp-warnung-text);}
.problem-ampel{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--fp-rahmen-stark);background:var(--fp-weiss);width:22px;height:22px;padding:0;white-space:nowrap;}
.problem-ampel-punkt{width:10px;height:10px;border-radius:999px;background:var(--fp-erfolg);display:inline-block;box-shadow:0 0 0 2px var(--fp-farbwert-rgba-22-163-74-_18);}
.problem-ampel-gruen{border-color:var(--fp-erfolg-rahmen);background:var(--fp-erfolg-flaeche-hell);}
.problem-ampel-gelb{border-color:var(--fp-warnung-rahmen);background:var(--fp-warnung-flaeche-hell);}
.problem-ampel-orange{border-color:var(--fp-farbwert-fed7aa);background:var(--fp-orange-flaeche);}
.problem-ampel-rot{border-color:var(--fp-gefahr-rahmen);background:var(--fp-rose-flaeche);}
.problem-ampel-gelb .problem-ampel-punkt{background:var(--fp-warnung);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-245-158-11-_18);}
.problem-ampel-orange .problem-ampel-punkt{background:var(--fp-orange);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-249-115-22-_18);}
.problem-ampel-rot .problem-ampel-punkt{background:var(--fp-gefahr);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-220-38-38-_18);}
.problem-ampel-kachel{width:22px;height:22px;}
.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.toolbar label{font-weight:600;}

.problem-person-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:4px;}
.problem-person-card{display:flex;flex-direction:column;gap:3px;border:1px solid var(--fp-rahmen-stark);border-radius:12px;padding:10px;background:var(--fp-weiss);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;}
.problem-person-card:hover{border-color:var(--fp-text-hell);box-shadow:0 4px 14px var(--fp-schatten-mittel);}
.problem-person-card.is-selected{border-color:var(--fp-primaer);background:var(--fp-info-flaeche);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-37-99-235-_14);}
.problem-person-card input{position:absolute;opacity:0;pointer-events:none;}
.problem-person-card strong{font-size:13px;color:var(--fp-text-stark);}
.problem-person-card span{font-size:12px;color:var(--fp-text-dezent);}

/* Übernommene Bestandsstile aus problem.php, Block 2 */
select option { color: var(--fp-schwarz); background: var(--fp-weiss); }
select, .form-control { color: var(--fp-schwarz); }

/* Übernommene Bestandsstile aus problem.php, Block 3 */
.badge-time{display:inline-block;min-width:44px;padding:2px 8px;border-radius:9999px;text-align:center;font-weight:600;border:1px solid var(--fp-schatten-rand)}
.b-yellow{background:var(--fp-warnung-gelb);border-color:var(--fp-warnung);color:var(--fp-warnung-text)}
.b-orange{background:var(--fp-orange-flaeche-stark);border-color:var(--fp-orange);color:var(--fp-orange-text)}
.b-red{background:var(--fp-gefahr-flaeche);border-color:var(--fp-gefahr-hell);color:var(--fp-gefahr-tief)}
.b-gray{background:var(--fp-rahmen);border-color:var(--fp-text-inaktiv);color:var(--fp-text-dunkelgrau)}

/* Übernommene Bestandsstile aus problem.php, Block 4 */
.problem-person-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:4px;}
.problem-person-card{display:flex;flex-direction:column;gap:3px;border:1px solid var(--fp-rahmen-stark);border-radius:12px;padding:10px;background:var(--fp-weiss);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;}
.problem-person-card:hover{border-color:var(--fp-text-hell);box-shadow:0 4px 14px var(--fp-schatten-mittel);}
.problem-person-card.is-selected{border-color:var(--fp-primaer);background:var(--fp-info-flaeche);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-37-99-235-_14);}
.problem-person-card input{position:absolute;opacity:0;pointer-events:none;}
.problem-person-card strong{font-size:13px;color:var(--fp-text-stark);}
.problem-person-card span{font-size:12px;color:var(--fp-text-dezent);}
.vh-feed{margin:8px 0 0 0;}
.vh-feed-panel{display:none;}
.vh-feed-panel.is-active{display:block;}
.kpi-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-bottom:2px;margin:12px 0 12px 0}
.kpi-card{padding:12px;border-radius:10px;border:1px solid var(--fp-schatten-schwarz);background:var(--fp-flaeche-hell);text-align:center;min-width:0}
.kpi-label{font-size:12px;color:var(--fp-text-dezent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-wert{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bilder-tabelle td{vertical-align:top;}
.bild-vorschau{width:120px;height:90px;object-fit:cover;border:1px solid var(--fp-rahmen-alt);border-radius:8px;padding:3px;background:var(--fp-weiss);cursor:zoom-in;}
.bild-beschreibung{white-space:pre-wrap;}
.bild-aktionen form{margin:0;}
.bild-upload-modal .dialog{width:min(1080px,calc(100vw - 32px));max-width:1080px;}
.bild-upload-modal .panel{padding:18px;}
.bild-upload-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.bild-upload-modal .modal-title{margin:0;}
.bild-upload-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;}
.bild-dropzone{border:2px dashed var(--fp-text-hell);border-radius:14px;background:var(--fp-flaeche-hell);padding:22px;text-align:center;transition:border-color .2s ease, background .2s ease;}
.bild-dropzone.is-dragover{border-color:var(--fp-info-dunkel);background:var(--fp-info-flaeche-hell);}
.bild-dropzone__titel{font-weight:700;margin-bottom:6px;}
.bild-dropzone__text{font-size:13px;color:var(--fp-text-dezent);margin-bottom:12px;}
.bild-dropzone input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.bild-upload-hinweis{font-size:12px;color:var(--fp-text-dezent);margin-top:8px;line-height:1.35;}
.bild-upload-hinweisbox{border:1px dashed var(--fp-rahmen-stark);border-radius:12px;background:var(--fp-flaeche-hell);color:var(--fp-text-dezent);padding:14px;font-size:13px;}
.bild-upload-vorschau{min-height:82px;border:1px solid var(--fp-rahmen);border-radius:12px;background:var(--fp-weiss);padding:12px;}
.bild-upload-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.bild-upload-kachel{border:1px solid var(--fp-rahmen);border-radius:12px;background:var(--fp-weiss);padding:10px;min-width:0;}
.bild-upload-thumb{height:140px;border:1px solid var(--fp-rahmen-stark);border-radius:10px;background:var(--fp-flaeche-hell);overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;color:var(--fp-text-dezent);font-size:12px;position:relative;}
.bild-upload-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.bild-upload-dateiname{font-size:12px;color:var(--fp-text-sekundaer);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
.bild-upload-kachel textarea{width:100%;min-height:68px;resize:vertical;}
.bild-upload-entfernen{width:100%;margin-top:8px;}
.bild-upload-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;}
.eingabe-kpi{grid-template-columns:repeat(4,minmax(0,1fr));}
.eingabe-kpi .kpi-card{text-align:left;}
.eingabe-kpi .kpi-label{display:block;margin-bottom:6px;}
.eingabe-kpi select,.eingabe-kpi input{width:100%;}
.problem-anlegen-beschreibung{margin-bottom:12px;}
.problem-anlegen-beschreibung textarea{width:100%;min-height:120px;}
.formular-hinweis{border:1px solid var(--fp-info-flaeche-stark);border-radius:12px;background:var(--fp-info-flaeche);color:var(--fp-indigo-text);padding:12px 14px;margin:0 0 12px 0;font-size:13px;line-height:1.4;}
.cr-pflichtfortschritt{display:grid;gap:8px;border:1px solid var(--fp-rahmen-sehr-kuehl);border-radius:12px;background:var(--fp-weiss);padding:10px 12px;margin:12px 0 0 0;box-shadow:0 1px 2px var(--fp-schatten-sanft);}
.cr-pflichtfortschritt-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--fp-text);font-weight:600;}
.cr-pflichtfortschritt-zahl{white-space:nowrap;color:var(--fp-text-stark);}
.cr-pflichtfortschritt-spur{height:8px;border-radius:999px;background:var(--fp-rahmen);overflow:hidden;}
.cr-pflichtfortschritt-balken{height:100%;width:0%;border-radius:inherit;background:var(--fp-info);transition:width .2s ease;}
.cr-pflichtfortschritt-hinweis{font-size:12px;color:var(--fp-text-dezent);line-height:1.35;}
.cr-pflichtfortschritt.is-complete .cr-pflichtfortschritt-balken{background:var(--fp-erfolg);}
.cr-pflichtfortschritt.is-complete .cr-pflichtfortschritt-hinweis{color:var(--fp-erfolg-text);}
.cr-invalid{border-color:var(--fp-gefahr-material);box-shadow:inset 0 0 0 1px var(--fp-gefahr-material);}
.formular-textarea-voll{width:100%;box-sizing:border-box;min-height:220px;resize:vertical;}
.uebersicht-kpi-row{margin-top:12px;}
 .problem-kalkulation-grid{display:grid;grid-template-columns:1fr;gap:12px;}
.problem-projekt-kalkulation{border:1px solid var(--fp-rahmen-kuehl);border-radius:14px;background:var(--fp-weiss);padding:12px;box-shadow:0 6px 18px var(--fp-schatten-sanft);}
.problem-projekt-kalkulation.is-active{border-color:var(--fp-primaer-rahmen);box-shadow:0 8px 22px var(--fp-primaer-alpha);}
.problem-projekt-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.problem-projekt-check{display:flex;align-items:center;gap:8px;font-weight:700;margin:0;cursor:pointer;}
.problem-projekt-check input{width:18px;height:18px;}
.problem-projekt-kalkulation-body{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-top:12px;}
.problem-projekt-eingaben{border:1px solid var(--fp-rahmen);border-radius:12px;background:var(--fp-flaeche-hell);padding:12px;display:grid;gap:12px;}
.problem-subprojekt-tabelle{width:100%;border-collapse:collapse;font-size:13px;background:var(--fp-weiss);}
.problem-subprojekt-tabelle th,.problem-subprojekt-tabelle td{border-top:1px solid var(--fp-rahmen);padding:8px;vertical-align:middle;}
.problem-subprojekt-tabelle thead th{background:var(--fp-flaeche-hell);color:var(--fp-text);font-weight:700;text-align:left;}
.problem-subprojekt-tabelle td:nth-child(n+2),.problem-subprojekt-tabelle th:nth-child(n+2){text-align:right;}
.problem-subprojekt-eintrag.is-active{background:var(--fp-info-flaeche);}
.problem-subprojekt-check{display:flex;align-items:center;gap:8px;font-weight:700;margin:0;cursor:pointer;}
.problem-subprojekt-check input{width:18px;height:18px;}
.problem-subprojekt-eingabezelle input{width:100%;box-sizing:border-box;text-align:right;}
.problem-subprojekt-eingabezelle[data-calc-einheit-body]{visibility:hidden;pointer-events:none;}
.problem-subprojekt-eintrag.is-active .problem-subprojekt-eingabezelle[data-calc-einheit-body]{visibility:visible;pointer-events:auto;}
.problem-projekt-eingabetabelle{width:100%;border-collapse:collapse;font-size:13px;}
.problem-projekt-eingabetabelle th,.problem-projekt-eingabetabelle td{border-top:1px solid var(--fp-rahmen);padding:9px 8px;vertical-align:middle;}
.problem-projekt-eingabetabelle tr:first-child th,.problem-projekt-eingabetabelle tr:first-child td{border-top:0;}
.problem-projekt-eingabetabelle th{width:75%;font-weight:600;text-align:left;color:var(--fp-text);}
.problem-projekt-eingabetabelle td{width:25%;text-align:right;}
.problem-projekt-eingabetabelle input{width:100%;box-sizing:border-box;text-align:right;}
.problem-projekt-eingabetabelle .readonly-wert{display:block;font-weight:700;color:var(--fp-text-stark);white-space:nowrap;}
.problem-projekt-ergebnisse{min-width:0;}
.problem-projekt-jahre{width:100%;border-collapse:collapse;font-size:12px;}
.problem-projekt-jahre th,.problem-projekt-jahre td{border-top:1px solid var(--fp-rahmen);padding:7px 8px;text-align:right;vertical-align:middle;}
.problem-projekt-jahre th:first-child,.problem-projekt-jahre td:first-child{text-align:left;}
.problem-projekt-jahre thead th{background:var(--fp-flaeche-hell);color:var(--fp-text);font-weight:700;}
.problem-projekt-jahre tfoot th,.problem-projekt-jahre tfoot td{background:var(--fp-indigo-flaeche);font-weight:800;}
.problem-projekt-skala{min-width:160px;}
.problem-projekt-skala-track{height:16px;border-radius:999px;background:linear-gradient(90deg,var(--fp-flaeche-muted),var(--fp-flaeche-grau));overflow:hidden;border:1px solid var(--fp-rahmen-kuehl);box-shadow:inset 0 1px 2px var(--fp-schatten-mittel);}
.problem-projekt-skala-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--fp-info-hell),var(--fp-primaer));transition:width .18s ease;}
.problem-kalkulation-zusammenfassung{border:1px solid var(--fp-rahmen-kuehl);border-radius:14px;background:var(--fp-weiss);margin-top:14px;padding:12px;box-shadow:0 6px 18px var(--fp-schatten-sanft);}
.problem-kalkulation-zusammenfassung-kopf{font-weight:800;margin-bottom:8px;color:var(--fp-text-stark);}
.problem-projekt-anteile{width:100%;border-collapse:collapse;font-size:12px;}
.problem-projekt-anteile th,.problem-projekt-anteile td{border-top:1px solid var(--fp-rahmen);padding:8px;text-align:right;vertical-align:middle;}
.problem-projekt-anteile th:first-child,.problem-projekt-anteile td:first-child{text-align:left;}
.problem-projekt-anteile thead th{background:var(--fp-flaeche-hell);color:var(--fp-text);font-weight:700;}
.problem-projekt-anteile tfoot th,.problem-projekt-anteile tfoot td{background:var(--fp-indigo-flaeche);font-weight:800;}
.problem-projekt-anteil{display:grid;grid-template-columns:70px minmax(120px,1fr);gap:8px;align-items:center;}
.problem-projekt-anteil-track{height:14px;border-radius:999px;background:var(--fp-flaeche-grau);overflow:hidden;border:1px solid var(--fp-rahmen-kuehl);}
.problem-projekt-anteil-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--fp-info-hell),var(--fp-primaer));transition:width .18s ease;}
.problem-analyse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.problem-analyse-card{border:1px solid var(--fp-rahmen-kuehl);border-radius:14px;background:var(--fp-weiss);padding:12px;box-shadow:0 6px 18px var(--fp-schatten-sanft);}
.problem-analyse-label{font-size:12px;color:var(--fp-text-dezent);margin-bottom:4px;}
.problem-analyse-wert{font-size:20px;font-weight:800;color:var(--fp-text-stark);}
.problem-analyse-bar{height:18px;border-radius:999px;overflow:hidden;background:var(--fp-flaeche-grau);border:1px solid var(--fp-rahmen-kuehl);display:flex;}
.problem-analyse-bar span{display:block;height:100%;}
.problem-analyse-bar .verlust{background:linear-gradient(90deg,var(--fp-farbwert-fb7185),var(--fp-gefahr));}
.problem-analyse-bar .gewinn{background:linear-gradient(90deg,var(--fp-erfolg-tuerkis),var(--fp-erfolg));}
.problem-analyse-table{width:100%;border-collapse:collapse;font-size:12px;}
.problem-analyse-table th,.problem-analyse-table td{border-top:1px solid var(--fp-rahmen);padding:8px;text-align:right;vertical-align:middle;}
.problem-analyse-table th:first-child,.problem-analyse-table td:first-child{text-align:left;}
.problem-analyse-table thead th{background:var(--fp-flaeche-hell);color:var(--fp-text);font-weight:700;}
.problem-analyse-skala{min-width:160px;}
.problem-analyse-skala-track{height:14px;border-radius:999px;background:var(--fp-flaeche-grau);overflow:hidden;border:1px solid var(--fp-rahmen-kuehl);}
.problem-analyse-skala-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--fp-info-hell),var(--fp-primaer));}
.problem-kosten-block{border:1px solid var(--fp-rahmen-kuehl);border-radius:14px;background:var(--fp-weiss);margin:14px 0;padding:12px;box-shadow:0 6px 18px var(--fp-schatten-sanft);}
.problem-kosten-block h3{margin:0 0 10px;font-size:15px;color:var(--fp-text-stark);}
.problem-kosten-form{display:grid;grid-template-columns:1.4fr 1fr .7fr .8fr .9fr 1.2fr auto;gap:8px;align-items:end;margin-bottom:10px;}
.problem-kosten-form label{display:grid;gap:4px;font-size:12px;color:var(--fp-text-sekundaer);font-weight:700;}
.problem-kosten-form input,.problem-kosten-form select{width:100%;box-sizing:border-box;}
.problem-kosten-form button{white-space:nowrap;}
.problem-kosten-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.problem-kosten-summary-item{border:1px solid var(--fp-rahmen);border-radius:12px;background:var(--fp-flaeche-hell);padding:9px;}
.problem-kosten-summary-item span{display:block;font-size:11px;color:var(--fp-text-dezent);margin-bottom:3px;}
.problem-kosten-summary-item strong{font-size:15px;color:var(--fp-text-stark);}
.problem-analyse-table td.problem-kosten-aktionen,.problem-analyse-table th.problem-kosten-aktionen{text-align:center;}
@media (max-width:1100px){.problem-kosten-form{grid-template-columns:1fr 1fr}.problem-kosten-summary{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.problem-analyse-grid,.problem-kosten-summary{grid-template-columns:1fr}.problem-kosten-form{grid-template-columns:1fr}}
.bild-upload-leer-tabelle{width:100%;margin:0;}
.bild-upload-leer-tabelle td{text-align:center;color:var(--fp-text-dezent);padding:14px;border:1px dashed var(--fp-rahmen-stark);background:var(--fp-flaeche-hell);}
.problem-schliessen-zusammenfassung{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px;}
.problem-schliessen-zusammenfassung th,.problem-schliessen-zusammenfassung td{border-top:1px solid var(--fp-rahmen);padding:8px;text-align:left;}
.problem-schliessen-zusammenfassung th{width:45%;color:var(--fp-text);background:var(--fp-flaeche-hell);}
.problem-abschluss-auswahl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
.problem-abschluss-option{border:1px solid var(--fp-rahmen-kuehl);border-radius:12px;padding:10px;background:var(--fp-weiss);display:flex;gap:8px;align-items:flex-start;cursor:pointer;}
.problem-abschluss-option strong{display:block;margin-bottom:2px;}
@media (max-width: 720px){ .problem-abschluss-auswahl{grid-template-columns:1fr;} .problem-projekt-anteil{grid-template-columns:1fr;} }
.problem-projekt-skala-track.is-summe{opacity:.72;}
.projekt-sub-badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--fp-indigo-flaeche);color:var(--fp-indigo);border:1px solid var(--fp-indigo-rahmen);font-size:11px;padding:1px 6px;}
.massnahmen-tabelle th.massnahmen-center,.massnahmen-tabelle td.massnahmen-center{text-align:center;vertical-align:middle;}
.problem-meilensteine-im-uebersicht.is-erledigte-ausgeblendet .problem-status-meilensteine .problem-meilenstein-zeile.is-done{display:none;}
.problem-meilensteine-im-uebersicht.is-erledigte-ausgeblendet .problem-status-meilensteine-vor-aktiv .problem-meilenstein-zeile.is-done{display:none;}
.stoerungen-verknuepfung-vorschlaege{max-height:52vh;overflow:auto;padding-right:0;}
.stoerungen-verknuepfung-tabelle{width:100%;border-collapse:collapse;}
.stoerungen-verknuepfung-tabelle th,.stoerungen-verknuepfung-tabelle td{vertical-align:middle;}
.stoerungen-verknuepfung-tabelle th:last-child,.stoerungen-verknuepfung-tabelle td:last-child{text-align:center;}
.stoerungen-verknuepfung-vorschlaege .stoerungen-verknuepfung-tabelle thead th{position:sticky;top:0;z-index:3;background:var(--fp-flaeche-hell);box-shadow:0 1px 0 var(--fp-rahmen);}
.stoerung-vorschlag-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:3px;color:var(--fp-text-dezent);font-size:12px;}
.problem-leer-aktion{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--fp-rahmen-stark);border-radius:12px;background:var(--fp-flaeche-hell);color:var(--fp-text);padding:14px;cursor:pointer;font:inherit;font-weight:600;}
.problem-leer-aktion:hover{background:var(--fp-indigo-flaeche);border-color:var(--fp-indigo-rahmen);color:var(--fp-info-stark);}
.problem-leer-aktion:disabled{cursor:not-allowed;opacity:.65;color:var(--fp-text-dezent);background:var(--fp-flaeche-hell);}

.problem-aenderung-suche{display:grid;gap:10px;}
.problem-aenderung-suche input{width:100%;box-sizing:border-box;}
.problem-aenderung-vorschlaege{max-height:52vh;overflow:auto;padding-right:0;}
.problem-aenderung-tabelle{width:100%;border-collapse:collapse;}
.problem-aenderung-tabelle th,.problem-aenderung-tabelle td{vertical-align:middle;}
.problem-aenderung-vorschlaege .problem-aenderung-tabelle thead th{position:sticky;top:0;z-index:3;background:var(--fp-flaeche-hell);box-shadow:0 1px 0 var(--fp-rahmen);}
.problem-aenderung-tabelle th:last-child,.problem-aenderung-tabelle td:last-child{text-align:center;}
.problem-aenderung-vorschlag.is-hidden{display:none;}
.problem-aenderung-leer{border:1px dashed var(--fp-rahmen-stark);border-radius:12px;background:var(--fp-flaeche-hell);padding:14px;text-align:center;color:var(--fp-text-dezent);}

 .problem-status-label{font-size:12px;color:var(--fp-text-dezent);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em;}
.problem-status-wert{font-size:20px;font-weight:800;color:var(--fp-text-stark);}
.problem-status-beschreibung{margin-top:4px;color:var(--fp-text-sekundaer);line-height:1.45;}
.problem-status-aktionen{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;}
.problem-status-aktionen .btn{padding:6px 9px;font-size:12px;line-height:1.15;}
.problem-status-aktionen .btn.icon-only{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:4px;}
.problem-status-aktionen .btn.icon-only svg{display:block;}
.problem-status-aktionen-kopf{justify-content:flex-end;min-width:220px;}
.problem-status-hinweis{color:var(--fp-text-sekundaer);line-height:1.35;}
.problem-status-hinweis-kompakt{font-size:12px;margin:2px 0 6px 0;}
.problem-meilenstein-aktivbox{margin-bottom:8px;}
.problem-meilenstein-zeile{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;border:1px solid var(--fp-rahmen);border-radius:12px;background:var(--fp-weiss);padding:11px 12px;box-shadow:0 4px 12px var(--fp-farbwert-rgba-15-23-42-_035);margin-bottom:9px;}
.problem-meilenstein-zeile.is-current{border-color:var(--fp-info-stark);background:var(--fp-info-flaeche);}
.problem-meilenstein-zeile.is-done{border-color:var(--fp-erfolg-flaeche);background:var(--fp-farbwert-fbfefb);}
.problem-meilenstein-zeile.is-done.is-letzter-done{border-color:var(--fp-erfolg-rahmen);background:var(--fp-erfolg-flaeche-hell);}
.problem-meilenstein-zeile.is-abbruch{border-color:var(--fp-gefahr-hell);background:var(--fp-rose-flaeche);}
.problem-meilenstein-zeile.is-eskalationsausloeser{border-color:var(--fp-orange);background:var(--fp-orange-flaeche);box-shadow:0 0 0 1px var(--fp-farbwert-rgba-249-115-22-_12),0 4px 12px var(--fp-farbwert-rgba-154-52-18-_06);}
.problem-meilenstein-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--fp-info-stark);color:var(--fp-weiss);font-weight:900;font-size:14px;}
.problem-meilenstein-zeile.is-done .problem-meilenstein-check{background:var(--fp-erfolg);}
.problem-meilenstein-zeile.is-eskalationsausloeser .problem-meilenstein-check{background:var(--fp-orange);}
.problem-eskalationshinweis{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:var(--fp-orange);color:var(--fp-weiss);font-size:14px;font-weight:900;line-height:1;margin-left:8px;box-shadow:0 0 0 3px var(--fp-farbwert-rgba-249-115-22-_14);}
.problem-meilenstein-zeile.is-abbruch .problem-meilenstein-check{background:var(--fp-gefahr);color:var(--fp-weiss);font-size:16px;line-height:1;}
.problem-meilenstein-main h3,.problem-meilenstein-main h4{margin:0;color:var(--fp-text-stark);font-size:14px;line-height:1.2;}
.problem-meilenstein-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px;}
.problem-meilenstein-kopf{min-width:0;flex:1;width:100%;}
.problem-meilenstein-kopfzeile{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;width:100%;}
.problem-meilenstein-kopfzeile h3{min-width:0;flex:1 1 auto;}
.problem-meilenstein-meta-rechts{flex:0 0 190px;margin-left:auto;color:var(--fp-text-dezent);font-size:11px;line-height:1.2;white-space:nowrap;text-align:right;}
.problem-meilenstein-bemerkung{margin-top:6px;color:var(--fp-text-sekundaer);font-size:11.5px;line-height:1.35;background:var(--fp-farbwert-rgba-255-255-255-_72);border:1px solid var(--fp-farbwert-rgba-203-213-225-_85);border-radius:8px;padding:6px 8px;width:auto;max-width:none;}
.problem-meilenstein-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:4px;font-size:11px;color:var(--fp-text-sekundaer);line-height:1.25;}
.problem-meilenstein-header-meta span:not(.problem-meilenstein-status-badge){display:inline-flex;align-items:center;gap:3px;max-width:100%;}
.problem-meilenstein-header-meta strong{color:var(--fp-text);}
.problem-meilenstein-status-badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--fp-info-flaeche-stark);color:var(--fp-indigo-text);font-weight:800;font-size:11px;padding:2px 7px;white-space:nowrap;}
.problem-meilenstein-status-badge.done{background:var(--fp-erfolg-flaeche);color:var(--fp-erfolg-text);}
.problem-meilenstein-unterpunkte{margin:10px 0 0 0;}
.problem-meilenstein-unterpunkte.is-aktiv{margin-top:10px;}
.problem-status-meilensteine{margin-top:8px;}
.problem-meilenstein-arbeitsblock{border:1px solid var(--fp-rahmen-kuehl);border-radius:10px;background:var(--fp-weiss);padding:10px;margin:0 0 10px 0;box-shadow:0 4px 10px var(--fp-farbwert-rgba-15-23-42-_03);}
.problem-meilenstein-arbeitsblock h3{margin:0 0 6px 0;font-size:13px;color:var(--fp-text-stark);}
.problem-arbeitsblock-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.problem-arbeitsblock-kopf h3{margin:0;}
.problem-meilenstein-arbeitsblock .formular-hinweis{margin-bottom:8px;font-size:12px;}
.problem-meilenstein-arbeitsblock .table-responsive{margin-bottom:0;}
.problem-meilenstein-arbeitsblock table,.problem-changelog-tabelle,.problem-meilensteine-im-uebersicht .massnahmen-tabelle{font-size:11.5px;}
.problem-meilenstein-arbeitsblock table th,.problem-meilenstein-arbeitsblock table td,.problem-changelog-tabelle th,.problem-changelog-tabelle td,.problem-meilensteine-im-uebersicht .massnahmen-tabelle th,.problem-meilensteine-im-uebersicht .massnahmen-tabelle td{padding:6px 7px;line-height:1.24;vertical-align:top;}
.problem-meilenstein-arbeitsblock .btn.icon-only,.problem-meilensteine-im-uebersicht .massnahmen-tabelle .btn.icon-only{width:26px;height:26px;padding:2px;}
.problem-meilenstein-arbeitsblock .status-pill,.problem-meilenstein-arbeitsblock .badge,.problem-meilensteine-im-uebersicht .massnahmen-tabelle .status-pill,.problem-meilensteine-im-uebersicht .massnahmen-tabelle .badge{font-size:10px;padding:2px 5px;}
.problem-changelog-tabelle{width:100%;border-collapse:collapse;}
.problem-meilenstein-arbeitsblock.is-ueberfaellig{border-color:var(--fp-gelb);background:var(--fp-warnung-flaeche-hell);}

.problem-erfassung-hauptform{margin:10px 0;border:1px solid var(--fp-rahmen);border-radius:8px;background:var(--fp-weiss);padding:10px;box-shadow:none;}
.problem-erfassung-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px 0;font-size:13px;font-weight:700;color:var(--fp-text-stark);}
.problem-erfassung-counter{font-size:12px;font-weight:700;color:var(--fp-text-sekundaer);background:var(--fp-flaeche-hell);border:1px solid var(--fp-rahmen);border-radius:999px;padding:3px 8px;white-space:nowrap;}
.problem-erfassung-abstellung-select{min-width:220px;max-width:100%;}
.problem-erfassung-loesung-text{width:100%;min-height:70px;resize:vertical;font-size:12px;}
.problem-erfassung-fortschritt{margin:8px 0 10px 0;border:1px solid var(--fp-info-flaeche-stark);background:var(--fp-flaeche-blauhell);border-radius:12px;padding:9px 10px;}
.problem-erfassung-fortschritt__kopf{font-size:12px;font-weight:800;color:var(--fp-indigo-text);margin-bottom:7px;}
.problem-erfassung-fortschritt__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;width:100%;}
.problem-erfassung-fortschritt__item{display:flex;align-items:center;gap:5px;border-radius:999px;border:1px solid var(--fp-rahmen);background:var(--fp-flaeche-hell);padding:4px 8px;font-size:12px;color:var(--fp-text);min-width:0;width:100%;}
.problem-erfassung-fortschritt__item strong{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;font-size:11px;line-height:1;background:var(--fp-flaeche-grau);color:var(--fp-text);}
.problem-erfassung-fortschritt__item.is-ok,.problem-erfassung-fortschritt__item.is-nein{background:var(--fp-erfolg-flaeche-hell);border-color:var(--fp-erfolg-rahmen);color:var(--fp-erfolg-text);}
.problem-erfassung-fortschritt__item.is-ok strong,.problem-erfassung-fortschritt__item.is-nein strong{background:var(--fp-erfolg-flaeche);color:var(--fp-erfolg-text);}
.problem-erfassung-fortschritt__item.is-offen,.problem-erfassung-fortschritt__item.is-ja{background:var(--fp-gefahr-flaeche-hell);border-color:var(--fp-gefahr-rahmen);color:var(--fp-gefahr-text);}
.problem-erfassung-fortschritt__item.is-offen strong,.problem-erfassung-fortschritt__item.is-ja strong{background:var(--fp-gefahr-flaeche);color:var(--fp-gefahr-text);}
.problem-erfassung-fortschritt__item.is-neutral{background:var(--fp-flaeche-muted);border-color:var(--fp-rahmen-stark);color:var(--fp-text-dezent);}
.problem-erfassung-fortschritt__item.is-neutral strong{background:var(--fp-flaeche-grau);color:var(--fp-text-dezent);}
.problem-erfassung-checks{margin:8px 0 10px 0;}
.problem-erfassung-checks h4{font-size:12px;}
.problem-erfassung-checks .problem-co-check-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;}
.problem-erfassung-tabelle{width:100%;border-collapse:collapse;margin:8px 0 10px 0;table-layout:fixed;font-size:12px;color:var(--fp-text-stark);border:1px solid var(--fp-rahmen);background:var(--fp-weiss);}
.problem-erfassung-tabelle col.col-pruefung{width:40%;}
.problem-erfassung-tabelle col.col-ja,.problem-erfassung-tabelle col.col-nein{width:15%;}
.problem-erfassung-tabelle col.col-konsequenz{width:30%;}
.problem-erfassung-tabelle th,.problem-erfassung-tabelle td{padding:8px 9px;border-bottom:1px solid var(--fp-rahmen);vertical-align:top;line-height:1.35;}
.problem-erfassung-tabelle tr:last-child td{border-bottom:0;}
.problem-erfassung-tabelle th{background:var(--fp-weiss);font-size:11px;text-transform:none;letter-spacing:0;color:var(--fp-text-dezent);text-align:left;font-weight:700;}
.problem-erfassung-tabelle .erfassung-abstellung td{background:var(--fp-farbwert-fafafa);font-weight:700;}
.problem-erfassung-tabelle .erfassung-abstellung strong{display:inline;color:var(--fp-text-stark);margin-right:8px;}
.problem-erfassung-tabelle .erfassung-frage-text{font-weight:600;color:var(--fp-text-stark);}
.problem-erfassung-tabelle tr.is-nacharbeit td,.problem-erfassung-tabelle tr.is-offen td{background:var(--fp-gefahr-flaeche-hell);border-color:var(--fp-gefahr-rahmen);}
.problem-erfassung-tabelle tr.is-nacharbeit,.problem-erfassung-tabelle tr.is-offen{outline:1px solid var(--fp-gefahr-rahmen);outline-offset:-1px;}
.problem-erfassung-tabelle tr.is-ok td{background:var(--fp-farbwert-f8fff9);}
.problem-erfassung-tabelle .erfassung-frage-meta{display:block;margin-top:3px;font-size:11px;color:var(--fp-text-dezent);font-weight:500;}
.problem-erfassung-tabelle label{display:flex;align-items:flex-start;gap:7px;margin:0;font-weight:600;color:var(--fp-text-stark);}
.problem-erfassung-tabelle input[type="radio"]{margin-top:2px;}
.problem-erfassung-tabelle.is-gesperrt tbody tr:not(.erfassung-abstellung){opacity:.55;}
.erfassung-konsequenz{font-size:11.5px;font-weight:600;color:var(--fp-text-dezent);}
.erfassung-konsequenz.is-ja{color:var(--fp-farbwert-b45309);}
.erfassung-konsequenz.is-nein{color:var(--fp-erfolg-text);}
.erfassung-konsequenz .mini-badge{display:inline-block;margin-top:3px;border:1px solid var(--fp-rahmen);background:var(--fp-weiss);color:var(--fp-text-sekundaer);border-radius:999px;padding:2px 7px;font-size:10.5px;}
.problem-erfassung-aufgabenhinweis{display:none;}
.problem-erfassung-aktionen{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap;}
.problem-live-hinweis{position:fixed;right:18px;bottom:18px;z-index:2000;max-width:360px;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;box-shadow:0 10px 28px var(--fp-farbwert-rgba-15-23-42-_18);background:var(--fp-info-flaeche);color:var(--fp-indigo-text);border:1px solid var(--fp-info-rahmen);}
.problem-live-hinweis.is-ok,.problem-live-hinweis-inline.is-ok,.problem-kalkulation-save-status.is-ok{color:var(--fp-erfolg-text);}
.problem-live-hinweis.is-error,.problem-live-hinweis-inline.is-error,.problem-kalkulation-save-status.is-error{color:var(--fp-gefahr-stark);}
.problem-live-hinweis.is-saving,.problem-live-hinweis-inline.is-saving,.problem-kalkulation-save-status.is-saving{color:var(--fp-text-sekundaer);}
.problem-live-hinweis-inline,.problem-kalkulation-save-status{font-size:12px;font-weight:800;color:var(--fp-text-dezent);}
.problem-kalkulation-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 0 0;}
@media(max-width:900px){.problem-erfassung-tabelle{table-layout:auto;}.problem-erfassung-tabelle th:nth-child(4),.problem-erfassung-tabelle td:nth-child(4){min-width:180px;}}
.massnahme-umsetzungsziel{font-size:11.5px;line-height:1.28;color:var(--fp-text);margin-bottom:4px;}
.massnahme-umsetzung-note{font-size:11px;line-height:1.25;color:var(--fp-text-dezent);margin-top:3px;}
.problem-massnahmen-inline-tabelle{width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow-x:auto;}
.problem-massnahmen-inline-tabelle .massnahmen-tabelle{margin:0;width:100%;border:0;background:transparent;}
.problem-massnahmen-inline-tabelle .massnahmen-tabelle th,.problem-massnahmen-inline-tabelle .massnahmen-tabelle td{font-size:11.5px;padding:6px 7px;}
.problem-umsetzung-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;}
.problem-umsetzung-modal-grid .is-full{grid-column:1/-1;}
.problem-umsetzung-modal-grid label{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--fp-text);}
.problem-umsetzung-modal-grid .form-control{width:100%;}
@media(max-width:720px){.problem-umsetzung-modal-grid{grid-template-columns:1fr;}}
.massnahmen-tabelle tr.is-ueberfaellig td{background:var(--fp-warnung-flaeche-hell);border-top-color:var(--fp-warnung-rahmen);border-bottom-color:var(--fp-warnung-rahmen);}
.massnahme-deadline-warnung{display:inline-flex;align-items:center;gap:4px;color:var(--fp-warnung-text);font-weight:700;}
.problem-kopf-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:12px;align-items:start;margin:10px 0 12px 0;}
.problem-kopf-haupt{display:grid;gap:10px;min-width:0;}
.problem-kopf-card,.problem-kpi-kompakt{border:1px solid var(--fp-rahmen-kuehl);border-radius:14px;background:var(--fp-weiss);padding:12px;box-shadow:0 4px 12px var(--fp-farbwert-rgba-15-23-42-_035);}
.problem-kopf-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--fp-text-dezent);font-weight:900;margin-bottom:6px;}
.problem-beschreibung-box{font-size:14px;line-height:1.45;color:var(--fp-text-stark);white-space:normal;}
.problem-loesung-box{margin-top:10px;padding-top:10px;border-top:1px solid var(--fp-rahmen);font-size:14px;line-height:1.45;color:var(--fp-text-stark);white-space:normal;}
.problem-loesung-box .problem-kopf-label{margin-bottom:4px;}
.problem-kpi-kompakt{display:grid;gap:9px;}
.problem-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--fp-rahmen);padding-bottom:8px;}
.problem-kpi-head strong{font-size:13px;color:var(--fp-text-stark);}
.problem-kpi-actions{display:flex;align-items:center;gap:8px;}
.problem-kpi-list{display:grid;grid-template-columns:1fr;gap:6px;}
.problem-kpi-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border:1px solid var(--fp-flaeche-kuehl);border-radius:9px;background:var(--fp-flaeche-hell);padding:6px 8px;}
.problem-kpi-item span{font-size:11px;color:var(--fp-text-dezent);line-height:1.2;}
.problem-kpi-item strong{font-size:12px;color:var(--fp-text-stark);text-align:right;line-height:1.25;}
.problem-coach-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--fp-info-rahmen);background:var(--fp-info-flaeche);border-radius:12px;padding:11px 12px;margin:12px 0;box-shadow:0 4px 12px var(--fp-farbwert-rgba-15-23-42-_035);}
.problem-coach-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--fp-info-stark);font-weight:900;margin-bottom:2px;}
.problem-coach-title{font-size:16px;font-weight:900;color:var(--fp-text-stark);line-height:1.2;}
.problem-coach-text{font-size:12.5px;color:var(--fp-text);margin-top:2px;line-height:1.35;}
.problem-coach-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;}
.problem-smart-hinweise{display:grid;gap:6px;margin:8px 0 12px 0;}
.problem-smart-hinweis{display:flex;align-items:flex-start;gap:7px;border:1px solid var(--fp-flaeche-grau);background:var(--fp-weiss);border-radius:10px;padding:7px 9px;font-size:12px;line-height:1.35;color:var(--fp-text);}
.problem-smart-hinweis strong{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:var(--fp-info-flaeche-stark);color:var(--fp-info-stark);font-size:11px;}
.problem-smart-hinweis.is-warnung{border-color:var(--fp-warnung-rahmen);background:var(--fp-warnung-flaeche-hell);color:var(--fp-warnung-text);}
.problem-smart-hinweis.is-warnung strong{background:var(--fp-gelb);color:var(--fp-farbwert-713f12);}
.problem-smart-hinweis.is-ok{border-color:var(--fp-erfolg-rahmen);background:var(--fp-erfolg-flaeche-hell);color:var(--fp-erfolg-text);}
.problem-smart-hinweis.is-ok strong{background:var(--fp-erfolg);color:var(--fp-weiss);}
@media (max-width:720px){.problem-coach-box{grid-template-columns:1fr}.problem-coach-actions{justify-content:flex-start}.problem-kopf-grid{grid-template-columns:1fr}.problem-kpi-head{align-items:flex-start;flex-direction:column}}
.problem-co-check{border:1px solid var(--fp-rahmen-kuehl);border-radius:10px;background:var(--fp-weiss);padding:10px;margin:8px 0 10px 0;}
.problem-co-check h4{margin:0 0 8px 0;font-size:13px;}
.problem-co-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;}
.problem-co-check-item{display:flex;align-items:center;gap:7px;border:1px solid var(--fp-rahmen);border-radius:8px;background:var(--fp-flaeche-hell);padding:6px 8px;font-size:12px;}
.problem-co-check-item.is-ok{background:var(--fp-erfolg-flaeche-hell);border-color:var(--fp-erfolg-rahmen);color:var(--fp-erfolg-text);}
.problem-co-check-item.is-offen{background:var(--fp-gefahr-flaeche-hell);border-color:var(--fp-gefahr-rahmen);color:var(--fp-gefahr-text);}
.problem-co-check-item.is-neutral{background:var(--fp-flaeche-muted);border-color:var(--fp-rahmen-stark);color:var(--fp-text-dezent);}
@media (max-width: 800px){ .problem-meilenstein-title-row{flex-direction:column;} .problem-meilenstein-kopfzeile{flex-direction:column;gap:3px;} .problem-meilenstein-meta-rechts{text-align:left;white-space:normal;flex-basis:auto;margin-left:0;} .problem-status-aktionen-kopf{justify-content:flex-start;min-width:0;} .problem-meilenstein-zeile{grid-template-columns:1fr;} }
@media (max-width: 1100px){ .problem-projekt-kalkulation-body{grid-template-columns:1fr;} }
@media (max-width: 900px){ .problem-projekt-kopf{align-items:flex-start;flex-direction:column;} .problem-projekt-jahre{min-width:820px;} .problem-subprojekt-eingaben{grid-template-columns:1fr;} }
@media (max-width: 1000px){ .bild-upload-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));}.eingabe-kpi{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 640px){ .bild-upload-kacheln,.eingabe-kpi{grid-template-columns:1fr;} }
@media (max-width: 1200px){ .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));} .kpi-row.eingabe-kpi{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media (max-width: 1000px){ .kpi-row.eingabe-kpi{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 720px){ .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));} .kpi-row.eingabe-kpi{grid-template-columns:1fr;} }

/* Übernommene Bestandsstile aus probleme.php, Block 1 */
.haupttabelle-leer-aktion{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--fp-text-inaktiv);border-radius:12px;background:var(--fp-flaeche-hell);color:var(--fp-text-stark);font-weight:600;text-decoration:none;padding:12px 16px;min-height:44px;cursor:pointer;}
.haupttabelle-leer-aktion:hover{border-color:var(--fp-primaer);background:var(--fp-info-flaeche);color:var(--fp-info-stark);}
.haupttabelle-leer-aktion svg{width:18px;height:18px;stroke:currentColor;fill:none;}
.problem-ampel{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--fp-rahmen-stark);width:19px;height:19px;padding:0;white-space:nowrap;}
.problem-ampel-punkt{width:9px;height:9px;border-radius:999px;background:var(--fp-erfolg);display:inline-block;}
.problem-ampel-gruen{background:var(--fp-erfolg-flaeche-hell);border-color:var(--fp-erfolg-rahmen);}
.problem-ampel-gelb{background:var(--fp-warnung-flaeche-hell);border-color:var(--fp-warnung-rahmen);}
.problem-ampel-orange{background:var(--fp-orange-flaeche);border-color:var(--fp-farbwert-fed7aa);}
.problem-ampel-rot{background:var(--fp-rose-flaeche);border-color:var(--fp-gefahr-rahmen);}
.problem-ampel-gelb .problem-ampel-punkt{background:var(--fp-warnung);}
.problem-ampel-orange .problem-ampel-punkt{background:var(--fp-orange);}
.problem-ampel-rot .problem-ampel-punkt{background:var(--fp-gefahr);}
.problem-meeting-hinweis{display:none;margin:8px 0 12px 0;border:1px solid var(--fp-info-rahmen);background:var(--fp-info-flaeche);color:var(--fp-indigo-text);border-radius:10px;padding:9px 11px;font-size:13px;font-weight:700;}
body.problem-meeting-aktiv .problem-meeting-hinweis{display:block;}
body.problem-meeting-aktiv .probleme-haupttabelle tbody tr[data-meeting="0"]{display:none;}
body.problem-meeting-aktiv .problem-meeting-ansicht-knopf{background:var(--fp-primaer);color:var(--fp-weiss);border-color:var(--fp-info-stark);}


/*
 * FluxPike – gemeinsamer Problembereich.
 * Leitstand-Charakter mit Kartenanordnung.
 * Menü, View-Head, Fluxmenü und Footer bleiben unverändert.
 */

body{
  --problem-tinte:var(--fp-marke-dunkel-2);
  --problem-tinte-weich:var(--fp-marke-text);
  --problem-hintergrund:var(--fp-marke-flaeche);
  --problem-flaeche:var(--fp-weiss);
  --problem-flaeche-sanft:var(--fp-marke-flaeche-hell);
  --problem-linie:var(--fp-marke-rahmen);
  --problem-linie-stark:var(--fp-farbwert-bccbc8);
  --problem-dunkel:var(--fp-marke-dunkel);
  --problem-dunkel-2:var(--fp-marke-tief);
  --problem-blau:var(--fp-farbwert-167188);
  --problem-cyan:var(--fp-marke-tuerkis);
  --problem-signal:var(--fp-marke-limette);
  --problem-signal-dunkel:var(--fp-farbwert-6d920d);
  --problem-gruen:var(--fp-farbwert-238b5d);
  --problem-orange:var(--fp-farbwert-d97725);
  --problem-rot:var(--fp-farbwert-c84747);
  --problem-schatten:0 18px 46px var(--fp-farbwert-rgba-12-39-47-_10);
  --problem-schatten-klein:0 8px 24px var(--fp-farbwert-rgba-12-39-47-_075);
  --problem-radius:20px;
  --problem-radius-klein:12px;
}

/* Grundfläche */
.problem-bereich{
  position:relative;
  isolation:isolate;
  padding-bottom:38px;
  color:var(--problem-tinte);
}
.problem-bereich::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:70px -18px 0;
  border-radius:30px;
  background:
    linear-gradient(var(--fp-marke-schatten) 1px,transparent 1px),
    linear-gradient(90deg,var(--fp-marke-schatten) 1px,transparent 1px),
    radial-gradient(circle at 7% 1%,var(--fp-farbwert-rgba-39-189-208-_13),transparent 28%),
    radial-gradient(circle at 94% 5%,var(--fp-farbwert-rgba-183-232-62-_12),transparent 25%),
    var(--problem-hintergrund);
  background-size:30px 30px,30px 30px,auto,auto,auto;
}
.problem-bereich a:not(.btn):not(.vh-pill-plus){color:var(--problem-blau);}
.problem-bereich h2,
.problem-bereich h3,
.problem-bereich h4,
.problem-bereich strong{color:var(--problem-tinte);}
.problem-bereich .text-muted,
.problem-bereich .aufgaben-muted,
.problem-bereich .kpi-label,
.problem-bereich .problem-kopf-label,
.problem-bereich .problem-analyse-label{color:var(--problem-tinte-weich);}

/* Kopf: Leitstand-Identität, Kartenmodus */
.problem-raumkopf{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  margin:14px 0 20px;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid var(--fp-weiss-alpha-08);
  border-radius:24px 24px 24px 6px;
  background:
    linear-gradient(115deg,var(--fp-weiss-alpha-055),transparent 43%),
    linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
  box-shadow:0 23px 48px var(--fp-farbwert-rgba-7-29-36-_20);
  color:var(--fp-weiss);
}
.problem-raumkopf::after{
  content:"";
  position:absolute;
  right:-72px;
  top:-112px;
  width:286px;
  height:286px;
  border:44px solid var(--fp-farbwert-rgba-39-189-208-_10);
  border-radius:50%;
  pointer-events:none;
}
.problem-raumkopf__identitaet{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:17px;
  min-width:0;
}
.problem-raumkopf__signal{
  display:grid;
  grid-template-columns:repeat(3,8px);
  align-items:end;
  gap:5px;
  width:34px;
  height:54px;
  flex:0 0 auto;
}
.problem-raumkopf__signal i{
  display:block;
  border-radius:5px 5px 2px 2px;
  background:var(--problem-signal);
  box-shadow:0 0 18px var(--fp-farbwert-rgba-183-232-62-_25);
}
.problem-raumkopf__signal i:nth-child(1){height:22px;opacity:.48;}
.problem-raumkopf__signal i:nth-child(2){height:38px;opacity:.76;}
.problem-raumkopf__signal i:nth-child(3){height:54px;}
.problem-raumkopf__text{min-width:0;}
.problem-raumkopf__kennung{
  display:block;
  margin-bottom:4px;
  color:var(--problem-signal);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.problem-raumkopf h2{
  margin:0;
  color:var(--fp-weiss);
  font-size:clamp(1.2rem,2vw,1.68rem);
  line-height:1.12;
  letter-spacing:-.02em;
}
.problem-raumkopf p{
  max-width:760px;
  margin:7px 0 0;
  color:var(--fp-farbwert-bdd0d4);
  font-size:.84rem;
  line-height:1.5;
}
.problem-raumkopf__modus{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.problem-modus-chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border:1px solid var(--fp-farbwert-rgba-255-255-255-_14);
  border-radius:999px;
  background:var(--fp-weiss-alpha-055);
  color:var(--fp-farbwert-c6d5d8);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.035em;
}
.problem-modus-chip--aktiv{
  border-color:var(--problem-signal);
  background:var(--problem-signal);
  color:var(--fp-marke-gruen-tief);
}

/* Gemeinsame Karten */
.problem-bereich .card,
.problem-bereich .panel,
.problem-bereich .aufgaben-gruppe,
.problem-bereich .problem-kopf-card,
.problem-bereich .problem-kpi-kompakt,
.problem-bereich .problem-analyse-card,
.problem-bereich .problem-kosten-block,
.problem-bereich .problem-coach-box,
.problem-bereich .problem-co-check{
  border:1px solid var(--problem-linie);
  background:var(--problem-flaeche);
  box-shadow:var(--problem-schatten-klein);
}
.problem-bereich .card,
.problem-bereich .panel,
.problem-bereich .aufgaben-gruppe{
  border-radius:var(--problem-radius);
}
.problem-bereich .card,
.problem-bereich .panel{
  overflow:visible;
}
.problem-bereich .card-body{padding:21px;}
.problem-bereich .panel{padding:21px;}
.problem-bereich .alert{
  border-radius:12px;
  box-shadow:var(--problem-schatten-klein);
}
.problem-bereich .panel > h2,
.problem-bereich .panel > h3,
.problem-bereich .card-body > h2,
.problem-bereich .card-body > h3{
  position:relative;
  margin-top:0;
  padding-left:16px;
}
.problem-bereich .panel > h2::before,
.problem-bereich .panel > h3::before,
.problem-bereich .card-body > h2::before,
.problem-bereich .card-body > h3::before{
  content:"";
  position:absolute;
  left:0;
  top:.12em;
  width:5px;
  height:1.05em;
  border-radius:3px;
  background:var(--problem-cyan);
}

/* Hinweise */
.problem-bereich .formular-hinweis,
.problem-bereich .problem-fragen-hinweis,
.problem-bereich .bild-upload-hinweisbox{
  position:relative;
  margin:0 0 15px;
  padding:12px 13px 12px 42px;
  border:1px solid var(--fp-farbwert-c9dfe1);
  border-radius:12px 12px 12px 4px;
  background:var(--fp-farbwert-eff8f8);
  color:var(--fp-farbwert-3f5d65);
  font-size:.82rem;
  line-height:1.45;
}
.problem-bereich .formular-hinweis::before,
.problem-bereich .problem-fragen-hinweis::before,
.problem-bereich .bild-upload-hinweisbox::before{
  content:"i";
  position:absolute;
  left:12px;
  top:11px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:5px;
  background:var(--problem-cyan);
  color:var(--fp-farbwert-082d35);
  font-size:.72rem;
  font-weight:900;
}

/* Eingaben */
.problem-bereich input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.problem-bereich select,
.problem-bereich textarea,
.problem-bereich .form-control{
  border:1px solid var(--problem-linie-stark);
  border-radius:10px;
  background:var(--fp-weiss);
  color:var(--problem-tinte);
  box-shadow:0 1px 0 var(--fp-farbwert-rgba-16-36-45-_025);
}
.problem-bereich input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.problem-bereich select:focus,
.problem-bereich textarea:focus,
.problem-bereich .form-control:focus{
  border-color:var(--problem-cyan);
  outline:none;
  box-shadow:0 0 0 3px var(--fp-farbwert-rgba-39-189-208-_17);
}
.problem-bereich textarea{line-height:1.5;}
.problem-bereich label{letter-spacing:.005em;}

/* Filter als separate Steuerkarte */
.problem-bereich .filter-tabbar,
.problem-bereich .standard-filterbar{
  position:relative;
  margin:0 0 18px;
  padding:18px 15px 14px;
  border:1px solid var(--problem-linie);
  border-radius:16px;
  background:var(--fp-farbwert-e8efed);
  box-shadow:none;
}
.problem-bereich .filter-tabbar::before,
.problem-bereich .standard-filterbar::before{
  content:"FILTER";
  position:absolute;
  left:15px;
  top:-9px;
  padding:3px 9px;
  border-radius:6px;
  background:var(--problem-dunkel);
  color:var(--fp-weiss);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}

/* Navigation: horizontaler Leitstand-Riegel, Inhalt darunter als Karten */
.problem-arbeitsflaeche{
  display:grid;
  grid-template-columns:1fr;
  gap:15px;
  align-items:start;
}
/* Register werden zentral über tabbar_plus_files.css gestaltet. */
.problem-bereich .vh-feed,
.problem-bereich .vh-feed-panel{min-width:0;}
.problem-bereich .vh-feed-panel{
  border-radius:var(--problem-radius);
  box-shadow:var(--problem-schatten);
}

/* KPI jako zestaw kart roboczych */
.problem-bereich .kpi-row,
.problem-bereich .aufgaben-kpis,
.problem-bereich .problem-analyse-grid{gap:12px;}
.problem-bereich .kpi-card,
.problem-bereich .aufgaben-kpi,
.problem-bereich .problem-kpi-item,
.problem-bereich .problem-analyse-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--problem-linie);
  border-radius:17px 17px 17px 5px;
  background:var(--fp-weiss);
  box-shadow:var(--problem-schatten-klein);
}
.problem-bereich .kpi-card::before,
.problem-bereich .aufgaben-kpi::before,
.problem-bereich .problem-analyse-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:var(--problem-cyan);
}
.problem-bereich .aufgaben-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.problem-bereich .aufgaben-kpi{
  min-height:108px;
  padding:20px 20px 18px 24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.problem-bereich .aufgaben-kpi strong,
.problem-bereich .kpi-wert,
.problem-bereich .problem-analyse-wert{
  color:var(--problem-tinte);
  font-weight:900;
  letter-spacing:-.025em;
}
.problem-bereich .aufgaben-kpi strong{font-size:1.9rem;}
.problem-bereich .aufgaben-kpi span{color:var(--problem-tinte-weich);}
.problem-bereich .aufgaben-kpi:nth-child(2)::before{background:var(--problem-rot);}
.problem-bereich .aufgaben-kpi:nth-child(3)::before{background:var(--problem-orange);}
.problem-bereich .aufgaben-kpi:nth-child(4)::before{background:var(--problem-signal-dunkel);}
.problem-bereich .problem-analyse-bar,
.problem-bereich .problem-analyse-skala-track{background:var(--fp-farbwert-dfe8e6);}
.problem-bereich .problem-analyse-bar > span,
.problem-bereich .problem-analyse-skala-track > span{background:var(--problem-cyan);}

/* Tabellen: Kartenzeilen bezpieczne dla ikon */
.problem-bereich .table-responsive{
  border:0;
  border-radius:14px;
  background:transparent;
  overflow:auto;
}
.problem-bereich table.table,
.problem-bereich .standard-tabelle,
.problem-bereich .problem-analyse-table{
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0 10px;
  color:var(--problem-tinte);
}
.problem-bereich table.table thead th,
.problem-bereich .standard-tabelle thead th,
.problem-bereich .problem-analyse-table thead th{
  padding:5px 10px 6px;
  border:0;
  background:transparent;
  color:var(--problem-tinte-weich);
  font-size:.67rem;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.problem-bereich table.table tbody td,
.problem-bereich table.table tbody th,
.problem-bereich .standard-tabelle tbody td,
.problem-bereich .problem-analyse-table tbody td{
  padding:13px 10px;
  border-top:1px solid var(--problem-linie);
  border-bottom:1px solid var(--problem-linie);
  border-left:0;
  border-right:0;
  background:var(--fp-weiss);
  color:var(--problem-tinte);
  vertical-align:middle;
}
.problem-bereich table.table tr > :first-child,
.problem-bereich .standard-tabelle tr > :first-child,
.problem-bereich .problem-analyse-table tr > :first-child{
  border-left:4px solid var(--problem-cyan);
  border-radius:14px 0 0 14px;
}
.problem-bereich table.table tr > :last-child,
.problem-bereich .standard-tabelle tr > :last-child,
.problem-bereich .problem-analyse-table tr > :last-child{
  border-right:1px solid var(--problem-linie);
  border-radius:0 14px 14px 0;
}
.problem-bereich table.table tr:hover > td,
.problem-bereich table.table tr:hover > th,
.problem-bereich .standard-tabelle tr:hover > td{
  border-top-color:var(--fp-farbwert-b9d7d8);
  border-bottom-color:var(--fp-farbwert-b9d7d8);
  background:var(--fp-farbwert-f3f9f8);
}
.problem-bereich table.table tr:hover > :first-child,
.problem-bereich .standard-tabelle tr:hover > :first-child{
  border-left-color:var(--problem-signal-dunkel);
}
.problem-bereich td.aktionen,
.problem-bereich td.problem-kosten-aktionen,
.problem-bereich td.bild-aktionen,
.problem-bereich .aufgaben-action{
  white-space:nowrap;
}
.problem-bereich .aktionen,
.problem-bereich .aufgaben-action{
  gap:7px;
}

/* Ikony w tabelach – jawna widoczność i warianty */
.problem-bereich table .btn.icon-only,
.problem-bereich .aufgaben-action .btn.icon-only,
.problem-bereich .bild-aktionen .btn.icon-only,
.problem-bereich .problem-status-aktionen .btn.icon-only{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--fp-farbwert-b9cdcf);
  border-radius:9px;
  background:var(--fp-farbwert-edf6f7);
  color:var(--problem-blau);
  box-shadow:none;
  opacity:1;
  visibility:visible;
  line-height:1;
}
.problem-bereich table .btn.icon-only > *,
.problem-bereich .aufgaben-action .btn.icon-only > *,
.problem-bereich .bild-aktionen .btn.icon-only > *,
.problem-bereich .problem-status-aktionen .btn.icon-only > *{
  color:inherit;
  opacity:1;
  visibility:visible;
}
.problem-bereich table .btn.icon-only svg,
.problem-bereich .aufgaben-action .btn.icon-only svg,
.problem-bereich .bild-aktionen .btn.icon-only svg,
.problem-bereich .problem-status-aktionen .btn.icon-only svg{
  display:block;
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  color:inherit;
  stroke:currentColor;
  fill:none;
  opacity:1;
  visibility:visible;
  overflow:visible;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.problem-bereich .btn.icon-only svg *{
  stroke:currentColor;
  opacity:1;
  visibility:visible;
}
.problem-bereich table .btn.icon-only img,
.problem-bereich .aufgaben-action .btn.icon-only img,
.problem-bereich .bild-aktionen .btn.icon-only img,
.problem-bereich .problem-status-aktionen .btn.icon-only img{
  display:block;
  width:18px;
  height:18px;
  opacity:1;
  visibility:visible;
}
.problem-bereich table .btn.icon-only:hover,
.problem-bereich .aufgaben-action .btn.icon-only:hover,
.problem-bereich .bild-aktionen .btn.icon-only:hover,
.problem-bereich .problem-status-aktionen .btn.icon-only:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-dcf4f6);
  color:var(--fp-farbwert-0d6072);
  transform:translateY(-1px);
}
.problem-bereich table .btn.icon-only.danger,
.problem-bereich .aufgaben-action .btn.icon-only.danger,
.problem-bereich .bild-aktionen .btn.icon-only.danger,
.problem-bereich .problem-status-aktionen .btn.icon-only.danger{
  border-color:var(--fp-farbwert-efc2c2);
  background:var(--fp-gefahr-hintergrund);
  color:var(--problem-rot);
}
.problem-bereich table .btn.icon-only.danger:hover,
.problem-bereich .aufgaben-action .btn.icon-only.danger:hover,
.problem-bereich .bild-aktionen .btn.icon-only.danger:hover,
.problem-bereich .problem-status-aktionen .btn.icon-only.danger:hover{
  border-color:var(--problem-rot);
  background:var(--fp-farbwert-fde4e4);
}
.problem-bereich table .btn.icon-only.primary,
.problem-bereich .aufgaben-action .btn.icon-only.primary,
.problem-bereich .problem-status-aktionen .btn.icon-only.primary{
  border-color:var(--problem-dunkel);
  background:var(--problem-dunkel);
  color:var(--fp-weiss);
}
.problem-bereich table .btn.icon-only:disabled,
.problem-bereich table .btn.icon-only[aria-disabled="true"],
.problem-bereich .aufgaben-action .btn.icon-only:disabled{
  border-color:var(--fp-farbwert-d8e0df);
  background:var(--fp-farbwert-f1f4f3);
  color:var(--fp-farbwert-9aa9ad);
  opacity:.65;
  transform:none;
}

/* Tabellen in Formularen bleiben klar und editierbar */
.problem-bereich .form-table{
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--problem-linie);
  border-radius:14px;
  background:var(--fp-weiss);
  overflow:hidden;
}
.problem-bereich .form-table thead th{
  padding:10px;
  border-color:var(--problem-linie);
  background:var(--problem-dunkel);
  color:var(--fp-farbwert-edf5f6);
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.problem-bereich .form-table tbody td,
.problem-bereich .form-table tbody th{
  padding:11px;
  border-color:var(--problem-linie);
  background:var(--fp-weiss);
  color:var(--problem-tinte);
  vertical-align:middle;
}

/* Zweistufige Antwortköpfe in Fragentabellen als kompakte, geschlossene Gruppe */
.problem-bereich .problem-fragen-tabelle thead th{
  vertical-align:middle;
}
.problem-bereich .problem-fragen-tabelle thead th.problem-antwort-kopf-gruppe{
  padding:0;
  overflow:hidden;
}
.problem-bereich .problem-antwort-kopf-inhalt{
  display:grid;
  grid-template-rows:auto auto;
  min-height:52px;
}
.problem-bereich .problem-antwort-kopf-titel{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:5px 10px 4px;
  border-bottom:1px solid var(--fp-farbwert-rgba-255-255-255-_18);
}
.problem-bereich .problem-antwort-kopf-optionen{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:27px;
}
.problem-bereich .problem-antwort-kopf-optionen > span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:5px 8px;
  text-align:center;
}
.problem-bereich .problem-antwort-kopf-optionen > span + span{
  border-left:1px solid var(--fp-farbwert-rgba-255-255-255-_18);
}

/* Leere Zustände */
.problem-bereich .haupttabelle-leer-aktion,
.problem-bereich .problem-leer-aktion{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px dashed var(--problem-linie-stark);
  border-radius:12px;
  background:var(--fp-marke-flaeche-sanft);
  color:var(--problem-blau);
  font-weight:750;
}
.problem-bereich .haupttabelle-leer-aktion:hover,
.problem-bereich .problem-leer-aktion:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-e9f7f8);
}
.problem-bereich .haupttabelle-leer-aktion svg,
.problem-bereich .problem-leer-aktion svg{
  display:block;
  width:18px;
  height:18px;
  stroke:currentColor;
}

/* Aufgaben */
.problem-bereich .aufgaben-coach{gap:16px;}
.problem-bereich .aufgaben-gruppe{position:relative;overflow:hidden;}
.problem-bereich .aufgaben-gruppe__kopf{
  padding:15px 17px;
  border-bottom:1px solid var(--problem-linie);
  background:linear-gradient(180deg,var(--fp-farbwert-f3f7f6),var(--fp-farbwert-e9f0ee));
}
.problem-bereich .aufgaben-gruppe__kopf h2{
  padding:0;
  font-size:1rem;
  letter-spacing:-.01em;
}
.problem-bereich .aufgaben-gruppe__kopf h2::before{display:none;}
.problem-bereich .aufgaben-gruppe__kopf span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:3px 10px;
  border-radius:999px;
  background:var(--problem-dunkel);
  color:var(--fp-weiss);
  font-size:.69rem;
  font-weight:800;
}
.problem-bereich .aufgaben-empty{
  padding:20px;
  color:var(--problem-tinte-weich);
  background:var(--fp-weiss);
}
.problem-bereich .aufgaben-badge{
  border:1px solid var(--fp-farbwert-c9d9d6);
  background:var(--fp-farbwert-edf4f3);
  color:var(--fp-farbwert-49626a);
}
.problem-bereich .aufgaben-warum{border-radius:6px;}
.problem-bereich .team-massnahme-form{
  padding:9px;
  border:1px solid var(--problem-linie);
  border-radius:10px;
  background:var(--fp-farbwert-f3f7f6);
}

/* Detailkarten */
.problem-bereich .problem-kopf-grid{gap:15px;}
.problem-bereich .problem-kopf-card,
.problem-bereich .problem-kpi-kompakt{
  padding:20px;
  border-radius:20px;
}
.problem-bereich .problem-kopf-card{
  border-left:1px solid var(--problem-linie);
  border-top:5px solid var(--problem-cyan);
}
.problem-bereich .problem-kpi-kompakt{
  background:linear-gradient(150deg,var(--fp-farbwert-f7faf9),var(--fp-farbwert-e9f0ee));
}
.problem-bereich .problem-kpi-head{border-color:var(--problem-linie);}
.problem-bereich .problem-beschreibung-box,
.problem-bereich .problem-loesung-box{color:var(--problem-tinte);}
.problem-bereich .problem-loesung-box{border-color:var(--problem-linie);}
.problem-bereich .problem-coach-box{
  border-left:5px solid var(--problem-signal);
  background:linear-gradient(135deg,var(--fp-farbwert-f7fce9),var(--fp-weiss));
}
.problem-bereich .problem-coach-label{color:var(--problem-signal-dunkel);}
.problem-bereich .problem-smart-hinweis{
  border-color:var(--problem-linie);
  border-radius:9px;
  background:var(--fp-weiss);
  color:var(--problem-tinte-weich);
}
.problem-bereich .problem-smart-hinweis strong{
  background:var(--problem-cyan);
  color:var(--fp-farbwert-062e35);
}
.problem-bereich .cr-pflichtfortschritt{
  position:relative;
  overflow:hidden;
  border:1px solid var(--problem-linie);
  border-radius:15px 15px 15px 5px;
  background:var(--fp-weiss);
  box-shadow:var(--problem-schatten-klein);
}
.problem-bereich .cr-pflichtfortschritt::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:var(--problem-signal);
}
.problem-bereich .cr-pflichtfortschritt-balken{
  background:linear-gradient(90deg,var(--problem-cyan),var(--problem-signal));
}
.problem-bereich .bild-vorschau,
.problem-bereich .bild-upload-vorschau{
  border-color:var(--problem-linie);
  border-radius:13px;
  background:var(--fp-weiss);
}

/* Liste */
.probleme-liste-seite .card{overflow:visible;}
.probleme-liste-seite .problem-meeting-hinweis{
  border:1px solid var(--fp-farbwert-a9dce4);
  border-left:5px solid var(--problem-cyan);
  border-radius:12px;
  background:var(--fp-farbwert-eaf8fa);
  color:var(--fp-farbwert-164d5a);
}
body.problem-meeting-aktiv .probleme-liste-seite .problem-meeting-ansicht-knopf{
  background:var(--problem-dunkel);
  border-color:var(--problem-dunkel);
}
.probleme-liste-seite .problem-ampel{box-shadow:0 0 0 3px var(--fp-farbwert-rgba-16-36-45-_04);}

/* Analyse */
.problem-analyse-seite > .panel{margin:16px 0;}
.problem-analyse-seite > .panel > h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 15px;
  font-size:1rem;
}
.problem-analyse-seite .problem-analyse-kpi-grid{gap:12px;}
.problem-analyse-seite .problem-analyse-kpi-karte{
  position:relative;
  padding:18px 16px 16px 20px;
  border:1px solid var(--problem-linie);
  border-radius:17px 17px 17px 5px;
  background:var(--fp-weiss);
  box-shadow:var(--problem-schatten-klein);
  text-align:left;
}
.problem-analyse-seite .problem-analyse-kpi-karte::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:var(--problem-cyan);
}
.problem-analyse-seite .problem-analyse-kpi-karte:nth-child(2)::before{background:var(--problem-orange);}
.problem-analyse-seite .problem-analyse-kpi-karte:nth-child(3)::before{background:var(--problem-rot);}
.problem-analyse-seite .problem-analyse-kpi-karte:nth-child(4)::before{background:var(--problem-signal-dunkel);}
.problem-analyse-seite .problem-analyse-kpi-label{
  color:var(--problem-tinte-weich);
  font-weight:750;
}
.problem-analyse-seite .problem-analyse-kpi-wert{
  color:var(--problem-tinte);
  font-size:1.7rem;
  font-weight:900;
}
.problem-analyse-seite svg text{fill:var(--problem-tinte-weich);}
.problem-analyse-seite .badge-time{
  background:var(--fp-farbwert-edf3f2);
  color:var(--problem-tinte);
}

/* =========================================================
   Modale – dopracowany wspólny układ roboczy
   ========================================================= */
body.problem-layout-leitstand-karten{
  --modal-hintergrund:var(--fp-marke-overlay);
  --modal-rahmen:var(--problem-linie);
  --modal-rahmen-stark:var(--problem-linie-stark);
  --modal-kopf-hintergrund:linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
  --modal-fuss-hintergrund:var(--fp-marke-flaeche);
  --modal-text:var(--problem-tinte);
  --modal-text-neben:var(--problem-tinte-weich);
  --modal-akzent:var(--problem-cyan);
  --modal-radius:20px;
}
body.problem-layout-leitstand-karten .modal,
body.problem-layout-leitstand-karten .plugin-modal{
  background:var(--fp-marke-overlay);
  backdrop-filter:blur(5px);
}
body.problem-layout-leitstand-karten .modal .dialog,
body.problem-layout-leitstand-karten .plugin-modal .dialog{
  padding:0;
}
body.problem-layout-leitstand-karten .modal .panel,
body.problem-layout-leitstand-karten .plugin-modal .panel{
  position:relative;
  margin-inline:auto;
  overflow:hidden;
  border:1px solid var(--fp-weiss-alpha-08);
  border-radius:21px 21px 21px 6px;
  background:var(--fp-weiss);
  box-shadow:0 38px 100px var(--fp-farbwert-rgba-3-18-23-_38);
}
body.problem-layout-leitstand-karten .modal .panel::before,
body.problem-layout-leitstand-karten .plugin-modal .panel::before{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:linear-gradient(var(--problem-signal),var(--problem-cyan));
  pointer-events:none;
}
body.problem-layout-leitstand-karten .modal .modal-header,
body.problem-layout-leitstand-karten .modal .head,
body.problem-layout-leitstand-karten .plugin-modal .modal-header,
body.problem-layout-leitstand-karten .plugin-modal .head{
  position:relative;
  min-height:68px;
  padding:15px 20px 15px 25px;
  background:linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
  border-bottom:0;
}
body.problem-layout-leitstand-karten .modal .modal-header::after,
body.problem-layout-leitstand-karten .modal .head::after,
body.problem-layout-leitstand-karten .plugin-modal .modal-header::after,
body.problem-layout-leitstand-karten .plugin-modal .head::after{
  content:"ARBEITSDIALOG";
  position:absolute;
  left:25px;
  top:9px;
  color:var(--problem-signal);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.14em;
}
body.problem-layout-leitstand-karten .modal .modal-title,
body.problem-layout-leitstand-karten .modal .head h1,
body.problem-layout-leitstand-karten .modal .head h2,
body.problem-layout-leitstand-karten .modal .head h3,
body.problem-layout-leitstand-karten .plugin-modal .modal-title,
body.problem-layout-leitstand-karten .plugin-modal .head h1,
body.problem-layout-leitstand-karten .plugin-modal .head h2,
body.problem-layout-leitstand-karten .plugin-modal .head h3{
  margin-top:10px;
  color:var(--fp-weiss);
  font-size:1.08rem;
  letter-spacing:-.01em;
}
body.problem-layout-leitstand-karten .modal .modal-header [data-modal-close],
body.problem-layout-leitstand-karten .modal .head [data-modal-close],
body.problem-layout-leitstand-karten .plugin-modal .modal-header [data-modal-close],
body.problem-layout-leitstand-karten .plugin-modal .head [data-modal-close],
body.problem-layout-leitstand-karten .formular-standard-modal-x{
  min-width:36px;
  min-height:36px;
  padding:7px 11px;
  border:1px solid var(--fp-farbwert-rgba-255-255-255-_22);
  border-radius:9px;
  background:var(--fp-weiss-alpha-08);
  color:var(--fp-weiss);
  box-shadow:none;
}
body.problem-layout-leitstand-karten .modal .modal-header [data-modal-close]:hover,
body.problem-layout-leitstand-karten .modal .head [data-modal-close]:hover,
body.problem-layout-leitstand-karten .plugin-modal .modal-header [data-modal-close]:hover,
body.problem-layout-leitstand-karten .plugin-modal .head [data-modal-close]:hover,
body.problem-layout-leitstand-karten .formular-standard-modal-x:hover{
  border-color:var(--problem-signal);
  background:var(--fp-limette-alpha);
  color:var(--problem-signal);
}
body.problem-layout-leitstand-karten .modal .modal-body,
body.problem-layout-leitstand-karten .modal .content,
body.problem-layout-leitstand-karten .plugin-modal .modal-body,
body.problem-layout-leitstand-karten .plugin-modal .content{
  padding:22px;
  background:var(--fp-weiss);
  color:var(--problem-tinte);
  gap:16px;
}
body.problem-layout-leitstand-karten .modal .modal-footer,
body.problem-layout-leitstand-karten .plugin-modal .modal-footer{
  padding:16px 22px;
  border-top:1px solid var(--problem-linie);
  background:var(--fp-marke-flaeche);
  gap:10px;
}
body.problem-layout-leitstand-karten .modal .modal-footer .btn,
body.problem-layout-leitstand-karten .plugin-modal .modal-footer .btn{
  min-width:126px;
  border-radius:10px;
}

body.problem-layout-leitstand-karten .modal input:not([type="checkbox"]):not([type="radio"]),
body.problem-layout-leitstand-karten .modal select,
body.problem-layout-leitstand-karten .modal textarea,
body.problem-layout-leitstand-karten .plugin-modal input:not([type="checkbox"]):not([type="radio"]),
body.problem-layout-leitstand-karten .plugin-modal select,
body.problem-layout-leitstand-karten .plugin-modal textarea{
  border-color:var(--problem-linie-stark);
  border-radius:10px;
  background:var(--fp-marke-flaeche-weiss);
  color:var(--problem-tinte);
}
body.problem-layout-leitstand-karten .modal input:not([type="checkbox"]):not([type="radio"]):focus,
body.problem-layout-leitstand-karten .modal select:focus,
body.problem-layout-leitstand-karten .modal textarea:focus,
body.problem-layout-leitstand-karten .plugin-modal input:not([type="checkbox"]):not([type="radio"]):focus,
body.problem-layout-leitstand-karten .plugin-modal select:focus,
body.problem-layout-leitstand-karten .plugin-modal textarea:focus{
  border-color:var(--problem-cyan);
  box-shadow:0 0 0 3px var(--fp-farbwert-rgba-39-189-208-_16);
}

/* Formulartabellen in Modal als klare Eingabekarten */
body.problem-layout-leitstand-karten .modal .form-table,
body.problem-layout-leitstand-karten .plugin-modal .form-table{
  display:block;
  width:100%;
  border:0;
  background:transparent;
  overflow:visible;
}
body.problem-layout-leitstand-karten .modal .form-table tbody,
body.problem-layout-leitstand-karten .plugin-modal .form-table tbody{
  display:grid;
  gap:12px;
}
body.problem-layout-leitstand-karten .modal .form-table tr,
body.problem-layout-leitstand-karten .plugin-modal .form-table tr{
  display:grid;
  grid-template-columns:minmax(145px,.34fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:14px;
  border:1px solid var(--problem-linie);
  border-radius:13px 13px 13px 4px;
  background:var(--problem-flaeche-sanft);
}
body.problem-layout-leitstand-karten .modal .form-table td,
body.problem-layout-leitstand-karten .plugin-modal .form-table td{
  display:block;
  width:auto;
  padding:0;
  border:0;
  background:transparent;
}
body.problem-layout-leitstand-karten .modal .form-table td:first-child,
body.problem-layout-leitstand-karten .plugin-modal .form-table td:first-child{
  padding-top:9px;
}

/* Konkretne modale problemowe */
body.problem-layout-leitstand-karten .problem-person-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.problem-layout-leitstand-karten .problem-person-card{
  border:1px solid var(--problem-linie);
  border-radius:12px;
  background:var(--fp-weiss);
  box-shadow:none;
}
body.problem-layout-leitstand-karten .problem-person-card:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-f1f9f9);
}
body.problem-layout-leitstand-karten .problem-person-card.is-selected{
  border-color:var(--problem-signal-dunkel);
  background:var(--fp-farbwert-f5fbe8);
  box-shadow:0 0 0 2px var(--fp-farbwert-rgba-183-232-62-_22);
}
body.problem-layout-leitstand-karten .problem-schliessen-zusammenfassung{
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px;
}
body.problem-layout-leitstand-karten .problem-schliessen-zusammenfassung th,
body.problem-layout-leitstand-karten .problem-schliessen-zusammenfassung td{
  padding:11px 13px;
  border-top:1px solid var(--problem-linie);
  border-bottom:1px solid var(--problem-linie);
  background:var(--fp-farbwert-f7f9f8);
}
body.problem-layout-leitstand-karten .problem-schliessen-zusammenfassung th{
  width:56%;
  border-left:4px solid var(--problem-cyan);
  border-radius:11px 0 0 11px;
  color:var(--problem-tinte-weich);
  text-align:left;
}
body.problem-layout-leitstand-karten .problem-schliessen-zusammenfassung td{
  border-right:1px solid var(--problem-linie);
  border-radius:0 11px 11px 0;
  color:var(--problem-tinte);
  font-weight:850;
  text-align:right;
}
body.problem-layout-leitstand-karten .problem-abschluss-auswahl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:4px;
}
body.problem-layout-leitstand-karten .problem-abschluss-option{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-height:76px;
  padding:14px;
  border:1px solid var(--problem-linie);
  border-radius:13px;
  background:var(--fp-weiss);
  cursor:pointer;
}
body.problem-layout-leitstand-karten .problem-abschluss-option:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-f4faf9);
}
body.problem-layout-leitstand-karten .problem-abschluss-option:has(input:checked){
  border-color:var(--problem-signal-dunkel);
  background:var(--fp-farbwert-f5fbe8);
  box-shadow:0 0 0 2px var(--fp-farbwert-rgba-183-232-62-_20);
}
body.problem-layout-leitstand-karten .bild-upload-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
  gap:16px;
}
body.problem-layout-leitstand-karten .bild-dropzone{
  min-height:230px;
  border:2px dashed var(--fp-farbwert-a9c5c7);
  border-radius:16px;
  background:var(--fp-farbwert-f3f8f7);
}
body.problem-layout-leitstand-karten .bild-dropzone:hover,
body.problem-layout-leitstand-karten .bild-dropzone.is-dragover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-eaf8f9);
}
body.problem-layout-leitstand-karten .bild-upload-vorschau{
  border:1px solid var(--problem-linie);
  border-radius:16px;
  background:var(--fp-weiss);
}
body.problem-layout-leitstand-karten .modal .formular-hinweis{
  margin:18px 22px 0;
  border-radius:12px;
}

/* Gallery zachowuje swój układ, ale dziedziczy dopracowany nagłówek */
body.problem-layout-leitstand-karten .modal.gallery .modal-body,
body.problem-layout-leitstand-karten .modal.gallery .content{
  display:block;
  padding:0;
  background:var(--fp-farbwert-071b22);
}
body.problem-layout-leitstand-karten .modal.gallery .panel::before{display:none;}

/* Native dialog używany m.in. w osobistych Maßnahmen */
body.problem-layout-leitstand-karten dialog.dialog{
  width:min(760px,calc(100vw - 28px));
  padding:0;
  border:1px solid var(--fp-weiss-alpha-08);
  border-radius:21px 21px 21px 6px;
  background:var(--fp-weiss);
  color:var(--problem-tinte);
  box-shadow:0 38px 100px var(--fp-farbwert-rgba-3-18-23-_38);
  overflow:hidden;
}
body.problem-layout-leitstand-karten dialog.dialog::backdrop{
  background:var(--fp-marke-overlay);
  backdrop-filter:blur(5px);
}
body.problem-layout-leitstand-karten dialog.dialog .dialog__kopf{
  position:relative;
  min-height:66px;
  padding:22px 18px 13px 24px;
  border:0;
  background:linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
  color:var(--fp-weiss);
}
body.problem-layout-leitstand-karten dialog.dialog .dialog__kopf::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(var(--problem-signal),var(--problem-cyan));
}
body.problem-layout-leitstand-karten dialog.dialog .dialog__kopf::after{
  content:"ARBEITSDIALOG";
  position:absolute;
  left:24px;
  top:9px;
  color:var(--problem-signal);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.14em;
}
body.problem-layout-leitstand-karten dialog.dialog .dialog__kopf strong{
  color:var(--fp-weiss);
  font-size:1.06rem;
}
body.problem-layout-leitstand-karten dialog.dialog .dialog__inhalt{
  padding:22px;
  background:var(--fp-weiss);
  color:var(--problem-tinte);
}
body.problem-layout-leitstand-karten dialog.dialog input:not([type="checkbox"]):not([type="radio"]),
body.problem-layout-leitstand-karten dialog.dialog select,
body.problem-layout-leitstand-karten dialog.dialog textarea{
  border-color:var(--problem-linie-stark);
  border-radius:10px;
  background:var(--fp-marke-flaeche-weiss);
  color:var(--problem-tinte);
}
body.problem-layout-leitstand-karten dialog.dialog .btn.icon-only{
  display:inline-grid;
  place-items:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border-radius:9px;
}
body.problem-layout-leitstand-karten dialog.dialog .btn.icon-only img,
body.problem-layout-leitstand-karten dialog.dialog .btn.icon-only svg{
  display:block;
  width:18px;
  height:18px;
  opacity:1;
  visibility:visible;
}


/* Detaillierung: Maßnahmen-, Auswahl- und Verknüpfungsmodale */
body.problem-layout-leitstand-karten .problem-massnahme-modal-grid{
  display:grid;
  gap:12px;
}
body.problem-layout-leitstand-karten .problem-massnahme-row{
  display:grid;
  grid-template-columns:minmax(145px,.34fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:14px;
  border:1px solid var(--problem-linie);
  border-radius:13px 13px 13px 4px;
  background:var(--problem-flaeche-sanft);
}
body.problem-layout-leitstand-karten .problem-massnahme-row.is-locked{
  opacity:.62;
  background:var(--fp-farbwert-f0f3f2);
}
body.problem-layout-leitstand-karten .problem-massnahme-row > label,
body.problem-layout-leitstand-karten .problem-massnahme-row > .problem-massnahme-label{
  padding-top:9px;
  color:var(--problem-tinte);
  font-size:.82rem;
  font-weight:850;
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-card{
  min-height:94px;
  padding:14px;
  border:1px solid var(--problem-linie);
  border-radius:14px 14px 14px 5px;
  background:var(--fp-weiss);
  box-shadow:none;
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-card:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-f1f9f9);
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-card.is-selected{
  border-color:var(--problem-signal-dunkel);
  background:var(--fp-farbwert-f5fbe8);
  box-shadow:0 0 0 2px var(--fp-farbwert-rgba-183-232-62-_2);
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-card strong{
  color:var(--problem-tinte);
  font-size:.84rem;
}
body.problem-layout-leitstand-karten .problem-aufgabe-typ-card span{
  color:var(--problem-tinte-weich);
  line-height:1.4;
}
body.problem-layout-leitstand-karten .problem-massnahme-vorschlaege{
  border-color:var(--problem-linie-stark);
  border-radius:12px;
  box-shadow:0 18px 38px var(--fp-farbwert-rgba-8-34-42-_18);
}
body.problem-layout-leitstand-karten .problem-umsetzung-modal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.problem-layout-leitstand-karten .problem-umsetzung-modal-grid > label,
body.problem-layout-leitstand-karten .problem-umsetzung-modal-grid > div{
  padding:12px;
  border:1px solid var(--problem-linie);
  border-radius:12px;
  background:var(--problem-flaeche-sanft);
}
body.problem-layout-leitstand-karten .problem-aenderung-suche{
  align-content:start;
}
body.problem-layout-leitstand-karten .problem-aenderung-vorschlaege{
  max-height:48vh;
  padding:0 2px 0 0;
}
body.problem-layout-leitstand-karten :is(.modal,.plugin-modal) table.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px;
}
body.problem-layout-leitstand-karten :is(.modal,.plugin-modal) table.table th{
  padding:5px 9px;
  border:0;
  background:transparent;
  color:var(--problem-tinte-weich);
  font-size:.65rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body.problem-layout-leitstand-karten :is(.modal,.plugin-modal) table.table td{
  padding:11px 9px;
  border-top:1px solid var(--problem-linie);
  border-bottom:1px solid var(--problem-linie);
  background:var(--fp-weiss);
  vertical-align:middle;
}
body.problem-layout-leitstand-karten :is(.modal,.plugin-modal) table.table td:first-child{
  border-left:4px solid var(--problem-cyan);
  border-radius:12px 0 0 12px;
}
body.problem-layout-leitstand-karten :is(.modal,.plugin-modal) table.table td:last-child{
  border-right:1px solid var(--problem-linie);
  border-radius:0 12px 12px 0;
}
body.problem-layout-leitstand-karten .btn.icon-only{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:9px;
  color:var(--problem-blau);
  opacity:1;
  visibility:visible;
}
body.problem-layout-leitstand-karten .btn.icon-only.primary{
  border-color:var(--problem-dunkel);
  background:var(--problem-dunkel);
  color:var(--fp-weiss);
}
body.problem-layout-leitstand-karten .btn.icon-only.danger{
  border-color:var(--fp-farbwert-efc2c2);
  background:var(--fp-gefahr-hintergrund);
  color:var(--problem-rot);
}
body.problem-layout-leitstand-karten .btn.icon-only svg{
  display:block;
  width:18px;
  height:18px;
  color:inherit;
  stroke:currentColor;
  fill:none;
  opacity:1;
  visibility:visible;
}
body.problem-layout-leitstand-karten .btn.icon-only svg *{
  stroke:currentColor;
  opacity:1;
  visibility:visible;
}

/* Galerie należy do tej samej sekcji, ale zachowuje funkcję dużego podglądu */
body.problem-layout-leitstand-karten .gallery-modal .gallery-backdrop{
  background:var(--fp-farbwert-rgba-5-23-29-_72);
  backdrop-filter:blur(5px);
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-dialog{
  border:1px solid var(--fp-weiss-alpha-08);
  border-radius:21px 21px 21px 6px;
  box-shadow:0 38px 100px var(--fp-farbwert-rgba-3-18-23-_4);
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-header{
  position:relative;
  min-height:52px;
  padding:8px 10px 8px 22px;
  border:0;
  background:linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-header::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(var(--problem-signal),var(--problem-cyan));
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-header .modal-title{
  color:var(--fp-weiss);
  font-size:1rem;
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-toolbar .btn,
body.problem-layout-leitstand-karten .gallery-modal .gallery-close{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid var(--fp-farbwert-rgba-255-255-255-_2);
  border-radius:9px;
  background:var(--fp-weiss-alpha-08);
  color:var(--fp-weiss);
  opacity:1;
  visibility:visible;
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-close{
  border-color:var(--fp-farbwert-f1a6a6);
  background:var(--problem-rot);
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-toolbar svg,
body.problem-layout-leitstand-karten .gallery-modal .gallery-close svg{
  display:block;
  width:20px;
  height:20px;
  color:inherit;
  stroke:currentColor;
  opacity:1;
  visibility:visible;
}
body.problem-layout-leitstand-karten .gallery-modal svg *{
  stroke:currentColor;
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-content{
  background:var(--fp-farbwert-f5f8f7);
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-main{
  border-color:var(--problem-linie);
  border-radius:16px;
}
body.problem-layout-leitstand-karten .gallery-modal .gallery-thumbs img[aria-current="true"]{
  outline-color:var(--problem-cyan);
}

/* Responsive */
@media (max-width:1000px){
  .problem-raumkopf{grid-template-columns:1fr;}
  .problem-raumkopf__modus{justify-content:flex-start;}
  .problem-bereich .problem-kopf-grid{grid-template-columns:1fr;}
}

@media (max-width:760px){
  .problem-bereich::before{inset:60px -4px 0;border-radius:17px;}
  .problem-raumkopf{padding:16px;border-radius:17px;}
  .problem-raumkopf__identitaet{align-items:flex-start;}
  .problem-raumkopf__signal{height:44px;}
  .problem-raumkopf__signal i:nth-child(3){height:44px;}
  .problem-bereich .card-body,
  .problem-bereich .panel{padding:14px;}
  .problem-bereich .aufgaben-kpis{grid-template-columns:1fr;}
  .problem-bereich .aufgaben-kpi{min-height:86px;}
  .problem-bereich table.table,
  .problem-bereich .standard-tabelle,
  .problem-bereich .problem-analyse-table{min-width:720px;}
  body.problem-layout-leitstand-karten .modal .form-table tr,
  body.problem-layout-leitstand-karten .plugin-modal .form-table tr{
    grid-template-columns:1fr;
    gap:7px;
  }
  body.problem-layout-leitstand-karten .modal .form-table td:first-child,
  body.problem-layout-leitstand-karten .plugin-modal .form-table td:first-child{padding-top:0;}
  body.problem-layout-leitstand-karten .problem-person-card-grid,
  body.problem-layout-leitstand-karten .problem-abschluss-auswahl,
  body.problem-layout-leitstand-karten .bild-upload-grid{
    grid-template-columns:1fr;
  }
  body.problem-layout-leitstand-karten .modal .modal-footer,
  body.problem-layout-leitstand-karten .plugin-modal .modal-footer{
    display:grid;
    grid-template-columns:1fr;
  }
  body.problem-layout-leitstand-karten .modal .modal-footer .btn,
  body.problem-layout-leitstand-karten .plugin-modal .modal-footer .btn{
    width:100%;
  }
}

@media (max-width:500px){
  .problem-raumkopf__modus{display:none;}
  .problem-raumkopf p{font-size:.78rem;}
  .problem-bereich .card-body,
  .problem-bereich .panel{padding:12px;}
}


@media print{
  .problem-raumkopf{display:none;}
  .problem-bereich::before{display:none;}
  .problem-bereich .card,
  .problem-bereich .panel,
  .problem-bereich .aufgaben-gruppe{box-shadow:none;}
  .problem-arbeitsflaeche{display:block;}
}


/* =========================================================
   FluxPike 17.4 – aufgeräumte Problemsektion
   Keine statischen Style-Attribute im Content-Markup.
   ========================================================= */

.problem-bereich [hidden]{display:none;}
.problem-bereich .problem-panel-ohne-kopfabstand{padding-top:0;}
.problem-bereich .problem-abstand-oben-10{margin-top:10px;}
.problem-bereich .problem-abstand-unten-10{margin-bottom:10px;}
.problem-bereich .problem-abstand-unten-14{margin-bottom:14px;}
.problem-bereich .problem-text-zentriert{text-align:center;}
.problem-bereich .problem-inline-form{display:inline;}
.problem-bereich .problem-nicht-umbrechen{white-space:nowrap;}
.problem-bereich .problem-normal-umbrechen{white-space:normal;}
.problem-bereich .problem-breite-voll{width:100%;}
.problem-bereich .problem-aktionen-mitte{display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.problem-bereich .problem-textaktion{padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;cursor:pointer;}
.problem-bereich [data-problem-breite]{width:var(--problem-dynamische-breite,0%);}
.problem-bereich .problem-spalte-4{width:4%;}
.problem-bereich .problem-spalte-6{width:6%;}
.problem-bereich .problem-spalte-8{width:8%;}
.problem-bereich .problem-spalte-9{width:9%;}
.problem-bereich .problem-spalte-10{width:10%;}
.problem-bereich .problem-spalte-11{width:11%;}
.problem-bereich .problem-spalte-12{width:12%;}
.problem-bereich .problem-spalte-13{width:13%;}
.problem-bereich .problem-spalte-14{width:14%;}
.problem-bereich .problem-spalte-15{width:15%;}
.problem-bereich .problem-spalte-16{width:16%;}
.problem-bereich .problem-spalte-17{width:17%;}
.problem-bereich .problem-spalte-18{width:18%;}
.problem-bereich .problem-spalte-20{width:20%;}
.problem-bereich .problem-spalte-23{width:23%;}
.problem-bereich .problem-spalte-24{width:24%;}
.problem-bereich .problem-spalte-27{width:27%;}
.problem-bereich .problem-spalte-30{width:30%;}
.problem-bereich .problem-spalte-55{width:55%;}
.problem-bereich .problem-spalte-60{width:60%;}
.problem-bereich .problem-spalte-85{width:85%;}

/* Planungsformular und Antwortdialog */
.problem-bereich .problem-plan-form{display:grid;gap:5px;}
.problem-bereich .problem-plan-zeile{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.problem-bereich .problem-plan-datum{width:132px;max-width:100%;}
.problem-bereich .problem-plan-begruendung{white-space:normal;}
.problem-bereich .problem-plan-begruendung-label{display:block;margin-bottom:3px;font-size:11px;font-weight:700;}
.problem-bereich .problem-plan-begruendung-text{width:100%;min-width:190px;}
.problem-bereich .problem-dialog-label{display:block;margin-bottom:6px;font-weight:600;}
.problem-bereich .problem-dialog-zusammenfassung{padding:8px;border:1px solid var(--fp-farbwert-dfe7ef);border-radius:10px;background:var(--fp-flaeche-hell);}

/* Analyse – semantyczne klasy zamiast lokalnych styli */
.problem-analyse-seite .problem-analyse-panel{margin:12px 0;}
.problem-analyse-seite .problem-analyse-ueberschrift{margin:0 0 10px;}
.problem-analyse-seite .problem-analyse-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.problem-analyse-seite .problem-analyse-kpi-karte{position:relative;padding:18px 16px 16px 20px;border:1px solid var(--problem-linie);border-radius:17px 17px 17px 5px;background:var(--fp-weiss);box-shadow:var(--problem-schatten-klein);text-align:left;overflow:hidden;}
.problem-analyse-seite .problem-analyse-kpi-label{color:var(--problem-tinte-weich);font-size:12px;font-weight:750;}
.problem-analyse-seite .problem-analyse-kpi-wert{color:var(--problem-tinte);font-size:1.7rem;font-weight:900;letter-spacing:-.025em;}
.problem-analyse-seite .problem-analyse-fortschritt{height:8px;margin-top:8px;border-radius:999px;background:var(--fp-flaeche-grau);overflow:hidden;}
.problem-analyse-seite .problem-analyse-fortschritt-balken{height:100%;border-radius:inherit;}
.problem-analyse-seite .problem-analyse-fortschritt-balken--rot{background:var(--fp-gefahr-hell);}
.problem-analyse-seite .problem-analyse-fortschritt-balken--orange{background:var(--fp-orange);}
.problem-analyse-seite .problem-analyse-leerhinweis{padding:10px;color:var(--fp-text-dezent);}
.problem-analyse-seite .problem-analyse-diagramm-zelle{padding:0;}
.problem-analyse-seite .problem-analyse-keine-daten{padding:12px;}
.problem-analyse-seite .problem-analyse-svg{display:block;max-width:100%;}
.problem-analyse-seite .problem-analyse-legende{display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px;border-top:1px solid var(--fp-schatten-schwarz-sanft);}
.problem-analyse-seite .problem-analyse-legende-eintrag{display:inline-flex;align-items:center;gap:6px;border-color:var(--fp-farbwert-rgba-0-0-0-_12);}
.problem-analyse-seite .problem-analyse-legende-farbe{display:inline-block;width:10px;height:10px;border-radius:2px;}
.problem-analyse-seite .problem-analyse-legende-farbe--orange{background:var(--fp-orange);}
.problem-analyse-seite .problem-analyse-legende-farbe--gruen{background:var(--fp-erfolg-tuerkis);}
.problem-analyse-seite .problem-analyse-legende-farbe--rot{background:var(--fp-gefahr-hell);}
.problem-analyse-seite .problem-analyse-legende-farbe--blau{background:var(--fp-farbwert-60a5fa);}

/* FluxPike 17.4 – Modal- und Tabellenhilfsklassen */
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog,
body.problem-layout-leitstand-karten .plugin-modal .dialog.problem-modal-dialog{width:calc(100vw - 32px);}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--860{max-width:860px;}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--720{max-width:720px;}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--680{max-width:680px;}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--640{max-width:640px;}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--620{max-width:620px;}
.problem-modal-panel{width:100%;max-height:85vh;overflow:auto;}
body.problem-layout-leitstand-karten .modal .panel.problem-modal-panel,
body.problem-layout-leitstand-karten .plugin-modal .panel.problem-modal-panel{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;}
body.problem-layout-leitstand-karten .modal .panel.problem-modal-panel > form,
body.problem-layout-leitstand-karten .plugin-modal .panel.problem-modal-panel > form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;}
body.problem-layout-leitstand-karten .modal .panel.problem-modal-panel .modal-body,
body.problem-layout-leitstand-karten .plugin-modal .panel.problem-modal-panel .modal-body{flex:1 1 auto;min-height:0;overflow:auto;}
.problem-modal-panel--860{max-width:860px;}
.problem-modal-panel--720{max-width:720px;}
.problem-modal-panel--680{max-width:680px;}
.problem-modal-panel--640{max-width:640px;}
.problem-modal-panel--620{max-width:620px;}
.problem-modal-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;}
.problem-modal-titel{margin:0;}
.problem-modal-text{margin:0;line-height:1.5;}
.problem-modal-abschnitt{margin-top:12px;}
.problem-form-tabelle{width:100%;margin-bottom:10px;}
.problem-zelle-mitte{vertical-align:middle;}
.problem-zelle-oben{vertical-align:top;}
.problem-label-stark{font-weight:600;}
.problem-kleintext{font-size:12px;}
.problem-hinweis-oben{margin-top:6px;}
.problem-hinweis-oben-klein{margin-top:4px;}
.problem-abstand-unten-12{margin-bottom:12px;}
.problem-spalte-28{width:28%;}
.problem-spalte-40{width:40%;}
.problem-spalte-62{width:62%;}
.problem-spalte-70{width:70%;}
.problem-spalte-72{width:72%;}
.problem-spalte-76{width:76%;}
.problem-spalte-80{width:80%;}
.problem-bereich .problem-subprojekt-check[data-problem-einzug]{padding-left:var(--problem-einzug,0px);}

/* Maßnahme-Modal aus dem bisherigen Partial */
.problem-massnahme-modal-grid{display:flex;flex-direction:column;gap:10px;}
.problem-massnahme-row{display:grid;grid-template-columns:136px minmax(0,1fr);gap:12px;align-items:start;background:var(--fp-flaeche-hell);border-radius:14px;padding:10px;}
.problem-massnahme-row.is-locked{opacity:.58;}
.problem-massnahme-row.is-locked select,.problem-massnahme-row.is-locked input,.problem-massnahme-row.is-locked button{cursor:not-allowed;}
.problem-massnahme-row>label,.problem-massnahme-row>.problem-massnahme-label{font-weight:700;color:var(--fp-text-stark);padding-top:8px;}
.problem-aufgabe-typ-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.problem-aufgabe-typ-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:1px solid var(--fp-rahmen-stark);border-radius:13px;padding:12px;background:var(--fp-weiss);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;min-height:72px;}
.problem-aufgabe-typ-card:hover{border-color:var(--fp-text-hell);box-shadow:0 4px 14px var(--fp-schatten-mittel);}
.problem-aufgabe-typ-card.is-selected{border-color:var(--fp-primaer);background:var(--fp-info-flaeche);box-shadow:0 0 0 2px var(--fp-farbwert-rgba-37-99-235-_14);}
.problem-aufgabe-typ-card input{position:absolute;opacity:0;pointer-events:none;}
.problem-aufgabe-typ-card strong{display:block;width:100%;font-size:13px;color:var(--fp-text-stark);}
.problem-aufgabe-typ-card span{display:block;width:100%;font-size:12px;color:var(--fp-text-dezent);line-height:1.3;}
.problem-person-card-grid--massnahme{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.problem-person-card-grid--massnahme .problem-person-card{position:relative;padding:12px;border-radius:14px;min-height:86px;align-items:center;justify-content:center;text-align:center;}
.problem-person-card-grid--massnahme .problem-person-card.is-default{background:var(--fp-weiss);border-style:dashed;}
.problem-person-card-grid--massnahme .problem-person-card.is-default.is-selected{background:var(--fp-info-flaeche);border-style:solid;}
.problem-person-card-grid--massnahme .problem-person-card-head{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;}
.problem-person-card-grid--massnahme .problem-person-card-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;border-radius:999px;padding:2px 7px;background:var(--fp-flaeche-grau);color:var(--fp-text);font-size:12px;font-weight:700;white-space:nowrap;}
.problem-person-card-grid--massnahme .problem-person-card-text{display:block;font-size:12px;color:var(--fp-text-dezent);line-height:1.35;}
.problem-massnahme-custom-wrap{position:relative;}
.problem-massnahme-vorschlaege{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:180px;overflow:auto;background:var(--fp-weiss);border:1px solid var(--fp-rahmen-stark);border-radius:12px;box-shadow:0 14px 28px var(--fp-farbwert-rgba-15-23-42-_16);padding:4px;}
.problem-massnahme-vorschlag{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;background:var(--fp-weiss);text-align:left;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:13px;color:var(--fp-text-stark);}
.problem-massnahme-vorschlag:hover{background:var(--fp-info-flaeche);}
.problem-massnahme-vorschlag small{color:var(--fp-text-dezent);white-space:nowrap;}
.problem-massnahme-step-hint{font-size:12px;color:var(--fp-text-dezent);margin-top:4px;}
@media (max-width:720px){.problem-massnahme-row{grid-template-columns:1fr}.problem-aufgabe-typ-grid{grid-template-columns:1fr}}

/* =========================================================
   FluxPike 17.5 – Problembereich als Leitstand & Kartenansicht
   Gilt ausschließlich auf den Seiten der Problemsektion.
   ========================================================= */

/* Bereichskennung für Kopf, Hauptnavigation und Footer */
:is(body.problem-layout-leitstand-karten, body:has(main.problem-bereich)){
  background:
    linear-gradient(var(--fp-farbwert-rgba-16-43-52-_026) 1px,transparent 1px),
    linear-gradient(90deg,var(--fp-farbwert-rgba-16-43-52-_026) 1px,transparent 1px),
    var(--fp-farbwert-edf2f1);
  background-size:34px 34px;
}

/* View-Head jako właściwy Kopf sekcji */
.problem-bereich > .view-head,
.problem-bereich .view-head:first-child{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:70px;
  margin:16px 0 8px;
  padding:25px 16px 12px 54px;
  overflow:hidden;
  border:1px solid var(--fp-weiss-alpha-09);
  border-radius:20px 20px 12px 5px;
  background:
    linear-gradient(110deg,var(--fp-weiss-alpha-055),transparent 42%),
    linear-gradient(135deg,var(--problem-dunkel-2),var(--problem-dunkel));
  box-shadow:0 18px 40px var(--fp-farbwert-rgba-7-29-36-_18);
}
.problem-bereich > .view-head::before,
.problem-bereich .view-head:first-child::before{
  content:"";
  position:absolute;
  left:18px;
  top:17px;
  width:20px;
  height:37px;
  border-left:6px solid var(--fp-farbwert-rgba-183-232-62-_46);
  border-right:6px solid var(--problem-signal);
  box-shadow:6px 0 0 -2px var(--fp-farbwert-rgba-39-189-208-_82);
}
.problem-bereich > .view-head::after,
.problem-bereich .view-head:first-child::after{
  content:"PROBLEM-LEITSTAND";
  position:absolute;
  left:54px;
  top:10px;
  color:var(--problem-signal);
  font-size:.56rem;
  font-weight:950;
  letter-spacing:.16em;
}
.problem-bereich .view-head .title{
  min-width:0;
  overflow:hidden;
  color:var(--fp-weiss);
  font-size:clamp(1.05rem,1.8vw,1.34rem);
  font-weight:900;
  letter-spacing:-.018em;
  line-height:1.16;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.problem-bereich .view-head .actions{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:6px;
}
.problem-bereich .view-head .actions .btn{
  display:inline-grid;
  place-items:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid var(--fp-farbwert-rgba-255-255-255-_16);
  border-radius:10px 10px 10px 4px;
  background:var(--fp-weiss-alpha-08);
  color:var(--fp-weiss);
  box-shadow:none;
}
.problem-bereich .view-head .actions .btn:hover{
  border-color:var(--problem-cyan);
  background:var(--fp-farbwert-rgba-39-189-208-_18);
  transform:translateY(-1px);
}
.problem-bereich .view-head .actions .btn.success,
.problem-bereich .view-head .actions .btn.btn-dark{
  border-color:var(--problem-signal);
  background:var(--problem-signal);
  color:var(--fp-marke-gruen-tief);
}
.problem-bereich .view-head .actions .btn.danger{
  border-color:var(--fp-farbwert-e57979);
  background:var(--fp-farbwert-b83d3d);
  color:var(--fp-weiss);
}
.problem-bereich .view-head .btn svg,
.problem-bereich .view-head .btn img{
  display:block;
  width:18px;
  height:18px;
  opacity:1;
  visibility:visible;
}

/* Unterer Kopf als helle Leitstand-Karte */
.problem-raumkopf{
  grid-template-columns:minmax(0,1fr) auto;
  margin:0 0 20px;
  padding:17px 19px;
  border:1px solid var(--problem-linie);
  border-left:5px solid var(--problem-cyan);
  border-radius:12px 12px 20px 5px;
  background:
    radial-gradient(circle at 96% 10%,var(--fp-farbwert-rgba-183-232-62-_16),transparent 26%),
    linear-gradient(135deg,var(--fp-weiss),var(--fp-marke-flaeche-sanft));
  box-shadow:var(--problem-schatten-klein);
  color:var(--problem-tinte);
}
.problem-raumkopf::after{
  right:-78px;
  top:-136px;
  border-color:var(--fp-farbwert-rgba-39-189-208-_085);
}
.problem-raumkopf__signal{
  grid-template-columns:repeat(3,7px);
  width:31px;
  height:47px;
}
.problem-raumkopf__signal i{background:var(--problem-cyan);box-shadow:none;}
.problem-raumkopf__signal i:nth-child(3){background:var(--problem-signal);}
.problem-raumkopf__kennung{color:var(--problem-blau);}
.problem-raumkopf h2{color:var(--problem-tinte);}
.problem-raumkopf p{color:var(--problem-tinte-weich);}
.problem-raumkopf__modus{flex-wrap:nowrap;}
.problem-modus-chip,
.problem-modus-chip--aktiv{
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--problem-dunkel);
  border-radius:9px 9px 9px 3px;
  background:var(--problem-dunkel);
  color:var(--fp-farbwert-eef7f7);
  letter-spacing:.045em;
  white-space:nowrap;
}
.problem-modus-chip::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:2px;
  background:var(--problem-signal);
  box-shadow:11px 0 0 var(--fp-farbwert-rgba-39-189-208-_85);
}

/* Registerkanon: keine bereichsspezifischen Tab-Overrides. */

/* Nagłówki kart i tabel w języku Leitstand */
.problem-bereich .panel > h2,
.problem-bereich .panel > h3,
.problem-bereich .card-body > h2,
.problem-bereich .card-body > h3{
  display:flex;
  align-items:center;
  min-height:40px;
  width:fit-content;
  max-width:100%;
  margin:0 0 15px;
  padding:8px 13px 8px 34px;
  border:1px solid var(--problem-linie);
  border-radius:11px 11px 11px 4px;
  background:linear-gradient(180deg,var(--fp-marke-flaeche-weiss),var(--fp-farbwert-edf3f1));
  color:var(--problem-tinte);
  box-shadow:0 4px 12px var(--fp-farbwert-rgba-12-39-47-_045);
  font-size:clamp(.91rem,1.3vw,1.08rem);
  line-height:1.2;
}
.problem-bereich .panel > h2::before,
.problem-bereich .panel > h3::before,
.problem-bereich .card-body > h2::before,
.problem-bereich .card-body > h3::before{
  left:12px;
  top:50%;
  width:9px;
  height:18px;
  border-radius:3px 3px 3px 1px;
  background:linear-gradient(180deg,var(--problem-signal),var(--problem-cyan));
  transform:translateY(-50%);
}
.problem-bereich table.table thead th,
.problem-bereich .standard-tabelle thead th,
.problem-bereich .problem-analyse-table thead th{
  padding:9px 10px;
  border-top:1px solid var(--fp-farbwert-rgba-255-255-255-_07);
  border-bottom:1px solid var(--fp-farbwert-rgba-0-0-0-_25);
  background:var(--problem-dunkel);
  color:var(--fp-farbwert-edf5f6);
  font-size:.65rem;
}
.problem-bereich table.table thead th:first-child,
.problem-bereich .standard-tabelle thead th:first-child,
.problem-bereich .problem-analyse-table thead th:first-child{border-radius:10px 0 0 4px;}
.problem-bereich table.table thead th:last-child,
.problem-bereich .standard-tabelle thead th:last-child,
.problem-bereich .problem-analyse-table thead th:last-child{border-radius:0 10px 4px 0;}

@media (max-width:640px){
  .problem-bereich > .view-head,
  .problem-bereich .view-head:first-child{grid-template-columns:minmax(0,1fr) auto;padding-left:48px;}
  .problem-bereich > .view-head::after,
  .problem-bereich .view-head:first-child::after{left:48px;}
  .problem-bereich .view-head .actions .btn{width:34px;min-width:34px;height:34px;min-height:34px;}
  .problem-raumkopf{grid-template-columns:1fr;gap:12px;}
  .problem-raumkopf__modus{justify-content:flex-start;}
}
@media (max-width:430px){
  .problem-bereich > .view-head::after,
  .problem-bereich .view-head:first-child::after{content:"LEITSTAND";}
  .problem-bereich .view-head .title{font-size:1rem;}
  .problem-modus-chip{font-size:.63rem;}
}

/* =========================================================
   FluxPike 17.6 – reduzierte Kopf- und Steuerflächen
   Die Kartenoptik bleibt erhalten, doppelte Leitstand-Hinweise entfallen.
   ========================================================= */
.problem-bereich > .view-head,
.problem-bereich .view-head:first-child{
  min-height:58px;
  padding:13px 16px;
  border-left:5px solid var(--problem-signal);
  border-radius:14px 14px 10px 4px;
}
.problem-bereich > .view-head::before,
.problem-bereich .view-head:first-child::before,
.problem-bereich > .view-head::after,
.problem-bereich .view-head:first-child::after{
  content:none;
  display:none;
}
.problem-bereich .view-head .title{
  font-size:clamp(1.05rem,1.7vw,1.28rem);
}
.problem-raumkopf{
  display:block;
  grid-template-columns:1fr;
  margin:0 0 16px;
  padding:15px 18px;
  overflow:hidden;
  border-left:4px solid var(--problem-cyan);
  border-radius:10px 10px 16px 4px;
  background:linear-gradient(135deg,var(--fp-weiss),var(--fp-marke-flaeche-hell));
}
.problem-raumkopf::after,
.problem-raumkopf__signal,
.problem-raumkopf__kennung,
.problem-raumkopf__modus,
.problem-modus-chip,
.problem-modus-chip--aktiv{
  content:none;
  display:none;
}
.problem-raumkopf__text{min-width:0;}
.problem-raumkopf h2{margin:0 0 5px;}
.problem-raumkopf p{margin:0;max-width:920px;}
.problem-bereich .filter-tabbar,
.problem-bereich .standard-filterbar{
  padding:12px 14px;
  border-radius:13px;
}
.problem-bereich .filter-tabbar::before,
.problem-bereich .standard-filterbar::before{
  content:none;
  display:none;
}
@media (max-width:640px){
  .problem-bereich > .view-head,
  .problem-bereich .view-head:first-child{
    padding:12px;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .problem-raumkopf{padding:13px 14px;}
}


/* Kommentare im Problembereich: zentral statt als Style-Block im PHP-Markup */
.problem-bereich .vh-feed-empty{padding:14px;border:1px dashed var(--fp-farbwert-rgba-0-0-0-_18);border-radius:12px;background:var(--fp-weiss);color:var(--fp-text-grau);}
.problem-bereich .vh-hinweis{padding:12px 14px;border-radius:12px;border:1px solid var(--fp-farbwert-f4c542);background:var(--fp-farbwert-fff8db);color:var(--fp-farbwert-6b5300);margin:0 0 12px;}
.problem-bereich .vh-kommentar-form textarea,
.problem-bereich .vh-kommentar-modal-textarea{width:100%;min-height:110px;resize:vertical;}
.problem-bereich .vh-kommentar-liste{display:grid;gap:12px;}
.problem-bereich .vh-kommentar-card{border:1px solid var(--fp-farbwert-rgba-0-0-0-_10);border-radius:14px;background:var(--fp-weiss);padding:14px;position:relative;}
.problem-bereich .vh-kommentar-ebene-0{margin-left:0;}
.problem-bereich .vh-kommentar-ebene-1{margin-left:24px;}
.problem-bereich .vh-kommentar-ebene-2{margin-left:48px;}
.problem-bereich .vh-kommentar-ebene-3{margin-left:72px;}
.problem-bereich .vh-kommentar-ebene-4{margin-left:96px;}
.problem-bereich .vh-kommentar-ebene-5{margin-left:120px;}
.problem-bereich .vh-kommentar-ebene-6{margin-left:144px;}
.problem-bereich .vh-kommentar-card.is-antwort{background:var(--fp-farbwert-fcfcfd);}
.problem-bereich .vh-kommentar-card.is-markiert{border-color:var(--fp-farbwert-rgba-245-158-11-_35);box-shadow:0 0 0 1px var(--fp-farbwert-rgba-245-158-11-_08);}
.problem-bereich .vh-kommentar-kinder{display:grid;gap:12px;margin-top:12px;}
.problem-bereich .vh-kommentar-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px;padding-right:96px;}
.problem-bereich .vh-kommentar-meta{font-size:12px;color:var(--fp-text-dezent);}
.problem-bereich .vh-kommentar-text{white-space:pre-wrap;line-height:1.5;color:var(--fp-text-tief);margin-top:8px;}
.problem-bereich .vh-kommentar-tools{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:120px;}
.problem-bereich .vh-kommentar-tool-form{margin:0;}
.problem-bereich .vh-kommentar-tools .icon-btn{width:34px;height:34px;border-radius:10px;}
.problem-bereich .vh-kommentar-tools .icon-btn.is-markiert{color:var(--fp-farbwert-b45309);}
.problem-bereich .vh-kommentar-tools .icon-btn svg{display:block;width:16px;height:16px;stroke:currentColor;fill:none;pointer-events:none;}
.problem-bereich .vh-kommentar-modal-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.problem-bereich .vh-kommentar-modal-titel{margin:0;}
.problem-bereich .vh-kommentar-modal-hinweis{margin:0 0 12px;}
.problem-bereich .vh-kommentar-modal-hinweis[hidden]{display:none;}
.problem-bereich .vh-verlauf-akzent{font-weight:700;color:var(--fp-text-tief);}
.problem-bereich .vh-kommentar-leer-aktion{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--fp-rahmen-stark);border-radius:12px;background:var(--fp-flaeche-hell);color:var(--fp-text);padding:14px;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;}
.problem-bereich .vh-kommentar-leer-aktion:hover{background:var(--fp-indigo-flaeche);border-color:var(--fp-indigo-rahmen);color:var(--fp-info-stark);}
.problem-bereich .vh-kommentar-leer-aktion svg{width:18px;height:18px;stroke:currentColor;fill:none;}
@media (max-width:640px){
  .problem-bereich .vh-kommentar-ebene-1,
  .problem-bereich .vh-kommentar-ebene-2,
  .problem-bereich .vh-kommentar-ebene-3,
  .problem-bereich .vh-kommentar-ebene-4,
  .problem-bereich .vh-kommentar-ebene-5,
  .problem-bereich .vh-kommentar-ebene-6{margin-left:12px;}
}



/* =========================================================
   FluxPike 17.7 – statische Inline-Styles vollständig ausgelagert
   ========================================================= */
.problem-bereich .problem-tabellenrahmen-ohne-abstand{margin-bottom:0;}
.problem-bereich .problem-aktionsgruppe-kompakt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.problem-bereich .problem-aufgabe-typ-card.is-disabled{opacity:.5;cursor:not-allowed;background:var(--fp-flaeche-hell);box-shadow:none;}
.problem-bereich .problem-aufgabe-typ-card.is-disabled:hover{border-color:var(--fp-rahmen-stark);box-shadow:none;}
.problem-bereich .problem-umsetzungsziel-person-hinweis{font-size:12px;color:var(--fp-text-dezent);margin-top:6px;}
.problem-bereich .problem-umsetzungsziel-zustaendig strong{display:block;color:var(--fp-text-stark);}
.problem-bereich .problem-umsetzungsziel-zustaendig span{display:block;font-size:12px;color:var(--fp-text-dezent);margin-top:2px;}
.problem-bereich .problem-umsetzung-bereich[hidden],
.problem-bereich [data-umsetzung-planungsbegruendung-wrap][hidden]{display:none;}
.problem-bereich .problem-umsetzung-hinweis{font-size:12px;color:var(--fp-text-dezent);margin-top:6px;}
.problem-bereich .problem-umsetzung-stammdaten{margin-bottom:12px;padding:12px;border:1px solid var(--fp-farbwert-dbe3ec);border-radius:10px;background:var(--fp-flaeche-hell);}
.problem-bereich .problem-umsetzung-stammdaten .form-control[readonly]{background:var(--fp-flaeche-kuehl);color:var(--fp-text);cursor:default;}
body.problem-layout-leitstand-karten .modal .dialog.problem-modal-dialog--760{max-width:760px;}
.problem-modal-panel--760{max-width:760px;}

/* Analysegrundlage folgt dem Standard der Arbeitsblöcke im Meilensteinplan. */
.problem-bereich .problem-analysegrundlage-form{margin:0;}
.problem-bereich .problem-analysegrundlage-grid{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(320px,1.7fr);
  gap:10px;
}
.problem-bereich .problem-analysegrundlage-feld{display:grid;gap:5px;}
.problem-bereich .problem-analysegrundlage-feld > label{
  color:var(--fp-text);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}
.problem-bereich .problem-analysegrundlage-aktionen{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  gap:8px;
  width:100%;
  margin-top:10px;
}
@media (max-width:760px){
  .problem-bereich .problem-analysegrundlage-grid{grid-template-columns:1fr;}
}

/* Schrittaktionen: gut lesbar am Ende des aktiven Prozessschritts. */
.problem-bereich .problem-status-aktionen-schritt{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  width:100%;
  gap:8px;
  margin:14px 0 0;
  padding-top:12px;
  border-top:1px solid var(--fp-rahmen-stark);
}
.problem-bereich .problem-status-aktionen-schritt .problem-schritt-aktion{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:46px;
  gap:9px;
  padding:11px 14px;
  font-size:14px;
  font-weight:700;
  line-height:1.3;
  text-align:center;
  white-space:normal;
}
.problem-bereich .problem-schritt-aktion-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.problem-bereich .problem-schritt-aktion-icon svg{
  display:block;
  width:19px;
  height:19px;
}
.problem-bereich .problem-status-aktionen-schritt .problem-schritt-aktion-warnung{
  border-color:var(--fp-warnung);
  background:var(--fp-warnung-flaeche-hell);
  color:var(--fp-warnung-text);
}
.problem-bereich .problem-status-aktionen-schritt .problem-schritt-aktion-warnung:hover{
  border-color:var(--fp-warnung-stark);
  background:var(--fp-warnung-flaeche);
  color:var(--fp-farbwert-78350f);
}
.problem-bereich .problem-erfassung-aktionen{
  display:grid;
  gap:6px;
  align-items:stretch;
  width:100%;
}
.problem-bereich .problem-schritt-aktionen-zeile{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  gap:8px;
  width:100%;
}
.problem-bereich .problem-erfassung-schrittaktionen{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  width:100%;
}
.problem-bereich .problem-erfassung-schrittaktionen .problem-schritt-aktion{
  flex:1 1 0;
  width:auto;
}
.problem-bereich .problem-erfassung-aktionen .btn,
.problem-bereich .problem-analysegrundlage-aktionen .btn{
  width:100%;
  min-height:46px;
  justify-content:center;
  padding:11px 14px;
  font-size:14px;
  font-weight:700;
  white-space:normal;
}
.problem-bereich .problem-erfassung-aktionen .problem-live-hinweis-inline{
  width:100%;
  text-align:center;
}

/* Gemeinsamer Aufgabenbereich ohne eingebetteten Style-Block */
.problem-bereich .aufgaben-coach{margin-top:12px;display:grid;gap:12px;}
.problem-bereich .aufgaben-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:12px 0;}
.problem-bereich .aufgaben-kpi{border:1px solid var(--border,var(--fp-farbwert-dfe7ef));border-radius:12px;padding:10px 12px;background:var(--fp-weiss);}
.problem-bereich .aufgaben-kpi strong{display:block;font-size:1.25rem;line-height:1.1;}
.problem-bereich .aufgaben-kpi span{font-size:.82rem;color:var(--fp-farbwert-667085);}
.problem-bereich .aufgaben-gruppe{border:1px solid var(--border,var(--fp-farbwert-dfe7ef));border-radius:14px;background:var(--fp-weiss);overflow:hidden;}
.problem-bereich .aufgaben-gruppe__kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--fp-farbwert-f7f9fc);border-bottom:1px solid var(--border,var(--fp-farbwert-dfe7ef));}
.problem-bereich .aufgaben-gruppe__kopf h2{font-size:1rem;margin:0;}
.problem-bereich .aufgaben-gruppe__kopf span{font-size:.82rem;color:var(--fp-farbwert-667085);}
.problem-bereich .aufgaben-table{font-size:.88rem;margin:0;}
.problem-bereich .aufgaben-table th,
.problem-bereich .aufgaben-table td{padding:8px 9px;vertical-align:top;}
.problem-bereich .aufgaben-table td p{margin:.2rem 0 0;color:var(--fp-farbwert-667085);font-size:.8rem;}
.problem-bereich .aufgaben-ampel{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;width:18px;height:18px;border-radius:999px;padding:0;border:1px solid var(--fp-farbwert-dfe7ef);background:var(--fp-weiss);}
.problem-bereich .aufgaben-ampel::before{content:"";width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--fp-erfolg);}
.problem-bereich .aufgaben-ampel--gelb::before{background:var(--fp-warnung);}
.problem-bereich .aufgaben-ampel--orange::before{background:var(--fp-orange);}
.problem-bereich .aufgaben-ampel--rot::before{background:var(--fp-gefahr);}
.problem-bereich .aufgaben-ampel--rot{border-color:var(--fp-gefahr-rahmen);background:var(--fp-farbwert-fff7f7);}
.problem-bereich .aufgaben-ampel--orange{border-color:var(--fp-farbwert-fed7aa);background:var(--fp-orange-flaeche);}
.problem-bereich .aufgaben-ampel--gelb{border-color:var(--fp-warnung-rahmen);background:var(--fp-farbwert-fffbea);}
.problem-bereich .aufgaben-ampel--gruen{border-color:var(--fp-erfolg-rahmen);background:var(--fp-farbwert-f7fff9);}
.problem-bereich .aufgaben-action{display:flex;justify-content:flex-end;gap:6px;white-space:nowrap;}
.problem-bereich .aufgaben-muted{color:var(--fp-farbwert-667085);font-size:.8rem;}
.problem-bereich .aufgaben-badge{display:inline-block;border-radius:999px;padding:2px 7px;background:var(--fp-indigo-flaeche);color:var(--fp-indigo);font-size:.75rem;font-weight:650;}
.problem-bereich .aufgaben-empty{padding:18px;text-align:center;color:var(--fp-farbwert-667085);}
.problem-bereich .aufgaben-warum{font-weight:650;}
.problem-bereich .aufgaben-warum--rot{color:var(--fp-farbwert-b42318);}
.problem-bereich .aufgaben-warum--gelb{color:var(--fp-farbwert-b45309);}
@media (max-width:900px){
  .problem-bereich .aufgaben-kpis{grid-template-columns:repeat(2,minmax(120px,1fr));}
  .problem-bereich .aufgaben-table{font-size:.82rem;}
}

/* Störungs-Wiedervorlagen im persönlichen Arbeitskorb */
.massnahmen-user-seite .stoerung-wiedervorlagen{
  margin-top:18px;
  margin-bottom:18px;
}
.massnahmen-user-seite .stoerung-wiedervorlage-form{
  display:grid;
  gap:8px;
  min-width:220px;
}
.massnahmen-user-seite .stoerung-wiedervorlage-form textarea{
  width:100%;
  min-height:68px;
  resize:vertical;
}
.massnahmen-user-seite .stoerung-wiedervorlage-form .aufgaben-action{
  justify-content:flex-start;
  flex-wrap:wrap;
}

/* Maßnahme hinzufügen: Folgefelder bleiben verborgen, bis der passende Aufgabentyp gewählt wurde. */
.problem-massnahme-row.is-hidden,
.problem-massnahme-row[hidden]{
  display:none !important;
}

/* FluxFokus aus automatischen E-Mails */
.problem-bereich .aufgaben-fokus{
  margin:16px 0 18px;
  border:1px solid var(--fp-farbwert-dfe7ef,#dfe7ef);
  border-radius:16px;
  background:var(--fp-weiss,#fff);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
  overflow:hidden;
}
.problem-bereich .aufgaben-fokus--kompakt{
  margin-bottom:14px;
}
.problem-bereich .aufgaben-fokus__kopf{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  background:linear-gradient(135deg,var(--fp-marke-tief,#0f172a),var(--fp-marke-dunkel,#123047));
  color:var(--fp-weiss,#fff);
}
.problem-bereich .aufgaben-fokus__kopf h2{
  margin:4px 0 0;
  font-size:1.05rem;
  line-height:1.25;
  color:inherit;
}
.problem-bereich .aufgaben-fokus__label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--fp-marke-limette,#b6e63a);
}
.problem-bereich .aufgaben-fokus__kopf .aufgaben-badge{
  background:rgba(182,230,58,.16);
  color:var(--fp-marke-limette,#b6e63a);
  border:1px solid rgba(182,230,58,.38);
}
.problem-bereich .aufgaben-fokus__hinweis{
  margin:0;
  padding:12px 16px;
  border-left:5px solid var(--fp-marke-tuerkis,#12b5cb);
  border-bottom:1px solid var(--fp-farbwert-dfe7ef,#dfe7ef);
  background:var(--fp-flaeche-hell,#f8fafc);
  color:var(--fp-text,#334155);
  font-size:.9rem;
  font-weight:650;
  line-height:1.45;
}
.problem-bereich .aufgaben-fokus .table-responsive{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.problem-bereich .aufgaben-fokus table{
  margin:0;
}
.fluxfokus-hinweis__option{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border:1px solid var(--fp-farbwert-dfe7ef,#dfe7ef);
  border-radius:12px;
  background:var(--fp-flaeche-hell,#f8fafc);
  color:var(--fp-text-stark,#101828);
  font-weight:700;
  cursor:pointer;
}
.fluxfokus-hinweis__option input{
  flex:0 0 auto;
}
.fluxfokus-hinweis__schliessen{
  font-size:1.5rem;
  line-height:1;
}
@media (max-width:980px){
  .problem-bereich .aufgaben-fokus__kopf{flex-direction:column;}
}


/* Prozess-Bausteine: gemeinsame Maßnahmen-/Wiedervorlage-Tabelle */
.prozess-baustein-massnahmen-tabelle .prozess-baustein-inline-form{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:center;
}
.prozess-baustein-massnahmen-tabelle .prozess-baustein-inline-form textarea{
  width:100%;
  min-width:180px;
  max-width:260px;
  min-height:38px;
  resize:vertical;
  border:1px solid var(--fp-farbwert-dfe7ef,#dfe7ef);
  border-radius:10px;
  padding:7px 9px;
  font:inherit;
}
.prozess-baustein-massnahmen-tabelle .prozess-baustein-inline-form .btn.icon-only{
  flex:0 0 auto;
}
.prozess-baustein-massnahmen-tabelle tr.is-erledigt td{
  background:var(--fp-flaeche-hell,#f8fafc);
}

/* LEGO-Erfassung: abgeschlossener Baustein ohne verbundenen Folgeschritt */
.problem-erfassung-hauptform.is-abgeschlossen{
  border-color:var(--fp-info-rahmen);
  background:var(--fp-flaeche-blauhell);
}
.problem-erfassung-abschlussmeldung{
  margin-top:8px;
  font-weight:700;
}

/* Wiedervorlage-Fundamente: gelb = zugewiesene Aufgabe wurde beantwortet, Meeting-Bewertung steht noch aus. */
.problem-co-check-item.is-antwort{background:var(--fp-warnung-flaeche-hell);border-color:var(--fp-warnung-rahmen);color:var(--fp-warnung-text);}
.problem-erfassung-kopf-rechts{display:flex;align-items:center;gap:8px;margin-left:auto;}
.problem-erfassung-zeitpunkt{font-size:11px;font-weight:700;color:var(--fp-text-dezent);white-space:nowrap;}
.prozess-baustein-massnahmen-tabelle tr.is-erledigt td{opacity:.92;}
.prozess-baustein-massnahme-antwort-btn{white-space:nowrap;}

/* 20260709 – kompakte Beschreibung in Haupttabellen */
.probleme-liste-seite .tabelle-text-kurz,
.stoerungen-liste-seite .tabelle-text-kurz,
.aenderungen-liste-seite .tabelle-text-kurz{
  max-width:260px;
  white-space:normal;
  line-height:1.28;
  overflow-wrap:anywhere;
}