/* V228: final, versioned visual layer. All styles scoped to relevant site shells. */
:root{--v228-primary:#ff8a31;--v228-dark:#091827;--v228-panel:#102439;--v228-line:#2d455c;--v228-muted:#a6bad0}
/* Mega menu palette uses root theme, not a body-only theme selector. */
html:not([data-theme="light"]) body.public-shell .v225-mega,
html[data-theme="dark"] body.public-shell .v225-mega,
html body.public-shell.v227-dark .v225-mega{background:#0d2032!important;border-color:#29475c!important;color:#f2f7fc!important;box-shadow:0 28px 76px #020b17aa!important}
html:not([data-theme="light"]) body.public-shell .v225-col,
html[data-theme="dark"] body.public-shell .v225-col{border-color:#2c445a!important}
html:not([data-theme="light"]) body.public-shell .v225-col h3,
html[data-theme="dark"] body.public-shell .v225-col h3{color:#9aafc6!important}
html:not([data-theme="light"]) body.public-shell .v225-item,
html[data-theme="dark"] body.public-shell .v225-item{color:#e7eff8!important}
html:not([data-theme="light"]) body.public-shell .v225-item strong,
html[data-theme="dark"] body.public-shell .v225-item strong{color:#f6faff!important}
html:not([data-theme="light"]) body.public-shell .v225-item small,
html[data-theme="dark"] body.public-shell .v225-item small{color:#a2b8cb!important}
html:not([data-theme="light"]) body.public-shell .v225-item-icon,
html[data-theme="dark"] body.public-shell .v225-item-icon{background:#18394c!important;color:#8ed8e9!important}
html:not([data-theme="light"]) body.public-shell .v225-item:hover,
html[data-theme="dark"] body.public-shell .v225-item:hover{background:#163247!important}
html:not([data-theme="light"]) body.public-shell .v225-foot,
html[data-theme="dark"] body.public-shell .v225-foot{background:#0a1a2b!important;border-color:#28475c!important}
html:not([data-theme="light"]) body.public-shell .v225-foot a,
html[data-theme="dark"] body.public-shell .v225-foot a{color:#a9bfd3!important}
html[data-theme="light"] body.public-shell .v225-mega{background:#fff!important;border-color:#d9e3ed!important;color:#1b2c40!important}
html[data-theme="light"] body.public-shell .v225-col{border-color:#e1e7ef!important}
html[data-theme="light"] body.public-shell .v225-item strong{color:#1b3046!important}
html[data-theme="light"] body.public-shell .v225-item small{color:#6e8096!important}
html[data-theme="light"] body.public-shell .v225-foot{background:#f2f5f9!important;border-color:#e0e7ef!important}
/* Public forms and pricing */
body.public-shell .v7-customer-button,body.public-shell .v224-auth-trigger{background:linear-gradient(135deg,#ff9b43,#f36e21)!important;border:0!important;color:#fff!important}
body.public-shell .v225-mega a:focus-visible,body.public-shell .v7-nav-link:focus-visible,body.public-shell button:focus-visible{outline:2px solid #ffa94d!important;outline-offset:3px}
body.public-shell :is(.product-card,.pricing-card,.v200-product-card,.v199-vds-card){border-radius:20px!important;transition:transform .18s ease,box-shadow .18s ease}
body.public-shell :is(.product-card,.pricing-card,.v200-product-card,.v199-vds-card):hover{transform:translateY(-3px)}
/* Registration: real two-column form, legible password controls, correctly sized checkbox */
body.v227-register .auth-card{max-width:940px!important;width:min(100%,940px)!important;padding:42px!important}
body.v227-register .v227-reg-intro{margin:24px 0 28px!important}
body.v227-register .v228-auth-eyebrow{font-size:11px;color:#ffad61;letter-spacing:.15em;font-weight:900}
body.v227-register .v227-reg-intro h1{font-size:clamp(28px,3vw,40px)!important;margin-top:10px!important}
body.v227-register .v227-reg-sections{gap:18px!important}
body.v227-register .v227-reg-section{padding:25px!important}
body.v227-register .v227-reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body.v227-register .v228-full{grid-column:1/-1}
body.v227-register .v227-password{position:relative!important;display:flex!important;align-items:center!important;min-width:0}
body.v227-register .v227-password .input{padding:0 89px 0 14px!important;min-width:0!important;height:48px!important}
body.v227-register .v227-password button{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;min-width:69px!important;height:34px!important;padding:0 8px!important;font-size:12px!important}
body.v227-register .v227-check{display:flex!important;align-items:flex-start!important;gap:12px!important;line-height:1.55!important;max-width:100%!important}
body.v227-register .v227-check input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;flex:none!important;min-width:18px!important;width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:2px 0 0!important;padding:0!important;border:0!important;accent-color:#ff913d!important;box-shadow:none!important}
body.v227-register .v227-check span{flex:1!important;min-width:0!important}
body.v227-register .v227-check a{color:#ffac63!important;text-decoration:underline!important}
body.v227-register .v227-submit{background:linear-gradient(120deg,#ff9b42,#f36b1d)!important;box-shadow:0 12px 26px #d9662b33!important}
/* Login matches registration */
body.nexora-v120-auth:not(.v227-register) .auth-wrap{background:radial-gradient(circle at 82% 10%,#ff91311a,transparent 38%),#071321!important}
body.nexora-v120-auth:not(.v227-register) .auth-card{max-width:480px!important;border:1px solid #2d455c!important;border-radius:22px!important;background:#102235!important;padding:35px!important;box-shadow:0 30px 75px #0005!important}
body.nexora-v120-auth:not(.v227-register) .auth-card h1{color:#fff!important}
body.nexora-v120-auth:not(.v227-register) .auth-card .input{border:1px solid #36536b!important;background:#081a2a!important;color:#fff!important;border-radius:12px!important;min-height:46px!important}
body.nexora-v120-auth:not(.v227-register) .auth-card .btn-primary{background:linear-gradient(120deg,#ff9b42,#f36b1d)!important;border:0!important}
/* Unified forms and tabular data, scoped to dashboard */
body.dashboard-body :is(.card,.panel,.stat-card,.dashboard-card){border-radius:18px!important}
body.dashboard-body .content :is(input,select,textarea):focus-visible{outline:2px solid #ff9a43!important;outline-offset:1px}
body.dashboard-body .content :is(.btn-primary,button.primary){border-radius:11px!important}
body.dashboard-body .content :is(.table-wrap,.table-responsive){overflow-x:auto;max-width:100%}
body.dashboard-body .content table{border-collapse:collapse}
body.dashboard-body .content table th{white-space:nowrap}
body.dashboard-body a:focus-visible{outline:2px solid #ff9a43;outline-offset:3px}
@media(max-width:700px){body.v227-register .auth-card{padding:20px!important}body.v227-register .v227-reg-grid{grid-template-columns:1fr!important}body.v227-register .v227-reg-section{padding:18px!important}.public-shell .v225-mega{max-width:calc(100vw - 24px)!important}}
