/* AbstractRealmss Version 4.0 customer account layer. Scoped to avoid Version 3.2 regressions. */
.account-page{background:#030916;color:#eef6ff;min-height:100vh}.account-page main{padding-bottom:80px}.account-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.account-hero{padding:52px 0 30px}.account-hero h1{font-size:clamp(2.1rem,5vw,4.4rem);margin:.2rem 0 .7rem;letter-spacing:-.04em}.account-hero p{max-width:720px;color:#9fb0c4;font-size:1.04rem}.account-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.19em;color:#52dfff;font-weight:800}.account-card,.auth-card,.thankyou-card{background:linear-gradient(145deg,rgba(12,30,55,.94),rgba(5,14,30,.96));border:1px solid rgba(130,205,236,.16);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.account-sidebar{padding:18px;position:sticky;top:104px}.account-sidebar a,.account-sidebar button{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;border:0;border-radius:13px;background:transparent;color:#b8c7d8;text-decoration:none;font:inherit;text-align:left;cursor:pointer}.account-sidebar a:hover,.account-sidebar a.is-active,.account-sidebar button:hover{background:rgba(82,223,255,.1);color:#fff}.account-sidebar .customer-chip{padding:8px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.customer-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#52dfff,#8b6dff);color:#04101f;font-weight:900;margin-bottom:10px}.customer-chip strong{display:block}.customer-chip small{color:#7890a8;word-break:break-word}.account-content{min-width:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric-card,.content-card{padding:23px}.metric-card small{color:#83a0b7}.metric-card strong{display:block;font-size:1.65rem;margin-top:7px}.content-card{margin-bottom:18px}.content-card h2,.content-card h3{margin-top:0}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:17px}.text-link{color:#52dfff;text-decoration:none;font-weight:700}.status-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(82,223,255,.12);color:#8cecff;font-size:.78rem;font-weight:800}.status-badge.completed{background:rgba(47,205,139,.13);color:#74e5b4}.status-badge.pending,.status-badge.failed{background:rgba(255,174,74,.13);color:#ffc078}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.orders-table th{font-size:.76rem;color:#7890a8;text-transform:uppercase;letter-spacing:.08em}.orders-table td{color:#dbe8f6}.orders-table a{color:#fff;font-weight:800;text-decoration:none}.account-btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 18px;border:1px solid rgba(82,223,255,.35);border-radius:13px;background:linear-gradient(135deg,#52dfff,#83a8ff);color:#04101f;font-weight:900;text-decoration:none;cursor:pointer}.account-btn.secondary{background:transparent;color:#dff8ff}.account-btn.danger{background:transparent;border-color:rgba(255,107,107,.45);color:#ffb0b0}.empty-state{text-align:center;padding:52px 20px}.empty-state h2{margin-bottom:7px}.empty-state p{color:#8da2b6;max-width:520px;margin:0 auto 22px}.auth-wrap{max-width:1040px;margin:42px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.auth-card{padding:32px}.auth-card h1{font-size:2.2rem;margin:.35rem 0 .6rem}.auth-card>p{color:#91a6ba}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.86rem;color:#b9c9d8;font-weight:700}.form-field input,.form-field select{width:100%;height:48px;border-radius:12px;border:1px solid rgba(153,197,225,.22);background:#071427;color:#fff;padding:0 13px;font:inherit}.form-field input:focus,.form-field select:focus{outline:2px solid rgba(82,223,255,.4);border-color:#52dfff}.field-error{color:#ff9a9a;font-size:.8rem;min-height:1em}.form-row-inline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:8px 0 18px}.check-label{display:flex;gap:8px;align-items:center;color:#adbdcc;font-size:.88rem}.auth-aside{padding:38px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 10%,rgba(82,223,255,.18),transparent 35%),linear-gradient(145deg,#0b203b,#050e1e);border-radius:24px;border:1px solid rgba(130,205,236,.13)}.auth-aside h2{font-size:2rem}.auth-aside li{margin:12px 0;color:#b9c9d8}.form-message{padding:12px 14px;border-radius:11px;margin-bottom:16px;background:rgba(82,223,255,.1);color:#c8f7ff}.form-message.error{background:rgba(255,95,95,.12);color:#ffb0b0}.thankyou-wrap{max-width:1000px;margin:50px auto 80px}.thankyou-card{padding:clamp(25px,5vw,50px)}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(55,215,151,.14);color:#6de7b3;font-size:2rem;font-weight:900}.thankyou-card h1{font-size:clamp(2rem,5vw,3.7rem);margin:18px 0 10px}.thankyou-card>p{color:#9eb1c4}.order-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0}.summary-cell{padding:15px;border-radius:14px;background:rgba(255,255,255,.04)}.summary-cell small{display:block;color:#7890a8;margin-bottom:5px}.summary-cell strong{font-size:.94rem}.order-line{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.order-line img{width:64px;height:64px;object-fit:cover;border-radius:12px}.order-totals{margin-left:auto;max-width:380px;padding-top:15px}.order-totals div{display:flex;justify-content:space-between;padding:8px 0}.order-totals .grand{font-size:1.16rem;border-top:1px solid rgba(255,255,255,.12);margin-top:5px;padding-top:14px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.address-card{padding:23px}.address-card address{font-style:normal;color:#aebed0;line-height:1.7}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0}.progress-step{position:relative;text-align:center;color:#667f97;font-size:.78rem}.progress-step:before{content:'';display:block;width:14px;height:14px;border-radius:50%;margin:0 auto 8px;background:#24374c;border:3px solid #09162a;box-shadow:0 0 0 1px #36506a}.progress-step:not(:last-child):after{content:'';position:absolute;height:2px;background:#24374c;top:7px;left:55%;width:90%}.progress-step.done{color:#c9f7ff}.progress-step.done:before,.progress-step.done:after{background:#52dfff}.account-toast{position:fixed;right:20px;bottom:20px;z-index:1000;padding:13px 16px;border-radius:12px;background:#e9fbff;color:#061327;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.3)}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-sidebar{position:static;display:flex;overflow:auto;gap:6px}.account-sidebar .customer-chip{display:none}.account-sidebar a,.account-sidebar button{white-space:nowrap;width:auto}.auth-wrap{grid-template-columns:1fr}.auth-aside{order:-1}.order-summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.address-grid{grid-template-columns:1fr}}
@media(max-width:620px){.account-hero{padding-top:32px}.auth-card,.auth-aside,.thankyou-card{padding:22px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tr{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.orders-table td{border:0;padding:5px 0}.orders-table td:before{content:attr(data-label) ': ';color:#6f889f;font-size:.75rem;text-transform:uppercase}.order-summary-grid{grid-template-columns:1fr}.order-progress{grid-template-columns:1fr;gap:12px}.progress-step{text-align:left;display:flex;gap:9px;align-items:center}.progress-step:before{margin:0}.progress-step:after{display:none}.order-line{grid-template-columns:54px 1fr}.order-line>strong{grid-column:2}.action-row .account-btn{width:100%}}

/* Version 4.0.1 customer-experience refinements */
.toast-stack{position:fixed;right:22px;top:96px;z-index:2000;display:grid;gap:10px;max-width:min(390px,calc(100vw - 32px))}.account-toast{position:static;display:flex;gap:10px;align-items:flex-start;transform:translateX(24px);opacity:0;transition:.25s ease;padding:14px 16px;border:1px solid rgba(82,223,255,.26);background:#e9fbff;color:#061327}.account-toast.show{transform:none;opacity:1}.account-toast>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0e9671;color:#fff;flex:0 0 auto}.account-toast.error>span{background:#b84848}.existing-account-note{width:100%;display:flex;flex-direction:column;gap:4px;padding:15px 17px;border-radius:14px;background:rgba(82,223,255,.08);border:1px solid rgba(82,223,255,.18);color:#b9d3e4}.existing-account-note strong{color:#fff}.prototype-note{margin-top:24px;color:#718ba3;font-size:.83rem}.quick-actions{display:flex;gap:18px;margin-top:18px}.quick-actions a{color:#52dfff;text-decoration:none;font-weight:700}.empty-icon{font-size:2.3rem;color:#52dfff;margin-bottom:12px}.order-progress.seven{grid-template-columns:repeat(7,1fr)}.account-btn:disabled{opacity:.55;cursor:wait}.account-card .form-message{margin-bottom:18px}
@media(max-width:900px){.order-progress.seven{grid-template-columns:1fr;gap:12px}.order-progress.seven .progress-step{text-align:left;display:flex;gap:9px;align-items:center}.order-progress.seven .progress-step:before{margin:0}.order-progress.seven .progress-step:after{display:none}}
@media(max-width:620px){.toast-stack{right:16px;left:16px;top:auto;bottom:18px;max-width:none}.quick-actions{flex-direction:column;gap:9px}}
/* Version 5.7.3 global account breadcrumb */
.account-breadcrumb{display:flex;align-items:center;gap:10px;padding-top:18px;padding-bottom:0;color:#9fb0c4;font-size:.92rem}
.account-breadcrumb a{color:#cfeaff;text-decoration:none}
.account-breadcrumb a:hover{color:#fff}
.account-breadcrumb .breadcrumb-separator{color:#55718d}
.account-breadcrumb .breadcrumb-current{color:#fff;font-weight:700}
@media(max-width:620px){.account-breadcrumb{padding-top:14px;font-size:.84rem}.form-field input,.form-field select,.form-field textarea{font-size:16px!important;min-height:48px}}

/* Password visibility toggle, social sign-in and phone OTP panel */
.password-wrap{position:relative;display:block}
.password-wrap input{width:100%;padding-right:48px!important}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:#8fa8bd;cursor:pointer}
.password-toggle:hover{color:#52dfff;background:rgba(82,223,255,.1)}
.password-toggle:focus-visible{outline:2px solid rgba(82,223,255,.6);outline-offset:1px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#7890a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:rgba(255,255,255,.12)}
.auth-methods{display:grid;gap:10px}
.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(153,197,225,.25);border-radius:13px;background:rgba(255,255,255,.04);color:#eef6ff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.auth-provider-btn:hover{border-color:#52dfff;background:rgba(82,223,255,.08)}
.auth-provider-btn:focus-visible{outline:2px solid rgba(82,223,255,.6);outline-offset:2px}
.auth-provider-btn svg{width:20px;height:20px;flex:0 0 auto}
.otp-panel{margin-top:16px;padding:18px;border-radius:16px;border:1px solid rgba(130,205,236,.18);background:rgba(255,255,255,.03)}
.otp-panel .form-field:last-of-type{margin-bottom:14px}
.phone-input{display:flex;align-items:stretch}
.phone-prefix{display:grid;place-items:center;height:48px;padding:0 13px;border:1px solid rgba(153,197,225,.22);border-right:0;border-radius:12px 0 0 12px;background:#050f1f;color:#9fb6cb;font-weight:700}
.phone-input input{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
#otpCode{letter-spacing:.45em;text-align:center;font-size:1.1rem}
.otp-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.otp-sent-note{color:#9fb0c4;font-size:.9rem;margin:0 0 14px}
.otp-sent-note strong{color:#dff3ff}
.otp-panel .text-link{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.otp-panel .text-link:disabled{color:#6a8299;cursor:default}
.auth-switch{margin-top:20px;font-size:.94rem}

/* Version 8 wishlist */
.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.wishlist-item{padding:16px;display:flex;flex-direction:column;gap:10px}
.wishlist-item>a{color:inherit;text-decoration:none}
.wishlist-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:10px;display:block}
.wishlist-price{color:#9fb0c4}
.wishlist-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.wishlist-actions button{background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* Account spacing corrections */
/* The metric row had no bottom margin, so the dashboard cards below it sat
   flush against it while every other card kept an 18px gap. */
.dashboard-grid{margin-bottom:18px}
/* .form-grid spaces its rows with `gap`, but .form-field also carries a
   bottom margin — every profile field row was double-spaced. */
.form-grid .form-field{margin-bottom:0}
.account-content>.account-card:last-child{margin-bottom:0}
.account-hero p{margin-bottom:0}
.metric-card strong{line-height:1.2}
@media(max-width:900px){.account-shell{gap:20px}.dashboard-grid{margin-bottom:14px}}