/* ════════════════════════════════════════════════════════════════════════
   sh-desktop-polish.css — Desktop-/Browser-Politur (Audit 2026-07-19).
   Lädt als LETZTES Stylesheet → darf per Kaskade überschreiben. Additiv,
   keine Layout-Umbauten. Befund-Nummern beziehen sich auf den 2-Agenten-
   Desktop-Audit (Listen/Dialoge + Shell/Dark).

   Partner: sh-desktop-ux.js (Strg+K-Dispatcher, „/"-Suchfokus, Scroll-Top)
   und sh-tokens.css (neu definierte --elmetic-border-soft/-text-soft).
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1) Zahlen in Listen tabellarisch (Audit L1) ─────────────────────────
   114 fmtMoney-Zellen rendern ohne tabular-nums → Ziffernbreiten flattern,
   Beträge sind spaltenweise schwer vergleichbar. Gleiche Ziffernbreite
   überall; die Rechtsbündigkeit (.num-Klassen in den Renderern) bleibt
   bewusst ein eigener JS-Schritt (internal.js ist drift-sensibel). */
.data-table td, .data-table th,
.table-wrap table td, .table-wrap table th {
  font-variant-numeric: tabular-nums;
}

/* ── 2) Globale Suche: Tastatur-Ziel eindeutig (Audit L3) ────────────────
   Bisher war .search-item-highlighted optisch identisch mit :hover
   (beide var(--surface-alt)) → bei Maus auf Zeile A + Tastatur auf Zeile B
   ist das Enter-Ziel mehrdeutig. Jetzt: Markenrot-Akzent nur für die
   Tastatur-Auswahl. */
.global-search-dropdown .search-item-highlighted,
.search-item-highlighted {
  background: color-mix(in srgb, var(--elmetic-red, #E73D25) 10%, transparent);
  box-shadow: inset 3px 0 0 var(--elmetic-red, #E73D25);
}

/* ── 3) Statusbar in Markenfarben (Audit S7/S8) ──────────────────────────
   sh-statusbar.css fällt auf LILA (#6941c6) zurück, und --sh-accent ist je
   nach Scope sogar ein SCHATTEN-Wert (sh-dashboard.css) → background wäre
   ungültig/transparent. Hier deterministisch Markenrot, Light + Dark. */
.sh-statusbar__stage.is-done {
  background: #FCEDE7;
  color: #C5331E;
}
.sh-statusbar__stage.is-current {
  background: var(--elmetic-red, #E73D25);
  color: #fff;
}
[data-theme="dark"] .sh-statusbar__stage.is-done {
  background: rgba(231, 61, 37, .16);
  color: #F2543B;
}

/* ── 4) Topbar rechts: EINE Metrik für alle Controls (Audit S6) ──────────
   Glocken 8/10px-Padding, Text-Buttons 10/16px, User-Chip fix 38px — drei
   verschiedene Höhen nebeneinander. Jetzt: alle 38px, vertikal zentriert;
   Icon-Buttons randlos, Rahmen erst bei Hover/Fokus (ruhigere Leiste). */
@media (min-width: 769px) {
  #topbar .topbar-right .btn,
  #topbar .topbar-right .notifications-btn {
    height: 38px;
    display: inline-flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  #topbar .topbar-right .notifications-btn {
    border-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
  }
  #topbar .topbar-right .notifications-btn:hover,
  #topbar .topbar-right .notifications-btn:focus-visible {
    border-color: rgba(255, 255, 255, .16);
  }
}

/* ── 5) Sehr breite Monitore: Inhalt begrenzen (Audit S2) ────────────────
   .content hatte KEIN max-width — auf 1920/2560px laufen KPI-Karten und
   Textzeilen unangenehm breit. 1560px + zentriert; Listen bleiben großzügig. */
@media (min-width: 1700px) {
  .content {
    max-width: 1560px;
    margin-inline: auto;
  }
}

/* ── 6) Editor-Toolbar: Dark-Mode-Nachzieher (Audit S9) ──────────────────
   editor-toolbar-shared.css ist komplett hell hartcodiert (#f8f9fa-Verlauf,
   weiße Buttons/Dropdowns) und hat KEINE [data-theme]-Regel; nur die
   .sh-cp-Container-Fläche wird von sh-odoo-detail-chrome getokent —
   deshalb hier Container NUR :not(.sh-cp), Buttons/Dropdowns für alle. */
[data-theme="dark"] .ue-toolbar:not(.sh-cp) {
  background: linear-gradient(to bottom, var(--elmetic-surface-alt, #2C2620), var(--elmetic-surface, #241F1A));
  border-color: var(--elmetic-border, #2E2822);
}
[data-theme="dark"] .ue-toolbar__btn,
[data-theme="dark"] .ue-menu-toggle {
  background: var(--elmetic-card, #1E1A16);
  color: var(--elmetic-text-2, #E2D8CE);
  border-color: var(--elmetic-border-strong, #3A332B);
}
[data-theme="dark"] .ue-toolbar__btn:hover,
[data-theme="dark"] .ue-menu-toggle:hover {
  background: var(--elmetic-surface-alt, #2C2620);
}
[data-theme="dark"] .ue-menu-dropdown {
  background: var(--elmetic-card, #1E1A16);
  border-color: var(--elmetic-border-strong, #3A332B);
  color: var(--elmetic-text-2, #E2D8CE);
}

/* ── 7) Grelle Weiß-Boxen im Dark-Mode (Audit S10) ───────────────────────
   Signatur-BOX und Dokument-Vorschau-Kopf standen als weiße Blöcke im
   Dunkelmodus. Das eigentliche „Papier" (Signatur-IMG) bleibt bewusst weiß. */
[data-theme="dark"] .sh-qacc-dlg .sh-qacc__sig { background: var(--elmetic-surface-alt, #2C2620); }
[data-theme="dark"] .del-preview-doc { background: var(--elmetic-card, #1E1A16); }

/* ── 8) Sidebar-Footer pinnen (Audit S12, nur Desktop) ───────────────────
   Rolle/Tour/Hilfe scrollten bei langen Menüs unten weg. margin-top:auto
   (Flex-Column) + sticky hält den Footer am Fuß; deckender Hintergrund,
   damit Nav-Einträge nicht durchscheinen. Mobil NICHT (dort hat die
   Sidebar 70px Bottom-Nav-Freiraum — sticky sähe abgelöst aus). */
@media (min-width: 769px) {
  .sidebar .sidebar-footer {
    position: sticky;
    bottom: 0;
    margin-top: auto;
    background: var(--sidebar-bg, #1B1712);
    padding-top: 8px;
  }
}