/* =========================================================================
   ServiceHub Redesign — Bereich "ed-acceptance-ki"
   REIN OPTISCH. Keine Funktionsaenderung. Nur Tokens, Farben, Rahmen,
   Radien, Schatten — kein Layout-Umbau, kein display:none auf Controls.

   Block 3  Annahme/Unterschrift-Dialog  (dialog.sh-qacc-dlg, sh-qacc__...)
            warme Karte mit Pop-Schatten, gerundete Zeilen.
   Block 2  KI-Menue / KI-Dropdown        (del-ai-dropdown, del-tab--ai,
            del-ai-menu, del-ai-menu-item, del-ai-menu-section,
            del-ai-menu-divider) + KI-Umschreiben-Knopf im Versand-Dialog
            violett-getoent, Eintraege gerundet mit Hover.

   Scoping: eigene --rd-... Tokens lokal auf die Bereichs-Container
   (.sh-qacc-dlg und .del-ai-menu/.del-ai-dropdown) gesetzt — damit
   ladereihenfolge-unabhaengig. Light hier, Dark via [data-theme="dark"].
   Globale Basis (.btn/.badge/.data-table/:root) NICHT angefasst.
   ========================================================================= */

/* ---------- Tokens (Light) — Annahme/Unterschrift-Dialog ---------- */
.sh-qacc-dlg{
  --rd-accent:#E73D25; --rd-accent-700:#C5331E; --rd-accent-soft:#FCEDE7;
  --rd-honey:#D99A2B; --rd-ok:#16A34A; --rd-ok-soft:#E9F8EF;
  --rd-warn:#C7791A; --rd-info:#2F6BD6;
  --rd-bg:#FAF6F2; --rd-surface:#FFFFFF; --rd-surf-2:#F6F1EB; --rd-surf-3:#EFE8E0;
  --rd-ink:#231C17; --rd-text:#463D35; --rd-text-2:#6B6157; --rd-muted:#9A8F84;
  --rd-border:#EEE5DC; --rd-border-2:#E3D9CE;
  --rd-no:#D92D20; --rd-no-soft:#FCEBE9;
  --rd-font-head:'Space Grotesk','Figtree',system-ui,sans-serif;
  --rd-font-body:'Figtree',system-ui,sans-serif;
  --rd-font-mono:'Space Mono',ui-monospace,monospace;
  --rd-r-xs:7px; --rd-r-sm:9px; --rd-r-md:12px; --rd-r-lg:16px; --rd-r-xl:20px; --rd-r-pill:999px;
  --rd-sh-sm:0 1px 2px rgba(120,80,50,.06);
  --rd-sh-md:0 6px 20px rgba(120,80,50,.07),0 1px 2px rgba(120,80,50,.05);
  --rd-sh-pop:0 24px 60px rgba(120,80,50,.20),0 4px 14px rgba(120,80,50,.10);
  --rd-tr:.16s cubic-bezier(.2,.7,.3,1);
}
[data-theme="dark"] .sh-qacc-dlg{
  --rd-accent:#F2543B; --rd-accent-700:#E0432B; --rd-accent-soft:rgba(242,84,59,.16);
  --rd-honey:#E6AE4A; --rd-ok:#3BC07A; --rd-ok-soft:rgba(59,192,122,.15);
  --rd-warn:#E5A33C; --rd-info:#5C8FE8;
  --rd-bg:#15120F; --rd-surface:#1E1A16; --rd-surf-2:#241F1A; --rd-surf-3:#2C2620;
  --rd-ink:#F6F1EC; --rd-text:#E2D8CE; --rd-text-2:#B3A99E; --rd-muted:#8C8175;
  --rd-border:#2E2822; --rd-border-2:#3A332B;
  --rd-no:#F2675A; --rd-no-soft:rgba(217,45,32,.18);
  --rd-sh-sm:0 1px 2px rgba(0,0,0,.4);
  --rd-sh-md:0 6px 20px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4);
  --rd-sh-pop:0 24px 60px rgba(0,0,0,.55),0 4px 14px rgba(0,0,0,.45);
}

/* ---------- Backdrop (warmer Schleier) ---------- */
.sh-qacc-dlg::backdrop{
  background:rgba(35,28,23,.46);
  backdrop-filter:blur(2px);
}

/* ---------- Dialog-Karte ---------- */
.sh-qacc-dlg{
  border:none;
  padding:0;
  background:transparent;
  color:var(--rd-text);
  font-family:var(--rd-font-body);
}
.sh-qacc-dlg .panel{
  max-width:520px;
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-pop);
  padding:22px 24px;
  color:var(--rd-text);
}
.sh-qacc-dlg .panel > h2{
  font-family:var(--rd-font-head);
  font-size:1.12rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--rd-ink);
  padding-bottom:14px;
  border-bottom:1px solid var(--rd-border);
}

/* ---------- Datenzeilen ---------- */
.sh-qacc-dlg .sh-qacc__row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:baseline;
  padding:.46rem .55rem;
  margin:1px 0;
  border-bottom:none;
  border-radius:var(--rd-r-sm);
  font-size:.86rem;
  transition:background var(--rd-tr);
}
.sh-qacc-dlg .sh-qacc__row:nth-child(odd){
  background:var(--rd-surf-2);
}
.sh-qacc-dlg .sh-qacc__row:hover{
  background:var(--rd-surf-3);
}
.sh-qacc-dlg .sh-qacc__row:last-of-type{border-bottom:none;}
.sh-qacc-dlg .sh-qacc__k{
  color:var(--rd-text-2);
  font-weight:500;
}
.sh-qacc-dlg .sh-qacc__v{
  font-weight:600;
  color:var(--rd-ink);
  text-align:right;
}
.sh-qacc-dlg .sh-qacc__ok{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:2px 10px;
  border-radius:var(--rd-r-pill);
  background:var(--rd-ok-soft);
  color:var(--rd-ok);
  font-weight:700;
  font-size:.8rem;
}
.sh-qacc-dlg .sh-qacc__no{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:2px 10px;
  border-radius:var(--rd-r-pill);
  background:var(--rd-no-soft);
  color:var(--rd-no);
  font-weight:700;
  font-size:.8rem;
}

/* ---------- Unterschrift-Box ---------- */
.sh-qacc-dlg .sh-qacc__sig{
  margin-top:.9rem;
  border:1px solid var(--rd-border-2);
  border-radius:var(--rd-r-md);
  padding:.8rem;
  background:#fff;
  text-align:center;
  box-shadow:var(--rd-sh-sm);
  position:relative;
}
.sh-qacc-dlg .sh-qacc__sig::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  border-radius:var(--rd-r-md) 0 0 var(--rd-r-md);
  background:var(--rd-ok);
}
.sh-qacc-dlg .sh-qacc__sig img{
  max-width:100%;
  max-height:170px;
  border-radius:var(--rd-r-xs);
}
.sh-qacc-dlg .sh-qacc__sig-meta{
  font-size:.78rem;
  color:var(--rd-text-2);
  margin-top:.5rem;
  line-height:1.45;
}
.sh-qacc-dlg .sh-qacc__sig-meta b{color:var(--rd-ink);}

/* ---------- Leer / Lade-Zustand ---------- */
.sh-qacc-dlg .sh-qacc__empty{
  padding:1.4rem .4rem;
  text-align:center;
  color:var(--rd-text-2);
  line-height:1.55;
  font-size:.9rem;
}
.sh-qacc-dlg .sh-qacc__empty b{color:var(--rd-ink);}

/* ---------- Schliessen-Knopf (nur farblich angleichen) ---------- */
.sh-qacc-dlg .panel > div:last-child .btn-ghost{
  border-radius:var(--rd-r-pill);
}

/* =========================================================================
   Block 2 — KI-Menue / KI-Dropdown (violett-getoent)
   ========================================================================= */

/* ---------- Tokens (Light) — KI-Menue ---------- */
.del-ai-dropdown,
.del-ai-menu{
  --rd-violet:#7C5BD6; --rd-violet-700:#6A49C4; --rd-violet-soft:#F0ECFB;
  --rd-violet-line:rgba(124,91,214,.22);
  --rd-surface:#FFFFFF; --rd-surf-2:#F6F1EB;
  --rd-ink:#231C17; --rd-text:#463D35; --rd-text-2:#6B6157; --rd-muted:#9A8F84;
  --rd-border:#EEE5DC; --rd-border-2:#E3D9CE;
  --rd-font-head:'Space Grotesk','Figtree',system-ui,sans-serif;
  --rd-font-body:'Figtree',system-ui,sans-serif;
  --rd-r-sm:9px; --rd-r-md:12px; --rd-r-lg:16px; --rd-r-pill:999px;
  --rd-sh-pop:0 18px 44px rgba(80,55,130,.18),0 4px 12px rgba(80,55,130,.10);
  --rd-tr:.15s cubic-bezier(.2,.7,.3,1);
}
[data-theme="dark"] .del-ai-dropdown,
[data-theme="dark"] .del-ai-menu{
  --rd-violet:#9D82E6; --rd-violet-700:#8A6FDC; --rd-violet-soft:rgba(157,130,230,.16);
  --rd-violet-line:rgba(157,130,230,.30);
  --rd-surface:#1E1A16; --rd-surf-2:#241F1A;
  --rd-ink:#F6F1EC; --rd-text:#E2D8CE; --rd-text-2:#B3A99E; --rd-muted:#8C8175;
  --rd-border:#2E2822; --rd-border-2:#3A332B;
  --rd-sh-pop:0 18px 44px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.4);
}

/* ---------- KI-Toggle-Button (del-tab--ai) ---------- */
.del-tab--ai{
  color:var(--rd-violet);
  font-family:var(--rd-font-body);
  font-weight:600;
  border-radius:var(--rd-r-pill);
  transition:background var(--rd-tr),color var(--rd-tr),box-shadow var(--rd-tr);
}
.del-tab--ai:hover{
  background:var(--rd-violet-soft);
  color:var(--rd-violet-700);
}
.del-tab--ai.del-tab--active{
  background:var(--rd-violet-soft);
  color:var(--rd-violet-700);
  box-shadow:inset 0 0 0 1px var(--rd-violet-line);
}

/* ---------- KI-Menue (Dropdown-Panel) ---------- */
.del-ai-menu{
  background:var(--rd-surface);
  border:1px solid var(--rd-violet-line);
  border-radius:var(--rd-r-md);
  box-shadow:var(--rd-sh-pop);
  padding:6px;
  color:var(--rd-text);
  font-family:var(--rd-font-body);
}

/* ---------- Menue-Eintraege (gerundet, Hover) ---------- */
.del-ai-menu .del-ai-menu-item{
  display:block;
  width:100%;
  text-align:left;
  padding:8px 12px;
  border:none;
  background:transparent;
  color:var(--rd-text);
  font-family:var(--rd-font-body);
  font-size:.85rem;
  font-weight:500;
  border-radius:var(--rd-r-sm);
  cursor:pointer;
  transition:background var(--rd-tr),color var(--rd-tr);
}
.del-ai-menu .del-ai-menu-item:hover{
  background:var(--rd-violet-soft);
  color:var(--rd-violet-700);
}
.del-ai-menu .del-ai-menu-item:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 2px var(--rd-violet-line);
}

/* ---------- hervorgehobener KI-Chat-Eintrag (Copilot) ----------
   Markup setzt inline background:#6366f1 — wir tonen ihn auf das
   warme Violett um, ohne den Eintrag zu verstecken oder umzubauen. */
.del-ai-menu .del-ai-menu-item[data-ai-action="ai-chat"]{
  background:var(--rd-violet);
  color:#fff;
  font-weight:700;
  border-radius:var(--rd-r-sm);
  margin:4px 2px;
  box-shadow:0 5px 14px rgba(124,91,214,.28);
}
.del-ai-menu .del-ai-menu-item[data-ai-action="ai-chat"]:hover{
  background:var(--rd-violet-700);
  color:#fff;
}

/* ---------- Sektion-Ueberschriften ---------- */
.del-ai-menu .del-ai-menu-section{
  font-family:var(--rd-font-head);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--rd-muted);
  padding:8px 12px 4px;
}

/* ---------- Trenner ---------- */
.del-ai-menu .del-ai-menu-divider{
  height:1px;
  margin:5px 8px;
  background:var(--rd-border);
  border:none;
}

/* =========================================================================
   Block 2 (Forts.) — KI-Umschreiben-Knopf im Versand-Dialog
   (#qeiSendKi) violett-getoent, damit die KI-Aktion einheitlich wirkt.
   Nur Farbe/Rahmen/Radius — keine Logik.
   ========================================================================= */
#qeiSendDialog #qeiSendKi{
  --rd-violet:#7C5BD6; --rd-violet-700:#6A49C4; --rd-violet-soft:#F0ECFB;
  --rd-violet-line:rgba(124,91,214,.30);
  background:var(--rd-violet-soft);
  color:var(--rd-violet-700);
  border:1px solid var(--rd-violet-line);
  border-radius:999px;
  font-weight:600;
  transition:background .15s cubic-bezier(.2,.7,.3,1),color .15s cubic-bezier(.2,.7,.3,1);
}
#qeiSendDialog #qeiSendKi:hover{
  background:var(--rd-violet);
  color:#fff;
  border-color:var(--rd-violet);
}
[data-theme="dark"] #qeiSendDialog #qeiSendKi{
  --rd-violet:#9D82E6; --rd-violet-700:#B49CEC; --rd-violet-soft:rgba(157,130,230,.16);
  --rd-violet-line:rgba(157,130,230,.34);
}