/* V220 final customer account polish: fixed header CSS load + cleaner professional pages */
body.easy-customer-portal{background:linear-gradient(180deg,#f8fafc 0%,#eef5ff 100%)}
.portal-container.global-container{max-width:1240px;padding-top:22px}.portal-account-layout{gap:24px}.account-main{display:block}.pro-account-sidebar{border-radius:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 26px 70px rgba(15,23,42,.10);border:1px solid rgba(226,232,240,.9)}
.pro-mini-profile{background:linear-gradient(135deg,#ffffff,#f8fafc);box-shadow:0 12px 28px rgba(15,23,42,.05)}.pro-mini-profile .avatar{box-shadow:0 13px 30px rgba(37,99,235,.22)}.side-balance{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.pro-side-nav a{min-height:48px}.pro-side-nav .nav-icon{font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.acc-hero{border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 80px rgba(37,99,235,.22);margin-bottom:18px}.acc-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.12)}.acc-hero h1,.acc-hero p,.acc-hero .mini,.acc-hero-actions{position:relative;z-index:1}.acc-hero-actions .acc-btn.soft{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22)}
.acc-grid{align-items:stretch}.acc-kpi{position:relative;overflow:hidden;min-height:90px}.acc-kpi:after{content:"";position:absolute;right:-18px;bottom:-22px;width:80px;height:80px;background:rgba(37,99,235,.06);border-radius:50%}.acc-kpi .ico,.acc-kpi div{position:relative;z-index:1}.acc-kpi b{font-size:clamp(17px,2.4vw,22px);word-break:break-word}.acc-card{border-radius:26px;border-color:#dfe7f2;box-shadow:0 22px 60px rgba(15,23,42,.08)}.acc-card-head{padding:18px 20px;background:linear-gradient(180deg,#ffffff,#f8fafc)}.acc-card-head h2{font-size:19px}.acc-card-body{padding:18px 20px}.acc-toolbar{border-radius:22px;background:linear-gradient(135deg,#f8fafc,#eef6ff);border-color:#dbeafe}.acc-toolbar input,.acc-toolbar select,.acc-form input,.acc-form select,.acc-form textarea{min-height:46px;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.9)}
.acc-table-wrap{border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.acc-table{font-size:14px}.acc-table th{background:#f1f5f9;color:#334155;font-weight:950}.acc-table td{height:58px}.acc-table tbody tr:nth-child(even) td{background:#fcfdff}.acc-table tbody tr:hover td{background:#f0fdfa}.acc-ref{color:#0f172a}.acc-status{white-space:nowrap}.acc-btn{transition:.18s}.acc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.10)}.acc-btn.primary{background:linear-gradient(135deg,var(--primary,#2563eb),var(--brand,#0f766e));box-shadow:0 13px 28px rgba(37,99,235,.20)}.acc-btn.soft:hover{background:#eef6ff}.acc-btn.danger:hover{background:#fee2e2}.acc-pagination{border-top:1px solid #eef2f7;margin-top:10px}.acc-pagination button{min-width:74px}.acc-empty{background:linear-gradient(135deg,#fff,#f8fafc);border:1px dashed #cbd5e1;border-radius:22px}.acc-two{align-items:start}.acc-address-card,.acc-record-card,.acc-ticket{box-shadow:0 14px 34px rgba(15,23,42,.06);transition:.18s}.acc-address-card:hover,.acc-record-card:hover,.acc-ticket:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(15,23,42,.09)}
/* readable forms */
.acc-form label{display:grid;gap:7px}.acc-form button{margin-top:2px}.acc-note{line-height:1.6}.acc-muted{line-height:1.45}.nowrap{white-space:nowrap}
/* better mobile cards */
.acc-mobile-cards .acc-record-card{background:#fff}.acc-record-top{align-items:flex-start}.acc-record-meta{margin-top:10px}.acc-record-meta span{min-height:58px}.acc-action-row .acc-btn.small{width:auto}
/* Font Awesome fallback when CDN is blocked on localhost */
.fa,.fas,.far,.fab{display:inline-flex;align-items:center;justify-content:center;min-width:1em}.fa:before,.fas:before,.far:before,.fab:before{font-family:Arial,sans-serif;font-weight:900}.fa-house:before{content:"⌂"}.fa-box:before,.fa-box-open:before{content:"▣"}.fa-cart-shopping:before{content:"🛒"}.fa-user:before{content:"👤"}.fa-table-cells-large:before{content:"▦"}.fa-receipt:before,.fa-file-invoice:before{content:"▤"}.fa-chart-line:before{content:"⌁"}.fa-wallet:before{content:"▰"}.fa-location-dot:before,.fa-map-location-dot:before{content:"●"}.fa-truck:before,.fa-truck-moving:before{content:"▰"}.fa-headset:before{content:"☏"}.fa-right-from-bracket:before{content:"↪"}.fa-right-to-bracket:before{content:"↩"}.fa-plus:before{content:"+"}.fa-print:before{content:"⎙"}.fa-eye:before{content:"◉"}.fa-save:before{content:"✓"}.fa-trash:before{content:"×"}.fa-star:before{content:"★"}.fa-search:before{content:"⌕"}.fa-filter:before{content:"⧉"}.fa-list-ol:before{content:"☷"}.fa-bell:before{content:"◌"}.fa-bell-slash:before{content:"○"}.fa-circle-info:before{content:"i"}.fa-key:before{content:"⚿"}.fa-lock:before{content:"▣"}.fa-paper-plane:before{content:"➤"}.fa-comments:before{content:"☷"}.fa-credit-card:before{content:"▭"}.fa-triangle-exclamation:before{content:"!"}.fa-chevron-left:before{content:"‹"}.fa-chevron-right:before{content:"›"}.fa-arrow-left:before{content:"←"}.fa-check-circle:before,.fa-circle-check:before{content:"✓"}.fa-route:before{content:"↝"}.fa-boxes:before,.fa-boxes-stacked:before{content:"▦"}.fa-clipboard-list:before{content:"☷"}.fa-layer-group:before{content:"▤"}.fa-store:before{content:"▥"}.fa-envelope:before{content:"✉"}.fa-user-shield:before{content:"◈"}.fa-id-card:before{content:"▣"}
@media(max-width:1100px){.portal-container.global-container{padding-left:14px;padding-right:14px}.pro-account-sidebar{position:relative;top:auto}.customer-mini-profile.pro-mini-profile{justify-content:center;text-align:left}.pro-side-nav a{justify-content:flex-start}}
@media(max-width:760px){.portal-container.global-container{padding:14px 10px 92px}.portal-account-layout{gap:14px}.pro-account-sidebar{padding:10px;border-radius:22px}.pro-mini-profile{padding:10px}.side-balance{margin:9px 0;padding:11px}.pro-side-nav{gap:8px}.pro-side-nav a{border-radius:15px;padding:10px;font-size:13px}.pro-side-nav .nav-icon{width:32px;height:32px;border-radius:11px}.acc-hero{padding:20px;border-radius:24px}.acc-hero p{font-size:14px;line-height:1.55}.acc-grid{gap:10px}.acc-kpi{padding:13px;border-radius:19px;min-height:82px}.acc-kpi .ico{width:42px;height:42px;border-radius:14px}.acc-card{border-radius:22px;margin-bottom:12px}.acc-card-head,.acc-card-body{padding:14px}.acc-card-head h2{font-size:17px}.acc-toolbar{padding:11px;border-radius:18px}.acc-table{min-width:740px}.acc-table td,.acc-table th{padding:11px}.acc-action-row{gap:6px}.acc-action-row .acc-btn.small{font-size:11px;padding:7px 9px}.acc-pagination{align-items:stretch;flex-direction:column}.acc-pagination .pager-buttons{display:grid;grid-template-columns:1fr 1fr}.acc-pagination button{width:100%}.acc-record-meta{grid-template-columns:1fr}.shop-footer{display:none}}
@media(max-width:460px){.pro-side-nav{grid-template-columns:1fr 1fr}.pro-side-nav a span:last-child{font-size:12px}.acc-kpi{display:grid;grid-template-columns:auto 1fr}.acc-kpi b{font-size:16px}.acc-hero-actions .acc-btn{width:100%}.acc-two{gap:10px}.acc-address-card{border-radius:18px}.acc-table{min-width:680px}}

/* V221 - Professional sidebar icons + stronger global customer account design */
.account-sidebar-v221{
  position:sticky;
  top:18px;
  overflow:hidden;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 15% -10%,rgba(37,99,235,.14),transparent 34%),
    radial-gradient(circle at 110% 10%,rgba(15,118,110,.13),transparent 34%),
    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:0 28px 80px rgba(15,23,42,.12)!important;
  padding:16px!important;
}
.account-sidebar-v221:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--primary,#2563eb),var(--brand,#0f766e),#f97316);
}
.account-profile-card{
  position:relative;
  border-radius:24px!important;
  border:1px solid rgba(226,232,240,.9)!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
  padding:14px!important;
}
.account-profile-card .avatar{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  font-size:19px;
  background:linear-gradient(135deg,var(--primary,#2563eb),var(--brand,#0f766e))!important;
  box-shadow:0 14px 34px rgba(37,99,235,.25)!important;
}
.account-profile-card .profile-copy{min-width:0}.account-profile-card b{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.account-profile-card small{font-size:12px;color:#64748b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.account-balance-card{
  border-radius:22px!important;
  padding:14px 15px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.account-menu-v221{gap:9px!important;margin-top:4px}.account-menu-v221 .account-nav-item{
  position:relative;
  min-height:54px!important;
  border-radius:19px!important;
  padding:9px 10px!important;
  gap:12px!important;
  color:#334155!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(226,232,240,.75)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset;
  overflow:hidden;
}
.account-menu-v221 .account-nav-item:before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  width:4px;
  height:28px;
  border-radius:0 999px 999px 0;
  background:transparent;
  transition:.2s ease;
}
.account-menu-v221 .account-nav-item:hover{
  transform:translateX(3px)!important;
  background:#fff!important;
  border-color:#bfdbfe!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
}
.account-menu-v221 .account-nav-item:hover:before{background:var(--primary,#2563eb)}
.account-menu-v221 .account-nav-item.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--primary,#2563eb),var(--brand,#0f766e))!important;
  box-shadow:0 18px 42px rgba(37,99,235,.25)!important;
}
.account-menu-v221 .account-nav-item.active:before{background:rgba(255,255,255,.78)}
.account-menu-v221 .nav-label{font-size:14px;font-weight:950;letter-spacing:-.01em;line-height:1.1}.account-menu-v221 .nav-icon{
  width:40px!important;
  height:40px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  color:var(--primary,#2563eb)!important;
  background:linear-gradient(135deg,#eff6ff,#eef2ff)!important;
  border:1px solid rgba(191,219,254,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 18px rgba(37,99,235,.08)!important;
}
.account-menu-v221 .nav-icon svg{width:21px;height:21px;display:block;stroke-width:2.1}.account-menu-v221 .account-nav-item.active .nav-icon{
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.account-menu-v221 .nav-orders .nav-icon,.account-menu-v221 .nav-payments .nav-icon{color:#0f766e!important;background:linear-gradient(135deg,#ecfdf5,#f0fdfa)!important;border-color:#bbf7d0!important}.account-menu-v221 .nav-statement .nav-icon{color:#7c3aed!important;background:linear-gradient(135deg,#f5f3ff,#faf5ff)!important;border-color:#ddd6fe!important}.account-menu-v221 .nav-addresses .nav-icon{color:#f97316!important;background:linear-gradient(135deg,#fff7ed,#fffbeb)!important;border-color:#fed7aa!important}.account-menu-v221 .nav-deliveries .nav-icon{color:#0369a1!important;background:linear-gradient(135deg,#e0f2fe,#eff6ff)!important;border-color:#bae6fd!important}.account-menu-v221 .nav-profile .nav-icon{color:#be123c!important;background:linear-gradient(135deg,#fff1f2,#fdf2f8)!important;border-color:#fecdd3!important}.account-menu-v221 .nav-support .nav-icon{color:#0f766e!important;background:linear-gradient(135deg,#f0fdfa,#ecfeff)!important;border-color:#99f6e4!important}.account-menu-v221 .nav-logout .nav-icon{color:#b91c1c!important;background:linear-gradient(135deg,#fef2f2,#fff7ed)!important;border-color:#fecaca!important}.account-menu-v221 .account-nav-item.active .nav-icon{color:#fff!important;background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.26)!important}
.account-menu-v221 .side-count{margin-left:auto;min-width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 8px 18px rgba(239,68,68,.22)}
.account-main .acc-card,.account-main .acc-kpi,.account-main .acc-record-card,.account-main .acc-address-card,.account-main .acc-ticket{
  border-color:rgba(203,213,225,.78)!important;
  box-shadow:0 20px 55px rgba(15,23,42,.08)!important;
}
.account-main .acc-card-head h2 i,.account-main .acc-kpi .ico i,.account-main .acc-btn i{opacity:.96}.account-main .acc-card-head{background:linear-gradient(180deg,#fff,#f8fbff)!important}.account-main .acc-table th{background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;color:#334155!important}.account-main .acc-table tbody tr:hover td{background:#eff6ff!important}.account-main .acc-toolbar{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(15,23,42,.04)!important}
@media(max-width:1100px){.account-sidebar-v221{position:relative;top:auto}.account-menu-v221{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.account-menu-v221 .account-nav-item{justify-content:flex-start!important}}
@media(max-width:760px){.account-sidebar-v221{border-radius:24px!important;padding:12px!important}.account-profile-card .avatar{width:48px!important;height:48px!important}.account-menu-v221{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.account-menu-v221 .account-nav-item{min-height:52px!important;border-radius:17px!important;padding:8px!important}.account-menu-v221 .nav-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:13px!important}.account-menu-v221 .nav-icon svg{width:19px;height:19px}.account-menu-v221 .nav-label{font-size:12.5px}}
@media(max-width:420px){.account-menu-v221 .account-nav-item{gap:8px!important}.account-menu-v221 .nav-label{font-size:12px}.account-menu-v221 .nav-icon{width:34px!important;height:34px!important;flex-basis:34px!important}}