/* Refined customer shell and account overview. */
body[data-surface=customer] .customer-sidebar{background:linear-gradient(165deg,#fff 15%,#fffaf5 75%,#fff1e5);border-inline-end:1px solid #eee4dc;box-shadow:6px 0 32px #59311405}
body[data-surface=customer] .customer-sidebar .workspace-brand{padding-bottom:22px;border-bottom:1px solid #eadfd6;margin-bottom:28px}
body[data-surface=customer] .sidebar-label{font-size:9px;letter-spacing:2.2px;color:#9a7966;padding-inline:14px}
body[data-surface=customer] .customer-sidebar nav{gap:8px}
body[data-surface=customer] .customer-sidebar nav a{border:1px solid transparent;border-radius:14px;font-size:13px;font-weight:500;transition:background .2s,box-shadow .2s;position:relative}
body[data-surface=customer] .customer-sidebar nav a .nav-icon{padding:7px;box-sizing:content-box;width:18px;height:18px;background:#fff;border:1px solid #ece5df;border-radius:10px;flex-shrink:0}
body[data-surface=customer] .customer-sidebar nav a.active{background:linear-gradient(110deg,#fff0e3,#fff9f3);border-color:#ffd6b9;color:#c94000;box-shadow:0 5px 14px #b95c0c09}
body[data-surface=customer] .customer-sidebar nav a.active .nav-icon{background:#ff5000;color:#fff;border-color:#ff5000;box-shadow:0 4px 10px #ff500025}
body[data-surface=customer] .customer-sidebar nav a:hover:not(.active){background:#fff;border-color:#eadfd6;box-shadow:0 4px 12px #59311408}
body[data-surface=customer] .customer-sidebar-bottom{padding-top:20px;border-top:1px solid #eadfd6}
body[data-surface=customer] .customer-sidebar>.sidebar-profile{border:1px solid #eadfd6;background:#ffffffc9;border-radius:15px;box-shadow:0 5px 18px #59311406}
body[data-surface=customer] .customer-sidebar>.sidebar-profile>.nav-icon{padding:9px;box-sizing:content-box;background:#fff0e3;border-radius:12px;color:#db4a0a}
body[data-surface=customer] .customer-sidebar>.sidebar-profile.active{border-color:#ffcba8;background:#fff7ef}
.profile-dashboard{--profile-line:#ece5dd;--profile-muted:#82776e}
.profile-dashboard .profile-page-heading{position:relative;padding:28px 30px;border:1px solid var(--profile-line);border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#ffe2c7 0,transparent 52%),linear-gradient(120deg,#fff,#fffaf5);overflow:hidden;margin-bottom:22px}
.profile-dashboard .profile-page-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px;color:#c65419}
.profile-dashboard .profile-page-heading h1{font-size:clamp(25px,2.5vw,36px)!important;line-height:1.22;letter-spacing:-1.1px}
.profile-dashboard .profile-page-heading h1>span:first-child{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:#87786c;margin-bottom:7px}
.profile-dashboard .profile-page-heading p:not(.eyebrow){color:#82776e;font-size:13px}
.profile-dashboard .profile-security{background:#ffffffb8;border-color:#eed6c2;border-radius:16px;box-shadow:0 6px 20px #b06c1308}
.profile-dashboard .profile-security svg{color:#da5418}
.profile-dashboard .profile-security span{color:#8a796b}
.profile-dashboard .profile-capital{background:radial-gradient(ellipse at 100% 0%,#ffdbac,transparent 70%),linear-gradient(135deg,#fff3e2,#fffaf2)!important;border:1px solid #f0d5b7;color:#453123!important;border-radius:22px;padding:23px;box-shadow:0 10px 26px #ad6c1610}
.profile-dashboard .profile-capital>strong{font-size:29px;font-weight:650;letter-spacing:-1px;margin-top:26px;color:#32251c}
.profile-dashboard .profile-capital>p{color:#77614e;opacity:1;line-height:1.7}
.profile-dashboard .profile-capital svg{color:#bc7035}
.profile-dashboard .profile-capital-actions a{background:#fff!important;color:#974517!important;border:1px solid #eed6c2;border-radius:10px!important;flex:1}
.profile-dashboard .profile-capital-actions a:last-child{background:#ff5000!important;border-color:#ff5000;color:#fff!important}
.profile-dashboard .profile-menu{border-color:var(--profile-line);padding:7px;border-radius:20px;box-shadow:0 8px 24px #57331504}
.profile-dashboard .profile-menu :is(a,button){padding:14px 10px;color:#675c53!important;border-radius:12px!important}
.profile-dashboard .profile-menu [aria-current=page]{background:linear-gradient(105deg,#fff0e1,#fffaf5)!important;color:#c04b14!important;box-shadow:inset 3px 0 #ff762e}
.profile-dashboard .profile-menu :is(a,button):hover{background:#faf7f3!important}
.profile-dashboard .profile-menu small{color:#8d8278}
.profile-dashboard .profile-overview{grid-template-columns:1fr 1fr;gap:16px}
.profile-dashboard .profile-summary{grid-column:1/-1;grid-row:1}
.profile-dashboard .profile-basic{grid-column:1;grid-row:2}
.profile-dashboard .profile-preferences{grid-column:2;grid-row:2}
.profile-dashboard .profile-card{border-color:var(--profile-line);border-radius:22px;padding:24px;background:linear-gradient(145deg,#fff,#fffefa);box-shadow:0 8px 26px #4d321905}
.profile-dashboard .profile-card-title{margin-bottom:22px;gap:12px}
.profile-dashboard .profile-card-title>span{background:#fff2e6;border:1px solid #ffe1c8;border-radius:12px;color:#d05a23}
.profile-dashboard .profile-card-title h2{font-size:17px!important;letter-spacing:-.4px}
.profile-dashboard .profile-card-title p,.profile-dashboard .profile-card dt{color:var(--profile-muted)}
.profile-dashboard .profile-stats{gap:12px}
.profile-dashboard .profile-stats>div{border:0;border-radius:14px;padding:16px 12px;background:#faf5ef;box-shadow:inset 0 1px #fff}
.profile-dashboard .profile-stats>div:nth-child(2){background:#f0f6f1}
.profile-dashboard .profile-stats>div:nth-child(3){background:#f4f3f0}
.profile-dashboard .profile-stats strong{font-size:clamp(14px,1.5vw,22px);letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.profile-dashboard .profile-stats span{color:#786e63;font-size:10px;min-height:25px}
.profile-dashboard .profile-quick-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8d7969}
.profile-dashboard .profile-quick :is(a,button){border-radius:11px!important;font-size:11px!important;min-height:42px}
.profile-dashboard .profile-basic dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;margin:0;border-bottom:1px solid #f2ece5}
.profile-dashboard .profile-basic dl>div:last-child{border:0}
.profile-dashboard .profile-basic dt{margin:0}.profile-dashboard .profile-basic dd{text-align:end}
.profile-dashboard .profile-preferences dd{font-size:34px;font-weight:600;letter-spacing:-1px;color:#41352b;margin-top:14px}
.profile-dashboard .profile-fine{color:#8d8278!important}
body[data-surface=customer] :is(.customer-sidebar,.profile-dashboard) :is(a,button):focus-visible{outline:2px solid #e95c15;outline-offset:3px}
@media(max-width:1150px){body[data-surface=customer] .customer-sidebar nav a{gap:8px;padding-inline:9px;font-size:12px}.profile-dashboard .profile-card{padding:20px}.profile-dashboard .profile-stats{gap:7px}}
@media(max-width:780px){body[data-surface=customer] .customer-sidebar .workspace-brand{padding-bottom:10px;margin-bottom:12px;border:0}body[data-surface=customer] .customer-sidebar nav a{padding:8px 11px}body[data-surface=customer] .customer-sidebar nav a .nav-icon{padding:4px;width:15px;height:15px}body[data-surface=customer] .customer-sidebar>.sidebar-profile{box-shadow:none}.profile-dashboard .profile-page-heading{padding:22px}.profile-dashboard .profile-page-heading h1{font-size:28px!important}}
@media(max-width:550px){.profile-dashboard .profile-page-heading{border-radius:18px;padding:22px 20px}.profile-dashboard .profile-card{padding:18px;border-radius:18px}.profile-dashboard .profile-stats>div{padding:13px 8px}.profile-dashboard .profile-stats strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}.profile-dashboard .profile-basic dd{max-width:65%}.profile-dashboard .profile-menu :is(a,button){padding:12px}.profile-dashboard .profile-capital>strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){body[data-surface=customer] .customer-sidebar nav a{transition:none}}

.bank-link-dialog{width:min(560px,calc(100vw - 32px));max-height:90vh;padding:0;border:1px solid #efd9c6;border-radius:22px;background:#fff;box-shadow:0 24px 90px #30201333;overflow:auto}.bank-link-dialog::backdrop{background:#24201d88;backdrop-filter:blur(5px)}.bank-link-dialog header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;background:linear-gradient(110deg,#fff3e3,#fffaf3);border-bottom:1px solid #efdfd0}.bank-link-dialog header p{font-size:9px;letter-spacing:2px;color:#bd5a28;margin:0 0 8px}.bank-link-dialog h2{font-size:23px;margin:0}.bank-close{border:1px solid #ead2bd;border-radius:50%;background:white;width:32px;height:32px;font-size:23px}.bank-link-body{padding:24px 26px}.bank-intro,.bank-status{font-size:13px;color:#827061;line-height:1.6}.bank-status{background:#fff8ef;border:1px solid #f1e3d3;border-radius:12px;padding:12px}.bank-link-dialog label{display:grid;gap:7px;font-size:12px;margin:15px 0}.bank-link-dialog input{border:1px solid #e4d9cf;border-radius:10px;padding:12px;width:100%;box-sizing:border-box}.bank-note{font-size:11px;color:#8c7b6d;line-height:1.6}.bank-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.bank-form-actions button{font-size:12px;padding:12px 17px}.bank-link-dialog footer{padding:16px 26px;border-top:1px solid #eee3d9;text-align:center}.bank-error{font-size:12px;color:#ad3529}.bank-link-dialog [hidden]{display:none!important}

.profile-summary-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.profile-orders-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid #efdbc9;background:#fff8f0;color:#bf4c16;padding:10px 12px;font-size:11px;border-radius:10px;text-decoration:none}@media(max-width:650px){.profile-summary-heading{flex-direction:column;margin-bottom:20px}.profile-summary-heading .profile-card-title{margin-bottom:0}}



/* Decorative technology banner; account information remains live and readable. */
body[data-surface=customer] .profile-dashboard .profile-page-heading{isolation:isolate;min-height:220px;padding:34px;border:1px solid #284353;border-radius:24px;background:radial-gradient(ellipse at 72% 30%,#14434e80,transparent 56%),linear-gradient(115deg,#0c1725,#122331 68%,#152d36)!important;color:#f2f8ff!important;box-shadow:0 12px 30px #07182814;gap:24px}
.profile-page-heading::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8ad9eb0a 1px,transparent 1px),linear-gradient(90deg,#8ad9eb0a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}
body[data-surface=customer] .profile-dashboard .profile-page-heading .eyebrow{color:#73dce5;letter-spacing:2.4px;font-size:10px}
body[data-surface=customer] .profile-dashboard .profile-page-heading h1{color:#f5f9fc!important;font-weight:500}
body[data-surface=customer] .profile-dashboard .profile-page-heading h1>span:first-child,body[data-surface=customer] .profile-dashboard .profile-page-heading p:not(.eyebrow){color:#b5c8d8!important}
.profile-tech-copy{position:relative;z-index:2}.profile-tech-art{position:absolute;inset:0 0 0 37%;z-index:-1;pointer-events:none;overflow:hidden;opacity:.8}.profile-tech-art svg{position:absolute;right:0;height:100%;width:100%;stroke:#69d9e8;stroke-width:1;opacity:.3}.profile-tech-art svg g{fill:#83f4f0;stroke:none;animation:profile-node-glow 6s ease-in-out infinite alternate}
.profile-tech-orbit{position:absolute;width:320px;height:320px;border:1px solid #5adce72b;border-radius:50%;top:50%;left:43%;transform:translate(-50%,-50%) rotate(-25deg);box-shadow:inset 0 0 40px #51d6d309,0 0 40px #51d6d308;animation:profile-orbit 36s linear infinite}.profile-tech-orbit:after{content:"";position:absolute;top:42px;left:42px;width:7px;height:7px;background:#8ff8e9;border-radius:50%;box-shadow:0 0 15px #70f3f4}.profile-tech-orbit.orbit-inner{width:240px;height:240px;animation-duration:28s;animation-direction:reverse;border-style:dashed;opacity:.6}
body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security{position:relative;z-index:2;display:flex;background:#142a3be6!important;border:1px solid #52717c!important;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px #0002;color:#f1f8ff!important;backdrop-filter:blur(12px);transition:border-color .2s,transform .2s}
body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security:hover{border-color:#7de5e6!important;transform:translateY(-2px)}body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security strong{color:#f1f8ff!important}body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security span{color:#b5c8d8!important}body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security svg{color:#7ce5df;display:block}
@keyframes profile-orbit{to{transform:translate(-50%,-50%) rotate(335deg)}}@keyframes profile-node-glow{from{opacity:.4}to{opacity:1}}
@media(max-width:650px){body[data-surface=customer] .profile-dashboard .profile-page-heading{padding:26px 22px;flex-direction:column;align-items:flex-start;gap:22px}.profile-tech-art{left:10%;opacity:.45}body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security{padding:12px 16px}.profile-tech-copy{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.profile-tech-orbit,.profile-tech-art svg g{animation:none}body[data-surface=customer] .profile-dashboard .profile-page-heading .profile-security{transition:none}}
.virtual-product-empty{text-align:center;padding:65px 24px!important}.virtual-product-empty>span{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:20px;background:#ff590010;color:#ff5900;font-size:44px;margin-bottom:18px}.virtual-product-empty h2{font-size:23px}.virtual-product-empty p{color:var(--muted);margin:14px 0 28px}body[data-surface=customer] .customer-sidebar nav a{font-size:12px}body[data-surface=customer] .customer-sidebar nav{gap:5px}@media(min-width:781px){body[data-surface=customer] .customer-sidebar nav a{padding-top:12px;padding-bottom:12px}}
