/* V224 - Local inline SVG icon fix for Customer Portal/Account
   Removes dependency on FontAwesome CDN for account interior icons. */
.fa.acc-svg-ready,
.fa.local-svg-ready,
.fas.acc-svg-ready,
.far.acc-svg-ready,
.fab.acc-svg-ready,
.fa-solid.acc-svg-ready,
.fa-regular.acc-svg-ready,
.fa-brands.acc-svg-ready{
  font-family:inherit!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:-.12em!important;
}
.fa.acc-svg-ready:before,
.fa.local-svg-ready:before,
.fas.acc-svg-ready:before,
.far.acc-svg-ready:before,
.fab.acc-svg-ready:before,
.fa-solid.acc-svg-ready:before,
.fa-regular.acc-svg-ready:before,
.fa-brands.acc-svg-ready:before{content:none!important;display:none!important}
.fa.acc-svg-ready svg,
.fa.local-svg-ready svg,
.fas.acc-svg-ready svg,
.far.acc-svg-ready svg,
.fab.acc-svg-ready svg,
.fa-solid.acc-svg-ready svg,
.fa-regular.acc-svg-ready svg,
.fa-brands.acc-svg-ready svg{
  width:1.05em!important;
  height:1.05em!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.acc-kpi .ico .fa.acc-svg-ready svg,
.acc-kpi .ico .fa.local-svg-ready svg,
.acc-empty .fa.acc-svg-ready svg,
.acc-empty .fa.local-svg-ready svg{width:1.25em!important;height:1.25em!important}
.account-main h1 .fa.acc-svg-ready,
.account-main h2 .fa.acc-svg-ready,
.account-main h3 .fa.acc-svg-ready{margin-right:8px!important}
.account-main .acc-btn .fa.acc-svg-ready,
.account-main .btn .fa.acc-svg-ready{margin-right:7px!important}
.account-main .acc-btn.icon-only .fa.acc-svg-ready,
.account-main .btn.icon-only .fa.acc-svg-ready{margin-right:0!important}
.account-main .acc-kpi .ico,
.account-main .od-kpi>i,
.account-main .receive-icon,
.account-main .acc-logout-card .ico{
  display:grid!important;
  place-items:center!important;
}
.account-main .od-kpi>i.acc-svg-ready{font-size:28px!important}
.account-main .acc-status .fa.acc-svg-ready,
.account-main .chip .fa.acc-svg-ready{margin-right:6px!important}
/* V229 - solid fallback if JS/CDN is blocked: no more blue dot icon */
.fa:not(.acc-svg-ready):not(.local-svg-ready),
.fas:not(.acc-svg-ready):not(.local-svg-ready),
.far:not(.acc-svg-ready):not(.local-svg-ready),
.fab:not(.acc-svg-ready):not(.local-svg-ready),
.fa-solid:not(.acc-svg-ready):not(.local-svg-ready),
.fa-regular:not(.acc-svg-ready):not(.local-svg-ready),
.fa-brands:not(.acc-svg-ready):not(.local-svg-ready){
  font-style:normal!important;font-family:Arial, sans-serif!important;font-weight:900!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;
}
.fa:not(.acc-svg-ready):not(.local-svg-ready):before,
.fas:not(.acc-svg-ready):not(.local-svg-ready):before,
.far:not(.acc-svg-ready):not(.local-svg-ready):before,
.fab:not(.acc-svg-ready):not(.local-svg-ready):before,
.fa-solid:not(.acc-svg-ready):not(.local-svg-ready):before,
.fa-regular:not(.acc-svg-ready):not(.local-svg-ready):before,
.fa-brands:not(.acc-svg-ready):not(.local-svg-ready):before{content:'◆'!important;font-size:.9em!important;color:currentColor!important}
.fa-circle-info:not(.acc-svg-ready):before,.fa-info-circle:not(.acc-svg-ready):before,.fa-info:not(.acc-svg-ready):before{content:'i'!important;font-family:Arial,sans-serif!important;font-weight:900!important}
.fa-receipt:not(.acc-svg-ready):before,.fa-file-invoice:not(.acc-svg-ready):before,.fa-file-invoice-dollar:not(.acc-svg-ready):before{content:'▤'!important}
.fa-wallet:not(.acc-svg-ready):before,.fa-money-bill-wave:not(.acc-svg-ready):before,.fa-money-bill-transfer:not(.acc-svg-ready):before{content:'◈'!important}
.fa-truck-moving:not(.acc-svg-ready):before,.fa-truck:not(.acc-svg-ready):before,.fa-shipping-fast:not(.acc-svg-ready):before,.fa-truck-loading:not(.acc-svg-ready):before{content:'▰'!important}
.fa-user:not(.acc-svg-ready):before,.fa-user-check:not(.acc-svg-ready):before,.fa-users:not(.acc-svg-ready):before{content:'◉'!important}
.fa-box:not(.acc-svg-ready):before,.fa-box-open:not(.acc-svg-ready):before,.fa-boxes:not(.acc-svg-ready):before,.fa-boxes-stacked:not(.acc-svg-ready):before{content:'□'!important}
.fa-eye:not(.acc-svg-ready):before{content:'◌'!important}.fa-check:not(.acc-svg-ready):before,.fa-check-circle:not(.acc-svg-ready):before,.fa-circle-check:not(.acc-svg-ready):before{content:'✓'!important}
.fa-triangle-exclamation:not(.acc-svg-ready):before,.fa-circle-exclamation:not(.acc-svg-ready):before{content:'!'!important}.fa-search:not(.acc-svg-ready):before,.fa-magnifying-glass:not(.acc-svg-ready):before{content:'⌕'!important}
.fa-house:not(.acc-svg-ready):before,.fa-home:not(.acc-svg-ready):before{content:'⌂'!important}.fa-cart-shopping:not(.acc-svg-ready):before{content:'🛒'!important}.fa-bell:not(.acc-svg-ready):before{content:'◌'!important}.fa-bell-slash:not(.acc-svg-ready):before{content:'○'!important}
.fa-credit-card:not(.acc-svg-ready):before{content:'▭'!important}.fa-location-dot:not(.acc-svg-ready):before,.fa-map-location-dot:not(.acc-svg-ready):before{content:'●'!important}.fa-headset:not(.acc-svg-ready):before{content:'☏'!important}.fa-plus:not(.acc-svg-ready):before{content:'+'!important}.fa-trash:not(.acc-svg-ready):before{content:'×'!important}.fa-print:not(.acc-svg-ready):before{content:'⎙'!important}.fa-star:not(.acc-svg-ready):before{content:'★'!important}.fa-tag:not(.acc-svg-ready):before{content:'🏷'!important}.fa-filter:not(.acc-svg-ready):before{content:'⧉'!important}.fa-layer-group:not(.acc-svg-ready):before{content:'▤'!important}.fa-envelope:not(.acc-svg-ready):before,.fa-envelope-open-text:not(.acc-svg-ready):before{content:'✉'!important}

/* V225 - final icon polish: avoid big default info bubble and keep SVG icons consistent */
.account-main .acc-card-head i.fa.acc-svg-ready,
.account-main .acc-hero i.fa.acc-svg-ready,
.account-main .acc-kpi i.fa.acc-svg-ready,
.account-main .acc-btn i.fa.acc-svg-ready,
.account-main .acc-empty i.fa.acc-svg-ready,
.account-main .acc-ticket i.fa.acc-svg-ready,
.account-main .acc-toolbar i.fa.acc-svg-ready{
  width:1.1em!important;
  height:1.1em!important;
  min-width:1.1em!important;
  color:currentColor!important;
}
.account-main .acc-kpi .ico i.fa.acc-svg-ready,
.account-main .acc-logout-card .ico i.fa.acc-svg-ready{
  width:26px!important;height:26px!important;min-width:26px!important;font-size:26px!important;
}
.account-main .acc-card-head h2 i.fa.acc-svg-ready,
.account-main h2 i.fa.acc-svg-ready{
  color:#2563eb!important;
  background:linear-gradient(135deg,#eff6ff,#ecfdf5)!important;
  border:1px solid #dbeafe!important;
  border-radius:14px!important;
  padding:8px!important;
  width:38px!important;height:38px!important;min-width:38px!important;
  vertical-align:middle!important;
}
.account-main .acc-card-head h2 i.fa.acc-svg-ready svg,
.account-main h2 i.fa.acc-svg-ready svg{width:20px!important;height:20px!important}
.account-main .acc-status i.fa.acc-svg-ready,
.account-main .chip i.fa.acc-svg-ready{width:15px!important;height:15px!important;min-width:15px!important}

/* V230 - CSS-only professional icon fallback. This fixes the diamond/dot icons even when JS/CDN is blocked or cached. */
.account-main .acc-kpi .ico i.fa,
.account-main .acc-kpi .ico i.fas,
.account-main .acc-kpi .ico i.far,
.account-main .acc-kpi .ico i.fa-solid,
.account-main .acc-kpi .ico i.fa-regular,
.account-main .acc-card-head h2 i.fa,
.account-main .acc-card-head h2 i.fas,
.account-main .acc-card-head h2 i.fa-solid,
.account-main .acc-empty i.fa,
.account-main .acc-btn i.fa,
.acc-sidebar i.fa,
.acc-sidebar i.fas,
.acc-sidebar i.fa-solid{
  font-family:inherit!important;
  font-style:normal!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.account-main .acc-kpi .ico i.fa:before,
.account-main .acc-kpi .ico i.fas:before,
.account-main .acc-kpi .ico i.far:before,
.account-main .acc-kpi .ico i.fa-solid:before,
.account-main .acc-kpi .ico i.fa-regular:before,
.account-main .acc-card-head h2 i.fa:before,
.account-main .acc-card-head h2 i.fas:before,
.account-main .acc-card-head h2 i.fa-solid:before,
.acc-sidebar i.fa:before,
.acc-sidebar i.fas:before,
.acc-sidebar i.fa-solid:before{
  content:''!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:var(--acc-css-icon,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E")) center/contain no-repeat!important;
  mask:var(--acc-css-icon,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E")) center/contain no-repeat!important;
}
.fa-receipt,.fa-file-invoice,.fa-file-invoice-dollar{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 3v15l-2-1-2 1-2-1-2 1-2-1-2 1-2-1V6l2-3Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
.fa-wallet,.fa-money-bill-wave,.fa-money-bill-transfer{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A2.5 2.5 0 0 1 6.5 5H19v4H7a3 3 0 0 0 0 6h12v4H6.5A2.5 2.5 0 0 1 4 16.5v-9Z'/%3E%3Cpath d='M16 12h4'/%3E%3C/svg%3E")}
.fa-triangle-exclamation,.fa-circle-exclamation,.fa-exclamation-triangle{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 22 20H2L12 3Z'/%3E%3Cpath d='M12 9v5M12 17h.01'/%3E%3C/svg%3E")}
.fa-truck,.fa-truck-moving,.fa-shipping-fast,.fa-truck-loading{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3V7Z'/%3E%3Cpath d='M14 10h3l4 4v2h-7v-6Z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.fa-house,.fa-home{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10.5V20h5v-6h4v6h5v-9.5'/%3E%3C/svg%3E")}
.fa-user,.fa-users,.fa-user-check{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.6-4.5 4.8-6 8-6s6.4 1.5 8 6'/%3E%3C/svg%3E")}
.fa-chart-line{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='m7 15 4-5 3 3 5-7'/%3E%3C/svg%3E")}
.fa-credit-card{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4M15 15h2'/%3E%3C/svg%3E")}
.fa-location-dot,.fa-map-location-dot{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5 7-11a7 7 0 1 0-14 0c0 6 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.fa-headset,.fa-comments{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Cpath d='M4 13h3v5H4v-5ZM17 13h3v5h-3v-5Z'/%3E%3Cpath d='M16 21h-3a3 3 0 0 1-3-3'/%3E%3C/svg%3E")}
.fa-eye{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.fa-print{--acc-css-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Cpath d='M7 17H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 14h10v7H7v-7Z'/%3E%3C/svg%3E")}
.account-main .acc-kpi .ico i.fa:after,
.account-main .acc-card-head h2 i.fa:after,
.acc-sidebar i.fa:after{content:none!important;display:none!important}

/* V231 - remove the small dot/old FontAwesome marker inside KPI/account icons only. Do not change layout/design. */
html body .portal-account-layout .account-main .acc-kpi .ico i.acc-svg-ready::before,
html body .portal-account-layout .account-main .acc-kpi .ico i.local-svg-ready::before,
html body .portal-account-layout .account-main .acc-kpi .ico i.acc-svg-ready::after,
html body .portal-account-layout .account-main .acc-kpi .ico i.local-svg-ready::after,
html body .portal-account-layout .account-main .acc-card-head h2 i.acc-svg-ready::before,
html body .portal-account-layout .account-main .acc-card-head h2 i.local-svg-ready::before,
html body .portal-account-layout .account-main .acc-btn i.acc-svg-ready::before,
html body .portal-account-layout .account-main .acc-btn i.local-svg-ready::before,
html body .portal-account-layout .acc-sidebar i.acc-svg-ready::before,
html body .portal-account-layout .acc-sidebar i.local-svg-ready::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body .portal-account-layout .account-main .acc-kpi .ico i.acc-svg-ready,
html body .portal-account-layout .account-main .acc-kpi .ico i.local-svg-ready{
  font-size:0!important;
  color:inherit!important;
}
html body .portal-account-layout .account-main .acc-kpi .ico i.acc-svg-ready svg,
html body .portal-account-layout .account-main .acc-kpi .ico i.local-svg-ready svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  stroke:currentColor!important;
  fill:none!important;
}
