/* Hülle des Shop-Servers (S0): Ladeplatzhalter, Fehlerseite, Mandantenfarben der Shell; Rest aus dem Prototyp (global.css, shop.css).
   Eingefroren für die Seiten-Agenten: eigene Regeln gehören in wwwroot/shop/css/<seite>.css. */
[hidden]{display:none !important}
/* Mandantenfarben aus entry/mandator (lib/shell.ts setzt --mandant-1/-2 und --accent): helle Fläche und Kante daraus ableiten */
:root[data-mandant-farben]{--accent-soft:color-mix(in srgb,var(--accent) 12%,#fff);--accent-line:var(--mandant-1)}
.shop-loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:24px 0}
.shop-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:shop-spin .8s linear infinite}
@keyframes shop-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.shop-spinner{animation:none}}
.shop-error{max-width:640px}