/* Vistio Business 1.0.5 — reliable local previews, clean overlays and independent editor scroll. */
:root{--vb105-gold:#dfb66c;--vb105-paper:#f7edda;--vb105-shadow:#0a0806}

/* One photo panel per preview miniature: cover fills the stage; small avatar only for cards. */
#workspace .vbp-continuous-grid .vb105-mini,
#workspace .vbp-theme-mini.vb105-mini{
  display:block!important;position:relative!important;isolation:isolate!important;
  box-sizing:border-box!important;width:100%!important;height:174px!important;
  min-height:174px!important;overflow:hidden!important;
  padding:0!important;border-radius:16px!important;
  background:linear-gradient(160deg,#2a2119,#09090a)!important;
  border:1px solid rgba(226,180,104,.38)!important;
}
.vb105-mini .vb105-mini-cover{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}
.vb105-mini .vb105-mini-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 36%!important;filter:brightness(.81) contrast(1.07)!important}
.vb105-mini .vb105-mini-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08080920,#08080900 24%,#050505e6 100%);z-index:1;pointer-events:none}
.vb105-mini .vb105-mini-avatar{position:absolute!important;top:46px!important;right:12px!important;left:auto!important;display:block!important;width:54px!important;height:54px!important;border-radius:50%!important;overflow:hidden!important;border:2px solid var(--vb105-gold)!important;box-shadow:0 5px 20px #000a!important;z-index:3!important;background:#100e0c!important}
.vb105-mini .vb105-mini-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.vb105-mini .vbp-mini-badge{position:absolute!important;z-index:5!important;top:9px!important;left:9px!important;right:auto!important;bottom:auto!important;max-width:calc(100% - 18px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;height:auto!important;margin:0!important;padding:5px 9px!important;background:#0c0a08dd!important;border:1px solid rgba(233,184,105,.65)!important;color:#f3d29a!important;border-radius:999px!important;font:700 8px/1.15 Inter,'Segoe UI',sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important}
.vb105-mini .vb105-mini-copy{position:absolute!important;z-index:4!important;display:flex!important;flex-direction:column!important;gap:3px!important;bottom:10px!important;top:auto!important;left:11px!important;right:9px!important;color:var(--vb105-paper)!important;text-align:left!important;background:none!important;max-width:none!important;transform:none!important}
.vb105-mini .vb105-mini-copy strong{display:block!important;color:#fff8ec!important;font:400 19px/1.1 Georgia,serif!important;text-shadow:0 2px 9px #000a!important;letter-spacing:-.02em!important}
.vb105-mini .vb105-mini-copy small{display:block!important;color:#f2d6a2!important;font:700 10px/1.3 Inter,'Segoe UI',sans-serif!important;letter-spacing:.05em!important}
.vb105-mini .vb105-mini-copy .vbp-mini-sub{position:static!important;display:block!important;max-width:100%!important;color:#ded1c0!important;font:500 9px/1.25 Inter,'Segoe UI',sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:0 2px 4px #000!important}
/* Some legacy per-layout thumbnail CSS must not reposition the new clean component. */
.vb105-mini .vbp-mini-primary,.vb105-mini .vbp-mini-secondary,.vb105-mini .vbp-mini-lines,.vb105-mini .vbp-mini-head,.vb105-mini .vbp-mini-name,.vb105-mini .vbp-mini-pill{display:none!important}
.vb105-mini.vbp-mini-hubs .vb105-mini-avatar,.vb105-mini.vbp-mini-catalogs .vb105-mini-avatar{display:none!important}

/* v1.0.8: removed six-layout normalization. Each premium theme retains its original grid. */
/* Legacy cards also show one full cover and the existing small circular avatar below it. */
#live-preview .preview-v4-card .v4card-portrait{display:none!important}
#live-preview .preview-v4-card .v4card-cover{object-fit:cover!important;object-position:center 28%!important}
#live-preview .preview-v4-card .v4card-initials{overflow:hidden!important;border-radius:50%!important;width:68px!important;height:68px!important}
#live-preview .preview-v4-card .v4card-initials img{width:100%;height:100%;object-fit:cover;object-position:center 20%}

/* On desktop, scroll forms/templates inside their own pane and keep the live preview visible. */
@media(min-width:1051px){
 #workspace .premium-editor .editor-split,#workspace .premium-editor .v03-editor-split{
   display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
   gap:22px!important;align-items:stretch!important;
   height:calc(100dvh - 162px)!important;min-height:610px!important;max-height:950px!important;
   overflow:hidden!important;position:relative!important;
 }
 #workspace .premium-editor .editor-split>.form-content{
   min-width:0!important;min-height:0!important;max-height:100%!important;
   overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;
   padding:2px 15px 24px 4px!important;scrollbar-width:thin;scrollbar-color:#aa8149 #17120d;
 }
 #workspace .premium-editor .editor-split>.form-content::-webkit-scrollbar{width:9px}
 #workspace .premium-editor .editor-split>.form-content::-webkit-scrollbar-thumb{border-radius:999px;background:#9a713a;border:2px solid #15110d}
 #workspace .premium-editor .editor-split>.form-content::-webkit-scrollbar-track{background:#15110d;border-radius:999px}
 #workspace .premium-editor .editor-split>.live-preview-column{
   position:relative!important;top:auto!important;align-self:stretch!important;
   min-width:0!important;min-height:0!important;height:100%!important;
   max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
   overscroll-behavior:contain!important;padding:0 4px 12px!important;
   scrollbar-width:thin;scrollbar-color:#9a713a #17120d;
 }
 #workspace .premium-editor .editor-split>.live-preview-column .preview-canvas{overflow-x:hidden!important}
}
/* On mobile/tablet, keep preview above the form and let the page scroll normally. */
@media(max-width:1050px){
 #workspace .premium-editor .editor-split,#workspace .premium-editor .v03-editor-split{display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
 #workspace .premium-editor .editor-split>.live-preview-column{order:-1!important;width:100%!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #workspace .premium-editor .editor-split>.form-content{order:2!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
}

/* Animated transitions on each workspace section; does not intercept clicks. */
#workspace #view-content.vb105-view-enter>*,#workspace #view-content.vb105-view-enter .formbox{animation:vb105-entrance .25s ease-out both}
@keyframes vb105-entrance{from{opacity:.55;transform:translateY(10px);filter:brightness(.88)}to{opacity:1;transform:translateY(0);filter:brightness(1)}}
#landing:not([hidden]) .hero-copy,#landing:not([hidden]) .hero-art{animation:vb105-entrance .34s ease-out both}
@media(prefers-reduced-motion:reduce){#workspace #view-content.vb105-view-enter>*,#workspace #view-content.vb105-view-enter .formbox,#landing:not([hidden]) .hero-copy,#landing:not([hidden]) .hero-art{animation:none!important}}

/* Keep text legible on dark/light themes, especially over image-rich sections. */
.vbp-card .vbp-card-cover img,.vbp-hub .vbp-hub-hero-img img,.vbp-catalog .vbp-catalog-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.vbp-card .vbp-card-title h1,.vbp-hub .vbp-hub-hero-copy h1,.vbp-catalog .vbp-catalog-intro h1{text-wrap:balance;overflow-wrap:break-word}
.vbp-card .vbp-card-title,.vbp-hub .vbp-hub-hero-copy{isolation:isolate}
@media(max-width:560px){
 .vbp-render.vbp-card:is(.vbp-layout-portrait-left,.vbp-layout-split-diagonal,.vbp-layout-photo-banner,.vbp-layout-split-inverse,.vbp-layout-collage,.vbp-layout-cover-grid) .vbp-card-photo{width:68px!important;height:68px!important;right:12px!important;top:298px!important}
 .vbp-render.vbp-card:is(.vbp-layout-portrait-left,.vbp-layout-split-diagonal,.vbp-layout-photo-banner,.vbp-layout-split-inverse,.vbp-layout-collage,.vbp-layout-cover-grid) .vbp-card-title{padding:27px 82px 14px 17px!important}
 .vbp-render.vbp-card:is(.vbp-layout-portrait-left,.vbp-layout-split-diagonal,.vbp-layout-photo-banner,.vbp-layout-split-inverse,.vbp-layout-collage,.vbp-layout-cover-grid) .vbp-card-contact{padding:12px 17px 19px!important}
}