/* FMP-Ticketsystem – Ergänzungen zum Prototyp-CSS (style.css)
   VERSION 1.0.0 (23.10.2026) – Claude Chat-Helfer (Opus 5.5 high), Auftrag A-0255
   Alles, was der Prototyp nicht hatte bzw. vorher inline stand (CSP style-src 'self' verbietet Inline-Stile). */
body{margin:0}
[hidden]{display:none!important}
.nur-ma,.nur-fa{display:none!important}
body.ist-ma .nur-ma{display:revert!important}
body.ist-fa .nur-fa{display:revert!important}
body.ist-ma th.nur-ma,body.ist-ma td.nur-ma{display:table-cell!important}
.menue .nur-fa{display:none!important}
body.ist-fa .menue .nur-fa{display:block!important}
.minw0{min-width:0}
.rot{color:var(--rot)}
.leise{color:var(--leise)}
.klein{font-size:12.5px;color:var(--leise);line-height:1.5}
.lead{margin:0 0 16px;color:var(--leise);font-size:15px;line-height:1.65;max-width:70ch}
.abstand{margin-top:14px}
.abstand-u{margin-bottom:16px}
.unsichtbar{position:absolute;left:-9999px}
.laden{padding:40px;text-align:center;color:var(--leise)}
.leerzeile{text-align:center;color:var(--leise);padding:26px!important}
.leerzeile i{font-size:20px;color:var(--blass)}
h3{font-size:16px;margin:4px 0 12px;color:var(--text)}
h4{font-size:14px;margin:18px 0 8px;color:var(--rot);text-transform:uppercase;letter-spacing:.08em}
.pk h4{margin:0;font-size:15px;color:var(--text);text-transform:none;letter-spacing:0}
.kinhalt p{font-size:15px;line-height:1.65;max-width:72ch}
code{background:var(--segment);border-radius:5px;padding:1px 5px;font-size:12.5px}

/* Programmfarbe aus JS (--pf) */
.prog i{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--pf,var(--rot))}
.pk .sym{background:var(--pf,var(--rot))}

/* Kopf-Ergänzungen */
.nrsuche a.liste{display:grid;place-items:center;text-decoration:none}
.fonds .pop small{color:var(--blass);font-weight:600;margin-left:4px}
.rollenliste{padding:6px 10px 0;display:grid;gap:2px}
.rollenliste .zeile[aria-pressed="true"]{color:var(--rot);font-weight:800}
.reiter a[data-r=""]{display:none}

/* Anmeldung */
.glas .klein{margin:0 0 10px}
.glas .vb-hinweis{margin:0 0 14px}
.meldung{border-radius:8px;padding:9px 12px;font-size:13px;margin:4px 0 6px;background:#fbe3e1;color:#8a1c14;border-left:4px solid #b3261e}
.meldung.ok{background:var(--gruen-bg);color:var(--gruen-fg);border-left-color:var(--gruen-rand)}
.anm-wechsel{display:flex;justify-content:center;gap:10px;margin-top:12px}
.textknopf{border:0;background:none;color:var(--rot);font-weight:700;cursor:pointer;padding:4px 6px}
.textknopf:hover{text-decoration:underline}

/* Liste */
.filter-mehr{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding-top:6px}
.filter-mehr label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--leise)}
.filter-mehr select,.filter-mehr input{height:34px;width:auto;min-width:150px;border:1px solid var(--feld-rand);border-radius:8px;padding:0 8px;background:#fff}
.ansichten{display:flex;gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap}
.seiten{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:10px 12px;color:var(--leise);font-size:13px}
.seiten:empty{display:none}

/* Ticket */
a.zurueck{display:inline-block;text-decoration:none}
.composer-ersatz{margin:18px 28px 26px 84px}
.aenderung.intern .pkt{border-style:dashed;border-color:var(--intern-rand)}
.aenderung s{color:var(--blass)}
a.anhang{color:var(--text);text-decoration:none;margin-right:8px}
a.anhang:hover{border-color:var(--rot);background:var(--rose-hover)}
.anhangliste{display:grid;gap:6px}
.anhangliste .anhang{margin-top:0}
.dateien{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px}
.dateien:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--rose);color:var(--rot);border-radius:999px;padding:3px 10px;font-weight:700}
.bearb{display:grid;gap:12px}
.bearb .knopf.haupt{justify-self:start}
.weitere{display:grid;gap:12px}
.zeile2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.zeile2 .inp,.zeile2 select{width:auto;flex:1 1 140px}
.beob{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.steck dd a{color:var(--rot)}
.hinweis a{color:var(--rot)}
.prio{display:inline-block}

/* Formulare */
.formular .feldname select,.formular .feldname .inp,.formular .feldname textarea,.bearb select,.bearb .inp,.bearb textarea{margin-top:4px;font-weight:400}
.feldname{line-height:1.4}
.festwert{height:40px;display:flex;align-items:center;font-weight:700}
.knopfreihe{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ablage{cursor:pointer;display:block}
.ablage i{font-size:22px;color:var(--rot)}
.ablage.ueber{border-color:var(--rot);background:var(--rose)}
label.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-right:10px;cursor:pointer}
label.check.gross{font-size:15px}
label.check input{width:16px;height:16px;accent-color:var(--rot)}
.rahmen{border:1px solid var(--rand);border-radius:12px;padding:14px 16px;box-shadow:none}
.rahmen-form{margin:16px 0;padding:18px;border:1px solid var(--rand);border-radius:12px;background:#fcfbfb}
textarea.code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;min-height:110px}
.schalter{display:grid;gap:4px}

/* Auswertung */
.ausw-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.kpi .karte{padding:14px 16px;border-left:5px solid var(--z,var(--rand))}
.kpi .k-schiefer{--z:var(--schiefer-rand)}.kpi .k-blau{--z:#5b7a99}.kpi .k-gruen{--z:var(--gruen-rand)}.kpi .k-gold{--z:var(--gold-rand)}
.balken .spur i{background:var(--rot);width:0}
svg.dia .b-neu{fill:#2f6f8f}svg.dia .b-erl{fill:var(--rot)}
svg.dia text{font-size:10px;fill:var(--leise);font-family:var(--font)}
.legende .l-neu{background:#2f6f8f}.legende .l-erl{background:var(--rot)}

/* Verwaltung */
.ktabs a{padding:12px 12px 10px;font-size:14px;color:var(--leise);border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none;font-weight:500}
.ktabs a.aktiv{color:var(--text);font-weight:700;border-bottom-color:var(--rot)}
.ktabs a:hover{color:var(--rot)}
.pk.rahmen{padding:14px 16px}
.pk .knopf{justify-self:start}
.detail{display:grid;gap:6px}
.stamm{display:grid;gap:6px}
.stammzeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--linie);border-radius:10px}
.stammzeile .inp,.stammzeile select{width:auto;flex:1 1 140px;height:34px}
.stammzeile.neu{border-style:dashed;background:#fcfbfb}
.eingang{margin-bottom:14px;display:grid;gap:10px}
.eingang header{display:grid;gap:2px}
.mailtext{white-space:pre-wrap;font-family:var(--font);font-size:14px;line-height:1.6;background:#fbfafa;border-radius:8px;padding:12px;max-height:220px;overflow:auto;margin:0}
.fmp-vorschau{border:1px solid var(--rand);border-radius:12px;padding:18px;background:#fbfafa}
.ticketknopf{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;background:var(--rot);color:#fff;font-weight:800}
.kontodaten{display:grid;gap:10px;margin:0}
.kontodaten dt{font-size:11px;color:var(--leise);font-weight:600}
.kontodaten dd{margin:0;font-weight:700}
.kontakt{font-size:15px;line-height:1.8}

/* Meldungen */
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#1f1f1f;color:#fff;border-radius:10px;padding:10px 18px;font-weight:700;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:calc(100% - 32px)}
.toast.fehler{background:#8a1c14}

@media (max-width:600px){
  .composer-ersatz{margin:16px}
  .fuss{display:none}
  .ansichten{margin-left:0}
  .filter-mehr select,.filter-mehr input{min-width:0;width:100%}
  .filter-mehr label{flex:1 1 140px}
  .kinhalt{padding:16px}
}
@media print{#kopf,.fuss,.composer,.toast{display:none!important}}