/* V223 - Customer Account Elite Professional Design
   Final overriding layer for all customer account pages. */
:root{
  --acc-primary:var(--primary,#2563eb);
  --acc-brand:var(--brand,#0f766e);
  --acc-accent:var(--orange,#f97316);
  --acc-ink:#0f172a;
  --acc-text:#334155;
  --acc-muted:#64748b;
  --acc-line:#dbe5f0;
  --acc-soft:#f8fafc;
  --acc-bg:#f4f7fb;
  --acc-radius:24px;
  --acc-shadow:0 24px 70px rgba(15,23,42,.095);
  --acc-shadow-sm:0 12px 34px rgba(15,23,42,.065);
}
body.global-shop.easy-customer-portal{
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.10),transparent 30%),
    radial-gradient(circle at 100% 10%,rgba(15,118,110,.10),transparent 28%),
    linear-gradient(180deg,#f7fafc 0%,#eef4fb 100%) !important;
  color:var(--acc-ink) !important;
}
.portal-container.global-container{max-width:1360px!important;padding-top:22px!important;padding-bottom:90px!important}.portal-account-layout{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.account-main{min-width:0!important}.account-main>*{animation:accFade .22s ease both}@keyframes accFade{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Sidebar */
.pro-account-sidebar.account-sidebar-v221,
.pro-account-sidebar{
  position:sticky!important;top:18px!important;border-radius:34px!important;padding:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;
  border:1px solid rgba(203,213,225,.85)!important;box-shadow:var(--acc-shadow)!important;overflow:hidden!important;
}
.pro-account-sidebar:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--acc-primary),var(--acc-brand),var(--acc-accent))!important}.pro-mini-profile,.account-profile-card{display:flex!important;align-items:center!important;gap:13px!important;border-radius:26px!important;padding:15px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:var(--acc-shadow-sm)!important}.pro-mini-profile .avatar{width:58px!important;height:58px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--acc-primary),var(--acc-brand))!important;box-shadow:0 15px 34px rgba(37,99,235,.22)!important;color:#fff!important;font-weight:950!important}.profile-copy{min-width:0!important}.profile-copy b{display:block!important;color:var(--acc-ink)!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.profile-copy small{display:block!important;color:var(--acc-muted)!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.side-balance,.account-balance-card{margin:14px 0!important;padding:15px!important;border-radius:24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 28px rgba(15,23,42,.045)!important}.side-balance span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:950!important;color:var(--acc-muted)!important}.side-balance b{font-size:18px!important;color:var(--acc-ink)!important}.side-balance.has-debt{background:#fff7ed!important;border-color:#fed7aa!important}.side-balance.clear-debt{background:#ecfdf5!important;border-color:#bbf7d0!important}.pro-side-nav.account-menu-v221,.pro-side-nav{display:flex!important;flex-direction:column!important;gap:10px!important}.pro-side-nav a,.account-menu-v221 .account-nav-item{position:relative!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:13px!important;padding:10px 12px!important;border-radius:21px!important;text-decoration:none!important;color:#334155!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(226,232,240,.9)!important;font-weight:950!important;transition:.18s ease!important}.pro-side-nav a:hover{transform:translateX(4px)!important;background:#fff!important;border-color:#bfdbfe!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important}.pro-side-nav a.active{background:linear-gradient(135deg,var(--acc-primary),var(--acc-brand))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 18px 44px rgba(37,99,235,.25)!important}.pro-side-nav .nav-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:var(--acc-primary)!important}.pro-side-nav a.active .nav-icon{background:rgba(255,255,255,.20)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}.pro-side-nav .nav-icon svg{width:22px!important;height:22px!important}.nav-label{font-size:14px!important;letter-spacing:-.01em!important}.side-count{margin-left:auto!important;min-width:27px!important;height:27px!important;border-radius:999px!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:950!important}
/* Page hero */
.acc-hero{border-radius:34px!important;padding:30px!important;margin-bottom:22px!important;color:#fff!important;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--acc-primary),var(--acc-brand))!important;box-shadow:0 28px 80px rgba(37,99,235,.22)!important;border:1px solid rgba(255,255,255,.22)!important}.acc-hero .mini{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}.acc-hero h1{margin:14px 0 8px!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.06!important;letter-spacing:-.05em!important;color:#fff!important}.acc-hero p{max-width:760px!important;margin:0!important;color:rgba(255,255,255,.88)!important;font-weight:800!important;line-height:1.7!important}.acc-hero-actions{display:flex!important;gap:11px!important;flex-wrap:wrap!important;margin-top:22px!important}
/* Cards, KPI and panels */
.acc-grid,.summary-grid,.od-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:20px!important}.acc-kpi,.summary-box,.od-kpi{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;gap:14px!important;min-height:108px!important;padding:18px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(203,213,225,.8)!important;box-shadow:var(--acc-shadow-sm)!important}.acc-kpi:after{content:"";position:absolute;right:-30px;top:-35px;width:95px;height:95px;border-radius:50%;background:rgba(37,99,235,.07)!important}.acc-kpi .ico,.summary-box i,.od-kpi i{width:54px!important;height:54px!important;border-radius:19px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eff6ff,#eef2ff)!important;color:var(--acc-primary)!important;border:1px solid #bfdbfe!important;font-size:21px!important;flex:0 0 54px!important}.acc-kpi.green .ico{background:linear-gradient(135deg,#ecfdf5,#f0fdfa)!important;color:#047857!important;border-color:#bbf7d0!important}.acc-kpi.orange .ico{background:linear-gradient(135deg,#fff7ed,#fffbeb)!important;color:#c2410c!important;border-color:#fed7aa!important}.acc-kpi.red .ico{background:linear-gradient(135deg,#fef2f2,#fff1f2)!important;color:#b91c1c!important;border-color:#fecaca!important}.acc-kpi span{display:block!important;color:var(--acc-muted)!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.055em!important}.acc-kpi b{display:block!important;margin-top:4px!important;color:var(--acc-ink)!important;font-size:clamp(20px,2.2vw,28px)!important;line-height:1.05!important;letter-spacing:-.04em!important}.acc-card,.panel.pro-panel,.account-main .panel{overflow:hidden!important;border-radius:30px!important;background:#fff!important;border:1px solid rgba(203,213,225,.82)!important;box-shadow:var(--acc-shadow)!important;margin-bottom:20px!important}.acc-card-head,.section-head.inline,.od-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:20px 22px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-bottom:1px solid #e5edf5!important}.acc-card-head h2,.section-head h2,.od-panel-head h2{margin:0!important;color:var(--acc-ink)!important;font-size:20px!important;font-weight:950!important;letter-spacing:-.03em!important;display:flex!important;align-items:center!important;gap:10px!important}.acc-card-head p,.section-head p,.od-panel-head p{margin:5px 0 0!important;color:var(--acc-muted)!important;font-weight:800!important;line-height:1.5!important}.acc-card-body,.panel.pro-panel,.account-main .panel{padding:20px 22px!important}.acc-two,.account-grid,.order-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.acc-address-grid,.acc-cards-list,.acc-mobile-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
/* Buttons */
.acc-btn,.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:16px!important;padding:11px 16px!important;font-weight:950!important;text-decoration:none!important;border:1px solid transparent!important;cursor:pointer!important;transition:.18s ease!important;min-height:42px!important}.acc-btn:hover,.btn:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(15,23,42,.12)!important}.acc-btn.primary,.btn.btn-primary{background:linear-gradient(135deg,var(--acc-primary),var(--acc-brand))!important;color:#fff!important}.acc-btn.light{background:#fff!important;color:var(--acc-ink)!important;border-color:rgba(255,255,255,.62)!important}.acc-btn.soft,.btn.btn-ghost-dark{background:#f8fafc!important;color:var(--acc-ink)!important;border-color:#dbe5f0!important}.acc-btn.danger{background:#fff1f2!important;color:#b91c1c!important;border-color:#fecaca!important}.acc-btn.small,.btn.small{padding:8px 11px!important;min-height:34px!important;border-radius:13px!important;font-size:12px!important}.acc-action-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
/* Toolbar and forms */
.acc-toolbar{display:grid!important;grid-template-columns:1.4fr repeat(3,minmax(140px,.5fr))!important;gap:12px!important;padding:15px!important;margin-bottom:16px!important;border-radius:24px!important;background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border:1px solid #dbe5f0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.acc-toolbar label,.acc-form label,.checkout-form label{display:block!important;margin-bottom:6px!important;color:#475569!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.055em!important}.acc-toolbar input,.acc-toolbar select,.acc-form input,.acc-form select,.acc-form textarea,.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%!important;min-height:46px!important;border:1px solid #cbd5e1!important;border-radius:16px!important;background:#fff!important;color:var(--acc-ink)!important;padding:12px 14px!important;font-weight:850!important;outline:none!important;transition:.15s ease!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important}.acc-toolbar input:focus,.acc-toolbar select:focus,.acc-form input:focus,.acc-form select:focus,.acc-form textarea:focus,.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--acc-primary)!important;box-shadow:0 0 0 4px rgba(37,99,235,.11)!important}.acc-form,.checkout-form{display:grid!important;gap:14px!important}.acc-form textarea,.checkout-form textarea{min-height:126px!important;resize:vertical!important}.acc-form small{display:block!important;margin-top:6px!important;color:var(--acc-muted)!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
/* Tables */
.acc-table-wrap,.responsive-table{overflow:auto!important;border:1px solid #dbe5f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 6px 20px rgba(15,23,42,.035)!important}.acc-table,.responsive-table table,.panel.pro-panel table{width:100%!important;min-width:820px!important;border-collapse:separate!important;border-spacing:0!important}.acc-table th,.responsive-table th,.panel.pro-panel table th{position:sticky!important;top:0!important;z-index:2!important;background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;color:#334155!important;text-align:left!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:950!important;padding:15px!important;border-bottom:1px solid #dbe5f0!important}.acc-table td,.responsive-table td,.panel.pro-panel table td{padding:15px!important;border-bottom:1px solid #edf2f7!important;color:#334155!important;font-weight:760!important;vertical-align:middle!important;background:#fff!important}.acc-table tbody tr:nth-child(even) td{background:#fcfdff!important}.acc-table tbody tr:hover td,.responsive-table tbody tr:hover td{background:#eff6ff!important}.acc-table tr:last-child td{border-bottom:0!important}.acc-ref{color:var(--acc-ink)!important;font-weight:950!important;text-decoration:none!important}.acc-ref:hover{color:var(--acc-primary)!important}.acc-money,.acc-paid,.acc-debt{white-space:nowrap!important;font-weight:950!important}.acc-paid{color:#047857!important}.acc-debt{color:#b91c1c!important}.acc-muted{color:var(--acc-muted)!important;font-weight:800!important}.acc-status,.badge,.status-pill,.type-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:8px 11px!important;font-size:12px!important;font-weight:950!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#334155!important;white-space:nowrap!important}.acc-status:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.acc-status.ok,.status-delivered,.status-approved,.status-completed,.status-resolved,.status-closed{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.acc-status.wait,.status-pending,.status-open{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.acc-status.run,.status-processing,.status-inprogress,.status-in-progress{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.acc-status.bad,.status-cancelled,.status-rejected{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}.acc-pagination{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding-top:14px!important;border-top:1px solid #edf2f7!important;margin-top:14px!important;color:var(--acc-muted)!important;font-weight:900!important}.acc-pagination .pager-buttons{display:flex!important;gap:8px!important}.acc-pagination button{min-height:38px!important;border:1px solid #dbe5f0!important;border-radius:14px!important;background:#fff!important;color:var(--acc-ink)!important;font-weight:950!important;padding:8px 13px!important}.acc-pagination button:disabled{opacity:.45!important;cursor:not-allowed!important}
/* List cards and empty states */
.acc-record-card,.acc-address-card,.acc-ticket,.payment-request-card,.ticket,.order-note,.timeline-step>div{border:1px solid #e2e8f0!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:var(--acc-shadow-sm)!important;padding:17px!important}.acc-record-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important}.acc-record-top b,.acc-address-card h3,.acc-ticket b,.payment-request-card b{color:var(--acc-ink)!important;font-weight:950!important}.acc-record-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.acc-record-meta span{display:block!important;border-radius:17px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;padding:10px!important;color:var(--acc-muted)!important;font-size:12px!important;font-weight:900!important}.acc-record-meta strong{display:block!important;margin-top:4px!important;color:var(--acc-ink)!important;font-size:14px!important}.acc-empty,.empty-state.small{display:grid!important;place-items:center!important;gap:10px!important;min-height:130px!important;border:1px dashed #cbd5e1!important;border-radius:24px!important;background:#f8fafc!important;color:#64748b!important;text-align:center!important;font-weight:900!important;padding:34px!important}.acc-empty i{font-size:32px!important;color:var(--acc-primary)!important}.acc-address-card p{color:#475569!important;font-weight:800!important;line-height:1.6!important}.acc-ticket{margin-bottom:12px!important}.acc-ticket p{color:#475569!important;font-weight:800!important;line-height:1.65!important}.acc-note{padding:13px 14px!important;border-radius:18px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#334155!important;font-weight:850!important}
/* Details / payment / logout */
.detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:-20px -22px 18px!important;padding:20px 22px!important;background:#f8fafc!important;border-bottom:1px solid #e5edf5!important}.detail-head span,.detail-lines span{display:block!important;color:var(--acc-muted)!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.055em!important}.detail-head b{font-size:24px!important;color:var(--acc-ink)!important;letter-spacing:-.04em!important}.detail-lines{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.detail-lines.one{grid-template-columns:1fr!important}.detail-lines>div{border:1px solid #e2e8f0!important;background:#fff!important;border-radius:19px!important;padding:14px!important}.detail-lines b{display:block!important;margin-top:5px!important;color:var(--acc-ink)!important}.payment-hero-card,.receive-panel{border-radius:28px!important;background:#fff!important;border:1px solid #dbe5f0!important;box-shadow:var(--acc-shadow)!important;padding:20px!important}.payment-hero-card{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-bottom:18px!important}.payment-hero-card span{display:block!important;color:var(--acc-muted)!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}.payment-hero-card b{display:block!important;margin:4px 0!important;font-size:clamp(24px,3vw,36px)!important;letter-spacing:-.05em!important;color:var(--acc-ink)!important}.payment-steps{display:grid!important;gap:8px!important;min-width:240px!important}.payment-steps span{padding:9px 12px!important;border-radius:999px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important;text-transform:none!important;letter-spacing:0!important}.receive-panel{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:16px!important}.receive-panel .left{display:flex!important;align-items:center!important;gap:13px!important}.receive-icon{width:52px!important;height:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#eff6ff!important;color:#1d4ed8!important}.acc-logout-card{max-width:620px!important;margin:28px auto!important;text-align:center!important;border-radius:34px!important;background:#fff!important;border:1px solid #dbe5f0!important;box-shadow:var(--acc-shadow)!important;padding:34px!important}.acc-logout-card .ico{width:82px!important;height:82px!important;border-radius:28px!important;display:grid!important;place-items:center!important;margin:0 auto 16px!important;background:linear-gradient(135deg,#fff1f2,#fee2e2)!important;color:#b91c1c!important;font-size:30px!important;border:1px solid #fecaca!important}
/* Responsive */
@media(max-width:1120px){.portal-account-layout{grid-template-columns:1fr!important}.pro-account-sidebar{position:relative!important;top:auto!important}.pro-side-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.acc-grid,.summary-grid,.od-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.acc-two,.account-grid,.order-detail-grid{grid-template-columns:1fr!important}.payment-hero-card{align-items:flex-start!important;flex-direction:column!important}.payment-steps{width:100%!important;grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.portal-container.global-container{padding:14px 12px 92px!important}.pro-account-sidebar{border-radius:26px!important;padding:13px!important}.pro-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pro-side-nav a{min-height:52px!important;border-radius:17px!important;padding:8px!important}.pro-side-nav .nav-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:13px!important}.nav-label{font-size:12.5px!important}.acc-hero{border-radius:27px!important;padding:22px!important}.acc-hero p{font-size:14px!important}.acc-hero-actions{display:grid!important;grid-template-columns:1fr!important}.acc-grid,.summary-grid,.od-kpis,.acc-cards-list,.acc-mobile-cards,.acc-address-grid{grid-template-columns:1fr!important}.acc-card,.panel.pro-panel,.account-main .panel{border-radius:24px!important}.acc-card-head,.section-head.inline,.od-panel-head{align-items:flex-start!important;flex-direction:column!important;padding:16px!important}.acc-card-body,.panel.pro-panel,.account-main .panel{padding:16px!important}.acc-toolbar{grid-template-columns:1fr!important;padding:12px!important;border-radius:20px!important}.acc-table,.responsive-table table,.panel.pro-panel table{min-width:760px!important}.detail-lines{grid-template-columns:1fr!important}.payment-steps{grid-template-columns:1fr!important}.acc-record-meta{grid-template-columns:1fr 1fr!important}.receive-panel{align-items:flex-start!important;flex-direction:column!important}.receive-panel form,.receive-panel button{width:100%!important}.shop-footer{display:none!important}}
@media(max-width:460px){.pro-side-nav{grid-template-columns:1fr!important}.pro-side-nav a{min-height:50px!important}.acc-record-meta{grid-template-columns:1fr!important}.acc-kpi{min-height:auto!important}.profile-copy small{word-break:break-word!important}.acc-btn,.btn{width:100%!important}.acc-action-row .acc-btn,.acc-action-row .btn{width:auto!important}.detail-head{align-items:flex-start!important;flex-direction:column!important}.payment-hero-card{padding:18px!important}}
@media print{body.easy-customer-portal{background:#fff!important}.shop-header,.shop-footer,.portal-mobile-nav,.pro-floating-cart,.pro-account-sidebar,.acc-toolbar,.acc-pagination,.acc-hero-actions,.title-actions,.no-print{display:none!important}.portal-account-layout{display:block!important}.portal-container.global-container{max-width:none!important;padding:0!important}.account-main .page-title,.acc-card,.panel.pro-panel,.acc-hero{box-shadow:none!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#0f172a!important}.acc-hero p{color:#475569!important}.acc-table th,.responsive-table th{position:static!important}.acc-table-wrap,.responsive-table{overflow:visible!important}}