/* =========================================================================
   ServiceHub — Redesign „Lager" (REIN OPTISCH, additiv)
   Bereich: Zentrallager / Lager (renderInventoryView, "inventory")
            Fahrzeuglager (renderVehicleStockView, "vehicle-stock")
            Wareneingang-Formular + Min-Bestand-Warnung
   ──────────────────────────────────────────────────────────────────────────
   NULL Funktionsänderung. Reines CSS. Keine globalen Basis-Klassen neu
   definiert (.btn/.badge/.data-table/.input/:root gehören dem Fundament) —
   alles nur unter den Lager-Scopes re-getuned. Es wird NICHTS versteckt, das
   eine Funktion trägt (Buttons/Felder/Tabs/Links/Zeilen bleiben sichtbar);
   nur Farbe, Schrift, Radius, Schatten, Abstand, Rahmen.

   SCOPE-STRATEGIE (beide Views rendern in #mainContent ohne eigenen Wrapper):
     • Zentrallager / Lager  → #mainContent:has([data-action="inventory-receive"])
                               #mainContent:has([data-action="inventory-erp-reload"])
                               #mainContent:has([data-action="inventory-reload"])
                               #mainContent:has(#inventoryReceiveForm)
     • Fahrzeuglager         → #mainContent:has([data-action="vehicle-stock-reload"])
                               #mainContent:has([data-action="vehicle-to-central"])
                               #mainContent:has(#vehicleStockUserFilter)
   Diese Marker kommen ausschließlich in den Lager-Views vor.

   Tokens lokal gescoped (gleiche warme Werte wie sh-detail-drawer.css /
   theme.css), damit die Optik unabhängig von der Ladereihenfolge greift.
   Light + Dark ([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');

/* ---------- Tokens (Light) — auf die Lager-Scopes ---------- */
#mainContent:has([data-action="inventory-receive"]),
#mainContent:has([data-action="inventory-erp-reload"]),
#mainContent:has([data-action="inventory-reload"]),
#mainContent:has(#inventoryReceiveForm),
#mainContent:has([data-action="vehicle-stock-reload"]),
#mainContent:has([data-action="vehicle-to-central"]),
#mainContent:has(#vehicleStockUserFilter){
  --shw-accent:#E73D25; --shw-accent-700:#C5331E; --shw-accent-600:#D6371F;
  --shw-accent-soft:#FCEDE7; --shw-accent-line:rgba(231,61,37,.22);
  --shw-honey:#D99A2B; --shw-honey-soft:#FBF0DA;
  --shw-ok:#16A34A; --shw-ok-soft:#E9F8EF;
  --shw-warn:#C7791A; --shw-warn-soft:#FBF1E0;
  --shw-info:#2F6BD6; --shw-info-soft:#EAF1FC;
  --shw-violet:#7C5BD6; --shw-violet-soft:#F0ECFB;
  --shw-bg:#FAF6F2; --shw-surface:#FFFFFF; --shw-surf-2:#F6F1EB; --shw-surf-3:#EFE8E0;
  --shw-ink:#231C17; --shw-text:#463D35; --shw-text-2:#6B6157; --shw-muted:#9A8F84;
  --shw-border:#EEE5DC; --shw-border-2:#E3D9CE; --shw-field:#F6F1EB;
  --shw-font-head:'Space Grotesk','Figtree',system-ui,sans-serif;
  --shw-font-body:'Figtree',system-ui,sans-serif;
  --shw-font-mono:'Space Mono',ui-monospace,monospace;
  --shw-r-xs:7px; --shw-r-sm:9px; --shw-r-md:12px; --shw-r-lg:16px; --shw-r-pill:999px;
  --shw-sh-sm:0 1px 2px rgba(120,80,50,.06);
  --shw-sh-md:0 6px 20px rgba(120,80,50,.07),0 1px 2px rgba(120,80,50,.05);
  --shw-sh-lg:0 18px 44px rgba(120,80,50,.14);
  --shw-sh-accent:0 5px 14px rgba(231,61,37,.28);
  --shw-ring:0 0 0 3px var(--shw-accent-soft);
  --shw-tr:.16s cubic-bezier(.2,.7,.3,1);
}

/* ---------- Tokens (Dark) ---------- */
[data-theme="dark"] #mainContent:has([data-action="inventory-receive"]),
[data-theme="dark"] #mainContent:has([data-action="inventory-erp-reload"]),
[data-theme="dark"] #mainContent:has([data-action="inventory-reload"]),
[data-theme="dark"] #mainContent:has(#inventoryReceiveForm),
[data-theme="dark"] #mainContent:has([data-action="vehicle-stock-reload"]),
[data-theme="dark"] #mainContent:has([data-action="vehicle-to-central"]),
[data-theme="dark"] #mainContent:has(#vehicleStockUserFilter){
  --shw-accent:#F2543B; --shw-accent-700:#E0432B; --shw-accent-600:#EC4A30;
  --shw-accent-soft:rgba(242,84,59,.16); --shw-accent-line:rgba(242,84,59,.30);
  --shw-honey:#E6AE4A; --shw-honey-soft:rgba(230,174,74,.16);
  --shw-ok:#3BC07A; --shw-ok-soft:rgba(59,192,122,.15);
  --shw-warn:#E5A33C; --shw-warn-soft:rgba(229,163,60,.15);
  --shw-info:#5C8FE8; --shw-info-soft:rgba(92,143,232,.16);
  --shw-violet:#9D82E6; --shw-violet-soft:rgba(157,130,230,.16);
  --shw-bg:#15120F; --shw-surface:#1E1A16; --shw-surf-2:#241F1A; --shw-surf-3:#2C2620;
  --shw-ink:#F6F1EC; --shw-text:#E2D8CE; --shw-text-2:#B3A99E; --shw-muted:#8C8175;
  --shw-border:#2E2822; --shw-border-2:#3A332B; --shw-field:#241F1A;
  --shw-sh-sm:0 1px 2px rgba(0,0,0,.4);
  --shw-sh-md:0 6px 20px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.4);
  --shw-sh-lg:0 18px 44px rgba(0,0,0,.5);
  --shw-sh-accent:0 5px 14px rgba(242,84,59,.30);
  --shw-ring:0 0 0 3px var(--shw-accent-soft);
}

/* =========================================================================
   Ab hier: ein gemeinsamer Scope-Alias. Jede Regel wird für die beiden
   View-Familien (Zentrallager + Fahrzeuglager) wiederholt, gescoped auf
   #mainContent mit einem ihrer eindeutigen Marker. Der Lesbarkeit halber
   bündelt ein CSS-Custom-Selektor-Muster via :is() die Marker-Liste.
   ========================================================================= */

/* ---------- Seiten-Kopf ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
){
  font-family:var(--shw-font-body);
  color:var(--shw-text);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:4px 2px 18px;
  margin-bottom:18px;
  border-bottom:1px solid var(--shw-border);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .page-header h1{
  font-family:var(--shw-font-head);
  font-size:23px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--shw-ink);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .page-header .subtitle{
  font-size:13px;
  color:var(--shw-muted);
  margin-top:5px;
}

/* ---------- Panels (Karten) ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .panel{
  background:var(--shw-surface);
  border:1px solid var(--shw-border);
  border-radius:var(--shw-r-lg);
  box-shadow:var(--shw-sh-md);
  padding:18px 20px;
  margin-bottom:18px;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .panel h2,
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .panel h3{
  font-family:var(--shw-font-head);
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--shw-ink);
  margin-bottom:12px;
}

/* ---------- Filter-Toolbar ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .filter-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}

/* Panel, das nur die Toolbar enthält: kompakter, dezenter Hintergrund */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .panel:has(> .filter-toolbar){
  padding:12px 14px;
  background:var(--shw-surf-2);
  box-shadow:var(--shw-sh-sm);
}

/* ---------- Eingaben + Selects (Tokens, kein globaler Neuaufbau) ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .input,
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .select{
  background-color:var(--shw-surface);
  border:1px solid var(--shw-border-2);
  border-radius:var(--shw-r-sm);
  color:var(--shw-ink);
  transition:var(--shw-tr);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .input:focus,
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .select:focus{
  outline:none;
  border-color:var(--shw-accent);
  box-shadow:var(--shw-ring);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .input[type="search"]{
  min-width:220px;
}

/* ---------- Bestands-Tabelle ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .table-wrap{
  border-radius:var(--shw-r-md);
  overflow:hidden;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table{
  width:100%;
  border-collapse:collapse;
  font-family:var(--shw-font-body);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table thead th{
  font-family:var(--shw-font-head);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--shw-muted);
  text-align:left;
  padding:11px 14px;
  background:var(--shw-surf-2);
  border-bottom:1px solid var(--shw-border);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody td{
  padding:12px 14px;
  font-size:13px;
  color:var(--shw-text);
  border-bottom:1px solid var(--shw-border);
  vertical-align:middle;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody tr{
  transition:background .12s;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody tr:hover{
  background:var(--shw-surf-2);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody tr:last-child td{
  border-bottom:none;
}

/* erste Spalte (Artikel/Techniker) prominenter */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody td:first-child{
  font-weight:600;
  color:var(--shw-ink);
}

/* Mengen-/Preis-relevante Zellen in Mono für Lesbarkeit */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm)
) .data-table tbody td:nth-child(4),
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm)
) .data-table tbody td:nth-child(6){
  font-family:var(--shw-font-mono);
}

/* Mengenspalte Fahrzeuglager (3. Spalte) in Mono */
#mainContent:is(
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table tbody td:nth-child(3){
  font-family:var(--shw-font-mono);
}

/* ---------- Min-Bestand-Warnung (warn) ---------- */
/* Inventory-View markiert Unterbestand mit td.text-warning */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table td.text-warning{
  color:var(--shw-warn);
  font-weight:700;
  font-family:var(--shw-font-mono);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table td.text-warning::after{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:7px;
  border-radius:50%;
  background:var(--shw-warn);
  vertical-align:middle;
}

/* Generisches text-warning außerhalb der Tabelle */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .text-warning{
  color:var(--shw-warn);
}

/* Status-Badges, falls im Lager-Kontext gerendert */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .badge-danger{
  background:var(--shw-accent-soft);
  color:var(--shw-accent-700);
  border-radius:var(--shw-r-pill);
  font-weight:600;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .badge-warning{
  background:var(--shw-warn-soft);
  color:var(--shw-warn);
  border-radius:var(--shw-r-pill);
  font-weight:600;
}

/* ---------- Zeilen-Aktionsbuttons (Wareneingang/Korrektur/Umbuchung) ---------- */
/* .btn-ghost wird global definiert; hier nur warm nachtönen + kompakter Sitz */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table .btn-ghost.btn-sm{
  border:1px solid var(--shw-border-2);
  background:var(--shw-surface);
  color:var(--shw-text-2);
  border-radius:var(--shw-r-pill);
  transition:var(--shw-tr);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table .btn-ghost.btn-sm:hover{
  border-color:var(--shw-accent);
  color:var(--shw-accent);
  background:var(--shw-accent-soft);
}

/* ---------- Primär-Buttons (Aktualisieren / Wareneingang buchen) ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .btn-primary{
  background:var(--shw-accent);
  color:#fff;
  border-radius:var(--shw-r-pill);
  box-shadow:var(--shw-sh-accent);
  transition:var(--shw-tr);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .btn-primary:hover{
  background:var(--shw-accent-700);
  transform:translateY(-1px);
}

/* ---------- Wareneingang-Formular ---------- */
#mainContent:has(#inventoryReceiveForm) .panel:has(#inventoryReceiveForm){
  background:linear-gradient(180deg,var(--shw-accent-soft) 0%,var(--shw-surface) 64px);
  border-color:var(--shw-accent-line);
}

#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px 16px;
  margin-bottom:16px;
}

#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12.5px;
  font-weight:600;
  color:var(--shw-text-2);
}

#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-label .input,
#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-label .select{
  background-color:var(--shw-surface);
  border:1px solid var(--shw-border-2);
  border-radius:var(--shw-r-sm);
  color:var(--shw-ink);
}

#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-label .input:focus,
#mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-label .select:focus{
  outline:none;
  border-color:var(--shw-accent);
  box-shadow:var(--shw-ring);
}

/* ---------- Leerzustand / Hinweistexte ---------- */
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table td.muted,
#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .muted{
  color:var(--shw-muted);
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .data-table td.muted{
  text-align:center;
  padding:26px 14px;
  font-size:13px;
}

#mainContent:is(
  :has([data-action="inventory-receive"]),
  :has([data-action="inventory-erp-reload"]),
  :has([data-action="inventory-reload"]),
  :has(#inventoryReceiveForm),
  :has([data-action="vehicle-stock-reload"]),
  :has([data-action="vehicle-to-central"]),
  :has(#vehicleStockUserFilter)
) .error-text{
  color:var(--shw-accent-700);
  font-weight:600;
}

/* ---------- Mobil ---------- */
@media (max-width:640px){
  #mainContent:is(
    :has([data-action="inventory-receive"]),
    :has([data-action="inventory-erp-reload"]),
    :has([data-action="inventory-reload"]),
    :has(#inventoryReceiveForm),
    :has([data-action="vehicle-stock-reload"]),
    :has([data-action="vehicle-to-central"]),
    :has(#vehicleStockUserFilter)
  ) .filter-toolbar{
    gap:8px;
  }
  #mainContent:is(
    :has([data-action="inventory-receive"]),
    :has([data-action="inventory-erp-reload"]),
    :has([data-action="inventory-reload"]),
    :has(#inventoryReceiveForm),
    :has([data-action="vehicle-stock-reload"]),
    :has([data-action="vehicle-to-central"]),
    :has(#vehicleStockUserFilter)
  ) .input[type="search"]{
    min-width:0;
    flex:1 1 100%;
  }
  #mainContent:has(#inventoryReceiveForm) #inventoryReceiveForm .field-grid{
    grid-template-columns:1fr;
  }
}