/* Stand: Version 4 vom 02.11.2026 (Chat-v4) · Chatbox im Bronze-Design, nutzt die Farben des Dashboards */
.chat-knopf{display:flex;align-items:center;gap:8px;background:var(--panel2,#2c1f13);color:var(--gold,#e9c46a);border:2px solid var(--gold,#e9c46a);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.chat-knopf:hover,.chat-knopf.aktiv{background:var(--gold,#e9c46a);color:#1a120a}
.chat-knopf.neu{box-shadow:0 0 0 3px rgba(233,196,106,.35);animation:chatPuls 2s ease-in-out infinite}
@keyframes chatPuls{50%{box-shadow:0 0 0 6px rgba(233,196,106,.12)}}
@media (prefers-reduced-motion:reduce){.chat-knopf.neu{animation:none}}
.chat-zahl{display:inline-block;min-width:1.4em;text-align:center;background:#d94b3d;color:#fff;border-radius:999px;padding:0 .45em;font-size:.8em;font-weight:700;line-height:1.5}
.chat-zahl[hidden]{display:none}

.chat-box{position:fixed;right:24px;bottom:72px;z-index:950;width:min(1100px,calc(100vw - 48px));height:min(760px,calc(100vh - 110px));
  display:grid;grid-template-columns:360px minmax(0,1fr);background:var(--panel,#1a120a);color:var(--ink,#fff7ec);
  border:2px solid var(--gold,#e9c46a);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);overflow:hidden;font-size:16px;line-height:1.45}
.chat-box[hidden]{display:none}
.chat-zu{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted,#e2cdb0);font-size:26px;cursor:pointer;line-height:1}
.chat-zu:hover{color:var(--gold,#e9c46a)}
.chat-links{display:flex;flex-direction:column;border-right:1px solid var(--line,#5a3e22);min-height:0}
.chat-tabs{display:flex;gap:6px;padding:12px 12px 8px}
.chat-tabs button{flex:1;border:1px solid var(--line,#5a3e22);background:transparent;color:var(--muted,#e2cdb0);border-radius:999px;padding:.4rem;font:inherit;font-weight:700;cursor:pointer}
.chat-tabs button.an{background:var(--gold,#e9c46a);color:#1a120a;border-color:var(--gold,#e9c46a)}
.chat-tabs button[hidden]{display:none}
.chat-such{margin:0 12px 10px;background:var(--input-bg,#140d07);color:var(--ink,#fff7ec);border:1px solid var(--line,#5a3e22);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:.95rem}
.chat-such:focus{outline:none;border-color:var(--gold,#e9c46a)}
.chat-liste{flex:1;overflow-y:auto;padding:0 10px 12px;scrollbar-width:thin}
.chat-eintrag{display:block;width:100%;text-align:left;margin-bottom:8px;padding:.6rem .8rem;border:1px solid var(--line,#5a3e22);border-radius:12px;background:var(--panel2,#2c1f13);color:inherit;font:inherit;cursor:pointer}
.chat-eintrag:hover{border-color:var(--gold,#e9c46a)}
.chat-eintrag.neu{border-color:var(--gold,#e9c46a);border-left:5px solid var(--gold,#e9c46a)}
.chat-eintrag.neu b{color:var(--gold,#e9c46a)}
.chat-eintrag.offen{background:color-mix(in srgb,var(--gold,#e9c46a) 14%,var(--panel2,#2c1f13))}
.chat-eintrag b{display:block}.chat-eintrag small{color:var(--muted,#e2cdb0);font-size:.85rem}
.chat-eintrag .chat-zahl{float:right}
.chat-zwischen{margin:10px 4px 6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#e2cdb0)}
.chat-rechts{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-leer{margin:auto;color:var(--muted,#e2cdb0);text-align:center;padding:1rem}
.chat-leer.klein{font-size:.9rem}
.chat-kopf{display:flex;gap:10px;align-items:center;padding:12px 48px 12px 16px;border-bottom:1px solid var(--line,#5a3e22)}
.chat-kopf b{display:block;color:var(--navy,#e0a866);font-size:1.15rem}.chat-kopf small{color:var(--muted,#e2cdb0)}
.chat-zurueck{background:none;border:1px solid var(--line,#5a3e22);color:var(--gold,#e9c46a);border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}
.chat-verlauf{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.chat-msg{max-width:80%}.chat-msg.ich{align-self:flex-end}
.chat-wer{font-size:.85rem;font-weight:700}.chat-wer i{font-style:normal;font-weight:400;color:var(--muted,#e2cdb0)}
.chat-blase{background:var(--panel2,#2c1f13);border:1px solid var(--line,#5a3e22);border-radius:12px;padding:.55rem .8rem;margin-top:.2rem;white-space:normal;overflow-wrap:anywhere}
.chat-msg.ich .chat-blase{background:color-mix(in srgb,var(--gold,#e9c46a) 14%,var(--panel2,#2c1f13));border-color:var(--gold,#e9c46a)}
.chat-blase.geloescht{font-style:italic;color:var(--muted,#e2cdb0)}
.chat-zitat{border-left:3px solid var(--gold,#e9c46a);padding-left:.5rem;color:var(--muted,#e2cdb0);font-size:.88rem;margin-bottom:.3rem}
.chat-reakt{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}
.chat-reakt button{background:transparent;border:1px solid var(--line,#5a3e22);color:var(--muted,#e2cdb0);border-radius:999px;padding:0 .55rem;font:inherit;font-size:.82rem;cursor:pointer}
.chat-reakt button:hover:not([disabled]){border-color:var(--gold,#e9c46a);color:var(--gold,#e9c46a)}
.chat-reakt button.an{border-color:var(--gold,#e9c46a);color:var(--gold,#e9c46a)}
.chat-reakt button[disabled]{cursor:default}
.chat-eingabe{border-top:1px solid var(--line,#5a3e22);padding:10px 16px 14px}
.chat-antwort{font-size:.88rem;color:var(--muted,#e2cdb0);border-left:3px solid var(--gold,#e9c46a);padding-left:.5rem;margin-bottom:.4rem}
.chat-antwort button{background:none;border:none;color:var(--gold,#e9c46a);cursor:pointer;font-size:1rem}
.chat-zeile{display:flex;gap:10px;align-items:flex-end}
.chat-zeile textarea{flex:1;resize:vertical;min-height:56px;max-height:220px;background:var(--input-bg,#140d07);color:var(--ink,#fff7ec);border:1px solid var(--line,#5a3e22);border-radius:12px;padding:.6rem .8rem;font:inherit}
.chat-zeile textarea:focus{outline:none;border-color:var(--gold,#e9c46a);box-shadow:0 0 0 3px rgba(233,196,106,.18)}
.chat-senden{background:var(--gold,#e9c46a);color:#1a120a;border:none;border-radius:10px;padding:.65rem 1.2rem;font:inherit;font-weight:700;cursor:pointer}
.chat-senden[disabled]{opacity:.6}
.chat-nurlesen{border-top:1px solid var(--line,#5a3e22);padding:12px 16px;color:var(--muted,#e2cdb0);font-style:italic}
/* Dienstgradfarben nach Rang */
.r1{color:#ff9f6e}.r2{color:#e9c46a}.r3{color:#7fe3a8}.r4{color:#f0c27f}.r5{color:#9ec6ff}
:root[data-theme="hell"] .r1{color:#b5471b}:root[data-theme="hell"] .r2{color:#8a6100}:root[data-theme="hell"] .r3{color:#1e7a45}:root[data-theme="hell"] .r4{color:#8a5524}:root[data-theme="hell"] .r5{color:#1a5f9e}
@media(max-width:800px){.chat-box{grid-template-columns:1fr;grid-template-rows:38% 62%;right:8px;left:8px;width:auto}.chat-links{border-right:none;border-bottom:1px solid var(--line,#5a3e22)}}

/* Chat-v3: Einstellungen */
.chat-zahnrad{flex:0 0 auto !important;width:40px;font-size:1.1rem !important}
.chat-einst{display:flex;flex-direction:column;gap:.7rem}
.chat-einst label{display:flex;gap:.6rem;align-items:center;cursor:pointer}
.chat-einst input{width:1.25rem;height:1.25rem;accent-color:#e9c46a}
.chat-hinweis{flex:1;color:var(--gruen,#7fe3a8);font-weight:700}

/* Chat-v4: Aufsicht, Sperren, Hinweise */
.chat-tabs button[data-tab]{min-width:0;padding:.4rem .5rem}
.chat-hinweisleiste{margin:0 12px 10px;padding:.5rem .8rem;border:1px solid #d94b3d;border-left:5px solid #d94b3d;border-radius:10px;color:#ff9a8e;font-size:.9rem}
.chat-hinweisleiste[hidden]{display:none}
.chat-klein-hinweis{font-size:.8rem;color:var(--muted,#e2cdb0);margin:0 4px 8px}
.chat-sperre{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;align-items:center;margin-bottom:8px;padding:.5rem .7rem;border:1px solid #d94b3d;border-radius:10px}
.chat-sperre small{grid-column:1;color:var(--muted,#e2cdb0);font-size:.82rem}
.chat-sperre button{grid-row:1/span 2;grid-column:2;background:transparent;border:1px solid var(--gold,#e9c46a);color:var(--gold,#e9c46a);border-radius:999px;padding:.2rem .7rem;font:inherit;font-size:.85rem;cursor:pointer}
.chat-reakt button.chat-sperr{border-color:#d94b3d;color:#ff9a8e}

/* Stand: Version 5 (Chat-v5): Online-Anzeige, Nicht stören, Nachrichtenton */
.chat-tabs .chat-ton{flex:0 0 44px;font-size:18px}
.chat-tabs .chat-ton.aus{opacity:.65}
.chat-sicht{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:.6rem .8rem;border:1px solid var(--line,#5a3e22);border-radius:12px;background:var(--panel2,#2c1f13);cursor:pointer}
.chat-sicht b{display:block}.chat-sicht small{color:var(--muted,#e2cdb0);font-size:.85rem}
.chat-sicht input{position:absolute;opacity:0;width:1px;height:1px}
.chat-schalter{flex:0 0 54px;height:28px;border-radius:999px;background:#6b6258;position:relative;transition:background .15s}
.chat-schalter:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}
.chat-sicht input:checked + .chat-schalter{background:#3ba55c}
.chat-sicht input:checked + .chat-schalter:after{left:29px}
.chat-sicht input:focus-visible + .chat-schalter{outline:3px solid var(--gold,#e9c46a);outline-offset:2px}
.chat-eintrag.chat-on{display:flex;align-items:center;gap:12px}
.chat-on-text{flex:1;min-width:0}
.chat-punkt{flex:0 0 14px;height:14px;border-radius:50%;background:#3ba55c;box-shadow:0 0 0 3px rgba(59,165,92,.28)}
.chat-punkt.grau{background:#8a8178;box-shadow:none}
.chat-los{color:var(--gold,#e9c46a);font-weight:700;font-size:.85rem;white-space:nowrap}
.chat-eintrag.aus{opacity:.8}
:root[data-theme="hell"] .chat-schalter{background:#9a9186}
.chat-sicht,.chat-sicht span,.chat-sicht b,.chat-sicht small{text-transform:none;letter-spacing:normal;font-family:inherit}
.chat-sicht small{font-size:.88rem;font-weight:400}
.chat-sicht b{font-size:1rem}

/* Chat-v6: Reiter und Symbolknöpfe: Schrift passt in die Chips, alles mittig */
.chat-tabs{align-items:stretch}
.chat-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;line-height:1;min-height:42px;font-size:.88rem;letter-spacing:0;text-align:center}
.chat-tabs button[data-tab]{padding:0 .4rem}
.chat-tabs .chat-zahnrad,.chat-tabs .chat-ton{flex:0 0 44px !important;width:44px;padding:0 !important;font-size:1.15rem !important;line-height:1}
.chat-tabs button .chat-zahl{flex:0 0 auto}