/* Customer consent is a focused account task within the existing reseller route. */
body.is-customer-access{background:radial-gradient(ellipse at 12% 0%,#173a4b80,transparent 55%),#081522;color:#edf5fc}
.is-customer-access .topbar{height:88px;padding:0 max(24px,calc((100vw - 1120px)/2));background:#0c1d2ded;border-bottom:1px solid #30475b;box-shadow:none;gap:16px}
.is-customer-access .brand{position:static;transform:none;white-space:nowrap;font-size:23px}
.is-customer-access .brand span{display:none}
.is-customer-access .account-menu{display:none}
.is-customer-access .header-actions{gap:14px}
.is-customer-access .shell{max-width:1120px;margin:0 auto;padding:132px 24px 40px}
.is-customer-access.is-reseller .shell{margin-left:120px}
.is-customer-access .intro{padding:0;margin:0 0 26px;border:0}
.is-customer-access .intro .eyebrow{display:block;color:#64d8f4;font-size:11px;font-weight:700;letter-spacing:.16em}
.is-customer-access .intro h1{font-size:clamp(30px,4vw,42px);font-weight:750;letter-spacing:-.035em;margin:10px 0 12px}
.is-customer-access .intro > p:last-child{display:block;color:#b5c9da;font-size:16px;max-width:740px;line-height:1.65}
.is-customer-access #status:empty{display:none}
.customer-access-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px}
.is-customer-access .button,.is-customer-access button{min-height:44px;border-radius:12px;padding:11px 17px;font-weight:600;transition:background .16s,border-color .16s}
.is-customer-access .button:hover,.is-customer-access button:hover{background:#233d51;border-color:#6dcee8}
.is-customer-access .primary{background:#c8f2ff;color:#092338;border-color:#c8f2ff}
.is-customer-access .primary:hover{background:#e0f8ff;color:#092338;filter:none}
.is-customer-access .panel{border:1px solid #304b60;border-radius:20px;padding:clamp(22px,4vw,36px);background:linear-gradient(135deg,#1b3041ee,#132537ee);box-shadow:0 18px 50px #0002;margin:20px 0}
.is-customer-access .panel h2{font-size:23px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}
.is-customer-access .panel p{font-size:14px;color:#bed0df;line-height:1.7;max-width:850px}
.customer-link-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:26px 0}
.customer-link-steps li{background:#0c1c2c80;border:1px solid #30475a;border-radius:14px;padding:18px;counter-increment:link-step}
.customer-link-steps{counter-reset:link-step}
.customer-link-steps li:before{content:'0' counter(link-step);display:block;color:#65daed;font-size:12px;font-weight:700;margin-bottom:12px}
.customer-link-steps strong{display:block;font-size:14px;color:#edf5fc;margin-bottom:6px}
.customer-link-steps span{display:block;font-size:13px;line-height:1.6;color:#b5c9da}
.customer-link-output:not([hidden]){display:block;margin:24px 0 0;padding:20px;border:1px solid #529bb7;border-radius:14px;background:#091c2b}
.customer-link-output code{font-size:25px;letter-spacing:.12em;color:#c8f2ff;border:1px solid #31556e;border-radius:10px;max-width:420px}
.customer-link-output p{margin:0 0 12px}.customer-link-output p:last-child{margin:12px 0 0}
.customer-linked-name{display:inline-block;padding:10px 14px;border:1px solid #487a8c;border-radius:10px;background:#123644}
.is-customer-access footer{font-size:12px;line-height:1.7;border-color:#30475b;margin-top:32px}
.is-customer-access .reseller-login{max-width:600px;margin:24px auto}
@media(min-width:1360px){.is-customer-access.is-reseller .shell{margin-left:auto}}
@media(max-width:650px){.is-customer-access .topbar{height:76px;padding:0 16px;gap:8px}.is-customer-access .brand{font-size:19px;gap:7px}.is-customer-access .brand img{width:26px;height:31px}.is-customer-access #fullscreen{display:none}.is-customer-access .header-actions{gap:8px}.is-customer-access .shell,.is-customer-access.is-reseller .shell{margin-left:0;padding:108px 18px 28px}.customer-link-steps{grid-template-columns:1fr;gap:10px;margin:22px 0}.customer-link-steps li{padding:16px;display:grid;grid-template-columns:26px 1fr;column-gap:12px}.customer-link-steps li:before{grid-row:1/3;margin:2px 0 0}.customer-access-actions{flex-wrap:wrap}.is-customer-access .intro > p:last-child{font-size:15px}.is-customer-access .panel h2{font-size:21px}.is-customer-access .panel{border-radius:16px}.is-customer-access .ui-language-trigger{min-width:0}}
@media(prefers-reduced-motion:reduce){.is-customer-access .button,.is-customer-access button{transition:none}}

.is-customer-access #nav{top:88px}
@media(max-width:650px){.is-customer-access #nav{top:76px}.is-customer-access.menu-open #menu-backdrop{top:76px}}