/* ============================================================================
   sh-skin-list.css — Odoo-Skin: Listenansicht (Komponente "list-table")
   ----------------------------------------------------------------------------
   Bildet den LOOK von _odoo-target-mockup.html Sektion 1 (.sho-table) auf die
   ECHTEN App-Listen ab: #mainContent .table-wrap > table.data-table.
   ADDITIV, nur Optik (Farbe/Hintergrund/Rahmen/Radius/Typo/Abstand). KEIN
   Layout-Teardown, versteckt nichts.

   MUSS ZULETZT geladen werden (nach sh-redesign-01-components.css und
   sh-design-system.css), siehe Integrations-Spec. Alle Selektoren sind mit
   #mainContent gescopt (Spezifitaet 0-1-x), schlagen damit die nackten
   .data-table-Baselines (sh-design-system 0-1-x, sh-redesign-01 0-2-1) ohne
   globales Lecken und i. d. R. ohne !important.

   Tokens: sh-odoo-tokens.css + sh-tokens-brand.css (bereits geladen). Fallbacks
   immer mitgegeben. Dark-Mode: --sh-o-*-Tokens invertieren bereits; zusaetzlich
   expliziter [data-theme="dark"]-Block, um sh-redesign-01 Dark-Override zu
   schlagen.

   KOEXISTENZ: Bespoke-Listen (orders/customers/purchasing/warehouse) nutzen
   .table-wrap.sh-panel:has(...) (hoehere Spezifitaet durch :has) und behalten
   bewusst ihre warme Palette. Deshalb werden Rahmen/Radius hier am <table>
   gesetzt (NICHT am .table-wrap), um nicht gegen deren Panel-Treatment zu
   kaempfen.
   ============================================================================ */

/* ---- Tabelle als gerahmte Karte (Mockup: .sho-table border+radius+overflow) ---- */
#mainContent .table-wrap > table.data-table {
  background: var(--sh-o-surface, #fff);
  border: 1px solid var(--sh-o-border, #e6e8ec);
  border-radius: var(--sh-o-r-md, 10px);
  /* overflow:hidden laesst den Radius greifen; scrollende Wrapper bleiben
     unberuehrt, da overflow am .table-wrap sitzt, nicht hier. */
  overflow: hidden;
}

/* ---- Kopfzeile (Mockup: .sho-table thead th) ----
   Schlaegt sh-redesign-01 (.data-table thead th, 0-2-1, warm-beige) und
   sh-design-system (.data-table th, border-bottom:2px). */
#mainContent .table-wrap > table.data-table thead th {
  background: var(--sh-o-surface-soft, #f7f8fa);
  color: var(--sh-o-text-muted, #6b7280);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  padding: 9px var(--sh-o-s3, 12px);
  border-bottom: 1px solid var(--sh-o-border, #e6e8ec);
  white-space: nowrap;
}

/* aktive Sortierspalte — Markenrot, diszipliniert (Klasse real via
   sh-odoo-sortable.js gesetzt; Mockup: .sho-table thead th.sorted) */
#mainContent .table-wrap > table.data-table thead th.sorted {
  color: var(--sh-brand, #E73D25);
}

/* ---- Datenzellen (Mockup: .sho-table tbody td) ----
   vertical-align:middle ist Optik-Feintuning (sh-design-system setzt top),
   kein Struktur-Layout. */
#mainContent .table-wrap > table.data-table tbody td {
  padding: 9px var(--sh-o-s3, 12px);
  border-bottom: 1px solid var(--sh-o-border, #e6e8ec);
  vertical-align: middle;
  color: var(--sh-o-text, #1f2329);
}

/* ---- Zarter, kuehler Hover (Mockup: tr:hover #fafbfc) ----
   ersetzt den warm-beige Hover aus sh-redesign-01/sh-design-system. */
#mainContent .table-wrap > table.data-table tbody tr:hover {
  background: var(--sh-o-surface-soft, #f7f8fa);
}

/* letzte Zeile randlos, damit der Karten-Radius sauber greift */
#mainContent .table-wrap > table.data-table tbody tr:last-child td {
  border-bottom: none;
}

/* ---- Zahlen-/Betragsspalten rechtsbuendig + tabellarische Ziffern ----
   (Mockup: .sho-table .num). Real von internal.js NICHT durchgaengig gesetzt;
   greift defensiv, sobald td.num/th.num vorhanden ist (z. B. neuere Listen).
   Stoert bestehende Listen ohne .num nicht. */
#mainContent .table-wrap > table.data-table thead th.num,
#mainContent .table-wrap > table.data-table tbody td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Checkbox-Auswahlspalte schmal halten (Mockup: .sho-table .check) */
#mainContent .table-wrap > table.data-table td.check,
#mainContent .table-wrap > table.data-table th.check {
  width: 34px;
}

/* ============================================================================
   DARK MODE
   Tokens (--sh-o-surface/-surface-soft/-border/-text/-text-muted) invertieren
   bereits ueber sh-odoo-tokens.css. Dieser Block hebt die Regeln gezielt ueber
   sh-redesign-01-components.css [data-theme="dark"] .data-table (warm #241F1A),
   die vor dieser Datei laedt. Spezifitaet 0-1-(x+1) durch [data-theme]-Attr +
   #mainContent — schlaegt die Inkumbenten sicher.
   ============================================================================ */
[data-theme="dark"] #mainContent .table-wrap > table.data-table {
  background: var(--sh-o-surface, #1c1814);
  border-color: var(--sh-o-border, #2e2822);
}
[data-theme="dark"] #mainContent .table-wrap > table.data-table thead th {
  background: var(--sh-o-surface-soft, #241f1a);
  color: var(--sh-o-text-muted, #b8ab9d);
  border-bottom-color: var(--sh-o-border, #2e2822);
}
[data-theme="dark"] #mainContent .table-wrap > table.data-table thead th.sorted {
  color: var(--sh-brand, #E73D25);
}
[data-theme="dark"] #mainContent .table-wrap > table.data-table tbody td {
  color: var(--sh-o-text, #e2d8ce);
  border-bottom-color: var(--sh-o-border, #2e2822);
}
[data-theme="dark"] #mainContent .table-wrap > table.data-table tbody tr:hover {
  background: var(--sh-o-surface-soft, #241f1a);
}
[data-theme="dark"] #mainContent .table-wrap > table.data-table tbody tr:last-child td {
  border-bottom: none;
}