/* WIStock 2.3.26 – FINAL REFERENCE OVERRIDES
   Loaded AFTER Joomla component CSS so the reference design is visible. */
:root{
  --ws-ref-green:#6fbe2d;
  --ws-ref-green-dark:#4ba719;
  --ws-ref-ink:#17263b;
  --ws-ref-muted:#6e7b82;
  --ws-ref-line:#dfe8e2;
  --ws-ref-bg:#f6f9f6;
  --ws-ref-shadow:0 8px 24px rgba(32,58,39,.08);
  --ws-ref-radius:18px;
}
html,body{background:var(--ws-ref-bg)!important;color:var(--ws-ref-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body .ws-236-topbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;height:96px!important;min-height:96px!important;background:linear-gradient(90deg,#79ca39 0%,#63bd22 58%,#51a918 100%)!important;padding:10px 24px!important;box-shadow:0 4px 14px rgba(44,97,30,.18)!important;z-index:1000!important}
body .ws-236-brand.ws-237-brand-logo{height:72px!important;width:330px!important;min-width:330px!important;max-width:42vw!important;padding:5px 14px!important;background:#fff!important;border-radius:14px!important;box-shadow:0 3px 10px rgba(0,0,0,.10)!important;overflow:hidden!important}
body .ws-236-brand.ws-237-brand-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-height:none!important}
body .ws-menu-toggle{width:54px!important;height:54px!important;border-radius:14px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.28)!important}
body .ws-menu-toggle span{background:#fff!important;height:3px!important}
body .ws-236-main{margin:0!important;padding:0!important;background:var(--ws-ref-bg)!important;min-height:calc(100vh - 96px)!important}
body .ws-236-content{width:100%!important;max-width:1460px!important;margin:0 auto!important;padding:18px!important;background:transparent!important}
body .ws-236-sidebar{top:96px!important;z-index:1900!important}
body .ws-sidebar-overlay{z-index:1800!important}

/* Shared card language */
.wr-card,.ws-toolbar,.ws-stock-summary>a,.ws-stock-summary>div,.ws-article-card-long{
  border:1px solid var(--ws-ref-line)!important;
  border-radius:var(--ws-ref-radius)!important;
  background:#fff!important;
  box-shadow:var(--ws-ref-shadow)!important;
}

/* Repair hero: exact style family from the supplied screenshots */
.wr-integrated-v2{max-width:none!important;margin:0!important}
.wr-suite-hero-v2{position:relative!important;min-height:300px!important;border-radius:20px!important;overflow:hidden!important;padding:30px 34px!important;background-image:linear-gradient(90deg,rgba(7,35,31,.90) 0%,rgba(7,35,31,.74) 46%,rgba(7,35,31,.08) 78%),url('../images/ws-hero-warehouse.jpg')!important;background-size:cover!important;background-position:center 46%!important;box-shadow:0 9px 24px rgba(28,52,34,.15)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.wr-view-dashboard.wr-suite-hero-v2{background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.10) 70%),url('../images/ws-hero-warehouse.jpg')!important;color:var(--ws-ref-ink)!important}
.wr-suite-hero-copy{max-width:680px!important}
.wr-suite-kicker,.wr-suite-breadcrumb{font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#dcebd8!important}
.wr-view-dashboard .wr-suite-kicker,.wr-view-dashboard .wr-suite-breadcrumb{color:#51625b!important}
.wr-suite-hero-v2 h1{margin:12px 0 8px!important;font-size:clamp(40px,5vw,68px)!important;line-height:.95!important;letter-spacing:-.045em!important;font-weight:950!important;color:#fff!important}
.wr-view-dashboard h1{color:#111!important}
.wr-ref-slogan{font-size:clamp(24px,3vw,40px)!important;font-weight:950!important;color:var(--ws-ref-green)!important;margin:0 0 8px!important}
.wr-suite-hero-v2 p{max-width:650px!important;font-size:18px!important;line-height:1.45!important;color:#eff6ee!important}
.wr-view-dashboard p{color:#4b5b54!important}
.wr-suite-badges{display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin-top:18px!important}
.wr-suite-badges span{display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:850!important;font-size:13px!important;background:transparent!important;color:inherit!important;padding:0!important}
.wr-suite-actions-v2{display:flex!important;gap:14px!important;align-items:center!important;background:rgba(255,255,255,.14)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;padding:10px!important;margin-top:24px!important}
.wr-suite-actions-v2 a{min-height:58px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important}
.wr-suite-back{flex:1!important;background:#fff!important;color:#223448!important;border:1px solid rgba(0,0,0,.07)!important}
.wr-suite-report{flex:1!important;background:linear-gradient(90deg,#7ad42c,#58b718)!important;color:#fff!important;border:0!important}

/* Repair top navigation */
.wr-suite-nav-v2{margin:14px 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.wr-suite-nav-main{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.wr-suite-nav-main>a{min-height:58px!important;border:1px solid var(--ws-ref-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 12px rgba(34,58,42,.05)!important;color:#24364a!important;font-size:14px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;text-decoration:none!important}
.wr-suite-nav-main>a.active{background:linear-gradient(180deg,#7bd032,#5eb91e)!important;color:#fff!important;border-color:#5eb91e!important;box-shadow:0 7px 15px rgba(92,170,28,.23)!important}
.wr-suite-nav-icon{background:transparent!important;color:inherit!important;min-width:auto!important;width:auto!important;height:auto!important;font-size:22px!important}
.wr-suite-nav-more{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
.wr-nav-menu>summary{min-height:52px!important;border:1px solid var(--ws-ref-line)!important;border-radius:14px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-weight:850!important}

/* Repair dashboard cards */
.wr-ref-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important}
.wr-ref-kpi{min-height:140px!important;border:1px solid var(--ws-ref-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ws-ref-shadow)!important;padding:18px!important;display:grid!important;grid-template-columns:64px 1fr 20px!important;gap:14px!important;align-items:center!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;color:var(--ws-ref-ink)!important}
.wr-ref-kpi-icon{width:62px!important;height:62px!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-size:31px!important;background:#e7f7e0!important;color:#32940e!important}
.wr-ref-kpi-copy small{font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;color:#536159!important}
.wr-ref-kpi-copy b{font-size:40px!important;line-height:1!important;color:#102039!important}
.wr-ref-kpi-copy em{font-size:13px!important;font-style:normal!important;color:#738079!important}
.wr-ref-kpi>i{position:absolute!important;left:18px!important;right:18px!important;bottom:14px!important;height:9px!important;background:#e7eee4!important;border-radius:999px!important;overflow:hidden!important}
.wr-ref-kpi>i:after{content:""!important;display:block!important;width:var(--p)!important;height:100%!important;background:#63bd22!important;border-radius:999px!important}
.wr-ref-kpi.k-red{background:linear-gradient(135deg,#fff,#fff0f1)!important}.wr-ref-kpi.k-red .wr-ref-kpi-icon{background:#ffdfe1!important;color:#c72435!important}.wr-ref-kpi.k-red>i:after{background:#dd2f3d!important}
.wr-ref-kpi.k-orange{background:linear-gradient(135deg,#fff,#fff5df)!important}.wr-ref-kpi.k-orange .wr-ref-kpi-icon{background:#ffe7bd!important;color:#c96e00!important}.wr-ref-kpi.k-orange>i:after{background:#ee8c00!important}
.wr-ref-kpi.k-yellow{background:linear-gradient(135deg,#fff,#fff9df)!important}
.wr-ref-kpi.k-violet{background:linear-gradient(135deg,#fff,#f2eeff)!important}
.wr-ref-kpi.k-gray{background:linear-gradient(135deg,#fff,#f2f3f2)!important}
.wr-ref-dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:16px!important}
.wr-ref-dashboard-grid>.wr-card{margin:0!important;padding:20px!important}
.wr-ref-barrow{display:grid!important;grid-template-columns:1fr auto!important;gap:7px 12px!important;margin:12px 0!important}
.wr-ref-barrow i{grid-column:1/-1!important;height:9px!important;border-radius:999px!important;background:#e8edeb!important;overflow:hidden!important}
.wr-ref-barrow u{display:block!important;height:100%!important;background:linear-gradient(90deg,#7bc632,#56aa1d)!important;border-radius:inherit!important}
.wr-ref-quick>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.wr-ref-quick a{min-height:66px!important;border:1px solid var(--ws-ref-line)!important;border-radius:13px!important;background:#fff!important;color:#2f4139!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-weight:850!important;text-decoration:none!important}.wr-ref-quick a:first-child{background:linear-gradient(90deg,#78d12c,#5db81d)!important;color:#fff!important;border-color:transparent!important}

/* Damage filter/table screen */
.wr-filter,.wr-damage-filter,.wr-workpackages-card,.wr-map-card{border:1px solid var(--ws-ref-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ws-ref-shadow)!important}
.wr-filter h2,.wr-workpackages-card h2,.wr-map-card h2{color:#14243a!important}
.wr-fields input,.wr-fields select,.wr-fields textarea,.wr-toolbar input,.wr-toolbar select,.wr-mapsearch input,.wr-workpackage-search input{min-height:48px!important;border:1px solid #dce5df!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.wr-btn,.wr-btn.primary{min-height:44px!important;border-radius:11px!important;font-weight:850!important}
.wr-btn.primary{background:linear-gradient(90deg,#70c82a,#4faa16)!important;color:#fff!important;border:0!important}
.wr-tablewrap{border:1px solid #e2e8e4!important;border-radius:14px!important;overflow:auto!important;background:#fff!important}
.wr-tablewrap table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important}
.wr-tablewrap thead th{background:#eef8e9!important;color:#45623d!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.wr-tablewrap tbody td{border-bottom:1px solid #eef2ef!important;color:#2f3f4e!important;background:#fff!important}

/* Work packages */
.wr-workpackages-card{padding:20px!important}.wr-workpackage-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.wr-workpackage-kpis>*{min-height:110px!important;border-radius:15px!important;border:1px solid var(--ws-ref-line)!important;background:#f9fbfa!important;padding:15px!important}.wr-workpackages-generate{min-height:70px!important;padding:14px 20px!important;font-size:16px!important}.wr-workpackage-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto auto!important;gap:10px!important;margin:16px 0!important}.wr-workpackage-search{border:1px solid #dce5df!important;border-radius:12px!important;background:#fff!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:8px!important}

/* Map */
.wr-map-card{padding:18px!important}.wr-mapviewport{border:1px solid #dfe7e1!important;border-radius:16px!important;overflow:auto!important;background:#eef4ef!important}.wr-map{border-radius:16px!important;overflow:hidden!important}.wr-map img{display:block!important;width:100%!important;height:auto!important}.wr-map-label-hotspot{background:transparent!important;border:0!important;box-shadow:none!important}.wr-map-label-hotspot:hover,.wr-map-label-hotspot.is-active{outline:3px solid rgba(112,190,45,.8)!important;outline-offset:-2px!important;background:rgba(112,190,45,.12)!important}

/* Main component inventory/reference list */
.ws-ref-stock-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 20px!important}
.ws-ref-stock-summary>*{min-height:138px!important;border-radius:18px!important;padding:20px!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;color:var(--ws-ref-ink)!important}
.ws-ref-stock-summary>*:nth-child(1),.ws-ref-stock-summary>*:nth-child(2){display:none!important}
.ws-ref-stock-summary>*:nth-child(3){background:linear-gradient(135deg,#fff,#fff0f1)!important}.ws-ref-stock-summary>*:nth-child(4){background:linear-gradient(135deg,#fff,#fff9e6)!important}.ws-ref-stock-summary>*:nth-child(5){background:linear-gradient(135deg,#fff,#eef9ea)!important}
.ws-ref-stock-summary span{display:block!important;font-size:16px!important;font-weight:900!important;color:#34473e!important}.ws-ref-stock-summary strong{display:block!important;font-size:46px!important;line-height:1!important;margin-top:8px!important;color:#0f2039!important}
.ws-ref-toolbar{padding:22px!important;margin-bottom:20px!important}.ws-ref-toolbar .ws-filterbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.ws-ref-toolbar .ws-search{grid-column:1/-1!important;min-height:58px!important;border:1px solid #dce5df!important;border-radius:12px!important;padding:0 18px!important;font-size:17px!important}.ws-ref-toolbar select{min-height:56px!important;border:1px solid #dce5df!important;border-radius:12px!important;padding:0 14px!important;background:#fff!important}.ws-ref-toolbar .ws-filterbar .ws-btn{grid-column:1/-1!important;min-height:58px!important;background:linear-gradient(90deg,#6fc92b,#4faa16)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-size:18px!important;font-weight:900!important}
.ws-ref-toolbar .ws-importbar{margin-top:20px!important;padding:20px!important;border:1px solid #dfe8e2!important;border-radius:16px!important;background:#fff!important;display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important}.ws-ref-toolbar .ws-importbar .ws-btn{background:linear-gradient(90deg,#6fc92b,#4faa16)!important;color:#fff!important;border:0!important}
.ws-ref-article-list{display:grid!important;gap:12px!important}.ws-ref-article-list .ws-article-card-long{min-height:132px!important;border-left:6px solid #69c832!important;padding:14px 18px!important;display:grid!important;grid-template-columns:135px minmax(0,1fr) 140px!important;align-items:center!important;gap:20px!important;position:relative!important}.ws-ref-article-list .ws-article-manufacturer-logo{width:128px!important;min-width:128px!important;height:98px!important;border:1px solid #e7ece8!important;border-radius:13px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}.ws-ref-article-list .ws-article-manufacturer-logo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.ws-ref-article-list .ws-article-long-main h3{font-size:22px!important;line-height:1.1!important;color:#102039!important;margin:0 0 5px!important}.ws-ref-article-list .ws-article-long-manufacturer{font-size:15px!important;color:#778079!important}.ws-ref-article-list .ws-article-long-stock{text-align:right!important}.ws-ref-article-list .ws-article-long-stock strong{display:block!important;font-size:44px!important;line-height:1!important;color:#102039!important}.ws-ref-article-list .ws-article-long-stock span{font-size:16px!important;color:#6e7b76!important}.ws-ref-article-list .ws-article-long-stock small{display:block!important;margin-top:8px!important;color:#7b8580!important}

/* Mobile: matches tall reference screenshots */
@media(max-width:900px){
  body .ws-236-topbar{height:84px!important;min-height:84px!important;padding:8px 12px!important;gap:10px!important}
  body .ws-236-brand.ws-237-brand-logo{height:66px!important;width:280px!important;min-width:0!important;max-width:64vw!important;padding:4px 10px!important}
  body .ws-236-main{min-height:calc(100vh - 84px)!important}
  body .ws-236-content{padding:10px!important}
  .wr-suite-hero-v2{min-height:270px!important;padding:22px!important}
  .wr-suite-hero-v2 h1{font-size:48px!important}
  .wr-suite-actions-v2{grid-template-columns:1fr 1fr!important}
  .wr-suite-nav-main{grid-template-columns:repeat(5,minmax(130px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important}
  .wr-suite-nav-main>a{min-width:130px!important}
  .wr-ref-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .wr-ref-kpi{min-height:120px!important;grid-template-columns:48px 1fr!important;padding:13px 13px 25px!important}.wr-ref-kpi-icon{width:46px!important;height:46px!important;font-size:23px!important}.wr-ref-kpi-copy b{font-size:31px!important}.wr-ref-chevron{display:none!important}
  .wr-ref-dashboard-grid{grid-template-columns:1fr!important}
  .wr-workpackage-kpis{grid-template-columns:repeat(2,1fr)!important}.wr-workpackage-toolbar{grid-template-columns:1fr 1fr!important}.wr-workpackage-search{grid-column:1/-1!important}
}
@media(max-width:620px){
  body .ws-236-brand.ws-237-brand-logo{max-width:60vw!important;height:62px!important}
  .wr-suite-hero-v2{min-height:230px!important;padding:18px!important;border-radius:16px!important}.wr-suite-hero-v2 h1{font-size:38px!important}.wr-ref-slogan{font-size:24px!important}.wr-suite-hero-v2 p{font-size:14px!important}.wr-suite-badges{gap:10px!important}.wr-suite-actions-v2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:7px!important}.wr-suite-actions-v2 a{min-height:50px!important;font-size:14px!important}
  .wr-ref-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wr-ref-kpi{min-height:112px!important;padding:11px 10px 23px!important;grid-template-columns:38px 1fr!important;gap:8px!important}.wr-ref-kpi-icon{width:38px!important;height:38px!important;font-size:19px!important;border-radius:11px!important}.wr-ref-kpi-copy small{font-size:9px!important}.wr-ref-kpi-copy b{font-size:27px!important}.wr-ref-kpi-copy em{font-size:10px!important}
  .ws-ref-stock-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.ws-ref-stock-summary>*{min-height:112px!important;padding:12px!important}.ws-ref-stock-summary span{font-size:12px!important}.ws-ref-stock-summary strong{font-size:32px!important}
  .ws-ref-toolbar{padding:14px!important}.ws-ref-toolbar .ws-filterbar{grid-template-columns:1fr!important}.ws-ref-toolbar .ws-search{grid-column:auto!important}.ws-ref-toolbar .ws-filterbar .ws-btn{grid-column:auto!important}.ws-ref-toolbar .ws-importbar{grid-template-columns:1fr!important}
  .ws-ref-article-list .ws-article-card-long{min-height:112px!important;grid-template-columns:84px minmax(0,1fr) 72px!important;gap:10px!important;padding:10px!important}.ws-ref-article-list .ws-article-manufacturer-logo{width:78px!important;min-width:78px!important;height:78px!important}.ws-ref-article-list .ws-article-long-main h3{font-size:16px!important}.ws-ref-article-list .ws-article-long-manufacturer{font-size:12px!important}.ws-ref-article-list .ws-article-long-stock strong{font-size:30px!important}.ws-ref-article-list .ws-article-long-stock span{font-size:12px!important}.ws-ref-article-list .ws-article-long-stock small{font-size:10px!important}
}


/* 2.3.27 – neue Bereichsauswahl nach Benutzer-Vorlage */
.ws-portal-v4{min-height:100vh!important;background:#f7f8f4!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}
.ws-portal-v4-stage{position:relative!important;width:min(100%,760px)!important;max-width:760px!important;margin:0 auto!important;background:#fff!important;box-shadow:0 0 30px rgba(25,55,34,.10)!important;overflow:hidden!important}
.ws-portal-v4-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important}
.ws-portal-v4-zone{position:absolute!important;left:2.7%!important;width:94.6%!important;border-radius:28px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;text-indent:-9999px!important;z-index:5!important}
/* obere Karte = Reparatur */
.ws-portal-v4-repair{top:12.9%!important;height:36.9%!important}
/* untere Karte = Ersatzteile */
.ws-portal-v4-spares{top:50.7%!important;height:38.2%!important}
.ws-portal-v4-zone:hover,.ws-portal-v4-zone:focus-visible{background:rgba(116,201,43,.10)!important;outline:4px solid rgba(116,201,43,.78)!important;outline-offset:-5px!important}
.ws-portal-v4-zone:active{background:rgba(116,201,43,.18)!important}
.ws-portal-v4-zone span{display:none!important}
.ws-portal-v4-noaccess{position:absolute!important;left:6%!important;right:6%!important;top:43%!important;z-index:10!important;background:rgba(255,255,255,.96)!important;border:1px solid #dfe7df!important;border-radius:18px!important;padding:22px!important;text-align:center!important;box-shadow:0 10px 35px rgba(0,0,0,.12)!important}
@media(max-width:780px){.ws-portal-v4-stage{width:100%!important;max-width:none!important;box-shadow:none!important}.ws-portal-v4-zone{border-radius:22px!important}}

/* WIStock 2.4.66 – finale Koordinaten der neuen Bereichsauswahl */
.ws-portal-v4.ws-portal-v2466{position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;overflow:auto!important;background:#f5f7f3!important}
.ws-portal-v2466 .ws-portal-v4-stage{position:relative!important;width:min(100%,1536px)!important;max-width:1536px!important;min-width:0!important;height:auto!important;aspect-ratio:1536/1365!important;margin:0 auto!important;overflow:hidden!important;background:#fff!important}
.ws-portal-v2466 .ws-portal-v4-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:#fff!important}
.ws-portal-v2466 .ws-portal-v4-zone{position:absolute!important;top:auto!important;bottom:auto!important;z-index:5!important;background:transparent!important;box-shadow:none!important;text-indent:-9999px!important}
.ws-portal-v2466 .ws-portal-v4-repair{left:1.75%!important;top:16.8%!important;width:47.15%!important;height:44.8%!important;border-radius:32px!important}
.ws-portal-v2466 .ws-portal-v4-spares{left:50.6%!important;top:16.8%!important;width:47.15%!important;height:44.8%!important;border-radius:32px!important}
.ws-portal-v2466 .ws-portal-v4-scanner{left:1.9%!important;top:62.8%!important;width:96.2%!important;height:20.6%!important;border-radius:28px!important}
.ws-portal-v2466 .ws-portal-v4-zone:hover,.ws-portal-v2466 .ws-portal-v4-zone:focus-visible{background:rgba(122,198,1,.07)!important;box-shadow:inset 0 0 0 4px rgba(122,198,1,.72)!important;outline:0!important}
@media(max-width:700px){.ws-portal-v4.ws-portal-v2466{display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow-x:hidden!important;overflow-y:auto!important}.ws-portal-v2466 .ws-portal-v4-stage{width:100vw!important;min-width:0!important;max-width:100vw!important}.ws-portal-v2466 .ws-portal-v4-repair,.ws-portal-v2466 .ws-portal-v4-spares{border-radius:18px!important}.ws-portal-v2466 .ws-portal-v4-scanner{border-radius:16px!important}}


/* 2.3.28 – Bereichsauswahl Lade-/Scroll-Fix
   Alte aspect-ratio/absolute-Regeln aus früheren Portal-Versionen vollständig neutralisieren. */
.ws-portal-v4{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  display:block!important;
  background:#f7f8f4!important;
}
.ws-portal-v4-stage{
  position:relative!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:#fff!important;
}
.ws-portal-v4-image{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center top!important;
  pointer-events:none!important;
}
.ws-portal-v4-zone{
  bottom:auto!important;
}
.ws-portal-v4-repair{top:12.9%!important;height:36.9%!important;}
.ws-portal-v4-spares{top:50.7%!important;height:38.2%!important;}
@media(max-width:780px){
  .ws-portal-v4-stage{width:100%!important;max-width:none!important;min-width:0!important;}
  .ws-portal-v4-image{width:100%!important;height:auto!important;}
}

/* =========================================================
   2.3.31 – LAGERBESTAND / ERSATZTEILE NACH FOTO-VORLAGE
   ========================================================= */
body:has(.ws-ref-article-list) .ws-236-content{max-width:1180px!important;padding:16px!important}
body:has(.ws-ref-article-list) .ws-ref-articles-head{margin:0 0 12px!important}

/* 3 Statuskarten */
.ws-stock-summary-photo{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 18px!important}
.ws-stock-summary-photo>*{display:grid!important;grid-template-columns:82px minmax(0,1fr) 24px!important;align-items:center!important;gap:14px!important;min-height:150px!important;padding:18px 20px 30px!important;border:1px solid #dfe7e1!important;border-radius:22px!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;box-shadow:0 7px 22px rgba(33,58,42,.065)!important}
.ws-stock-summary-photo .ws-stock-card-icon{display:grid!important;place-items:center!important;width:76px!important;height:76px!important;border-radius:18px!important;font-size:42px!important;font-weight:950!important}
.ws-stock-summary-photo .ws-stock-card-copy{display:block!important}.ws-stock-summary-photo .ws-stock-card-copy b{display:block!important;font-size:20px!important;line-height:1.15!important;color:#17243a!important;font-weight:900!important}.ws-stock-summary-photo .ws-stock-card-copy strong{display:block!important;font-size:52px!important;line-height:1!important;margin-top:5px!important;color:#08172f!important;font-weight:950!important}.ws-stock-summary-photo .ws-stock-card-arrow{font-size:48px!important;color:#14243b!important;line-height:1!important}.ws-stock-summary-photo>*>i{position:absolute!important;left:22px!important;right:22px!important;bottom:16px!important;height:12px!important;border-radius:999px!important;background:rgba(0,0,0,.07)!important}.ws-stock-summary-photo>*>i:after{content:"";display:block;height:100%;width:31%;border-radius:999px!important}
.ws-stock-summary-photo .ws-stock-critical{background:linear-gradient(135deg,#fff,#fff0f2)!important}.ws-stock-summary-photo .ws-stock-critical .ws-stock-card-icon{background:#ffdfe2!important;color:#dd2634!important}.ws-stock-summary-photo .ws-stock-critical>i{background:#f7cfd3!important}.ws-stock-summary-photo .ws-stock-critical>i:after{background:#e53740!important}
.ws-stock-summary-photo .ws-stock-reorder{background:linear-gradient(135deg,#fff,#fff9e2)!important}.ws-stock-summary-photo .ws-stock-reorder .ws-stock-card-icon{background:#fff0b9!important;color:#db9500!important;font-size:35px!important}.ws-stock-summary-photo .ws-stock-reorder>i{background:#f8e8af!important}.ws-stock-summary-photo .ws-stock-reorder>i:after{background:#e79b00!important}
.ws-stock-summary-photo .ws-stock-total{grid-template-columns:82px minmax(0,1fr)!important;background:linear-gradient(135deg,#fff,#eef9eb)!important}.ws-stock-summary-photo .ws-stock-total .ws-stock-card-icon{background:#e1f2de!important;color:#2e8f1c!important}.ws-stock-summary-photo .ws-stock-total>i{background:#cce9c7!important}.ws-stock-summary-photo .ws-stock-total>i:after{background:#369f20!important}

/* Such-/Filterblock */
body:has(.ws-ref-article-list) .ws-ref-toolbar{padding:24px!important;border-radius:22px!important;background:#fff!important;border:1px solid #dfe7e1!important;box-shadow:0 7px 22px rgba(33,58,42,.055)!important}
body:has(.ws-ref-article-list) .ws-ref-toolbar .ws-filterbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
body:has(.ws-ref-article-list) .ws-ref-search-wrap{grid-column:1/-1!important;position:relative!important;display:block!important}
body:has(.ws-ref-article-list) .ws-ref-search-icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-52%)!important;font-size:31px!important;color:#2e941c!important;z-index:2!important}
body:has(.ws-ref-article-list) .ws-ref-search-wrap .ws-search{width:100%!important;height:62px!important;padding:0 18px 0 58px!important;border:1px solid #d8dfda!important;border-radius:14px!important;background:#fff!important;font-size:18px!important;color:#26364d!important}
body:has(.ws-ref-article-list) .ws-ref-toolbar select{height:58px!important;border-radius:13px!important;padding:0 16px!important;background:#fff!important;border:1px solid #d8dfda!important;color:#1e2e42!important;font-size:16px!important;font-weight:700!important}
body:has(.ws-ref-article-list) .ws-ref-toolbar select[name="stock_filter"]{grid-column:1/2!important}
body:has(.ws-ref-article-list) .ws-ref-toolbar .ws-filterbar .ws-btn{grid-column:1/-1!important;height:60px!important;border-radius:12px!important;background:linear-gradient(90deg,#65c026,#389714)!important;color:#fff!important;font-size:20px!important;font-weight:900!important;border:0!important;box-shadow:none!important}
.ws-filter-icon{font-size:22px!important;margin-right:8px!important}
body:has(.ws-ref-article-list) .ws-reset-link{grid-column:1/-1!important;text-align:center!important;margin-top:-4px!important}
body:has(.ws-ref-article-list) .ws-importbar{margin-top:16px!important}

/* Artikelliste Foto-Stil */
body:has(.ws-ref-article-list) .ws-ref-article-list{display:grid!important;gap:12px!important;margin-top:14px!important}
body:has(.ws-ref-article-list) .ws-ref-article-list .ws-article-card-long{min-height:150px!important;grid-template-columns:170px minmax(0,1fr) 150px!important;gap:18px!important;padding:14px 22px!important;border-radius:20px!important;border:1px solid #e0e7e2!important;border-left:7px solid #6bd231!important;background:#fff!important;box-shadow:0 7px 20px rgba(30,57,39,.06)!important}
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo{position:relative!important;width:158px!important;min-width:158px!important;height:118px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e7ece8!important;padding:9px 10px 36px!important}
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo:after{content:"";position:absolute;left:14px;right:14px;bottom:17px;height:10px;background:linear-gradient(180deg,#1f80d0,#0e5fa9)!important;border-radius:2px!important;transform:skewY(-8deg)!important;box-shadow:0 3px 5px rgba(0,70,130,.18)!important}
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo img{max-width:100%!important;max-height:62px!important;object-fit:contain!important}
body:has(.ws-ref-article-list) .ws-article-long-main h3{font-size:24px!important;line-height:1.1!important;margin:0 0 6px!important;color:#0d1c34!important;font-weight:950!important}
body:has(.ws-ref-article-list) .ws-article-long-manufacturer{display:none!important}
body:has(.ws-ref-article-list) .ws-article-meta-line{font-size:17px!important;color:#7b8580!important;margin:2px 0 5px!important}
body:has(.ws-ref-article-list) .ws-article-barcode-line{display:flex!important;align-items:center!important;gap:8px!important;color:#7b8580!important;font-size:15px!important;margin:3px 0 7px!important}.ws-mini-barcode{display:inline-block!important;width:42px!important;height:22px!important;background:repeating-linear-gradient(90deg,#17212a 0 2px,transparent 2px 4px,#17212a 4px 5px,transparent 5px 8px)!important}
body:has(.ws-ref-article-list) .ws-article-long-tags{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
body:has(.ws-ref-article-list) .ws-article-category-badge,body:has(.ws-ref-article-list) .ws-stock-pill{border-radius:999px!important;padding:6px 14px!important;font-size:13px!important;font-weight:900!important}
body:has(.ws-ref-article-list) .ws-article-category-badge{background:#e9f8e4!important;color:#33901f!important}.ws-stock-pill.ok{background:#e7f8e4!important;color:#258317!important}.ws-stock-pill.reorder{background:#fff0bd!important;color:#c77c00!important}.ws-stock-pill.critical,.ws-stock-pill.empty{background:#ffe2e4!important;color:#c92632!important}
body:has(.ws-ref-article-list) .ws-article-long-stock{text-align:right!important;padding-right:10px!important}.ws-article-long-stock:after{content:"›";position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;font-size:50px!important;line-height:1!important;color:#4bad1c!important}.ws-article-long-stock strong{font-size:50px!important;font-weight:950!important;color:#07172f!important}.ws-article-long-stock span{font-size:20px!important;color:#7a827e!important}.ws-article-long-stock small{font-size:14px!important;color:#818a85!important}

@media(max-width:700px){
 body:has(.ws-ref-article-list) .ws-236-content{padding:10px!important}
 body:has(.ws-ref-article-list) .ws-ref-articles-head{display:none!important}
 .ws-stock-summary-photo{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}
 .ws-stock-summary-photo>*{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;min-height:112px!important;padding:11px 9px 24px!important;border-radius:15px!important}
 .ws-stock-summary-photo .ws-stock-card-icon{width:42px!important;height:42px!important;border-radius:11px!important;font-size:25px!important}.ws-stock-summary-photo .ws-stock-reorder .ws-stock-card-icon{font-size:22px!important}
 .ws-stock-summary-photo .ws-stock-card-copy b{font-size:10px!important;line-height:1.08!important}.ws-stock-summary-photo .ws-stock-card-copy strong{font-size:30px!important;margin-top:3px!important}.ws-stock-summary-photo .ws-stock-card-arrow{display:none!important}.ws-stock-summary-photo>*>i{left:9px!important;right:9px!important;bottom:9px!important;height:7px!important}
 body:has(.ws-ref-article-list) .ws-ref-toolbar{padding:12px!important;border-radius:16px!important}
 body:has(.ws-ref-article-list) .ws-ref-toolbar .ws-filterbar{grid-template-columns:1fr 1fr!important;gap:9px!important}
 body:has(.ws-ref-article-list) .ws-ref-search-wrap{grid-column:1/-1!important}
 body:has(.ws-ref-article-list) .ws-ref-search-wrap .ws-search{height:50px!important;font-size:13px!important;padding-left:44px!important}.ws-ref-search-icon{left:12px!important;font-size:24px!important}
 body:has(.ws-ref-article-list) .ws-ref-toolbar select{height:48px!important;font-size:12px!important;padding:0 9px!important}
 body:has(.ws-ref-article-list) .ws-ref-toolbar select[name="stock_filter"]{grid-column:1/2!important}
 body:has(.ws-ref-article-list) .ws-ref-toolbar .ws-filterbar .ws-btn{height:50px!important;font-size:15px!important}
 body:has(.ws-ref-article-list) .ws-importbar{display:none!important}
 body:has(.ws-ref-article-list) .ws-ref-article-list{gap:9px!important}
 body:has(.ws-ref-article-list) .ws-ref-article-list .ws-article-card-long{min-height:116px!important;grid-template-columns:92px minmax(0,1fr) 70px!important;gap:9px!important;padding:9px 10px!important;border-left-width:5px!important;border-radius:15px!important}
 body:has(.ws-ref-article-list) .ws-article-manufacturer-logo{width:86px!important;min-width:86px!important;height:86px!important;padding:7px 7px 28px!important;border-radius:11px!important}.ws-article-manufacturer-logo:after{left:10px!important;right:10px!important;bottom:13px!important;height:8px!important}.ws-article-manufacturer-logo img{max-height:45px!important}
 body:has(.ws-ref-article-list) .ws-article-long-main h3{font-size:15px!important;margin-bottom:4px!important}.ws-article-meta-line{font-size:11px!important;margin-bottom:3px!important}.ws-article-barcode-line{font-size:10px!important;margin:2px 0 4px!important;gap:5px!important}.ws-mini-barcode{width:28px!important;height:15px!important}.ws-article-category-badge,.ws-stock-pill{font-size:9px!important;padding:4px 7px!important}
 body:has(.ws-ref-article-list) .ws-article-long-stock{padding-right:4px!important}.ws-article-long-stock strong{font-size:31px!important}.ws-article-long-stock span{font-size:12px!important}.ws-article-long-stock small{font-size:9px!important;margin-top:4px!important}.ws-article-long-stock:after{right:3px!important;font-size:34px!important}
}


/* 2.3.32 – Produktkarten: künstliche blaue Traversen wieder entfernt */
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo{
  padding:12px!important;
}
body:has(.ws-ref-article-list) .ws-article-manufacturer-logo img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
@media(max-width:650px){
  body:has(.ws-ref-article-list) .ws-article-manufacturer-logo{
    padding:8px!important;
  }
  body:has(.ws-ref-article-list) .ws-article-manufacturer-logo img{
    max-height:100%!important;
  }
}

/* =========================================================
   2.3.33 – neue WIStock Startseite
   ========================================================= */
body:has(.ws-home33) .ws-236-main{background:#f4f8f4!important}
body:has(.ws-home33) .ws-236-content{max-width:1180px!important;padding:18px 18px 34px!important}
.ws-home33{display:grid!important;gap:18px!important}.ws-home33-card{background:rgba(255,255,255,.97)!important;border:1px solid #dfe8e1!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(28,57,37,.07)!important;padding:18px!important;overflow:hidden!important}
.ws-home33-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;margin-bottom:16px!important}.ws-home33-head h1{margin:0!important;font-size:44px!important;line-height:.95!important;letter-spacing:-.04em!important;color:#111b31!important}.ws-home33-head h1 span,.ws-home33-head h2 span{color:#55b51b!important}.ws-home33-head p{margin:7px 0 0!important;color:#7b8995!important;font-size:15px!important}.ws-home33-head>strong{font-family:cursive!important;font-size:36px!important;line-height:1!important;font-style:italic!important;color:#263448!important;font-weight:500!important;transform:rotate(-5deg)!important;padding-right:16px!important}.ws-home33-head>strong:after{content:''!important;display:block!important;width:150px!important;height:3px!important;background:#66be27!important;border-radius:99px!important;margin-top:8px!important;transform:rotate(2deg)!important}
.ws-home33-quick-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.ws-home33-action{position:relative!important;min-height:136px!important;display:grid!important;grid-template-columns:110px 1fr 50px!important;align-items:center!important;gap:16px!important;padding:16px!important;border:1px solid #dfe8e1!important;border-left:9px solid #62c522!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f4fbf1)!important;color:#172642!important;text-decoration:none!important;box-shadow:0 8px 19px rgba(29,57,38,.075)!important}.ws-home33-action.slate{border-left-color:#71808d!important;background:linear-gradient(135deg,#fff,#f8fafb)!important}.ws-home33-action.orange{border-left-color:#f08b00!important;background:linear-gradient(135deg,#fff,#fffaf2)!important}.ws-home33-action .action-icon{width:92px!important;height:92px!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:54px!important;position:relative!important}.ws-home33-action .action-icon b{position:absolute!important;right:0!important;bottom:4px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#56c71c!important;color:#fff!important;font-size:25px!important}.ws-home33-action .action-icon.barcode{font-size:82px!important;line-height:.8!important;color:#22374c!important}.ws-home33-action span strong{display:block!important;font-size:22px!important;line-height:1.02!important}.ws-home33-action span small{display:block!important;margin-top:7px!important;color:#75828e!important;font-size:14px!important;line-height:1.2!important}.ws-home33-action>em{width:42px!important;height:42px!important;border-radius:50%!important;background:#56c71c!important;color:#fff!important;font-style:normal!important;font-size:28px!important;display:grid!important;place-items:center!important;justify-self:end!important}.ws-home33-action:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(29,57,38,.12)!important}
.ws-home33-head.compact{align-items:center!important}.ws-home33-head h2{margin:0!important;font-size:34px!important;color:#15263f!important}.ws-home33-head h2:first-letter{color:#4fb21b!important}.ws-home33-head .updated{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 15px rgba(25,50,34,.08)!important;color:#54b41b!important;font-size:27px!important}.ws-home33-head .updated span{font-size:13px!important;color:#33424f!important;font-weight:800!important}.ws-home33-head .updated small{display:block!important;font-size:10px!important;color:#8b979f!important;font-weight:500!important}
.ws-home33-status{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.93)),url('../images/ws-hero-warehouse.jpg') center/cover!important}.ws-home33-status-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.ws-home33-status-grid .stat{min-height:205px!important;border:1.5px solid currentColor!important;border-radius:17px!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;background:rgba(255,255,255,.82)!important;color:#55b51b!important;overflow:hidden!important}.ws-home33-status-grid .stat:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.58));pointer-events:none}.ws-home33-status-grid .stat i{font-style:normal!important;font-size:45px!important;z-index:1!important}.ws-home33-status-grid .stat b{font-size:48px!important;color:#13243e!important;line-height:1!important;z-index:1!important;margin-top:8px!important}.ws-home33-status-grid .stat span{text-align:center!important;color:#243852!important;font-size:15px!important;line-height:1.15!important;z-index:1!important;margin-top:7px!important}.ws-home33-status-grid .stat em{position:absolute!important;left:16px!important;bottom:10px!important;width:25%!important;height:40px!important;background:repeating-linear-gradient(90deg,currentColor 0 7px,transparent 7px 12px)!important;opacity:.16!important}.ws-home33-status-grid .stat:after{content:'•';position:absolute!important;right:15px!important;top:10px!important;font-size:29px!important;color:currentColor!important}.ws-home33-status-grid .blue{color:#2498ef!important;background:#eef8ff!important}.ws-home33-status-grid .amber{color:#ff9b00!important;background:#fff9e9!important}.ws-home33-status-grid .red{color:#ed1f35!important;background:#fff1f3!important}
.ws-home33-head .all{background:linear-gradient(90deg,#74d526,#49b910)!important;color:#fff!important;padding:12px 20px!important;border-radius:13px!important;font-weight:800!important;text-decoration:none!important;font-size:14px!important}.ws-home33-activity-list{display:grid!important;gap:8px!important}.activity-row{min-height:67px!important;border:1px solid #e4ebe5!important;border-radius:13px!important;background:#fff!important;display:grid!important;grid-template-columns:16px 128px 48px 1fr 24px!important;align-items:center!important;gap:12px!important;padding:8px 14px!important;color:#23364e!important;text-decoration:none!important}.activity-row .dot{width:13px!important;height:13px!important;border-radius:50%!important;background:#2b93f0!important}.activity-row .dot.green{background:#49b900!important}.activity-row .dot.orange{background:#ff9b00!important}.activity-row time{font-size:12px!important;color:#758390!important}.activity-row .activity-icon{width:43px!important;height:43px!important;border-radius:50%!important;background:#edf3f0!important;display:grid!important;place-items:center!important;font-size:28px!important;font-weight:900!important}.activity-row .activity-copy b{display:block!important;font-size:15px!important}.activity-row .activity-copy small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#7c8994!important}.activity-row>em{font-style:normal!important;font-size:30px!important;color:#71808a!important}
@media(max-width:760px){body:has(.ws-home33) .ws-236-content{padding:10px 8px 24px!important}.ws-home33{gap:12px!important}.ws-home33-card{padding:12px!important;border-radius:18px!important}.ws-home33-head{margin-bottom:12px!important}.ws-home33-head h1{font-size:31px!important}.ws-home33-head p{font-size:11px!important}.ws-home33-head>strong{font-size:24px!important}.ws-home33-head>strong:after{width:100px!important}.ws-home33-quick-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.ws-home33-action{min-height:115px!important;grid-template-columns:66px 1fr 34px!important;gap:8px!important;padding:10px!important;border-left-width:6px!important;border-radius:14px!important}.ws-home33-action .action-icon{width:60px!important;height:60px!important;font-size:37px!important}.ws-home33-action .action-icon b{width:29px!important;height:29px!important;font-size:18px!important}.ws-home33-action .action-icon.barcode{font-size:55px!important}.ws-home33-action span strong{font-size:16px!important}.ws-home33-action span small{font-size:10px!important}.ws-home33-action>em{width:31px!important;height:31px!important;font-size:20px!important}.ws-home33-head h2{font-size:26px!important}.ws-home33-head .updated{padding:6px 10px!important;font-size:20px!important}.ws-home33-status-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.ws-home33-status-grid .stat{min-height:145px!important;border-radius:13px!important}.ws-home33-status-grid .stat i{font-size:32px!important}.ws-home33-status-grid .stat b{font-size:36px!important}.ws-home33-status-grid .stat span{font-size:12px!important}.activity-row{grid-template-columns:12px 74px 38px 1fr 16px!important;gap:7px!important;padding:7px 8px!important;min-height:60px!important}.activity-row time{font-size:9px!important}.activity-row .activity-icon{width:34px!important;height:34px!important;font-size:21px!important}.activity-row .activity-copy b{font-size:11px!important}.activity-row .activity-copy small{font-size:9px!important}.ws-home33-head .all{padding:9px 12px!important;font-size:11px!important}}

/* =========================================================
   2.3.35 – Startseite Feinanpassung nach Referenzbildern
   ========================================================= */
body:has(.ws-home33){background:#f5f8f5!important}
body:has(.ws-home33) .ws-236-content{max-width:980px!important;margin:0 auto!important;padding:12px 12px 28px!important}
.ws-home33{gap:14px!important;max-width:960px!important}
.ws-home33-card{border-radius:18px!important;padding:14px!important;border:1px solid #e2e9e3!important;box-shadow:0 7px 18px rgba(25,54,35,.055)!important}
.ws-home33-head{margin-bottom:12px!important;align-items:center!important}
.ws-home33-head h1{font-size:42px!important;line-height:.92!important;letter-spacing:-.035em!important}
.ws-home33-head h1 span{color:#4cad13!important}
.ws-home33-head p{font-size:14px!important;margin-top:6px!important}
.ws-home33-head>strong{font-size:31px!important;color:#2a3646!important;padding-right:10px!important;white-space:nowrap!important}
.ws-home33-head>strong:after{width:135px!important;height:3px!important;margin:6px 0 0 auto!important}

/* Quick access: flatter and more compact like reference */
.ws-home33-quick-grid{gap:10px!important}
.ws-home33-action{min-height:116px!important;grid-template-columns:86px 1fr 38px!important;gap:12px!important;padding:12px 13px!important;border-radius:14px!important;border-left-width:7px!important;box-shadow:0 5px 13px rgba(35,61,42,.06)!important;background:#fff!important}
.ws-home33-action.green{background:linear-gradient(90deg,#f8fff5 0%,#fff 78%)!important}
.ws-home33-action.slate{background:#fff!important;border-left-color:#50606f!important}
.ws-home33-action.orange{background:#fff!important;border-left-color:#ef8400!important}
.ws-home33-action .action-icon{width:76px!important;height:76px!important;font-size:0!important}
.ws-home33-action .action-icon b{width:32px!important;height:32px!important;font-size:20px!important;right:-2px!important;bottom:2px!important;box-shadow:0 2px 6px rgba(37,105,11,.18)!important}
.ws-home33-action span strong{font-size:19px!important;line-height:1.02!important;color:#17233a!important}
.ws-home33-action span small{font-size:12px!important;line-height:1.18!important;margin-top:5px!important;color:#71808d!important}
.ws-home33-action>em{width:34px!important;height:34px!important;font-size:22px!important;background:linear-gradient(180deg,#64ce20,#3eae0b)!important}

/* CSS-drawn icons to avoid emoji differences */
.action-repair:before{content:'';width:54px;height:42px;border-radius:5px;background:linear-gradient(135deg,#dca763,#f1c78b);box-shadow:inset -9px 0 rgba(173,120,57,.15);transform:rotate(-1deg)}
.action-repair:after{content:'🔧';position:absolute;font-size:34px;right:1px;bottom:0}
.action-order:before{content:'';width:43px;height:54px;border:5px solid #35495a;border-radius:4px;box-sizing:border-box;background:linear-gradient(#fff,#fff)}
.action-order:after{content:'';position:absolute;width:25px;height:4px;background:#35495a;top:27px;left:27px;box-shadow:0 11px #35495a}
.action-scan:before{content:'|||||';font-family:monospace;font-weight:900;letter-spacing:-4px;font-size:49px;line-height:1;color:#223647;border:4px solid #223647;border-width:4px 0;padding:0 6px}
.action-scan:after{content:'';position:absolute;width:68px;height:4px;background:#60d22a;top:36px;left:4px}
.action-map:before{content:'⌖';font-size:68px;line-height:1;color:#55bf19;transform:translateY(-5px)}
.action-map:after{content:'M';position:absolute;font-size:46px;color:#566c64;bottom:2px;left:10px;font-weight:900;transform:scaleX(1.3)}
.action-warning:before{content:'';width:0;height:0;border-left:33px solid transparent;border-right:33px solid transparent;border-bottom:58px solid #ffbe55;filter:drop-shadow(0 0 0 #e77b00)}
.action-warning span{position:absolute;font-size:36px;font-weight:950;color:#65420a;top:24px;left:31px}
.action-stock:before,.action-stock:after{content:'';position:absolute;width:34px;height:30px;background:linear-gradient(135deg,#ddb06d,#f0c78c);border:1px solid #c8944e;border-radius:2px}
.action-stock:before{left:11px;top:28px;box-shadow:34px 10px 0 #e2ad67}
.action-stock:after{left:28px;top:8px}

/* Lagerstatus: four cards in one row also on mobile */
.ws-home33-status{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.88)),url('../images/ws-hero-warehouse.jpg') center/cover!important}
.ws-home33-head h2{font-size:31px!important;display:flex!important;align-items:center!important;gap:10px!important}
.status-bars{display:flex!important;gap:4px!important;align-items:flex-end!important;height:32px!important}
.status-bars b{display:block!important;width:6px!important;border-radius:5px!important;background:#38a916!important}.status-bars b:nth-child(1){height:13px!important}.status-bars b:nth-child(2){height:22px!important}.status-bars b:nth-child(3){height:31px!important}
.ws-home33-head .updated{font-size:22px!important;padding:7px 12px!important;border-radius:18px!important}
.ws-home33-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.ws-home33-status-grid .stat{min-height:176px!important;border-radius:15px!important;padding:12px 6px 16px!important;justify-content:flex-start!important;padding-top:22px!important}
.ws-home33-status-grid .stat i.stat-icon{font-size:38px!important;line-height:1!important;min-height:44px!important;display:grid!important;place-items:center!important}
.ws-home33-status-grid .stat b{font-size:43px!important;margin-top:7px!important}
.ws-home33-status-grid .stat span{font-size:13px!important;margin-top:4px!important}
.ws-home33-status-grid .stat em{height:34px!important;bottom:8px!important;left:12px!important}
.ws-home33-status-grid .stat:after{right:11px!important;top:7px!important;font-size:24px!important}

/* Activities */
.ws-home33-activity .ws-home33-head h2{font-size:30px!important}
.ws-home33-activity-list{gap:7px!important}
.activity-row{min-height:58px!important;grid-template-columns:12px 118px 42px 1fr 18px!important;gap:10px!important;padding:7px 12px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(25,50,34,.035)!important}
.activity-row .dot{width:12px!important;height:12px!important}
.activity-row time{font-size:11px!important;line-height:1.1!important}
.activity-row .activity-icon{width:38px!important;height:38px!important;font-size:23px!important}
.activity-row .activity-copy b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.activity-row .activity-copy small{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.activity-row>em{font-size:26px!important}
.ws-home33-head .all{padding:10px 16px!important;border-radius:11px!important}

@media(max-width:760px){
 body:has(.ws-home33) .ws-236-content{padding:7px 6px 20px!important}
 .ws-home33{gap:9px!important}
 .ws-home33-card{padding:10px!important;border-radius:14px!important}
 .ws-home33-head{margin-bottom:9px!important;gap:8px!important}
 .ws-home33-head h1{font-size:27px!important}.ws-home33-head p{font-size:9.5px!important}.ws-home33-head>strong{font-size:18px!important;padding-right:2px!important}.ws-home33-head>strong:after{width:76px!important;height:2px!important}
 .ws-home33-quick-grid{gap:6px!important}
 .ws-home33-action{min-height:94px!important;grid-template-columns:54px 1fr 27px!important;gap:6px!important;padding:8px!important;border-left-width:5px!important;border-radius:11px!important}
 .ws-home33-action .action-icon{width:49px!important;height:52px!important;transform:scale(.78)!important;transform-origin:center!important}
 .ws-home33-action span strong{font-size:13px!important}.ws-home33-action span small{font-size:8.5px!important;line-height:1.15!important;margin-top:3px!important}.ws-home33-action>em{width:26px!important;height:26px!important;font-size:17px!important}
 .ws-home33-head h2{font-size:21px!important}.status-bars{height:23px!important}.status-bars b{width:4px!important}.status-bars b:nth-child(1){height:9px!important}.status-bars b:nth-child(2){height:16px!important}.status-bars b:nth-child(3){height:22px!important}
 .ws-home33-head .updated{font-size:16px!important;padding:5px 7px!important}.ws-home33-head .updated span{font-size:9px!important}.ws-home33-head .updated small{font-size:7px!important}
 .ws-home33-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
 .ws-home33-status-grid .stat{min-height:114px!important;border-radius:10px!important;padding:10px 3px 8px!important}
 .ws-home33-status-grid .stat i.stat-icon{font-size:25px!important;min-height:28px!important}.ws-home33-status-grid .stat b{font-size:29px!important;margin-top:4px!important}.ws-home33-status-grid .stat span{font-size:8.5px!important;line-height:1.05!important}.ws-home33-status-grid .stat em{height:23px!important;left:7px!important;bottom:4px!important}.ws-home33-status-grid .stat:after{font-size:16px!important;right:6px!important;top:4px!important}
 .ws-home33-activity .ws-home33-head h2{font-size:20px!important}.ws-home33-head .all{padding:7px 10px!important;font-size:9px!important}
 .activity-row{min-height:49px!important;grid-template-columns:8px 64px 31px 1fr 12px!important;gap:5px!important;padding:5px 6px!important}.activity-row .dot{width:8px!important;height:8px!important}.activity-row time{font-size:7.5px!important}.activity-row .activity-icon{width:29px!important;height:29px!important;font-size:17px!important}.activity-row .activity-copy b{font-size:9px!important}.activity-row .activity-copy small{font-size:7.5px!important}.activity-row>em{font-size:18px!important}
}

/* =========================================================
   WIStock Suite 2.3.37 – LAYOUT REPAIR
   Conservative repair after sidebar/image integration.
   Goals: full-width content, stable header, sidebar as overlay,
   no content shift, no card image overlays.
   ========================================================= */
:root{
  --ws237-header-h:92px;
  --ws237-sidebar-w:330px;
  --ws237-content-max:1540px;
}

/* Never let the sidebar reserve layout width. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body .ws-236-main,
body .ws-shell,
body .ws-236-shell{
  margin-left:0!important;
  width:100%!important;
  max-width:none!important;
}
body .ws-236-main{
  padding-left:0!important;
  padding-right:0!important;
}
body .ws-236-content{
  width:min(calc(100% - 28px),var(--ws237-content-max))!important;
  max-width:var(--ws237-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Stable full-width header. */
body .ws-236-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  min-width:0!important;
  z-index:2000!important;
  box-sizing:border-box!important;
}

/* Sidebar: hidden by default on EVERY viewport and opens over content. */
body .ws-236-sidebar{
  position:fixed!important;
  left:0!important;
  top:var(--ws237-header-h)!important;
  width:min(var(--ws237-sidebar-w),86vw)!important;
  height:calc(100dvh - var(--ws237-header-h))!important;
  max-height:calc(100dvh - var(--ws237-header-h))!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-105%)!important;
  transition:transform .22s ease!important;
  z-index:1900!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:#fff url('../images/ws-sidebar-rack-bild2.png') center top/100% auto no-repeat!important;
  box-shadow:14px 0 34px rgba(20,46,28,.18)!important;
}
body.ws-sidebar-open .ws-236-sidebar{
  transform:translateX(0)!important;
}
body .ws-sidebar-overlay{
  display:block!important;
  position:fixed!important;
  inset:var(--ws237-header-h) 0 0 0!important;
  background:rgba(17,31,23,.38)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
  z-index:1850!important;
}
body.ws-sidebar-open .ws-sidebar-overlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Keep the rack image and transparent click zones, without affecting layout. */
body .ws-236-side-top,
body .ws-236-side-art{display:none!important}
body .ws-236-nav{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
}
body .ws-236-nav-link{
  position:absolute!important;
  left:27%!important;
  width:46%!important;
  height:4.3%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  overflow:hidden!important;
}
body .ws-236-nav-link .ws-236-nav-icon,
body .ws-236-nav-link span{display:none!important}
body .ws-236-nav-link:nth-child(1){top:8.0%!important}
body .ws-236-nav-link:nth-child(2){top:18.2%!important}
body .ws-236-nav-link:nth-child(3){top:28.4%!important}
body .ws-236-nav-link:nth-child(4){top:38.8%!important}
body .ws-236-nav-link:nth-child(5){top:49.1%!important}
body .ws-236-nav-link:nth-child(6){top:59.2%!important}
body .ws-236-nav-link:nth-child(7){top:69.2%!important}
body .ws-236-nav-link:nth-child(8){top:79.2%!important}
body .ws-236-nav-link:nth-child(9){top:89.1%!important}
body .ws-236-nav-link:nth-child(10){top:95%!important;height:4%!important}
body .ws-236-nav-link.active{
  outline:2px solid rgba(112,180,55,.72)!important;
  outline-offset:-2px!important;
  background:rgba(112,180,55,.06)!important;
}

/* Homepage cards: remove image overlays that made text hard to read. */
body .ws-ref-home-quick-card,
body .ws-home-quick-card,
body .ws236-quick-grid>a,
body .ws236-quick-card{
  background-image:none!important;
  background-color:#fff!important;
  background-blend-mode:normal!important;
}
body .ws-ref-home-quick-card:first-child,
body .ws236-quick-grid>a:first-child{
  background:linear-gradient(90deg,#f6fff1 0%,#fff 72%)!important;
}

/* Re-stabilize homepage grids. */
body .ws-ref-home-quick-grid,
body .ws236-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
body .ws-ref-home-stock-grid,
body .ws236-status-grid,
body .ws236-stock-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
body .ws-ref-home-activities,
body .ws236-activities,
body .ws236-notifications{
  width:100%!important;
  max-width:none!important;
}

/* Footer stays in normal flow; no giant empty offset. */
body .ws-footer{
  position:static!important;
  margin:28px auto 0!important;
  width:min(calc(100% - 28px),var(--ws237-content-max))!important;
  max-width:var(--ws237-content-max)!important;
}

@media(max-width:999px){
  :root{--ws237-header-h:84px;--ws237-sidebar-w:430px}
  body .ws-236-content{width:calc(100% - 20px)!important}
  body .ws-ref-home-quick-grid,
  body .ws236-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  :root{--ws237-header-h:76px;--ws237-sidebar-w:390px}
  body .ws-236-content{width:calc(100% - 16px)!important}
  body .ws-ref-home-quick-grid,
  body .ws236-quick-grid{grid-template-columns:1fr!important}
  body .ws-ref-home-stock-grid,
  body .ws236-status-grid,
  body .ws236-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .ws-footer{width:calc(100% - 16px)!important}
}

/* =========================================================
   WIStock Suite 2.3.38 – SIDEBAR FULL PAGE TRANSPARENT
   The rack is a true full-height overlay. No white panel,
   no content shift, no header offset.
   ========================================================= */
:root{
  --ws238-rack-ratio: .4322916667; /* 664 / 1536 */
}

/* Keep the application/content untouched behind the drawer. */
body .ws-236-main,
body .ws-shell,
body .ws-236-shell{
  margin-left:0!important;
  width:100%!important;
  max-width:none!important;
}

/* Full-page transparent rack drawer. */
body .ws-236-sidebar{
  position:fixed!important;
  top:0!important;
  bottom:auto!important;
  left:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  width:min(86vw,calc(100dvh * var(--ws238-rack-ratio)))!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('../images/ws-sidebar-rack-bild2.png')!important;
  background-repeat:no-repeat!important;
  background-position:left top!important;
  background-size:contain!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:translateX(-105%)!important;
  transition:transform .22s ease!important;
  z-index:2600!important;
}
body.ws-sidebar-open .ws-236-sidebar{
  transform:translateX(0)!important;
}

/* Dim the complete page, including the header, behind the rack. */
body .ws-sidebar-overlay{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  background:rgba(22,35,27,.34)!important;
  -webkit-backdrop-filter:blur(1px)!important;
  backdrop-filter:blur(1px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
  z-index:2500!important;
}
body.ws-sidebar-open .ws-sidebar-overlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Rack image already contains the visible labels. Keep only click zones. */
body .ws-236-sidebar > *:not(.ws-236-nav){
  display:none!important;
}
body .ws-236-sidebar .ws-236-nav{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body .ws-236-sidebar .ws-236-nav-link{
  position:absolute!important;
  left:27%!important;
  width:46%!important;
  height:4.3%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  overflow:hidden!important;
}
body .ws-236-sidebar .ws-236-nav-link .ws-236-nav-icon,
body .ws-236-sidebar .ws-236-nav-link span{
  display:none!important;
}
body .ws-236-sidebar .ws-236-nav-link:nth-child(1){top:8.0%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(2){top:18.2%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(3){top:28.4%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(4){top:38.8%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(5){top:49.1%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(6){top:59.2%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(7){top:69.2%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(8){top:79.2%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(9){top:89.1%!important}
body .ws-236-sidebar .ws-236-nav-link:nth-child(10){top:95%!important;height:4%!important}
body .ws-236-sidebar .ws-236-nav-link.active{
  outline:2px solid rgba(112,198,1,.72)!important;
  outline-offset:-2px!important;
  background:rgba(112,198,1,.07)!important;
}

/* Mobile: same full-page behavior, width follows rack aspect ratio. */
@media(max-width:999px){
  body .ws-236-sidebar{
    top:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    width:min(88vw,calc(100dvh * var(--ws238-rack-ratio)))!important;
  }
}
@media(max-width:560px){
  body .ws-236-sidebar{
    width:min(90vw,calc(100dvh * var(--ws238-rack-ratio)))!important;
  }
  body .ws-sidebar-overlay{background:rgba(22,35,27,.38)!important}
}


/* =========================================================
   WIStock Suite 2.3.49 – Sidebar proportional, nicht verzerrt
   Das Regal nutzt weiterhin die volle Seitenhöhe, behält aber
   immer sein Original-Seitenverhältnis 664 x 1536.
   ========================================================= */
:root{--ws249-rack-ratio:.4322916667}
body .ws-236-sidebar{
  top:0!important;
  bottom:auto!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100dvh!important;
  width:min(78vw,calc(100dvh * var(--ws249-rack-ratio)))!important;
  min-width:0!important;
  max-width:none!important;
  background-size:100% auto!important;
  background-position:left top!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
body .ws-236-sidebar .ws-236-nav{
  width:100%!important;
  height:100%!important;
}
@media(max-width:900px){
  body .ws-236-sidebar{
    width:min(78vw,calc(100dvh * var(--ws249-rack-ratio)))!important;
    min-width:0!important;
    max-width:none!important;
    height:100dvh!important;
    background-size:100% auto!important;
  }
}
@media(max-width:560px){
  body .ws-236-sidebar{
    width:min(76vw,calc(100dvh * var(--ws249-rack-ratio)))!important;
    min-width:0!important;
    max-width:none!important;
    height:100dvh!important;
    background-size:100% auto!important;
  }
}