/* Verse Skill Commerce — premium 7-day trial and activation visuals; scoped to real pages. */
:root{--vcs60-ink:#12234a;--vcs60-blue:#075eea;--vcs60-sky:#f1f6ff;--vcs60-line:#dce7fa;--vcs60-muted:#65799d}
body.vcs-pro-trial,body.vcs-pro-setup{background:radial-gradient(ellipse 78% 52% at 15% 10%,#e5f0ff 0%,transparent 70%),radial-gradient(ellipse 67% 48% at 95% 75%,#eaf2ff 0%,transparent 70%),#f9fbff;color:var(--vcs60-ink)}
.vcs-pro-trial-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,0.85fr);gap:24px;max-width:1190px;margin:30px auto 56px;padding:0 20px;align-items:start}
.vcs-pro-trial-layout>.vcs-pro-main-card,.vcs-pro-trial-layout>.vcs-pro-summary{min-width:0;width:100%;max-width:none!important;box-sizing:border-box;border:1px solid #e0e9fa;background:#fff;border-radius:24px;box-shadow:0 22px 55px rgba(24,59,119,.075);margin:0;padding:34px 36px}
.vcs-pro-trial-layout>.vcs-pro-main-card{overflow:visible}
.vcs-pro-overline,.vcs-pro-eyebrow{font:800 11px/1.6 system-ui,-apple-system,sans-serif;letter-spacing:.13em;color:var(--vcs60-blue);margin-bottom:12px}
.vcs-pro-overline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vcs-pro-dot{display:inline-block;background:#0abb93;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px #e5f9f3}
.vcs-pro-main-card>h2,.vcs-pro-main-card h2:first-of-type{font-size:clamp(27px,3vw,39px)!important;line-height:1.15!important;letter-spacing:-.04em;color:#14264c!important;margin-bottom:14px!important}
.vcs-pro-main-card>p{font-size:15px;line-height:1.7;color:#65799b;max-width:740px}
.vcs-pro-trial-layout .vcs-pro-native-form{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:28px 0 10px}
.vcs-pro-trial-layout .vcs-pro-native-form>label{display:flex;flex-direction:column;min-width:0;gap:9px;font-weight:750;color:#183052;line-height:1.4}
.vcs-pro-native-form :is(input[name="brand"],input[name="email"]){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;border:1.5px solid #cfddf3!important;border-radius:13px!important;background:#fcfdff!important;min-height:54px!important;padding:13px 16px!important;color:#1b3158!important;font-size:15px!important;outline:none!important;transition:border-color .18s,box-shadow .18s}
.vcs-pro-native-form :is(input[name="brand"],input[name="email"]):focus{border-color:#1475f6!important;box-shadow:0 0 0 4px #e3efff!important}
.vcs-pro-trial-layout .vcs-pro-native-form>button[type="submit"]{grid-column:1/-1;justify-self:stretch;min-height:52px}
.vcs-pro-main-card .vs654-hp{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}
.vcs-pro-trial-layout .vcs-pro-verify-card{width:100%!important;max-width:none!important;box-sizing:border-box!important;min-width:0!important;margin:24px 0!important;border:1px solid #deebfd!important;background:linear-gradient(135deg,#f9fbff,#eef5ff)!important;border-radius:20px!important;padding:26px!important;box-shadow:none!important}
.vcs-pro-verify-card :is(button,input){max-width:100%!important;box-sizing:border-box!important}
.vcs-pro-verify-card button,.vcs-pro-native-button{min-height:49px!important;border-radius:12px!important;font-size:15px!important;font-weight:750!important;padding:12px 20px!important;background:linear-gradient(105deg,#075bbd,#136df2)!important;color:#fff!important;border:0!important;box-shadow:0 9px 16px rgba(16,89,215,.16)!important;cursor:pointer!important;white-space:normal!important}
.vcs-pro-verify-card button:focus-visible,.vcs-pro-native-button:focus-visible{outline:3px solid #74acff;outline-offset:3px}
.vcs-pro-verify-card :is(input[type="text"],input[type="number"],input[inputmode="numeric"]){min-height:49px;border:1.5px solid #ccddf5;border-radius:12px;padding:10px 14px}
.vcs-pro-verify-card :is(form,.vs654-otp-form){width:100%!important;max-width:none!important}
.vcs-pro-verify-card>p{max-width:780px}
.vcs-pro-main-card .vs654-steps{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:25px}
.vcs-pro-main-card .vs654-steps>*{background:#eff5ff;border:1px solid #dae7fa;border-radius:50px;padding:8px 12px;font-size:12px;font-weight:750;color:#356096}
.vcs-pro-confidential-note{padding:14px 16px;background:#f6faff;color:#547199;font-size:13px;border:1px solid #dce9ff;border-radius:12px;margin:22px 0 0}
.vcs-pro-summary{position:sticky;top:88px!important;padding:0!important;overflow:hidden}
.vcs-pro-summary-band{background:linear-gradient(110deg,#0753c9,#347afa);padding:19px 23px;color:#fff;font-weight:750;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vcs-pro-spark{font-size:20px;color:#fff}
.vcs-pro-tag{margin-left:auto;border-radius:30px;background:#ffffff24;padding:6px 10px;font-size:11px}
.vcs-pro-summary-inner{padding:27px 28px 30px}
.vcs-pro-summary h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;color:#172a53;margin:5px 0 19px}
.vcs-pro-summary h2 em{color:#0961db;font-style:normal}
.vcs-pro-price{display:flex;align-items:baseline;gap:12px;border-top:1px solid #e8effa;padding-top:19px}
.vcs-pro-price b{font-size:42px;letter-spacing:-.07em;color:#092957}
.vcs-pro-price span,.vcs-pro-summary p{font-size:13px;line-height:1.7;color:#70809c}
.vcs-pro-mini-divider{height:1px;background:#e8effa;margin:21px 0}
.vcs-pro-benefits{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:15px}
.vcs-pro-benefits li{position:relative;padding-left:28px;font-size:13.5px;line-height:1.5;color:#263b5b}
.vcs-pro-benefits li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #9fc2ff;border-radius:50%;background:#eaf3ff;color:#0861e8;font-weight:800}
.vcs-pro-upgrade{margin-top:24px;background:#f0f6ff;border-radius:14px;padding:17px;color:#6880a3;font-size:12px;line-height:1.5}
.vcs-pro-upgrade strong{display:block;font-size:14px;color:#213c6d;margin:5px 0 10px}
.vcs-pro-link{color:#0965de;text-decoration:none;font-weight:850;font-size:13px}
.vcs-pro-footlinks{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:13px}
.vcs-pro-footlinks a{color:#486ca3;text-decoration:none}
body.vcs-pro-setup{min-height:100vh}
body.vcs-pro-setup .vcs-pro-setup-panel{max-width:1040px!important;width:min(calc(100% - 32px),1040px)!important;margin-inline:auto!important;background:white!important;border:1px solid #dae6f9!important;border-radius:28px!important;box-shadow:0 25px 75px #2358ac14!important;padding:clamp(22px,4.6vw,50px)!important;box-sizing:border-box!important}
body.vcs-pro-setup .vcs-pro-setup-panel :is(h1,h2){letter-spacing:-.04em!important;color:#142a50!important;line-height:1.2!important}
body.vcs-pro-setup .vcs-pro-setup-pill{min-height:43px!important;padding:11px 17px!important;line-height:1.5!important;font-size:13px!important;border-radius:99px!important;white-space:normal!important}
body.vcs-pro-setup :is(progress,[role="progressbar"]){border-radius:99px!important;overflow:hidden!important}
body.vcs-pro-setup :is(a,button):focus-visible{outline:3px solid #85b8ff;outline-offset:3px}
body.vcs-pro-account .vcs-pro-owner-dashboard{max-width:1160px;width:calc(100% - 36px);margin:34px auto;padding:30px;background:linear-gradient(140deg,#fff,#f7faff);border:1px solid #dce8fa;border-radius:23px;box-shadow:0 15px 40px #2449840b;box-sizing:border-box}
.vcs-pro-owner-heading>span{font-size:11px;letter-spacing:.12em;color:#0c60df;font-weight:800}
.vcs-pro-owner-heading h2{color:#18315c;margin:8px 0;font-size:27px}
.vcs-pro-owner-heading p{color:#697f9d;line-height:1.5}
.vcs-pro-owner-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e0ebfb;background:#fff;border-radius:17px;margin-top:15px}
.vcs-pro-owner-item>div:first-child{display:grid;gap:5px}
.vcs-pro-owner-item strong{color:#142957}
.vcs-pro-owner-item span{color:#1c6cc9;font-weight:750;font-size:13px}
.vcs-pro-owner-item small{color:#587191;font-size:12px}
.vcs-pro-owner-actions{display:flex;flex-wrap:wrap;gap:9px}
.vcs-pro-owner-actions a{font-size:12px!important;border-radius:10px;padding:11px 14px;display:inline-block;text-decoration:none;font-weight:800}
.vcs-pro-primary{color:white;background:#1268e5}.vcs-pro-secondary{color:#1263c8;background:#edf5ff;border:1px solid #caddfc}
@media(max-width:950px){.vcs-pro-trial-layout{grid-template-columns:minmax(0,1fr);max-width:760px}.vcs-pro-summary{position:static!important;order:2}}
@media(max-width:600px){.vcs-pro-trial-layout{padding:0 12px;margin:16px auto 32px;gap:16px}.vcs-pro-trial-layout>.vcs-pro-main-card{padding:22px 17px!important;border-radius:18px}.vcs-pro-trial-layout .vcs-pro-native-form{grid-template-columns:minmax(0,1fr);gap:14px}.vcs-pro-trial-layout .vcs-pro-native-form>button[type="submit"]{grid-column:auto}.vcs-pro-trial-layout .vcs-pro-verify-card{padding:20px 14px!important}.vcs-pro-verify-card button{width:100%!important;display:block!important}.vcs-pro-summary-inner{padding:22px 20px}.vcs-pro-owner-dashboard{padding:19px 14px!important}.vcs-pro-owner-item{flex-direction:column;align-items:stretch}.vcs-pro-owner-actions a{flex:1;text-align:center}body.vcs-pro-setup .vcs-pro-setup-panel{width:calc(100% - 20px)!important;padding:22px 17px!important;border-radius:20px!important}body.vcs-pro-setup .vcs-pro-setup-pill{font-size:12px!important;padding:10px 12px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.vcs-pro-ready-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#f1f7ff;padding:16px 19px;border:1px solid #d5e5fb;border-radius:15px;margin-top:22px}.vcs-pro-ready-actions strong{color:#16315d}.vcs-pro-ready-actions a{font-size:13px;text-decoration:none;font-weight:800;color:#1168d9}

/* v6.86.61: keep verification controls full width in native nested grids/flex. */
body.vcs-pro-trial .vcs-pro-verify-card {grid-column:1/-1!important;flex:1 1 100%!important;clear:both;float:none!important;max-width:100%!important}
body.vcs-pro-trial .vcs-pro-verify-card :is(button,.button,input[type="submit"]) {min-height:52px!important}
body.vcs-pro-trial .vcs-pro-verify-card :is(form,[class*="otp"],[class*="verify"]) {max-width:100%!important}
body.vcs-pro-setup .vcs-pro-setup-panel {overflow-wrap:anywhere}
@media(max-width:600px){body.vcs-pro-trial .vcs-pro-verify-card :is(button,.button,input[type="submit"]) {width:100%!important}body.vcs-pro-setup .vcs-pro-setup-panel :is(h1,h2) {font-size:clamp(25px,7vw,36px)!important}}