/* Reiter AKTIONEN (Vorschau 10.10.2026) — Nachtelefonieren zu Mailings.
   HUD-Farben (--akz, --glas, --linie …), Fließtext in Inter wie der Angebots-Arbeitsplatz:
   hier wird telefoniert und mitgeschrieben, nicht Zahlen gescannt. */

#v-aktionen { --ag-sans: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif; font-family: var(--ag-sans); font-size: 15px; }
#v-aktionen .mini, #v-aktionen .ag-eyebrow, #v-aktionen .ag-pill { font-family: var(--mono); }
.ag-eyebrow { font-size: 11px; letter-spacing: .12em; color: var(--ink3); text-transform: uppercase; }
.tab-zahl { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 6px; border-radius: 9px; background: var(--akz);
  color: #000; font-size: 10.5px; font-weight: 700; line-height: 17px; text-align: center; }

/* Kopf */
.ag-kopf { background: var(--glas); border: 1px solid var(--linie); border-radius: var(--r); padding: 18px 20px; margin-bottom: 16px;
  display: flex; flex-direction: column; gap: 14px; }
.ag-titel { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; align-items: flex-start; }
.ag-titel h2 { font-size: 21px; font-weight: 600; margin-top: 3px; }
.ag-unter { color: var(--ink3); font-size: 13px; margin-top: 2px; }
.ag-kopfknoepfe { display: flex; gap: 8px; align-items: center; }
.ag-kopfknoepfe select { background: var(--glas2); border: 1px solid var(--linie2); border-radius: 8px; padding: 6px 10px; }
.ag-kopfknoepfe a.mini { text-decoration: none; color: var(--ink2); }
.ag-zahlen { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.ag-kachel { border: 1px solid var(--linie); border-radius: 10px; padding: 10px 14px; background: rgba(0,0,0,.18); display: flex; flex-direction: column; }
.ag-kachel span { font: 600 10.5px/1.2 var(--mono); letter-spacing: .12em; color: var(--ink3); }
.ag-kachel b { font-size: 26px; font-weight: 600; line-height: 1.25; }
.ag-kachel small { color: var(--ink3); font-size: 12px; }
.ag-kachel.akz { border-color: rgba(var(--akz-rgb), .45); } .ag-kachel.akz b { color: var(--akz); }
.ag-kachel.gut b { color: var(--gut); }
.ag-fortschritt { position: relative; height: 22px; border-radius: 6px; background: rgba(255,255,255,.05); overflow: hidden; }
.ag-fortschritt i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, rgba(var(--akz-rgb), .55), rgba(var(--akz-rgb), .25)); }
.ag-fortschritt span { position: relative; font: 600 11px/22px var(--mono); padding-left: 10px; color: var(--ink); letter-spacing: .06em; }

/* Raster: Anrufkarte links, Liste rechts */
.ag-raster { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .ag-raster { grid-template-columns: 1fr; } .ag-zahlen { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ag-karte { background: var(--glas); border: 1px solid var(--linie); border-radius: var(--r); padding: 20px 22px; min-height: 50vh; }
.ag-k-kopf { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; border-bottom: 1px solid var(--linie); padding-bottom: 14px; margin-bottom: 16px; }
.ag-k-kopf h3 { font-size: 22px; font-weight: 600; margin: 4px 0 2px; }
.ag-adr { color: var(--ink2); }
.ag-weitere { margin-top: 8px; font-size: 13px; color: var(--ink3); border-left: 2px solid var(--linie2); padding-left: 10px; }
.ag-weitere b { color: var(--ink2); font-weight: 600; }
.ag-k-status { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.ag-k-raster { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; }
@media (max-width: 1350px) { .ag-k-raster { grid-template-columns: 1fr; } }
.ag-k-links { display: flex; flex-direction: column; gap: 14px; }

.ag-anruf { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--ink); padding: 14px 18px; border-radius: 12px;
  border: 1px solid rgba(var(--akz-rgb), .6); background: linear-gradient(135deg, rgba(var(--akz-rgb), .22), rgba(var(--akz-rgb), .06)); }
.ag-anruf span { font-size: 26px; }
.ag-anruf b { font: 600 24px/1.2 var(--mono); letter-spacing: .04em; flex: 1; }
.ag-anruf small { font: 700 11px var(--mono); letter-spacing: .14em; color: var(--akz); }
.ag-anruf:hover { box-shadow: 0 0 22px rgba(var(--akz-rgb), .25); }
.ag-anruf.leer { border-color: var(--linie2); background: none; color: var(--ink3); }

.ag-felder { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ag-felder label, .ag-modus label { display: flex; flex-direction: column; gap: 4px; font: 600 10.5px var(--mono); letter-spacing: .1em; color: var(--ink3); }
#v-aktionen input, #v-aktionen select, #v-aktionen textarea { background: rgba(0,0,0,.25); border: 1px solid var(--linie2); border-radius: 8px;
  padding: 9px 11px; font: 400 14.5px var(--ag-sans); color: var(--ink); }
#v-aktionen input:focus, #v-aktionen select:focus, #v-aktionen textarea:focus { outline: 0; border-color: var(--akz); }
#v-aktionen textarea { resize: vertical; }

.ag-ergebnisse { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ag-erg { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; cursor: pointer; padding: 11px 13px;
  border-radius: 9px; border: 1px solid var(--linie2); background: rgba(255,255,255,.03); font: 600 12px var(--mono); letter-spacing: .08em; color: var(--ink); }
.ag-erg small { font: 400 12px var(--ag-sans); letter-spacing: 0; color: var(--ink3); }
.ag-erg:hover { border-color: var(--akz); color: var(--akz); }
.ag-erg.lead { grid-column: 1 / -1; align-items: center; padding: 13px; font-size: 13.5px; border-color: var(--gut); color: var(--gut); background: rgba(63,191,51,.08); }
.ag-erg.lead:hover { background: rgba(63,191,51,.18); color: var(--gut); }
.ag-erg.nein:hover { border-color: var(--rot); color: var(--rot); }
.ag-modus { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; padding: 12px 14px; border-radius: 10px; border: 1px dashed rgba(var(--akz-rgb), .6); }
.ag-modus b { width: 100%; font-weight: 600; }
.ag-modus.lead { border-color: var(--gut); }
.ag-modus.lead label { flex: 1 1 260px; }
.ag-modus small { width: 100%; color: var(--ink3); font-size: 12.5px; }
.ag-k-fuss { display: flex; gap: 8px; flex-wrap: wrap; }
.ag-lead { padding: 12px 14px; border-radius: 10px; background: rgba(63,191,51,.10); border: 1px solid rgba(63,191,51,.4); }

.ag-k-rechts { display: flex; flex-direction: column; gap: 14px; }
.ag-leitfaden { border: 1px solid var(--linie); border-radius: 10px; background: rgba(0,0,0,.18); }
.ag-leitfaden summary { cursor: pointer; padding: 10px 14px; font: 600 11px var(--mono); letter-spacing: .12em; color: var(--ink2); }
.ag-leitfaden div { padding: 0 14px 14px; font-size: 13.5px; line-height: 1.6; color: var(--ink2); }
.ag-verlauf ul { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.ag-verlauf li { font-size: 13.5px; border-left: 2px solid var(--linie2); padding-left: 10px; }
.ag-verlauf li span { color: var(--ink3); font-size: 12px; }
.ag-verlauf li p { color: var(--ink2); margin-top: 2px; }
.ag-verlauf li.dim { color: var(--ink3); border: 0; padding: 0; }
.ag-fertig { padding: 40px 10px; text-align: center; color: var(--ink2); line-height: 1.8; }
.ag-fertig b { font-size: 18px; color: var(--ink); }

/* Liste */
.ag-seite { background: var(--glas); border: 1px solid var(--linie); border-radius: var(--r); padding: 14px; display: flex; flex-direction: column; gap: 10px;
  position: sticky; top: 12px; }
.ag-filter { display: flex; gap: 4px; flex-wrap: wrap; }
.ag-filter button { flex: 1; background: transparent; border: 1px solid var(--linie2); border-radius: 7px; padding: 6px 4px; cursor: pointer;
  font: 600 10.5px/1 var(--mono); letter-spacing: .08em; color: var(--ink3); }
.ag-filter button.an { border-color: var(--akz); color: var(--akz); }
.ag-liste { display: flex; flex-direction: column; gap: 4px; max-height: calc(100vh - 330px); overflow-y: auto; padding-right: 2px; }
.ag-zeile { display: flex; justify-content: space-between; gap: 8px; align-items: center; text-align: left; cursor: pointer; padding: 8px 10px;
  border-radius: 8px; border: 1px solid transparent; background: rgba(255,255,255,.025); color: var(--ink); font-family: var(--ag-sans); }
.ag-zeile:hover { border-color: var(--linie2); }
.ag-zeile.an { border-color: var(--akz); box-shadow: inset 3px 0 0 var(--akz); }
.ag-z-name { display: flex; flex-direction: column; min-width: 0; }
.ag-z-name b { font-weight: 500; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ag-z-name small { color: var(--ink3); font-size: 12px; }
.ag-z-rechts { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.ag-leer { color: var(--ink3); font-size: 13.5px; padding: 10px 4px; }
.ag-n { font-size: 12px; color: var(--ink3); }

.ag-pill { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 10.5px; letter-spacing: .06em; border: 1px solid var(--linie2); color: var(--ink2); white-space: nowrap; }
.ag-pill.st-offen { color: var(--ink3); }
.ag-pill.st-rueckruf, .ag-pill.st-info, .ag-pill.st-traeger { border-color: var(--warn); color: var(--warn); }
.ag-pill.st-interesse { border-color: var(--gut); color: var(--gut); }
.ag-pill.st-kein_interesse, .ag-pill.st-ungueltig, .ag-pill.st-nicht_erreichbar { color: var(--ink3); border-color: var(--linie); }
.ag-pill.st-nicht_erreicht { border-color: var(--linie2); }
i.tr { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.tr-k { background: #8fa8ff; } .tr-s { background: #4fd1c5; } .tr-w { background: #f6ad55; } .tr-v { background: #d6bcfa; } .tr-o { background: #6b7280; }

.ag-toast { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%); z-index: 40; padding: 10px 18px; border-radius: 10px;
  background: var(--glas); border: 1px solid var(--linie2); backdrop-filter: blur(12px); font-size: 14px; }
.ag-toast.gut { border-color: var(--gut); } .ag-toast.rot { border-color: var(--rot); }

/* Reinsprechen + KI-Vorschlag */
.ag-diktat { display: flex; gap: 8px; align-items: stretch; }
.ag-diktat textarea { flex: 1; }
.ag-diktat-knoepfe { display: flex; flex-direction: column; gap: 6px; }
.ag-mic { width: 54px; flex: 1; min-height: 46px; border-radius: 10px; cursor: pointer; font-size: 22px;
  border: 1px solid rgba(var(--akz-rgb), .6); background: rgba(var(--akz-rgb), .12); color: var(--ink); }
.ag-mic:hover { background: rgba(var(--akz-rgb), .22); }
.ag-mic.an { background: var(--rot); border-color: var(--rot); animation: ag-puls 1.2s ease-in-out infinite; }
@keyframes ag-puls { 50% { box-shadow: 0 0 0 6px rgba(255,82,82,.25); } }
.ag-ki-hinweis { width: 100%; font: 600 11px var(--mono); letter-spacing: .1em; color: var(--akz); }

/* Teil-Umschalter KITAS / TRÄGER & BRIEFE (10.10.2026) */
.ag-teile { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ag-teile button { text-align: left; cursor: pointer; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--linie2); background: rgba(255,255,255,.03);
  color: var(--ink2); font: 600 12px var(--mono); letter-spacing: .1em; display: flex; flex-direction: column; gap: 2px; }
.ag-teile button small { font: 400 12.5px var(--ag-sans); letter-spacing: 0; color: var(--ink3); }
.ag-teile button.an { border-color: var(--akz); color: var(--akz); background: rgba(var(--akz-rgb), .10); }
.ag-traeger-knoepfe, .ag-brief, .ag-lead-knoepfe { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ag-brief a.mini { text-decoration: none; color: var(--ink2); }
.ag-felder label.breit { grid-column: 1 / -1; }
.ag-verknuepft { font-size: 13.5px; color: var(--ink3); }
.ag-lead { display: flex; flex-direction: column; gap: 8px; }
.ag-lead small { color: var(--ink3); font-size: 12.5px; }
.ag-pill.st-brief { border-color: var(--akz); color: var(--akz); }
.ag-weitere a { color: var(--ink2); }
#v-aktionen .mini[disabled] { opacity: .45; cursor: default; }