/* V4.4.3 — additive banner slider. Existing portal layout remains intact. */
.banner-auto-slider{position:relative;overflow:hidden}
.banner-auto-slider .workspace-glow{pointer-events:none}
.banner-slider-stage{position:relative;z-index:2}
.banner-slide[hidden]{display:none!important}
.banner-slide.is-active{animation:bannerSlideIn .55s ease both}
@keyframes bannerSlideIn{from{opacity:.18;transform:translateX(18px)}to{opacity:1;transform:none}}
.banner-slider-controls{position:absolute;z-index:12;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(7,10,13,.52);backdrop-filter:blur(12px)}
.banner-slider-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.32);cursor:pointer;transition:width .2s,background .2s}
.banner-slider-dot.is-active{width:26px;border-radius:99px;background:linear-gradient(90deg,var(--primary),#61dfe2)}
.banner-slider-counter{color:#c7d2d7;font-size:10px;font-weight:800;letter-spacing:.08em;min-width:34px;text-align:center}
.banner-visual-photo{background-size:cover!important;background-position:center!important}
.banner-visual-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(237,250,251,.08),rgba(3,16,20,.2));z-index:1}
.banner-visual-photo .visual-security-card,.banner-visual-photo .visual-progress{z-index:4}
.banner-admin-preview{margin-top:12px;display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:15px;align-items:center}
.banner-admin-preview img{width:100%;height:145px;object-fit:cover;border-radius:16px;border:1px solid rgba(20,70,66,.14);background:#eef4f3}
.banner-admin-slide{border-left:4px solid var(--primary)}
@media(max-width:900px){.banner-slider-controls{bottom:10px}.banner-auto-slider .workspace-hero-grid{padding-bottom:52px}}
@media(max-width:620px){.banner-slider-controls{bottom:8px;padding:7px 10px}.banner-admin-preview{grid-template-columns:1fr}.banner-admin-preview img{height:180px}.banner-auto-slider .workspace-hero-grid{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.banner-slide.is-active{animation:none}.banner-slider-dot{transition:none}}
