/* glampr-neu · KI-Postfach + Gäste-Chat (01.11.2026) — Farben über theme.css-Variablen */
.km{padding:18px 22px 30px;max-width:1400px}
.km-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.km-head h1{margin:0;font-size:1.45rem}.km-sub{color:var(--text-muted);font-size:.9rem;max-width:70ch}
.km-head>div:first-child{flex:1;min-width:260px}
.km-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}
.km-tabs button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:8px 12px;font:inherit;font-weight:650;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer}
.km-tabs button.on{color:var(--text);border-bottom-color:var(--accent,#245244)}
.km-tabs svg,.km svg{width:16px;height:16px;flex:0 0 auto}
.km-body{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:14px;align-items:start}
.km-left,.km-right{background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;min-width:0}
.km-left{max-height:calc(100vh - 190px);overflow:auto}
.km-right{padding:14px 16px;min-height:300px}
.km-filter{display:flex;gap:6px;align-items:center;padding:10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface,#fff);z-index:1}
.km-filter button{border:1px solid var(--border);background:none;border-radius:999px;padding:4px 10px;font:inherit;font-size:.82rem;cursor:pointer;color:var(--text)}
.km-filter button.on{background:var(--accent,#245244);border-color:var(--accent,#245244);color:#fff}
.km-filter .km-link{margin-left:auto;display:flex;align-items:center;gap:4px;border:0;color:var(--accent,#245244);font-weight:650}
.km-list{display:flex;flex-direction:column}
.km-row{all:unset;box-sizing:border-box;display:block;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;width:100%}
.km-row:hover{background:var(--surface-2,#eef1f4)}.km-row.on{background:var(--surface-2,#eef1f4);box-shadow:inset 3px 0 0 var(--accent,#245244)}
.km-row:focus-visible{outline:2px solid var(--accent,#245244);outline-offset:-2px}
.km-row.neu .km-r1 b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#E8735A;margin-left:6px;vertical-align:middle}
.km-r1{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.km-r1 span{color:var(--text-muted);font-size:.78rem;white-space:nowrap}
.km-r2{display:flex;gap:5px;align-items:center;margin:4px 0;flex-wrap:wrap}.km-subj{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.km-r3{font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.km-chip{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2,#eef1f4);color:var(--text)}
.km-chip.i-buchung{background:#E0ECE7;color:#1d4a3c}.km-chip.i-frage{background:#E7EEF7;color:#24466e}.km-chip.i-beschwerde{background:#FCE7E1;color:#9b3a24}
.km-chip.i-storno,.km-chip.i-aenderung{background:#FFF1D6;color:#7a5600}.km-chip.i-rechnung{background:#EEE7F7;color:#4d3478}.km-chip.st{background:#1C1917;color:#fff}
.km-empty{color:var(--text-muted);padding:18px;font-size:.9rem}
.km-skel{height:16px;border-radius:6px;background:var(--surface-2,#eef1f4);margin:14px}
.km-dh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.km-dt{flex:1;min-width:0;display:flex;flex-direction:column}.km-dt span{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis}
.km .btn.sm{padding:5px 10px;font-size:.82rem;display:inline-flex;align-items:center;gap:5px}
.km-mails{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;margin-bottom:6px}
.km-m{border:1px solid var(--border);border-radius:10px;padding:8px 10px}.km-m.out{background:var(--surface-2,#eef1f4)}
.km-mh{display:flex;justify-content:space-between;gap:8px;font-size:.82rem}.km-mh span{color:var(--text-muted)}
.km-m pre{white-space:pre-wrap;font:inherit;font-size:.86rem;margin:6px 0 0;word-break:break-word}
.km-sec{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.km-sec h3{margin:0 0 8px;font-size:.95rem}
.km-erk{display:flex;gap:5px;flex-wrap:wrap}.km-zus{margin:8px 0 4px;font-size:.88rem}.km-fr{margin:4px 0 0 18px;padding:0;font-size:.85rem;color:var(--text-muted)}
.km-gast,.km-warn,.km-ok{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:.86rem;border-radius:10px;padding:8px 10px}
.km-gast{background:var(--surface-2,#eef1f4)}.km-warn{background:#FFF1D6;color:#5c4100}.km-ok{background:#E0ECE7;color:#1d4a3c;align-items:center}
.km-off{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-bottom:6px;flex-wrap:wrap}
.km-off>div:first-child{display:flex;flex-direction:column;min-width:0}.km-off span{color:var(--text-muted);font-size:.8rem}.km-off-r{display:flex;align-items:center;gap:8px}
.km-none{color:var(--text-muted);font-size:.88rem}
.km-betreff{width:100%;box-sizing:border-box;margin-bottom:6px}
#kmEntwurf,#kcText{width:100%;box-sizing:border-box;font:inherit;font-size:.9rem;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--bg,#fff);color:var(--text);resize:vertical}
.km-hint{font-size:.8rem;color:var(--text-muted);margin-top:6px}
.km-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.km-act .btn{display:inline-flex;align-items:center;gap:6px}
.km-busy{font-size:.85rem;color:var(--text-muted);padding:4px 0}
.kc-log{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 360px);min-height:200px;overflow:auto;padding:4px 2px}
.kc-m{display:flex;flex-direction:column;max-width:80%}.kc-m span{font-size:.72rem;color:var(--text-muted);margin-top:2px}
.kc-m .kc-b{border-radius:12px;padding:8px 11px;font-size:.88rem;white-space:pre-wrap;word-break:break-word}
.kc-m.gast{align-self:flex-start}.kc-m.gast .kc-b{background:var(--surface-2,#eef1f4)}
.kc-m.lisa,.kc-m.team{align-self:flex-end;align-items:flex-end}.kc-m.lisa .kc-b{background:#E0ECE7}.kc-m.team .kc-b{background:#245244;color:#fff}
.kc-m.system{align-self:center;max-width:100%}.kc-m.system .kc-b{background:none;color:var(--text-muted);font-size:.8rem;padding:2px}
.kc-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.kc-l a{font-size:.78rem;font-weight:650;color:inherit}
.kc-in{display:flex;gap:8px;align-items:flex-end;margin-top:10px}.kc-in .btn{display:inline-flex;align-items:center;gap:6px}
[data-theme="dark"] .km-chip.i-buchung,[data-theme="dark"] .km-ok,[data-theme="dark"] .kc-m.lisa .kc-b{background:#1f3a31;color:#d6efe4}
[data-theme="dark"] .km-chip.i-frage{background:#1f2f45;color:#cfe0f7}[data-theme="dark"] .km-chip.i-beschwerde{background:#4a2219;color:#ffd9cf}
[data-theme="dark"] .km-chip.i-storno,[data-theme="dark"] .km-chip.i-aenderung,[data-theme="dark"] .km-warn{background:#3f3110;color:#ffe7b0}
[data-theme="dark"] .km-chip.i-rechnung{background:#30254a;color:#e3d6fa}[data-theme="dark"] .km-chip.st{background:#e9ecef;color:#111}
.km-back{display:none}
@media (max-width:820px){
  .km{padding:12px 12px 24px}.km-body{grid-template-columns:1fr}.km-left{max-height:none}
  .km-body.auf .km-left{display:none}.km-body:not(.auf) .km-right{display:none}.km-back{display:inline-flex}
  .kc-log{max-height:55vh}.kc-m{max-width:92%}
}
/* Korrekturen nach Sichtprüfung (01.11.2026) */
.km .km-row{display:flex !important;flex-direction:column !important;align-items:stretch !important;text-align:left;height:auto;min-height:0}
.km .km-row>div{width:100%}
.km .km-back{display:none}
.km .km-betreff{font:inherit;font-size:.9rem;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--bg,#fff);color:var(--text)}
@media (max-width:820px){
  .km .km-back{display:inline-flex}
  .km-dh .km-dt{flex:1 1 calc(100% - 120px)}
  .km-dh>.btn:last-child{margin-left:auto}
}
.km .km-dh .km-back{display:none}
@media (max-width:820px){.km .km-dh .km-back{display:inline-flex}}