
/* Vistio Business 0.6: coherent visual language; no third-party icon fonts. */
.vb-ico,.vb-svg-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0;transition:transform .24s ease,stroke .24s ease}
.nav-glyph{width:22px;height:22px;display:grid;place-items:center}
.sidenav button:hover .vb-ico,.module-card:hover .vb-ico{transform:translateY(-2px)}
.module-icon{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border:1px solid rgba(211,176,113,.37);border-radius:17px;background:radial-gradient(circle at 35% 10%,rgba(231,195,123,.26),rgba(18,18,18,.7))!important;color:#e7ce98!important}
.module-icon svg{width:26px;height:26px}
.stat-head .vb-ico{color:#d8b87d;width:21px;height:21px}
.v03-resource .actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.v03-resource .actions .vb-ico{width:15px;height:15px}
.v4card-actions .vb-ico{width:18px;height:18px}
.url-locked{display:inline-flex;align-items:center;gap:7px}
.url-locked .vb-ico{width:16px;height:16px}
.feature-picture{overflow:hidden}
.feature .feature-picture>div{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease}
.feature:hover .feature-picture>div{transform:scale(1.035)}
/* Vistio Link editor now previews a website rather than another profile card. */
.preview-stage:has(.v06-link-preview){background:radial-gradient(circle at 70% 12%,#bc8d3326,transparent 50%),#0d0e11!important;padding:16px!important}
.v06-link-preview{max-width:760px;margin:0 auto;border-radius:13px;overflow:hidden;background:#f6f2e9;color:#251f1a;box-shadow:0 20px 60px #0009;font-family:inherit}
.v06-browser-bar{height:29px;padding:0 12px;background:#292827;color:#b9afa0;display:flex;align-items:center;justify-content:space-between;font-size:9px}
.v06-browser-bar svg{width:12px;height:12px}
.v06-browser-dots{display:flex;gap:4px}.v06-browser-dots i{width:6px;height:6px;border-radius:50%;background:#8b7b68}
.v06-link-nav{height:44px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px;letter-spacing:.04em}
.v06-link-nav strong{font-size:12px;color:#35291d}.v06-link-nav span{font-size:8px;color:#8a7762;letter-spacing:.12em}
.v06-link-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 75% 10%,#b99b6d66,transparent 52%),linear-gradient(125deg,#111,#3f3021);min-height:252px;color:white;display:flex;align-items:end;overflow:hidden}
.v06-link-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0003);z-index:-1}.v06-link-hero>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}
.v06-link-hero-copy{padding:30px 28px;width:100%}.v06-link-hero-copy small{font-size:9px;color:#e9c891;letter-spacing:.18em}.v06-link-hero-copy h3{font-size:35px;margin:12px 0 3px;letter-spacing:-.05em;line-height:1.04}.v06-link-hero-copy p{color:#e2dfda;font-size:11px}
.v06-link-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5bc86;color:#eed7a7;border-radius:50px;padding:8px 12px;margin-top:13px;font-size:9px}.v06-link-cta svg{width:12px;height:12px}
.v06-link-content{padding:28px 23px 24px}.v06-link-title{display:flex;gap:17px;justify-content:space-between;align-items:end}.v06-link-title>div{min-width:45%}.v06-link-title small{font-size:8px;letter-spacing:.14em;color:#91754e}.v06-link-title h4{font-size:25px;line-height:1;margin:8px 0;letter-spacing:-.04em}.v06-link-title h4 span{color:#c29a58}.v06-link-title>p{font-size:9px;color:#776e65;max-width:49%;line-height:1.6}
.v06-link-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.v06-link-tile{min-width:0;text-align:left}.v06-link-tile-photo{aspect-ratio:4/4.4;border-radius:14px;overflow:hidden;background:#e9ddc8}.v06-link-tile-photo img{height:100%;width:100%;object-fit:cover}.v06-faux-photo{height:100%;width:100%;display:flex;align-items:end;padding:12px;background:linear-gradient(135deg,#baa17b,#322e30);color:#fff}.v06-faux-photo.photo-1{background:linear-gradient(135deg,#b0ac9b,#636052)}.v06-faux-photo.photo-2{background:linear-gradient(135deg,#a47954,#4a3c31)}.v06-faux-photo span{font-size:20px;opacity:.8}.v06-link-tile strong{display:block;font-size:11px;margin-top:9px}.v06-link-tile small{display:block;font-size:9px;color:#8d8172;margin-top:3px;line-height:1.5}
.v06-link-connect{border-top:1px solid #ddd4c8;margin-top:26px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.v06-link-connect h4{margin:0;font-size:18px}.v06-link-connect>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.v06-link-connect span{display:inline-flex;align-items:center;gap:4px;padding:7px 9px;background:#1c1b1a;color:#fff;border-radius:20px;font-size:9px}.v06-link-connect svg{height:10px;width:10px}
/* Security and admin clarity */
.admin-box{background:linear-gradient(110deg,rgba(176,131,61,.13),rgba(22,21,20,.94));border:1px solid #a18048}
.admin-plan-actions button.active-plan{background:#ddbc7f!important;color:#19130a!important}
@media(max-width:600px){.v06-link-gallery{gap:7px}.v06-link-hero{min-height:200px}.v06-link-hero-copy{padding:22px 18px}.v06-link-hero-copy h3{font-size:28px}.v06-link-content{padding:20px 16px}.v06-link-title h4{font-size:21px}.v06-link-tile-photo{border-radius:10px}.v06-link-connect{display:block}.v06-link-connect>div{margin-top:10px;justify-content:start}}
@media(prefers-reduced-motion:reduce){.feature .feature-picture>div,.nav-glyph .vb-ico,.module-icon .vb-ico{transition:none!important}}

.account-forms{display:grid;gap:16px;min-width:0}.account-forms .account-form{min-width:0}.password-form input{width:100%}.password-form{border:1px solid rgba(209,176,116,.18)}
