/* =========================================================================
   ServiceHub — REIN OPTISCHES Re-Design: Operatives Slide-over (ed-operative)
   Bereich: das operative Panel-Set im Auftrags-Editor (#oei-menu-dropdown):
     - "Naechste Schritte" Aktionszeilen     -> .wg-* (workflow-guidance.js)
     - "Operative Daten" (Stunden/Material)  -> .oei-operative-* (order-editor-integration.js)
     - "Technikerzuweisung"                  -> .oei-technician-panel / .oei-tech-*
     - "Verrechnung" (Netto/Brutto)          -> .oei-billing-panel / .oei-billing-* / .oei-inv-*
     - "Stunde/Material hinzufuegen"         -> .oei-operative-actions

   Goldene Regel: NUR Optik. Keine Logik, keine Felder, keine Endpunkte,
   keine Routen/Events/Status/Rechte. Nichts wird versteckt, alles bleibt
   sichtbar + klickbar. Markup-Struktur unveraendert (nur Klassen/Tokens).

   Scoping: alles unter #oei-menu-dropdown. ID-Specificity (1,0,1) gewinnt
   sauber gegen die per JS injizierten 1-Klassen-Inline-Regeln (0,1,0),
   ladereihenfolge-unabhaengig und ohne !important-Wust.
   Light + Dark via [data-theme="dark"].
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Figtree:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ---------- lokale Tokens (warm, Light) ---------- */
#oei-menu-dropdown{
  --rd-accent:#E73D25; --rd-accent-700:#C5331E; --rd-accent-600:#D6371F;
  --rd-accent-soft:#FCEDE7; --rd-accent-line:rgba(231,61,37,.22);
  --rd-honey:#D99A2B; --rd-honey-soft:#FBF0DA;
  --rd-ok:#16A34A; --rd-ok-soft:#E9F8EF;
  --rd-warn:#C7791A; --rd-warn-soft:#FBF1E0;
  --rd-info:#2F6BD6; --rd-info-soft:#EAF1FC;
  --rd-violet:#7C5BD6; --rd-violet-soft:#F0ECFB;

  --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-field:#F6F1EB;

  --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-lg:0 18px 44px rgba(120,80,50,.14);
  --rd-sh-accent:0 5px 14px rgba(231,61,37,.28);

  --rd-ring:0 0 0 3px var(--rd-accent-soft);
  --rd-tr:.16s cubic-bezier(.2,.7,.3,1);
}

/* ---------- Dark ---------- */
[data-theme="dark"] #oei-menu-dropdown{
  --rd-accent:#F2543B; --rd-accent-700:#E0432B; --rd-accent-600:#EC4A30;
  --rd-accent-soft:rgba(242,84,59,.16); --rd-accent-line:rgba(242,84,59,.30);
  --rd-honey:#E6AE4A; --rd-honey-soft:rgba(230,174,74,.16);
  --rd-ok:#3BC07A; --rd-ok-soft:rgba(59,192,122,.15);
  --rd-warn:#E5A33C; --rd-warn-soft:rgba(229,163,60,.15);
  --rd-info:#5C8FE8; --rd-info-soft:rgba(92,143,232,.16);
  --rd-violet:#9D82E6; --rd-violet-soft:rgba(157,130,230,.16);

  --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-field:#241F1A;

  --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-lg:0 18px 44px rgba(0,0,0,.5);
  --rd-sh-accent:0 5px 14px rgba(0,0,0,.5);
  --rd-ring:0 0 0 3px var(--rd-accent-soft);
}

/* =========================================================================
   PANELS — warme Karten (gemeinsame Huelle aller .panel im Slide-over)
   ========================================================================= */
#oei-menu-dropdown .panel{
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-md);
  font-family:var(--rd-font-body);
  color:var(--rd-text);
}
#oei-menu-dropdown .panel h2,
#oei-menu-dropdown .panel h3,
#oei-menu-dropdown .panel h4,
#oei-menu-dropdown .panel .oei-panel-title{
  font-family:var(--rd-font-head);
  color:var(--rd-ink);
  letter-spacing:-.01em;
}

/* =========================================================================
   "NAECHSTE SCHRITTE" — Leitsystem (workflow-guidance.js, .wg-*)
   ========================================================================= */
#oei-menu-dropdown .wg-panel{
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-md);
  padding:16px 18px;
  margin-bottom:14px;
  font-family:var(--rd-font-body);
  color:var(--rd-text);
}
#oei-menu-dropdown .wg-section{
  font-family:var(--rd-font-head);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--rd-muted);
  margin-bottom:12px;
}

/* Banner */
#oei-menu-dropdown .wg-banner{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 15px;
  border-radius:var(--rd-r-md);
  background:var(--rd-surf-2);
  border:1px solid var(--rd-border-2);
}
#oei-menu-dropdown .wg-banner--info{background:var(--rd-info-soft);border-color:transparent}
#oei-menu-dropdown .wg-banner--success,
#oei-menu-dropdown .wg-banner--done{background:var(--rd-ok-soft);border-color:transparent}
#oei-menu-dropdown .wg-banner--attention,
#oei-menu-dropdown .wg-banner--warn{background:var(--rd-warn-soft);border-color:transparent}
#oei-menu-dropdown .wg-banner--urgent{background:var(--rd-accent-soft);border-color:var(--rd-accent-line)}
#oei-menu-dropdown .wg-banner__emoji{font-size:1.15em;line-height:1.3;flex:none}
#oei-menu-dropdown .wg-banner__text{min-width:0}
#oei-menu-dropdown .wg-banner__headline{
  font-family:var(--rd-font-head);
  font-weight:700;
  color:var(--rd-ink);
  font-size:13.5px;
}
#oei-menu-dropdown .wg-banner__detail{color:var(--rd-text-2);font-size:12.5px;margin-top:2px}
#oei-menu-dropdown .wg-banner__meta{color:var(--rd-muted);font-size:11.5px;margin-top:3px}
#oei-menu-dropdown .wg-urgency-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-left:auto;margin-top:4px}
#oei-menu-dropdown .wg-urgency-dot--red{background:var(--rd-accent)}
#oei-menu-dropdown .wg-urgency-dot--orange{background:var(--rd-warn)}

/* Aktionszeilen: Icon + Inhalt + Pfeil, Hover surf-2 */
#oei-menu-dropdown .wg-actions{display:flex;flex-direction:column;gap:7px}
#oei-menu-dropdown .wg-action{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  border-radius:var(--rd-r-md);
  border:1px solid var(--rd-border);
  background:var(--rd-surface);
  cursor:pointer;
  transition:var(--rd-tr);
}
#oei-menu-dropdown .wg-action:hover{
  background:var(--rd-surf-2);
  border-color:var(--rd-border-2);
  transform:translateY(-1px);
  box-shadow:var(--rd-sh-sm);
}
#oei-menu-dropdown .wg-action--primary{
  background:var(--rd-accent-soft);
  border-color:var(--rd-accent-line);
}
#oei-menu-dropdown .wg-action--primary:hover{background:var(--rd-accent-soft);border-color:var(--rd-accent)}
#oei-menu-dropdown .wg-action__icon{
  width:34px;height:34px;flex:none;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--rd-r-sm);
  background:var(--rd-surf-2);
  color:var(--rd-accent);
  font-size:1.05em;
}
#oei-menu-dropdown .wg-action--primary .wg-action__icon{background:var(--rd-surface);color:var(--rd-accent)}
#oei-menu-dropdown .wg-action__content{flex:1;min-width:0}
#oei-menu-dropdown .wg-action__label{
  font-weight:600;color:var(--rd-ink);font-size:13px;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
#oei-menu-dropdown .wg-action__desc{color:var(--rd-text-2);font-size:12px;margin-top:2px}
#oei-menu-dropdown .wg-action__arrow{
  color:var(--rd-muted);font-size:1.05em;flex:none;
  transition:var(--rd-tr);
}
#oei-menu-dropdown .wg-action:hover .wg-action__arrow{color:var(--rd-accent);transform:translateX(2px)}
#oei-menu-dropdown .wg-action__badge{
  display:inline-flex;align-items:center;
  padding:2px 8px;border-radius:var(--rd-r-pill);
  font-size:10.5px;font-weight:700;letter-spacing:.02em;
  background:var(--rd-surf-2);color:var(--rd-text-2);
}
#oei-menu-dropdown .wg-action__badge--new{background:var(--rd-accent-soft);color:var(--rd-accent)}
#oei-menu-dropdown .wg-action__badge--info{background:var(--rd-info-soft);color:var(--rd-info)}
#oei-menu-dropdown .wg-action__badge--ok{background:var(--rd-ok-soft);color:var(--rd-ok)}
#oei-menu-dropdown .wg-action__badge--warn{background:var(--rd-warn-soft);color:var(--rd-warn)}

/* Kontext-Chips */
#oei-menu-dropdown .wg-context{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
#oei-menu-dropdown .wg-chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:var(--rd-r-pill);
  border:1px solid var(--rd-border-2);background:var(--rd-surf-2);
  font-size:11.5px;color:var(--rd-text-2);
}
#oei-menu-dropdown .wg-chip b{color:var(--rd-ink);font-weight:600}
#oei-menu-dropdown .wg-chip--accent{background:var(--rd-accent-soft);border-color:var(--rd-accent-line);color:var(--rd-accent)}
#oei-menu-dropdown .wg-chip--ok{background:var(--rd-ok-soft);border-color:transparent;color:var(--rd-ok)}
#oei-menu-dropdown .wg-chip--warn{background:var(--rd-warn-soft);border-color:transparent;color:var(--rd-warn)}
#oei-menu-dropdown .wg-loading{color:var(--rd-muted);font-size:12.5px;font-style:italic;padding:8px 0}

/* KPIs (Finanzen) im Leitsystem */
#oei-menu-dropdown .wg-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
#oei-menu-dropdown .wg-kpi{
  background:var(--rd-surf-2);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-md);
  padding:11px 13px;
}
#oei-menu-dropdown .wg-kpi__label{font-size:11px;color:var(--rd-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
#oei-menu-dropdown .wg-kpi__value{font-family:var(--rd-font-mono);font-weight:700;color:var(--rd-ink);font-size:15px;margin-top:3px}
#oei-menu-dropdown .wg-kpi__value--big{font-size:17px}
#oei-menu-dropdown .wg-kpi__value--red{color:var(--rd-accent)}
#oei-menu-dropdown .wg-kpi__value--green{color:var(--rd-ok)}
#oei-menu-dropdown .wg-kpi__value--muted{color:var(--rd-muted)}
#oei-menu-dropdown .wg-kpi-progress{height:6px;border-radius:var(--rd-r-pill);background:var(--rd-surf-3);overflow:hidden;margin-top:8px}
#oei-menu-dropdown .wg-kpi-progress__fill{height:100%;background:var(--rd-accent);border-radius:var(--rd-r-pill)}
#oei-menu-dropdown .wg-kpi-progress__fill--green{background:var(--rd-ok)}
#oei-menu-dropdown .wg-kpi-progress__fill--orange{background:var(--rd-honey)}

/* =========================================================================
   "OPERATIVE DATEN" — Stunden + Material (.oei-operative-*)
   ========================================================================= */
#oei-menu-dropdown .oei-operative-panel{
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-md);
}
#oei-menu-dropdown .oei-operative-panel h2{
  font-family:var(--rd-font-head);
  font-size:14px;
  font-weight:700;
  color:var(--rd-ink);
  letter-spacing:-.01em;
  margin:0 0 12px 0;
}
#oei-menu-dropdown .oei-operative-section{
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--rd-border);
}
#oei-menu-dropdown .oei-operative-section:last-child{
  margin-bottom:0;padding-bottom:0;border-bottom:none;
}
#oei-menu-dropdown .oei-operative-header{
  display:flex;align-items:center;gap:8px;
  margin-bottom:9px;
  font-weight:600;font-size:13px;
  color:var(--rd-text);
}
#oei-menu-dropdown .oei-operative-icon{font-size:1.1em;line-height:1}
#oei-menu-dropdown .oei-operative-title{flex:1;font-family:var(--rd-font-head);color:var(--rd-ink)}
#oei-menu-dropdown .oei-operative-badge{
  background:var(--rd-surf-2);
  color:var(--rd-text-2);
  padding:2px 9px;
  border-radius:var(--rd-r-pill);
  font-size:11px;font-weight:700;
}
#oei-menu-dropdown .oei-operative-grid{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:5px 12px;
  font-size:12.5px;
  padding:11px 13px;
  background:var(--rd-surf-2);
  border-radius:var(--rd-r-md);
}
#oei-menu-dropdown .oei-operative-label{color:var(--rd-text-2);white-space:nowrap}
#oei-menu-dropdown .oei-operative-value{
  text-align:right;
  font-family:var(--rd-font-mono);
  font-weight:700;
  color:var(--rd-ink);
}
#oei-menu-dropdown .oei-operative-value--billable{color:var(--rd-ok)}
#oei-menu-dropdown .oei-operative-value--internal{color:var(--rd-muted)}
#oei-menu-dropdown .oei-operative-value--highlight{color:var(--rd-honey);font-weight:700}
#oei-menu-dropdown .oei-operative-loading,
#oei-menu-dropdown .oei-operative-empty{
  color:var(--rd-muted);
  font-size:12.5px;
  font-style:italic;
  padding:8px 0;
}
#oei-menu-dropdown .oei-operative-empty{text-align:center}

/* Aktions-Buttons: "Stunde hinzufuegen" / "Material hinzufuegen" */
#oei-menu-dropdown .oei-operative-actions{
  display:flex;gap:8px;margin-top:12px;
}
#oei-menu-dropdown .oei-operative-actions .btn{flex:1}

/* =========================================================================
   "TECHNIKERZUWEISUNG" (.oei-technician-panel / .oei-tech-*)
   ========================================================================= */
#oei-menu-dropdown .oei-technician-panel{
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-md);
}
#oei-menu-dropdown .oei-technician-panel h2{
  font-family:var(--rd-font-head);
  font-size:14px;font-weight:700;
  color:var(--rd-ink);letter-spacing:-.01em;
  margin:0 0 12px 0;
}
#oei-menu-dropdown .oei-tech-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#oei-menu-dropdown .oei-tech-chip{
  display:flex;align-items:center;gap:8px;
  padding:9px 12px;
  background:var(--rd-surf-2);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-md);
  transition:var(--rd-tr);
}
#oei-menu-dropdown .oei-tech-chip:hover{background:var(--rd-surf-3);border-color:var(--rd-border-2)}
#oei-menu-dropdown .oei-tech-name{flex:1;font-weight:600;color:var(--rd-ink);font-size:12.5px}
#oei-menu-dropdown .oei-tech-remove{
  width:24px;height:24px;flex:none;
  display:flex;align-items:center;justify-content:center;
  border:none;border-radius:var(--rd-r-sm);
  background:transparent;color:var(--rd-muted);
  font-size:16px;line-height:1;cursor:pointer;
  transition:var(--rd-tr);
}
#oei-menu-dropdown .oei-tech-remove:hover{background:var(--rd-accent-soft);color:var(--rd-accent)}
#oei-menu-dropdown .oei-tech-empty{
  color:var(--rd-muted);font-size:12.5px;font-style:italic;
  padding:9px 12px;
  background:var(--rd-surf-2);
  border:1px dashed var(--rd-border-2);
  border-radius:var(--rd-r-md);
  text-align:center;
}
#oei-menu-dropdown .oei-tech-add{display:flex;gap:8px;align-items:stretch}
#oei-menu-dropdown .oei-tech-select{
  flex:1;
  appearance:none;
  background:var(--rd-surface);
  border:1px solid var(--rd-border-2);
  border-radius:var(--rd-r-sm);
  padding:9px 12px;
  font-family:var(--rd-font-body);
  font-size:13px;
  color:var(--rd-ink);
  transition:var(--rd-tr);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239A8F84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 11px center;
  padding-right:34px;
}
#oei-menu-dropdown .oei-tech-select:focus{outline:none;border-color:var(--rd-accent);box-shadow:var(--rd-ring)}
#oei-menu-dropdown .oei-tech-assign-btn{flex:none;white-space:nowrap}
#oei-menu-dropdown .oei-tech-loading{color:var(--rd-muted);font-size:12.5px;font-style:italic;padding:8px 0}

/* =========================================================================
   "VERRECHNUNG" — Netto/Brutto + Rechnungen (.oei-billing-* / .oei-inv-*)
   ========================================================================= */
#oei-menu-dropdown .oei-billing-panel{
  background:var(--rd-surface);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-sh-md);
}
#oei-menu-dropdown .oei-billing-panel h2{
  font-family:var(--rd-font-head);
  font-size:14px;font-weight:700;
  color:var(--rd-ink);letter-spacing:-.01em;
  margin:0 0 12px 0;
}
/* Summen-Block: Mono-Werte auf warmer Flaeche */
#oei-menu-dropdown .oei-billing-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 12px;
  font-size:13px;
  padding:13px 15px;
  background:var(--rd-surf-2);
  border-radius:var(--rd-r-md);
  margin-bottom:14px;
}
#oei-menu-dropdown .oei-billing-label{color:var(--rd-text-2)}
#oei-menu-dropdown .oei-billing-value{
  text-align:right;
  font-family:var(--rd-font-mono);
  font-weight:700;
  color:var(--rd-ink);
}
#oei-menu-dropdown .oei-billing-value--billable{color:var(--rd-info)}
#oei-menu-dropdown .oei-billing-value--billed{color:var(--rd-ok)}
#oei-menu-dropdown .oei-billing-value--open{color:var(--rd-accent)}
#oei-menu-dropdown .oei-billing-note{
  color:var(--rd-muted);font-size:12.5px;font-style:italic;
  padding:11px 13px;
  background:var(--rd-surf-2);
  border-radius:var(--rd-r-md);
}
#oei-menu-dropdown .oei-billing-section-title{
  font-family:var(--rd-font-head);
  font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  color:var(--rd-muted);
  margin:0 0 9px;
}
#oei-menu-dropdown .oei-billing-loading{color:var(--rd-muted);font-size:12.5px;font-style:italic;padding:8px 0}

/* Rechnungsliste */
#oei-menu-dropdown .oei-invoices-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
#oei-menu-dropdown .oei-invoice-row{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 13px;
  background:var(--rd-surf-2);
  border:1px solid var(--rd-border);
  border-radius:var(--rd-r-md);
  font-size:12.5px;
  transition:var(--rd-tr);
}
#oei-menu-dropdown .oei-invoice-row:hover{background:var(--rd-surf-3);border-color:var(--rd-border-2)}
#oei-menu-dropdown .oei-inv-no{font-family:var(--rd-font-mono);font-weight:700;color:var(--rd-ink)}
#oei-menu-dropdown .oei-inv-type{color:var(--rd-text-2)}
#oei-menu-dropdown .oei-inv-amount{
  margin-left:auto;
  font-family:var(--rd-font-mono);
  font-weight:700;color:var(--rd-ink);
}
#oei-menu-dropdown .oei-inv-date{color:var(--rd-muted);font-size:11.5px;width:100%;text-align:right}
/* Status-Pillen */
#oei-menu-dropdown .oei-inv-status{
  display:inline-flex;align-items:center;
  padding:2px 9px;border-radius:var(--rd-r-pill);
  font-size:10.5px;font-weight:700;letter-spacing:.02em;
  background:var(--rd-surf-3);color:var(--rd-text-2);
}
#oei-menu-dropdown .oei-inv-status.oei-inv-paid{background:var(--rd-ok-soft);color:var(--rd-ok)}
#oei-menu-dropdown .oei-inv-status.oei-inv-overdue{background:var(--rd-accent-soft);color:var(--rd-accent)}
#oei-menu-dropdown .oei-inv-status.oei-inv-sent{background:var(--rd-info-soft);color:var(--rd-info)}
#oei-menu-dropdown .oei-inv-status.oei-inv-draft{background:var(--rd-surf-3);color:var(--rd-muted)}
#oei-menu-dropdown .oei-billing-actions{display:flex;gap:8px}
#oei-menu-dropdown .oei-billing-actions .btn{flex:1}

/* =========================================================================
   BUTTONS — warmes Pill-Look (gilt fuer alle .btn im Slide-over)
   ========================================================================= */
#oei-menu-dropdown .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 16px;
  border:none;
  border-radius:var(--rd-r-pill);
  font-family:var(--rd-font-body);
  font-weight:600;
  font-size:13px;
  transition:var(--rd-tr);
  white-space:nowrap;
  cursor:pointer;
}
#oei-menu-dropdown .btn-primary{background:var(--rd-accent);color:#fff;box-shadow:var(--rd-sh-accent)}
#oei-menu-dropdown .btn-primary:hover{background:var(--rd-accent-700);transform:translateY(-1px)}
#oei-menu-dropdown .btn-secondary{background:var(--rd-accent-soft);color:var(--rd-accent)}
#oei-menu-dropdown .btn-secondary:hover{background:var(--rd-accent);color:#fff}
#oei-menu-dropdown .btn-ghost{background:var(--rd-surface);border:1px solid var(--rd-border-2);color:var(--rd-text)}
#oei-menu-dropdown .btn-ghost:hover{border-color:var(--rd-accent);color:var(--rd-accent);background:var(--rd-accent-soft)}
#oei-menu-dropdown .btn-danger,
#oei-menu-dropdown .btn-ghost.btn-danger{color:var(--rd-accent);border-color:var(--rd-accent-line);background:var(--rd-surface)}
#oei-menu-dropdown .btn-ghost.btn-danger:hover{background:var(--rd-accent);color:#fff;border-color:var(--rd-accent)}

/* Aktionen-Spalte (Buttons untereinander) */
#oei-menu-dropdown .actions-column{display:flex;flex-direction:column;gap:8px}

/* =========================================================================
   Mobile-Feinschliff
   ========================================================================= */
@media (max-width:640px){
  #oei-menu-dropdown .oei-billing-grid{grid-template-columns:1fr auto}
  #oei-menu-dropdown .wg-kpis{grid-template-columns:1fr}
  #oei-menu-dropdown .oei-operative-actions,
  #oei-menu-dropdown .oei-billing-actions{flex-direction:column}
}