/* RV Studio – Bestand im exakten Design der Startseite.
   Alle Werte stammen aus den Flächen der Startseite (Verkaufs-Übersicht, Kacheln, Kennzahlen, Zeitraum-Umschalter):
   Glas mit hellem Lichtrand, Blau für Abschnittssymbole und Balken, Orange nur für Symbolkacheln und aktive Auswahl,
   Weiß für Werte, Grün für positive Entwicklungen. */
#s4.bx {
  --bx-text:#eef4ff; --bx-title:#f3f5f9; --bx-sub:#c3cad6; --bx-lbl:#d4d9e2; --bx-dim:#8c959b; --bx-muted:#a9b8d4;
  --bx-blue:#2e9bff; --bx-blue-hi:#8fd4ff; --bx-green:#2ee0a0; --bx-orange:#ffb060; --bx-orange-hi:#ffc98a;
  --bx-panel:linear-gradient(180deg, rgba(150,175,210,.10), rgba(80,100,135,.04) 60%, rgba(70,90,120,.06)) padding-box,
    linear-gradient(180deg, rgba(16,24,36,.78), rgba(12,18,28,.84)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.55), rgba(255,255,255,.14) 25%, rgba(255,255,255,.05) 60%, rgba(255,255,255,.30)) border-box;
  --bx-tile:linear-gradient(180deg, rgba(185,205,230,.14), rgba(120,140,170,.06) 55%, rgba(90,110,140,.08)) padding-box,
    linear-gradient(180deg, rgba(18,26,40,.70), rgba(14,20,32,.76)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.55), rgba(255,255,255,.14) 30%, rgba(255,255,255,.06) 65%, rgba(255,255,255,.28)) border-box;
  --bx-card:linear-gradient(180deg, rgba(185,205,230,.16), rgba(120,140,170,.07) 55%, rgba(90,110,140,.10)) padding-box,
    linear-gradient(180deg, rgba(20,30,46,.35), rgba(20,30,46,.35)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.55), rgba(255,255,255,.14) 30%, rgba(255,255,255,.06) 65%, rgba(255,255,255,.28)) border-box;
  --bx-panel-sh:inset 0 0 60px -20px rgba(255,150,70,.25), inset 0 1px 0 rgba(255,255,255,.2), 0 16px 40px rgba(0,0,0,.45);
  --bx-card-sh:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 18px -14px rgba(200,220,255,.35), 0 6px 18px rgba(0,0,0,.3);
  --bx-hover-sh:0 0 0 1px rgba(140,200,255,.55), 0 0 18px rgba(70,150,255,.45), 0 10px 22px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
  --bx-active-sh:0 0 0 1px rgba(160,210,255,.8), 0 0 24px rgba(70,150,255,.7), inset 0 0 18px rgba(90,170,255,.35);
  --bx-on-bg:radial-gradient(ellipse at 50% 0, rgba(255,160,80,.30), rgba(60,30,12,.35));
  --bx-on-sh:inset 0 0 0 1.5px #ffb060, 0 0 10px rgba(255,150,60,.55), 0 0 22px rgba(255,140,50,.25);
  --bx-font:'Segoe UI','Inter','Roboto','Helvetica Neue',system-ui,-apple-system,sans-serif;
  display:flex; flex-direction:column; gap:12px; font-family:var(--bx-font); color:var(--bx-text);
}
#s4.bx * { font-family:var(--bx-font); box-sizing:border-box; }
#s4.bx.hidden { display:none !important; }
body:has(#s4:not(.hidden)) header.rv-crafted-header { display:none !important; }
body:has(#s4:not(.hidden)) main.wrap { max-width:1000px !important; padding:22px 16px 128px !important; background:none !important; }
body:has(#s4:not(.hidden)) .cc-bokeh { display:block; }
body:has(#s4:not(.hidden)) main.wrap { position:relative; z-index:1; }
#s4.bx .bx-ico { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#s4.bx button { -webkit-tap-highlight-color:transparent; font:inherit; color:inherit; cursor:pointer; }
#s4.bx :focus-visible { outline:2px solid var(--bx-blue-hi); outline-offset:2px; }

/* ---------- Kopf wie „Guten Tag!“ ---------- */
#s4.bx .bx-top { background:none; border:0; display:flex; align-items:center; gap:14px; padding:2px 2px 4px; }
#s4.bx .bx-orb { position:relative; width:54px; height:54px; border-radius:50%; display:grid; place-items:center; flex:none; color:#eaf5ff;
  background:radial-gradient(circle at 35% 30%, #6fb8ff, #1f5fbf 45%, #0a1f45 75%);
  box-shadow:0 0 0 1px rgba(160,210,255,.55), 0 0 18px rgba(61,155,255,.55), inset 0 0 14px rgba(160,220,255,.45); }
#s4.bx .bx-orb .bx-ico { width:26px; height:26px; filter:drop-shadow(0 0 4px rgba(200,235,255,.9)); }
#s4.bx .bx-orb::after { content:''; position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(120,190,255,.35); border-top-color:rgba(255,190,120,.9); animation:bx-spin 7s linear infinite; }
#s4.bx .bx-greet { min-width:0; flex:1; }
#s4.bx .bx-greet h1 { margin:0; font:600 30px/1.1 var(--bx-font) !important; color:var(--bx-text) !important; letter-spacing:0; text-shadow:0 0 14px rgba(120,180,255,.25); }
#s4.bx #stockSummary { margin:4px 0 0; color:#b8c8e6 !important; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-cta { display:flex; align-items:center; gap:10px; min-height:52px; padding:6px 12px 6px 7px; border-radius:999px; border:1px solid transparent; text-align:left;
  background:var(--bx-card); box-shadow:var(--bx-card-sh); transition:transform .2s ease, box-shadow .25s ease, filter .25s ease; }
#s4.bx .bx-cta-orb { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#fff0d6; background:var(--bx-on-bg); box-shadow:var(--bx-on-sh); animation:bx-breathe 3.6s ease-in-out infinite; }
#s4.bx .bx-cta-tx { display:flex; flex-direction:column; line-height:1.15; }
#s4.bx .bx-cta-tx b { font-weight:500; font-size:14px; color:#fff; }
#s4.bx .bx-cta-tx small { font-size:12px; color:var(--bx-sub); }
#s4.bx .bx-cta-chev { width:16px; height:16px; color:var(--bx-muted); }

/* ---------- Bereichs-Kacheln wie die sechs Startseiten-Kacheln ---------- */
#s4.bx .bx-tabs { display:grid !important; grid-template-columns:repeat(6, minmax(0,1fr)); gap:10px; margin:0 !important; padding:0 !important; border:0 !important; overflow:visible; }
#s4.bx .bx-tab { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:82px; padding:10px 4px !important;
  border:1px solid transparent !important; border-radius:18px !important; background:var(--bx-tile) !important; box-shadow:var(--bx-card-sh); color:#e9edf3 !important;
  transition:transform .2s ease, box-shadow .25s ease, filter .25s ease; overflow:hidden; }
#s4.bx .bx-tab::after { display:none !important; }
#s4.bx .bx-tab .ic { color:#f4f8ff; filter:drop-shadow(0 0 6px rgba(140,200,255,.55)); display:grid; }
#s4.bx .bx-tab .ic .bx-ico { width:26px; height:26px; stroke-width:1.6; }
#s4.bx .bx-tab .lb { font-size:13px; line-height:1.1; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
#s4.bx .bx-tab.on { background:var(--bx-on-bg) padding-box, var(--bx-tile) !important; box-shadow:var(--bx-on-sh) !important; color:#fff0d6 !important; font-weight:400; }
#s4.bx .bx-tab.on .ic { color:#ffd9a8; filter:drop-shadow(0 0 6px rgba(255,170,90,.75)); }

/* ---------- Glas-Panels wie „Verkaufs-Übersicht“ ---------- */
#s4.bx .bx-panel { position:relative; border:1px solid transparent !important; border-radius:24px !important; background:var(--bx-panel) !important; box-shadow:var(--bx-panel-sh) !important;
  padding:18px 16px 16px !important; margin:0 !important; color:var(--bx-text) !important; }
#s4.bx .bx-ph { display:flex; align-items:center; gap:12px; margin:0 0 14px; min-width:0; }
#s4.bx .bx-hx { display:grid; place-items:center; width:32px; height:32px; flex:none; color:var(--bx-blue); filter:drop-shadow(0 0 6px rgba(46,155,255,.85)); }
#s4.bx .bx-hx .bx-ico { width:26px; height:26px; stroke-width:2.2; }
#s4.bx .bx-tt { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; }
#s4.bx .bx-title { margin:0; font:500 17px/1.08 var(--bx-font) !important; color:var(--bx-title) !important; letter-spacing:.01em; }
#s4.bx .bx-sub, #s4.bx #v5Count { text-transform:none !important; letter-spacing:0 !important; }
#s4.bx .bx-sub { font-size:12.5px; line-height:1.3; color:var(--bx-sub) !important; }
#s4.bx .bx-link { display:inline-flex; align-items:center; gap:4px; border:0; background:none; color:#f3f5f9; font-size:14px; padding:6px 0; }
#s4.bx .bx-link .bx-ico { width:16px; height:16px; color:var(--bx-muted); }

/* ---------- Übersicht: Kennzahlen | Ring | Kategorien ---------- */
#s4.bx .bx-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,230px) minmax(0,1fr); gap:12px; align-items:center; }
#s4.bx .bx-col { display:flex; flex-direction:column; gap:10px; min-width:0; }
#s4.bx .bx-m, #s4.bx .bx-s2, #s4.bx .bx-cat { position:relative; border:1px solid transparent; border-radius:16px; background:var(--bx-card); box-shadow:var(--bx-card-sh); overflow:hidden; }
#s4.bx .bx-m, #s4.bx .bx-s2 { display:flex; align-items:center; gap:11px; padding:10px 11px; min-height:66px; }
#s4.bx .mi { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:12px; border:1px solid rgba(255,205,130,.45); color:var(--bx-orange-hi);
  background:radial-gradient(circle at 35% 25%, rgba(255,215,150,.22), rgba(60,40,22,.35) 70%); box-shadow:inset 0 0 10px rgba(255,150,60,.18), 0 0 10px rgba(255,140,50,.18); }
#s4.bx .mi .bx-ico { width:21px; height:21px; filter:drop-shadow(0 0 3px rgba(255,200,130,.5)); animation:bx-iconwarm 4.2s ease-in-out infinite; }
#s4.bx .bx-m .tx, #s4.bx .bx-s2 .tx { display:flex; flex-direction:column; gap:3px; min-width:0; position:relative; z-index:1; }
#s4.bx .lbl { font-size:11.5px; line-height:1.1; color:var(--bx-lbl); }
#s4.bx .val { font-size:21px; line-height:1.05; font-weight:400; color:#fff; white-space:nowrap; text-shadow:0 0 10px rgba(170,220,255,.22); font-variant-numeric:tabular-nums; }
#s4.bx .dl { font:600 11px/1.1 var(--bx-font); color:var(--bx-green); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .dl.nil { color:var(--bx-dim); font-weight:500; }
#s4.bx .dl.warn { color:var(--bx-orange-hi); }
#s4.bx .bx-m.has-spark .tx { padding-right:70px; }
#s4.bx .bx-spark { position:absolute; right:8px; bottom:8px; width:72px; height:30px; }
#s4.bx .bx-s2 { min-height:58px; }

/* Status-Ring als Gegenstück zum Globus */
#s4.bx .bx-ring { position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; }
#s4.bx .bx-ring svg { width:100%; max-width:220px; aspect-ratio:1; overflow:visible; filter:drop-shadow(0 0 18px rgba(46,120,255,.25)); }
#s4.bx .bx-ring .track { fill:none; stroke:rgba(32,48,60,.75); stroke-width:13; }
#s4.bx .bx-ring .seg { fill:none; stroke-width:13; stroke-linecap:butt; transform:rotate(-90deg); transform-origin:100px 100px; filter:drop-shadow(0 0 5px var(--glow)); animation:bx-draw 1.1s cubic-bezier(.3,.1,.2,1) both; }
#s4.bx .bx-ring .hud { fill:none; stroke-linecap:round; transform-origin:100px 100px; }
#s4.bx .bx-ring .hud.a { stroke:rgba(255,190,120,.55); stroke-width:1.4; stroke-dasharray:2 7; animation:bx-spin 40s linear infinite; }
#s4.bx .bx-ring .hud.b { stroke:rgba(120,190,255,.35); stroke-width:1; stroke-dasharray:60 18 4 18; animation:bx-spin 24s linear infinite reverse; }
#s4.bx .bx-ring .orbit { transform-origin:100px 100px; animation:bx-spin 9s linear infinite; }
#s4.bx .bx-ring .dot { fill:#fff3dc; filter:drop-shadow(0 0 4px #ffb060) drop-shadow(0 0 8px #ff9a40); }
#s4.bx .bx-ring-c { position:absolute; top:0; left:50%; transform:translateX(-50%); width:min(100%,220px); aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; }
#s4.bx .bx-ring-c b { font-size:40px; line-height:1; font-weight:500; color:#fff; text-shadow:0 0 16px rgba(120,190,255,.6); font-variant-numeric:tabular-nums; }
#s4.bx .bx-ring-c span { font-size:13px; color:var(--bx-sub); margin-top:4px; }
#s4.bx .bx-ring-c small { font-size:11px; color:var(--bx-orange-hi); margin-top:3px; }
#s4.bx .bx-legend { display:grid; grid-template-columns:1fr 1fr; gap:5px 12px; width:100%; max-width:230px; }
#s4.bx .bx-legend span { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--bx-lbl); white-space:nowrap; }
#s4.bx .bx-legend i { width:8px; height:8px; border-radius:50%; flex:none; }
#s4.bx .bx-legend b { margin-left:auto; font-weight:600; color:#fff; font-variant-numeric:tabular-nums; }

/* Balken wie „Top Kategorien“ */
#s4.bx .bx-cat { padding:11px 12px 12px; }
#s4.bx .bx-cat .hd { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:9px; }
#s4.bx .bx-cat .hd b { font-weight:500; font-size:14px; color:#e9edf3; }
#s4.bx .bx-cat .hd small { font-size:10.5px; color:var(--bx-muted); white-space:nowrap; }
#s4.bx .bx-cat .row { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto; align-items:center; gap:8px; margin-top:7px; }
#s4.bx .bx-cat .nm { font-size:12px; color:var(--bx-lbl); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-cat .tr { height:7px; border-radius:4px; background:rgba(32,48,60,.55); overflow:hidden; }
#s4.bx .bx-cat .tr s { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#2a8cff,#8fd4ff); box-shadow:0 0 10px rgba(58,168,255,.75); transform-origin:left; animation:bx-grow 1s cubic-bezier(.3,.1,.2,1) both; }
#s4.bx .bx-cat .pc { font-size:12px; font-weight:600; color:#fff; min-width:34px; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#s4.bx .bx-empty { margin:6px 0 0; font-size:12px; color:var(--bx-dim); }

/* Analyse-Zusätze */
#s4.bx .bx-ana { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; align-items:start; }
#s4.bx .bx-slowrow { display:flex; align-items:center; gap:10px; width:100%; margin-top:8px; padding:6px; border:0; border-radius:12px; background:rgba(10,14,22,.45); text-align:left; transition:background .2s; }
#s4.bx .bx-slowrow:hover { background:rgba(46,155,255,.14); }
#s4.bx .bx-slowrow img, #s4.bx .bx-slowrow .ph { width:38px; height:46px; border-radius:8px; object-fit:cover; flex:none; background:#1a2436; display:grid; place-items:center; font-size:11px; color:var(--bx-muted); }
#s4.bx .bx-slowrow .nm { display:flex; flex-direction:column; min-width:0; flex:1; }
#s4.bx .bx-slowrow .nm b { font-size:12.5px; font-weight:500; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-slowrow .nm small { font-size:11px; color:var(--bx-dim); }
#s4.bx .bx-slowrow .dd { font-size:12px; font-weight:600; color:var(--bx-orange-hi); white-space:nowrap; }

/* ---------- Arbeitszentrale wie „Schnellzugriff“ ---------- */
#s4.bx .bx-qa { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
#s4.bx #v6Tiles { display:contents !important; }
#s4.bx .bx-q { position:relative; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:92px; padding:12px 6px !important; margin:0 !important;
  border:1px solid transparent !important; border-radius:18px !important; background:var(--bx-card) !important; box-shadow:var(--bx-card-sh) !important; color:#fff !important; text-align:center;
  transition:transform .2s ease, box-shadow .25s ease, filter .25s ease !important; overflow:visible; }
#s4.bx .bx-q .ic { color:#fff; filter:drop-shadow(0 0 3px rgba(180,215,255,.55)); display:grid; }
#s4.bx .bx-q .ic .bx-ico { width:26px; height:26px; stroke-width:1.6; }
#s4.bx .bx-q .lb { font-size:13px !important; line-height:1.2 !important; color:#fff !important; font-weight:400; }
#s4.bx .bx-q .bd { position:absolute; top:-6px; right:-4px; min-width:24px; height:24px; padding:0 7px; border-radius:999px; display:grid; place-items:center;
  font:700 13px/1 var(--bx-font) !important; color:#fff !important; background:#1e9bff; box-shadow:0 0 10px rgba(30,155,255,.9); animation:bx-badge 2.2s ease-in-out infinite; }
#s4.bx .bx-q.bx-zero .bd { background:rgba(40,52,72,.95); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); animation:none; color:var(--bx-muted) !important; }
#s4.bx #v6DuplicateStatus:not(:empty) { margin-top:12px; font-size:12.5px; color:var(--bx-sub) !important; }
#s4.bx #v6DuplicateResults { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
#s4.bx #v6DuplicateResults:empty { display:none; }
#s4.bx #v6DuplicateResults .v6-small-btn { width:100%; text-align:left; }

/* Hover / Antippen exakt wie auf der Startseite */
@media(hover:hover) {
  #s4.bx :is(.bx-tab, .bx-q, .bx-card, .bx-cta):hover { transform:translateY(-2px); filter:brightness(1.15); box-shadow:var(--bx-hover-sh) !important; }
  #s4.bx .bx-tab.on:hover { box-shadow:var(--bx-on-sh) !important; }
}
#s4.bx :is(.bx-tab, .bx-q, .bx-card, .bx-cta):active { transform:scale(.96); box-shadow:var(--bx-active-sh) !important; }

/* ---------- Artikelbereich ---------- */
#s4.bx .bx-inv .bx-ph { flex-wrap:wrap; }
#s4.bx .bx-tools { display:flex !important; align-items:center; gap:8px; margin:0 0 0 auto !important; padding:0 !important; flex-wrap:nowrap; }
#s4.bx .bx-tools select, #s4.bx .bx-tools button, #s4.bx .v6-small-btn, #s4.bx .bx-backup .btn, #s4.bx .v7-panel button, #s4.bx .v5-bulk button {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:0 14px; border:1px solid rgba(255,255,255,.18) !important; border-radius:999px !important;
  background:rgba(10,14,22,.6) !important; color:var(--bx-text) !important; font-size:12.5px !important; font-weight:500 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  max-width:none !important; width:auto; transition:box-shadow .2s, color .2s; }
#s4.bx .bx-tools .bx-ico { width:16px; height:16px; }
#s4.bx .bx-tools select { -webkit-appearance:none; appearance:none; padding-right:30px; cursor:pointer;
  background:rgba(10,14,22,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a9b8d4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center !important; }
#s4.bx .bx-tools select option { background:#0e1522; color:#eef4ff; }
#s4.bx .bx-tools button.active { color:#fff0d6 !important; background:var(--bx-on-bg) !important; box-shadow:var(--bx-on-sh) !important; border-color:transparent !important; }
@media(hover:hover) { #s4.bx :is(.bx-tools select, .bx-tools button, .v6-small-btn, .bx-backup .btn, .v7-panel button):hover { box-shadow:0 0 0 1px rgba(140,200,255,.45), 0 0 12px rgba(70,150,255,.3) !important; } }

/* Suche wie das KI-Eingabefeld */
#s4.bx .bx-search { position:relative; margin:0 0 12px !important; }
#s4.bx .bx-search > .bx-ico { position:absolute; left:17px; top:50%; transform:translateY(-50%); width:19px; height:19px; color:#78c6f8; filter:drop-shadow(0 0 4px rgba(67,172,255,.7)); pointer-events:none; }
#s4.bx #searchArticles { width:100%; min-height:48px; padding:0 18px 0 46px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:999px !important;
  background:rgba(10,14,22,.72) !important; background-image:none !important; color:var(--bx-text) !important; font-size:15px !important;
  box-shadow:0 0 14px rgba(61,155,255,.15), inset 0 1px 0 rgba(255,255,255,.08) !important; outline:none; }
#s4.bx #searchArticles::placeholder { color:#8c97ab; }
#s4.bx #searchArticles:focus { border-color:rgba(120,190,255,.55) !important; box-shadow:0 0 0 1px rgba(120,190,255,.35), 0 0 18px rgba(61,155,255,.35) !important; }

/* Statusfilter als Zeitraum-Umschalter */
#s4.bx .bx-seg { display:flex !important; gap:0 !important; width:max-content; max-width:100%; margin:0 0 14px !important; padding:3px !important; overflow-x:auto; scrollbar-width:none;
  border:1px solid rgba(255,255,255,.18); border-radius:100px; background:rgba(10,14,22,.6); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
#s4.bx .bx-seg::-webkit-scrollbar { display:none; }
#s4.bx .bx-seg .stock-filter { flex:none; min-height:32px !important; padding:0 14px !important; border:0 !important; border-radius:100px !important; background:none !important; box-shadow:none !important;
  color:var(--bx-muted) !important; font:500 12.5px/1 var(--bx-font) !important; white-space:nowrap; position:relative; animation:none !important; }
#s4.bx .bx-seg .stock-filter + .stock-filter::before { content:''; position:absolute; left:0; top:9px; bottom:9px; width:1px; background:rgba(255,255,255,.12); }
#s4.bx .bx-seg .stock-filter.selected, #s4.bx .bx-seg .stock-filter.selected + .stock-filter { }
#s4.bx .bx-seg .stock-filter.selected::before, #s4.bx .bx-seg .stock-filter.selected + .stock-filter::before { display:none; }
#s4.bx .bx-seg .stock-filter.selected { color:#fff0d6 !important; background:var(--bx-on-bg) !important; box-shadow:var(--bx-on-sh) !important; }

/* ---------- Artikelkarten ---------- */
#s4.bx .bx-grid { display:grid !important; grid-template-columns:repeat(auto-fill, minmax(196px, 1fr)); gap:12px !important; }
#s4.bx .bx-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:0; border:1px solid transparent; border-radius:18px; overflow:hidden; text-align:left;
  background:var(--bx-card); box-shadow:var(--bx-card-sh); color:var(--bx-text); transition:transform .2s ease, box-shadow .25s ease, filter .25s ease; }
#s4.bx .bx-card:disabled { opacity:.5; cursor:not-allowed; }
#s4.bx .bx-card.v5-picked { box-shadow:var(--bx-on-sh) !important; outline:0; }
#s4.bx .bx-img { position:relative; display:block; aspect-ratio:4/5; margin:7px 7px 0; border-radius:13px; overflow:hidden; background:linear-gradient(160deg,#1c2a40,#0b111c);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
#s4.bx .bx-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
@media(hover:hover) { #s4.bx .bx-card:hover .bx-img img { transform:scale(1.04); } }
#s4.bx .bx-img::after { content:''; position:absolute; inset:auto 0 0; height:40%; background:linear-gradient(180deg,transparent,rgba(6,10,18,.35)); pointer-events:none; }
#s4.bx .bx-noimg { display:grid; place-items:center; height:100%; font-size:22px; letter-spacing:.06em; color:#5f7090; }
#s4.bx .bx-st { position:absolute; left:8px; top:8px; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:5px 10px 5px 8px; border-radius:999px;
  background:rgba(8,12,20,.78); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 4px 10px rgba(0,0,0,.25); font-size:11.5px; font-weight:500; color:#eef4ff; }
#s4.bx .bx-st i { width:7px; height:7px; border-radius:50%; background:#7f8da8; }
#s4.bx .bx-st[data-status="online"] i { background:#3d9bff; box-shadow:0 0 8px #3d9bff; animation:bx-blink 2.4s ease-in-out infinite; }
#s4.bx .bx-st[data-status="ready"] i { background:#8fd4ff; box-shadow:0 0 8px #8fd4ff; }
#s4.bx .bx-st[data-status="sold"] i { background:#ffb060; box-shadow:0 0 8px #ffb060; }
#s4.bx .bx-st[data-status="remove"] i { background:#ff7a5c; box-shadow:0 0 8px #ff7a5c; animation:bx-blink 1.4s ease-in-out infinite; }
#s4.bx .bx-age { position:absolute; right:8px; top:8px; z-index:1; padding:5px 8px; border-radius:999px; background:rgba(8,12,20,.7); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  font-size:11px; font-weight:600; color:var(--bx-lbl); font-variant-numeric:tabular-nums; }
#s4.bx .bx-info { display:flex; flex-direction:column; gap:3px; padding:10px 12px 12px; min-width:0; }
#s4.bx .bx-sku { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--bx-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-name { font-size:15px; line-height:1.25; font-weight:500; color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.5em; }
#s4.bx .bx-meta { font-size:11.5px; color:var(--bx-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-price { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:6px; }
#s4.bx .bx-price b.nop { font-size:14px; color:var(--bx-dim); text-shadow:none; }
#s4.bx .bx-price b { font-size:20px; font-weight:400; color:#fff; text-shadow:0 0 10px rgba(170,220,255,.22); font-variant-numeric:tabular-nums; white-space:nowrap; }
#s4.bx .bx-price small { font-size:11px; color:var(--bx-dim); white-space:nowrap; font-variant-numeric:tabular-nums; }
#s4.bx .bx-dl { font:600 11.5px/1.2 var(--bx-font); color:var(--bx-green); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s4.bx .bx-dl.neg { color:#718cff; }
#s4.bx .bx-dl.nil { color:var(--bx-dim); font-weight:500; }
#s4.bx .bx-miss { align-self:flex-start; margin-top:6px; padding:3px 9px !important; border-radius:999px !important; font-size:10.5px !important; font-weight:500;
  color:var(--bx-orange-hi) !important; background:rgba(60,34,14,.45) !important; border:1px solid rgba(255,190,120,.35) !important; }
#s4.bx .bx-card[data-status="sold"] .bx-img img, #s4.bx .bx-card[data-status="archived"] .bx-img img { filter:saturate(.75) brightness(.92); }
#s4.bx .v5-selectdot { position:absolute; top:12px; right:12px; z-index:3; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-weight:700;
  color:#fff0d6; background:var(--bx-on-bg); box-shadow:var(--bx-on-sh); }
#s4.bx .stock-empty { grid-column:1/-1; padding:28px 16px; text-align:center; border-radius:16px; background:var(--bx-card); box-shadow:var(--bx-card-sh); color:var(--bx-sub); font-size:14px; }

/* Listenansicht */
#s4.bx .bx-grid.bx-listview { grid-template-columns:repeat(auto-fill, minmax(min(100%, 420px), 1fr)); }
#s4.bx .bx-listview .bx-card { flex-direction:row; align-items:stretch; }
#s4.bx .bx-listview .bx-img { width:96px; flex:none; aspect-ratio:auto; margin:7px 0 7px 7px; min-height:118px; }
#s4.bx .bx-listview .bx-st { left:auto; right:auto; top:auto; bottom:6px; left:6px; padding:3px 7px 3px 6px; font-size:10px; }
#s4.bx .bx-listview .bx-age { display:none; }
#s4.bx .bx-listview .bx-info { flex:1; justify-content:center; }
#s4.bx .bx-listview .bx-name { min-height:0; }

/* Sammelbearbeitung als Glasleiste */
#s4.bx .v5-bulk { position:sticky; bottom:96px; margin-top:14px; padding:14px; border-radius:20px; color:var(--bx-text); z-index:7;
  background:linear-gradient(180deg, rgba(22,32,50,.96), rgba(12,18,30,.97)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 0 24px rgba(61,155,255,.25), 0 16px 40px rgba(0,0,0,.55); }
#s4.bx .v5-bulk.v5-hidden { display:none; }
#s4.bx .v5-bulk select, #s4.bx .v5-bulk input, #s4.bx .v7-panel input, #s4.bx .v7-panel select, #s4.bx .v7-panel textarea, #s4.bx .v6-table {
  background:rgba(10,14,22,.72) !important; color:var(--bx-text) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; }
#s4.bx .v5-bulk p { color:var(--bx-dim); }

/* ---------- Weitere Bereiche: Arbeitsmodus, Marken, Einkäufe, Erinnerungen ---------- */
#s4.bx .bx-work { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 !important; }
#s4.bx .bx-work.v5-hidden, #s4.bx .v5-hidden { display:none !important; }
#s4.bx .bx-work button { display:flex; flex-direction:column; gap:6px; align-items:flex-start; padding:14px !important; min-height:110px; border:1px solid transparent !important; border-radius:18px !important;
  background:var(--bx-card) !important; box-shadow:var(--bx-card-sh) !important; color:var(--bx-text) !important; text-align:left; transition:transform .2s ease, box-shadow .25s ease, filter .25s ease; }
#s4.bx .bx-work button span:first-child { font-size:13px; color:var(--bx-lbl); }
#s4.bx .bx-work button strong { font-size:30px; line-height:1; font-weight:400; color:#fff; text-shadow:0 0 12px rgba(120,190,255,.45); }
#s4.bx .bx-work button span:last-child { font-size:11.5px; color:var(--bx-dim); }
@media(hover:hover) { #s4.bx .bx-work button:hover { transform:translateY(-2px); filter:brightness(1.15); box-shadow:var(--bx-hover-sh) !important; } }
#s4.bx #v6Brands h3, #s4.bx .v7-panel h3 { margin:0 0 6px; font:500 17px/1.1 var(--bx-font) !important; color:var(--bx-title) !important; letter-spacing:.01em; text-transform:none; }
#s4.bx .v6-hint, #s4.bx .v7-help, #s4.bx .v7-mini { color:var(--bx-sub) !important; font-size:12.5px; }
#s4.bx .v6-table { width:100%; border-collapse:separate !important; border-spacing:0; overflow:hidden; margin-top:10px; }
#s4.bx .v6-table th { text-align:left; padding:10px 12px; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--bx-muted); border-bottom:1px solid rgba(255,255,255,.1); background:rgba(46,155,255,.06); }
#s4.bx .v6-table td { padding:10px 12px; font-size:13px; color:var(--bx-text); border-bottom:1px solid rgba(255,255,255,.06); }
#s4.bx .v6-table tr:last-child td { border-bottom:0; }
#s4.bx .v6-table td:nth-child(4) { color:#fff; font-weight:600; }
#s4.bx .v7-entry { border-top:1px solid rgba(255,255,255,.08) !important; color:var(--bx-text); background:none !important; }
#s4.bx .v7-entry strong { color:#fff; }
#s4.bx .v7-signal { color:var(--bx-green) !important; }
#s4.bx .v7-cta { color:#fff0d6 !important; background:var(--bx-on-bg) !important; box-shadow:var(--bx-on-sh) !important; border-color:transparent !important; }

/* ---------- Datensicherung (einklappbar) ---------- */
#s4.bx .bx-backup > summary { list-style:none; cursor:pointer; margin:0; }
#s4.bx .bx-backup > summary::-webkit-details-marker { display:none; }
#s4.bx .bx-backup .bx-chev { width:18px; height:18px; color:var(--bx-muted); transition:transform .25s; }
#s4.bx .bx-backup[open] .bx-chev { transform:rotate(180deg); }
#s4.bx .bx-backup[open] > summary { margin-bottom:14px; }
#s4.bx .bx-backup .panel { display:block !important; padding:0 !important; margin:0 0 12px !important; border:0 !important; background:none !important; box-shadow:none !important; }
#s4.bx .bx-backup #newArticle { display:none !important; }
#s4.bx .bx-backup .panel .row { display:flex; gap:8px; flex-wrap:wrap; margin:0 !important; }
#s4.bx .bx-backup .v7-panel { padding:14px !important; margin:0 0 12px !important; border:1px solid transparent !important; border-radius:16px !important; background:var(--bx-card) !important; box-shadow:var(--bx-card-sh) !important; }
#s4.bx .bx-backup .v7-panel h3 { font-size:14px !important; }
#s4.bx .bx-backup .v7-row { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
#s4.bx .bx-demo-slot { display:flex; gap:8px; flex-wrap:wrap; }

/* ---------- Artikelakte (Detailblatt) ---------- */
body:has(#s4:not(.hidden)) #stockSheet { background:linear-gradient(180deg, #0d1626, #070b14) !important; color:#eef4ff !important; font-family:'Segoe UI','Inter','Roboto','Helvetica Neue',system-ui,sans-serif; }
#stockSheet .eyebrow { color:#a9b8d4 !important; letter-spacing:.12em; }
#stockSheet #stockSku { color:#fff !important; }
#stockSheet h1, #stockSheet h2, #stockSheet h3 { font-family:inherit !important; color:#f3f5f9 !important; font-weight:500 !important; }
#stockSheet h1 em { color:#f3f5f9 !important; font-style:normal; }
#stockSheet .stock-hero { border-radius:20px !important; background:#1a2436; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 12px 30px rgba(0,0,0,.4); object-fit:contain !important; }
#stockSheet .stock-metric, #stockSheet .v5-section, #stockSheet .panel, #stockSheet .stock-platform {
  border:1px solid transparent !important; border-radius:16px !important; color:#eef4ff !important;
  background:linear-gradient(180deg, rgba(185,205,230,.16), rgba(120,140,170,.07) 55%, rgba(90,110,140,.10)) padding-box, linear-gradient(180deg, rgba(20,30,46,.55), rgba(20,30,46,.55)) padding-box,
    linear-gradient(165deg, rgba(255,255,255,.55), rgba(255,255,255,.14) 30%, rgba(255,255,255,.06) 65%, rgba(255,255,255,.28)) border-box !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 18px -14px rgba(200,220,255,.35), 0 6px 18px rgba(0,0,0,.3) !important; }
#stockSheet .stock-metric small, #stockSheet .muted, #stockSheet .v6-hint, #stockSheet label { color:#c3cad6 !important; }
#stockSheet .stock-metric strong, #stockSheet .stock-platform b { color:#fff !important; font-family:inherit !important; font-weight:400 !important; }
#stockSheet .v5-section h3, #stockSheet .panel h2 { font-size:12px !important; letter-spacing:.1em; color:#78c6f8 !important; }
#stockSheet .v6-check { color:#a9b8d4 !important; }
#stockSheet .v6-check.ok { color:#2ee0a0 !important; }
#stockSheet .inp, #stockSheet select, #stockSheet input { background:rgba(10,14,22,.72) !important; color:#eef4ff !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; }
#stockSheet .btn, #stockSheet button { border-radius:999px !important; font-family:inherit !important; }
#stockSheet .btn:not(.secondary) { color:#fff0d6 !important; border:0 !important; background:radial-gradient(ellipse at 50% 0, rgba(255,160,80,.30), rgba(60,30,12,.35)) !important;
  box-shadow:inset 0 0 0 1.5px #ffb060, 0 0 10px rgba(255,150,60,.55), 0 0 22px rgba(255,140,50,.25) !important; }
#stockSheet .btn.secondary, #stockSheet .v5-listing button { color:#eef4ff !important; background:rgba(10,14,22,.6) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; }
#stockSheet .v5-photos img { border-radius:12px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
#stockSheet .v5-listing { border-color:rgba(255,255,255,.1) !important; color:#eef4ff !important; }

#stockSheet, #stockSheet * { font-family:'Segoe UI','Inter','Roboto','Helvetica Neue',system-ui,-apple-system,sans-serif !important; }
#stockSheet .sheet-header { background:rgba(8,13,24,.92) !important; border-bottom:1px solid rgba(255,255,255,.1) !important; box-shadow:0 8px 24px rgba(0,0,0,.35); }
#stockSheet #stockSku { font-size:18px !important; font-weight:500 !important; letter-spacing:.02em; }
#stockSheet .v7-cta, #stockSheet #v7SavePlatforms { color:#fff0d6 !important; border:0 !important; background:radial-gradient(ellipse at 50% 0, rgba(255,160,80,.30), rgba(60,30,12,.35)) !important;
  box-shadow:inset 0 0 0 1.5px #ffb060, 0 0 10px rgba(255,150,60,.55), 0 0 22px rgba(255,140,50,.25) !important; }
#stockSheet .v7-panel { border:1px solid rgba(255,255,255,.12) !important; border-radius:16px !important; background:rgba(20,30,46,.45) !important; color:#eef4ff !important; }
#stockSheet .v7-panel button:not(.v7-cta) { color:#eef4ff !important; background:rgba(10,14,22,.6) !important; border:1px solid rgba(255,255,255,.18) !important; }
#stockSheet .v7-panel h3 { color:#78c6f8 !important; font-size:12px !important; letter-spacing:.1em; }
/* ---------- Animationen ---------- */
@keyframes bx-spin { to { transform:rotate(360deg); } }
@keyframes bx-draw { from { stroke-dasharray:0 600; } }
@keyframes bx-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes bx-badge { 0%,100% { box-shadow:0 0 6px rgba(30,155,255,.8); transform:scale(1); } 50% { box-shadow:0 0 14px rgba(30,155,255,1), 0 0 24px rgba(30,155,255,.5); transform:scale(1.08); } }
@keyframes bx-breathe { 0%,100% { box-shadow:inset 0 0 0 1.5px #ffb060, 0 0 8px rgba(255,150,60,.45); } 55% { box-shadow:inset 0 0 0 1.5px #ffd9a8, 0 0 18px rgba(255,160,80,.85); } }
@keyframes bx-blink { 0%,100% { opacity:1; } 50% { opacity:.45; } }
@keyframes bx-iconwarm { 0%,100% { opacity:.88; } 50% { opacity:1; } }
html.cc-no-pulse #s4.bx :is(.bx-q .bd, .bx-cta-orb, .bx-st i), html.cc-no-globefx #s4.bx :is(.bx-ring .hud, .bx-ring .orbit), html.cc-lite #s4.bx :is(.bx-ring .hud, .bx-ring .orbit, .bx-orb::after) { animation:none !important; }
@media (prefers-reduced-motion: reduce) { #s4.bx *, #s4.bx *::after { animation:none !important; transition:none !important; } }

/* ---------- Schmale Bildschirme ---------- */
@media (max-width:700px) {
  #s4.bx .bx-body { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #s4.bx .bx-body > .bx-col:first-child { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; }
  #s4.bx .bx-ana { grid-template-columns:1fr; }
  #s4.bx .bx-work { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  #s4.bx .bx-qa, #s4.bx .bx-tabs { grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:560px) {
  #s4.bx .bx-top { flex-wrap:wrap; }
  #s4.bx .bx-greet h1 { font-size:26px !important; }
  #s4.bx .bx-cta { order:3; width:100%; }
  #s4.bx .bx-cta-chev { margin-left:auto; }
  #s4.bx .bx-tab { min-height:70px; gap:7px; border-radius:16px !important; }
  #s4.bx .bx-tab .ic .bx-ico { width:22px; height:22px; }
  #s4.bx .bx-tab .lb { font-size:11.5px; }
  #s4.bx .bx-tabs, #s4.bx .bx-qa { gap:8px; }
  #s4.bx .bx-q { min-height:82px; }
  #s4.bx .bx-q .lb { font-size:12px !important; }
  #s4.bx .bx-panel { padding:16px 12px 12px !important; border-radius:22px !important; }
  #s4.bx .bx-body { grid-template-columns:1fr; }
  #s4.bx .bx-body > .bx-col:first-child { grid-template-columns:1fr 1fr; gap:8px; }
  #s4.bx .bx-m { flex-direction:column; align-items:flex-start; gap:8px; }
  #s4.bx .bx-m.has-spark .tx { padding-right:0; }
  #s4.bx .bx-spark { width:56px; height:24px; top:10px; bottom:auto; right:10px; }
  #s4.bx .mi { width:34px; height:34px; }
  #s4.bx .val { font-size:19px; }
  #s4.bx .bx-ring { flex-direction:row; align-items:center; gap:14px; }
  #s4.bx .bx-ring svg { width:150px; flex:none; }
  #s4.bx .bx-ring-c { left:0; transform:none; width:150px; }
  #s4.bx .bx-ring-c b { font-size:32px; }
  #s4.bx .bx-legend { grid-template-columns:1fr; gap:8px; }
  #s4.bx .bx-body > .bx-col:last-child { display:grid; grid-template-columns:1fr 1fr; }
  #s4.bx .bx-body > .bx-col:last-child .bx-cat { grid-column:1 / -1; }
  #s4.bx .bx-tools { width:100%; margin:4px 0 0 !important; }
  #s4.bx .bx-tools select { flex:1 1 0; min-width:0; }
  #s4.bx .bx-tools button { padding:0 12px; flex:none; }
  #s4.bx .bx-grid { grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px !important; }
  #s4.bx .bx-grid.bx-listview { grid-template-columns:1fr; }
  #s4.bx .bx-info { padding:9px 10px 11px; }
  #s4.bx .bx-name { font-size:14px; }
  #s4.bx .bx-price b { font-size:17px; }
  #s4.bx .bx-price small { display:none; }
  #s4.bx .bx-work { grid-template-columns:1fr 1fr; }
}