/* ============================================================ Logistics.One — Würth Design Tokens Source: project-docs/ui-system.md §2 + §4. Loaded globally via App.razor so every page can use var(...). Base styles (validation, error boundary) still come from WIS.Web.Template.Blazor via wis_base.css. ============================================================ */ :root { /* Marken- & Aktionsfarben */ --wuerth-red: #CC0000; --wuerth-cyan: #0093DD; --wuerth-blue: #004774; /* Semantische Farben */ --status-success: #008448; --status-warning: #EE7F00; --status-error: #90112C; /* Neutrale Skala */ --black: #000000; --grayDarker: #262626; --grayDark: #4D4D4D; --gray: #999999; --grayLight: #BFBFBF; --grayLighter: #DEDEDE; --grayLightest: #EDEDED; --white: #FFFFFF; /* Spezifisch */ --custom-focused-stroke: #000000; /* Spacing (8-Pixel-Raster, 4px Mikro-Einheit) */ --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 32px; --space-6: 48px; --space-7: 64px; /* Typografie — Würth-Fonts mit System-Fallback */ --font-headline: "Wuerth Global Extra Bold Cond", "Arial Black", "Helvetica Neue", sans-serif; --font-body: "Wuerth Global Book", "Arial", "Helvetica Neue", sans-serif; --font-emphasis: "Wuerth Global Bold", "Arial", "Helvetica Neue", sans-serif; /* Schriftgrößen-Skala */ --text-h1: 32px; --text-h2: 24px; --text-h3: 18px; --text-body: 14px; --text-small: 12px; /* Selected-row/card background for DM master-detail lists, picker cards and similar "currently active item" surfaces. Light mode = soft mid grey (one step darker than the Fluent hover). Dark mode override below. */ --dm-selected-bg: #e4e4e4; } /* Dark-mode override: WIS-Template flips data-theme on . */ html[data-theme='dark'] { --dm-selected-bg: #4a4a4a; } /* ── WISTabs upstream-bug workarounds (WIS.Web.Template.Blazor v2.1.4) ── Upstream-Issue (an Maintainer weitergeleitet): 1. `.wis-tablist` hat `overflow-x: auto`. Browser reservieren bei `overflow-x: auto` einen unsichtbaren y-Scrollbar-Track, der den Tab-Container vertikal wachsen lässt und im Parent eine sichtbare y-Scrollbar triggern kann. 2. `.wis-tab-button::after` (Active-Underline-Indicator, 2px hoch) ist mit `bottom: -1px` positioniert, also 1px unterhalb der Button-Bottom- Line. Durch das `overflow-x: auto` auf der Parent-`.wis-tablist` wird dieser Indicator unten abgeschnitten. 3. `` nutzt im Flex-/Grid-Parent nicht die volle Breite, wenn das Drawer-Menue eingeklappt wird - der rechte Teil bleibt ungenutzt. `align-self: stretch` zwingt das Element auf die Cross-Axis-Breite des Parents. Workaround mit `body`-Prefix für höhere Specificity (0,1,1 statt 0,1,0), damit das Override greift obwohl `app.css` vor `wis_tabs.css` im `` geladen wird. */ body .wis-tablist { overflow-y: hidden; } body .wis-tab-button::after { bottom: 0; } body wis-tabs, body .wis-tabs { align-self: stretch; }