/* GoodByte Mail Stability V8.2 — focused visual corrections.
   This stylesheet is deliberately loaded LAST in App.razor so it can style
   Blazor InputText/InputSelect components across CSS-isolation boundaries.
   No functional or data-related changes are made by these rules. */
:root {
  --gb82-ink:#153946; --gb82-muted:#65818b; --gb82-primary:#087c88;
  --gb82-primary-dark:#065b6e; --gb82-line:#d6e5e9;
  --gb82-canvas:#f3f7f9; --gb82-field:#f8fbfc;
  --gb82-shadow:0 18px 48px rgba(16,63,77,.07);
}
html,body { min-width:0; }
/* Unified accessible interactive targets. */
:where(.gbv2-shell,.client-v2-shell,.gbwm-page,.gba-auth,.customer-register,.customer-profile-page) {
  font-family:"IBM Plex Sans Arabic","Inter",Tahoma,Arial,sans-serif;
}
:where(.gbv2-shell,.client-v2-shell,.gbwm-page,.gba-auth,.customer-register,.customer-profile-page) :is(a,button,input,select,textarea):focus-visible {
  outline:3px solid rgba(14,141,154,.43); outline-offset:3px;
}

/* -------------------------------------------------------------------------
   MAIN SIDEBAR: typography/spacing + correctly mirrored RTL and LTR.
   ------------------------------------------------------------------------- */
.gbv2-shell .gbv2-sidebar { width:282px; background:linear-gradient(180deg,#093c4c 0%,#063443 100%); }
.gbv2-shell .gbv2-main { margin-inline-start:282px; }
.gbv2-sidebar .gbv2-sidebar-head { min-height:82px; padding:14px 17px; }
.gbv2-sidebar .gbv2-brand-logo { width:46px; height:46px; flex-basis:46px; border-radius:13px; }
.gbv2-sidebar .gbv2-brand-copy strong { font-size:16px; line-height:1.35; font-weight:800; }
.gbv2-sidebar .gbv2-brand-copy small { font-size:12px; line-height:1.5; color:#a7c9cf; }
.gbv2-sidebar .gbv2-sidebar-search { height:46px; margin:14px 13px 11px; padding-inline:13px; border-radius:12px; }
.gbv2-sidebar .gbv2-sidebar-search input { font-size:13px; min-height:38px; }
.gbv2-sidebar .gbv2-sidebar-scroll { padding-inline:11px; }
.gbv2-sidebar .gbv2-nav-section { margin-block:8px; }
.gbv2-sidebar .gbv2-section-toggle { font-size:12px; min-height:40px; padding:9px 12px; letter-spacing:0; color:#b0cbd0; }
.gbv2-sidebar .gbv2-section-toggle i { font-size:13px; }
.gbv2-sidebar .gbv2-nav-items { gap:4px; }
.gbv2-sidebar .gbv2-nav-link { min-height:46px; padding:8px 11px; grid-template-columns:34px minmax(0,1fr) auto; gap:11px; font-size:13px; font-weight:650; line-height:1.6; border-radius:12px; }
.gbv2-sidebar .gbv2-nav-icon { width:34px; height:34px; border-radius:10px; font-size:17px; }
.gbv2-sidebar .gbv2-nav-link.active { background:linear-gradient(110deg,rgba(15,159,164,.30),rgba(16,155,166,.12)); box-shadow:inset 3px 0 0 #42cfc4; }
.gbv2-sidebar .gbv2-nav-link:hover { background:rgba(255,255,255,.09); }
.gbv2-sidebar .gbv2-nav-text { white-space:normal; overflow-wrap:break-word; }
.gbv2-sidebar .gbv2-nav-badge { font-size:11px; min-width:23px; height:23px; }
.gbv2-sidebar .gbv2-sidebar-footer { padding:13px; }
.gbv2-sidebar .gbv2-health { padding:13px; gap:12px; border-radius:13px; }
.gbv2-sidebar .gbv2-health strong { font-size:12px; line-height:1.5; }
.gbv2-sidebar .gbv2-health small { font-size:11px; line-height:1.45; }

/* APP HEADER: readable names, visual hierarchy and safe narrow widths. */
.gbv2-main .gbv2-topbar { min-height:76px; padding:12px clamp(14px,2vw,28px); gap:14px; box-shadow:0 2px 9px rgba(20,74,89,.025); }
.gbv2-main .gbv2-breadcrumb { font-size:12px; gap:8px; }
.gbv2-main .gbv2-breadcrumb i { font-size:11px; }
.gbv2-main .gbv2-page-context h1 { font-size:clamp(18px,1.65vw,24px); font-weight:800; line-height:1.45; }
.gbv2-main .gbv2-topbar-end { gap:12px; min-width:0; }
.gbv2-main .gbv2-icon-button { width:43px; height:43px; border-radius:12px; }
.gbv2-main .gbv2-user-button { min-height:48px; padding:6px 9px; gap:10px; border-radius:13px; }
.gbv2-main .gbv2-avatar { width:36px; height:36px; flex-basis:36px; border-radius:11px; font-size:12px; }
.gbv2-main .gbv2-user-copy { max-width:210px; }
.gbv2-main .gbv2-user-copy strong { font-size:13px; font-weight:750; line-height:1.55; }
.gbv2-main .gbv2-user-copy small { font-size:11px; line-height:1.45; }
.gbv2-main .gbv2-user-button > i { font-size:13px; }
.gbv2-main .gbv2-user-menu { width:min(290px,calc(100vw - 24px)); padding:10px; }
.gbv2-main .gbv2-user-menu :is(a,form button) { min-height:44px; font-size:13px; }
.gbv2-main .gbv2-user-menu-head strong { font-size:13px; }
.gbv2-main .gbv2-user-menu-head small { font-size:11px; }

/* Client mail header shares the same visual language. */
.client-v2-shell .client-v2-topbar { min-height:76px; padding:12px clamp(12px,2vw,28px); }
.client-v2-shell .client-v2-brand strong { font-size:16px; }
.client-v2-shell .client-v2-brand span { font-size:12px; }
.client-v2-shell .client-v2-inbox-link { min-height:43px; font-size:13px; padding-inline:13px; }
.client-v2-shell .client-v2-account-button { min-height:45px; }
.client-v2-shell .client-v2-account-copy strong { font-size:12px; }
.client-v2-shell .client-v2-account-copy small { font-size:11px; }
.client-v2-shell .client-v2-avatar { font-size:12px; }
.client-v2-shell .client-v2-account-menu { width:min(290px,calc(100vw - 20px)); }
.client-v2-shell .client-v2-account-menu :is(a,button) { font-size:13px; min-height:44px; }
.client-v2-shell .client-v2-menu-head strong { font-size:13px; }
.client-v2-shell .client-v2-menu-head small { font-size:11px; }
.client-v2-shell .client-v2-session span { font-size:13px; }

/* -------------------------------------------------------------------------
   AUTHENTICATION: each page owns one viewport, one language switcher.
   ------------------------------------------------------------------------- */
.gba-auth.gba-shell { min-height:100dvh; padding:clamp(20px,4.5vh,52px) 24px; background:radial-gradient(circle at 10% 13%,rgba(48,195,189,.17),transparent 35%),linear-gradient(135deg,#053b50,#096f7c); }
.gba-shell .gba-frame { width:min(1070px,100%); gap:24px; align-items:stretch; }
.gba-shell .gba-promo { padding:clamp(28px,3.8vw,52px); min-height:580px; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.20); box-shadow:0 18px 50px rgba(0,29,39,.14); }
.gba-shell .gba-promo h2 { font-size:clamp(27px,2.8vw,40px); line-height:1.5; }
.gba-shell .gba-promo p { font-size:16px; line-height:1.85; }
.gba-shell .gba-promo-features { font-size:14px; line-height:1.7; }
.gba-shell .gba-frame .gba-login-card { min-height:580px; padding:clamp(24px,3.4vw,46px); border-radius:24px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 25px 70px rgba(0,30,43,.20); }
.gba-shell .gba-login-card .gba-lang { justify-content:flex-end; margin-block:0 12px; }
.gba-shell .gb-login-heading h1 { margin-block:10px; font-size:clamp(24px,2.5vw,32px); }
.gba-shell .gb-login-heading p { font-size:14px; line-height:1.85; }
.gba-shell .gba-login-card .gb-login-form label { font-size:14px; color:var(--gb82-ink); }
.gba-shell .gba-login-card .gb-input-wrap input { min-height:52px; padding-inline:17px 45px; border:1px solid var(--gb82-line); border-radius:12px; background:#f8fbfc; color:var(--gb82-ink); font-size:15px; }
.gba-shell .gba-login-card .gb-input-wrap input:focus { border-color:#1b98a3; background:#fff; box-shadow:0 0 0 4px rgba(9,128,139,.11); }
.gba-shell .gba-login-card .gb-login-submit { min-height:51px; border-radius:12px; font-size:15px; font-weight:800; }
.gba-shell .gba-login-card .gb-login-security,
.gba-shell .gba-login-card .gb-login-footer { font-size:12px; }

/* Webmail login: remove rigid sizing and unnecessary 100vh card minimums. */
.gbwm-page .gbwm-stage { min-height:100dvh; padding:clamp(20px,3.8vh,42px) 22px; }
.gbwm-page .gbwm-layout { width:min(1160px,100%); height:auto; min-height:0; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:22px; align-items:stretch; }
.gbwm-page .gbwm-form-card { min-height:0; height:auto; }
.gbwm-page .gbwm-form-inner { padding:clamp(25px,3vw,43px); min-height:0; justify-content:center; }
.gbwm-page .gbwm-brand-card { min-height:0; height:auto; }
.gbwm-page .gbwm-brand-inner { padding:clamp(20px,3vw,42px); }
.gbwm-page .gbwm-form-heading h1 { font-size:clamp(26px,2.6vw,34px); }
.gbwm-page .gbwm-form-heading p { font-size:14px; line-height:1.8; }
.gbwm-page .gbwm-input { width:100%; min-height:52px; font-size:15px; border-radius:11px; }
.gbwm-page .gbwm-submit { min-height:52px; font-size:15px; }
.gbwm-page .gbwm-field > label { font-size:14px; }
.gbwm-page .gbwm-brand-copy { font-size:15px; line-height:1.9; }
.gbwm-page .gbwm-logo-box { max-width:100%; }
.gbwm-page .gba-lang button { min-height:37px; font-size:13px; }

/* Registration form uses InputText and InputSelect: style rendered children. */
.customer-register { margin-block:clamp(14px,3vh,32px); }
.customer-register .register-main { padding:clamp(26px,3.7vw,52px); }
.customer-register .register-heading h2 { font-size:clamp(25px,2.65vw,34px); }
.customer-register .register-heading p { font-size:14px; }
.customer-register .register-main .field label { font-size:14px; margin-block-end:2px; }
.customer-register .register-main .field :is(input:not([type="checkbox"]),select),
.customer-register .otp-form > input { min-height:51px; border:1px solid var(--gb82-line); background:var(--gb82-field); color:var(--gb82-ink); font-size:15px; border-radius:12px; padding-inline:14px; }
.customer-register .register-main .field :is(input,select):focus { border-color:#0d939c; box-shadow:0 0 0 4px rgba(9,130,141,.09); }
.customer-register .register-side-copy p { font-size:15px; }
.customer-register .register-benefits span { font-size:13px; }
.customer-register .register-submit { font-size:15px; min-height:52px; }

/* -------------------------------------------------------------------------
   CUSTOMER PROFILE: style actual <input> generated by Blazor components.
   ------------------------------------------------------------------------- */
.customer-profile-page { width:min(1220px,100%); max-width:none; margin-inline:auto; padding:clamp(15px,2vw,28px); font-size:14px; }
.customer-profile-page .profile-hero { padding:clamp(22px,2.6vw,35px); gap:22px; margin-block-end:21px; border-radius:23px; box-shadow:var(--gb82-shadow); }
.customer-profile-page .profile-hero .eyebrow { font-size:12px; letter-spacing:0; font-weight:750; }
.customer-profile-page .profile-hero h1 { font-size:clamp(26px,2.6vw,36px); line-height:1.4; }
.customer-profile-page .profile-hero p { font-size:14px; line-height:1.9; }
.customer-profile-page .profile-completeness { min-width:175px; padding:18px 21px; }
.customer-profile-page .profile-completeness strong { font-size:27px; }
.customer-profile-page .profile-completeness span { font-size:12px; }
.customer-profile-page .profile-tabs { border:1px solid #dce9ec; border-radius:15px; padding:6px; gap:5px; background:#edf5f6; }
.customer-profile-page .profile-tabs button { min-height:47px; padding:10px 17px; font-size:14px; border-radius:11px; font-weight:750; }
.customer-profile-page .profile-tabs button.active { color:#066d7b; box-shadow:0 4px 14px rgba(15,79,90,.08); }
.customer-profile-page .profile-card { padding:clamp(20px,2.4vw,32px); border-radius:20px; box-shadow:var(--gb82-shadow); }
.customer-profile-page .card-head { margin-block-end:24px; gap:14px; }
.customer-profile-page .card-icon { width:48px; height:48px; border-radius:14px; }
.customer-profile-page .card-icon i { display:block; width:23px; height:23px; color:#078491; }
.customer-profile-page .card-head span { font-size:12px; }
.customer-profile-page .card-head h2 { font-size:20px; }
.customer-profile-page .profile-grid { gap:20px; }
.customer-profile-page .profile-grid > .field { min-width:0; display:flex; flex-direction:column; gap:8px; }
.customer-profile-page .profile-grid > .field > label { font-size:14px; font-weight:750; margin:0; line-height:1.55; }
.customer-profile-page .profile-grid .field > :is(input,select,textarea),
.customer-profile-page .profile-grid .field > :is(input[type="email"],input[type="file"]) {
  display:block; width:100%; min-width:0; height:51px; min-height:51px; box-sizing:border-box;
  border:1px solid #cbdfe4; border-radius:12px; background:#f7fafb;
  padding:0 15px; color:#1a4653; font:inherit; font-size:15px;
  box-shadow:none; appearance:auto; outline:none;
}
.customer-profile-page .profile-grid .field > input[type="file"] { height:auto; min-height:51px; padding:12px; }
.customer-profile-page .profile-grid .field > :is(input,select,textarea):focus { background:#fff; border-color:#0c8c98; box-shadow:0 0 0 4px rgba(12,140,152,.11); }
.customer-profile-page .profile-grid .field > :is(input,select):disabled { background:#eef4f5; opacity:.75; }
.customer-profile-page .profile-grid .field > [dir="ltr"] { direction:ltr; text-align:left; unicode-bidi:plaintext; }
.customer-profile-page .profile-grid .field > small { font-size:12px; line-height:1.6; }
.customer-profile-page .profile-actions { gap:12px; padding-block:13px; }
.customer-profile-page .profile-actions :is(button,a) { min-height:48px; font-size:14px; border-radius:12px; }
.customer-profile-page .profile-missing { font-size:13px; padding:13px 17px; }
.customer-profile-page .profile-help { font-size:13px; }
.customer-profile-page .profile-meta { gap:15px; }

/* Use the existing localized language switcher, readable in both scripts. */
.gb-language-switcher { min-height:42px; padding:4px 6px; border-radius:12px; }
.gb-language-switcher .gb-language-option { font-size:13px; padding:9px 10px; font-weight:750; }

@media(max-width:1120px){
  .gbv2-shell .gbv2-main{margin-inline-start:0}
  .gbv2-main .gbv2-menu-button{display:grid;width:43px;height:43px}
}
@media(max-width:1050px){
  .gbwm-page .gbwm-stage { padding:0; }
  .gbwm-page .gbwm-layout { display:block; width:100%; }
  .gbwm-page .gbwm-form-card { min-height:100dvh; border-radius:0; }
  .gbwm-page .gbwm-form-inner { min-height:100dvh; width:min(560px,100%); margin-inline:auto; padding:clamp(25px,4vw,46px); }
  .gbwm-page .gbwm-brand-card { display:none; }
}
@media(max-width:820px){
  .gba-auth.gba-shell { padding:0; background:#fff; }
  .gba-shell .gba-frame { display:block; width:100%; min-height:100dvh; }
  .gba-shell .gba-promo{display:none}
  .gba-shell .gba-frame .gba-login-card{width:min(560px,100%);min-height:100dvh;margin-inline:auto;padding:clamp(23px,5vw,38px);border:0;border-radius:0;box-shadow:none}
  .customer-profile-page .profile-hero{flex-direction:column;align-items:stretch}
  .customer-profile-page .profile-completeness{width:100%;min-width:0}
  .customer-profile-page .profile-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .gbv2-main .gbv2-topbar{padding:9px 12px;min-height:65px}
  .gbv2-main .gbv2-page-context h1{font-size:17px}
  .gbv2-main .gbv2-user-copy,.gbv2-main .gbv2-user-button>i{display:none}
  .gbv2-main .gbv2-user-button{padding:4px}
  .client-v2-shell .client-v2-topbar{min-height:64px;padding:9px 12px}
  .client-v2-shell .client-v2-brand strong{font-size:14px}
  .customer-profile-page .profile-tabs{flex-wrap:nowrap;overflow-x:auto}
  .customer-profile-page .profile-tabs button{min-width:0;white-space:nowrap;flex:1;padding-inline:9px;font-size:13px}
  .customer-profile-page .profile-card{padding:20px 17px}
}
@media(max-width:520px){
  .gbv2-main .gbv2-topbar-end{gap:6px}
  .gb-language-switcher{padding:2px}
  .gb-language-switcher .gb-language-option{font-size:11px;padding:8px 6px}
  .gbwm-page .gbwm-form-inner{padding:22px 18px}
  .gbwm-page .gbwm-form-heading h1{font-size:27px}
  .customer-register .register-main{padding:22px 18px}
  .customer-profile-page{padding:12px}
  .customer-profile-page .profile-hero{padding:22px 19px;border-radius:17px}
  .customer-profile-page .profile-card{border-radius:16px}
  .customer-profile-page .profile-actions{position:static}
}
@media(prefers-reduced-motion:reduce){
  .gbv2-shell *, .gbwm-page *, .gba-auth *, .customer-profile-page * { transition-duration:.01ms!important; }
}

/* Local SVG icons for the navigation/header/profile; no icon font/CDN needed.
   These masks replace empty boxes when Bootstrap Icons stylesheet is absent. */
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:20px;height:20px;font-size:0!important;font-style:normal;
}
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi::before {
  content:""!important;display:block!important;width:100%;height:100%;background:currentColor;
  -webkit-mask-image:var(--gb82-icon);mask-image:var(--gb82-icon);
  -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
}
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-grid-1x2,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-list-task,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-diagram-3,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-sliders { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-envelope,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-chat-square-text { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-globe2,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-signpost-split,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-arrow-left-right,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-arrow-return-right { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203c4%204%204%2014%200%2018M12%203c-4%204-4%2014%200%2018%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-cloud { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2018H6a4%204%200%200%201-.7-7.94A7%207%200%200%201%2019%2010a4%204%200%200%201%200%208H7Z%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-people,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-person-lock { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M2%2020v-2a6%206%200%200%201%2012%200v2H2Z%22%2F%3E%3Cpath%20d%3D%22M17%205a3%203%200%200%201%200%206M17%2014a5%205%200%200%201%205%205%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-person,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-person-lines-fill,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-building { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2H4Z%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-database-check,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-hdd-rack { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m12%202%201.7%203%203.5.7.6%203.5%203%201.8-1.3%203.3%201.2%203.3-3.1%201.9-.6%203.5-3.5.6L12%2022l-1.7-3-3.5-.7-.6-3.5-3-1.8%201.3-3.3-1.2-3.3%203.1-1.9.6-3.5%203.5-.6Z%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-server { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%2218%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%207h.01M7%2017h.01M11%207h7M11%2017h7%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-bar-chart { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M7%2017v-4M12%2017V8M17%2017V5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-shield-check,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-shield-lock,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-shield-x { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202%204%205v6c0%206%204%2010%208%2011%204-1%208-5%208-11V5l-8-3Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-bell { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9ZM10%2021h4%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-search { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-inbox { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v16H3V4Zm0%2010h5l2%203h4l2-3h5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-chevron-down,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-chevron-up { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-chevron-left { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%206-6%206%206%206%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-list { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-lock { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-key { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m11%2012%2010-10M16%207l3%203%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-credit-card { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209V5a2%202%200%200%201%202-2h13M15%2013h6v4h-6a2%202%200%200%201%200-4Z%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-shop,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-cart3 { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010%205%203h14l2%207-2%203H5l-2-3ZM5%2013v8h14v-8M9%2021v-6h6v6%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-receipt { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202h14v20l-3-2-4%202-4-2-3%202V2ZM8%207h8M8%2011h8M8%2015h5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-send-check,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-arrow-up-right-circle { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4L22%202ZM11%2013%2022%202%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-window { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%206.5h.01M10%206.5h.01%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-arrow-left-right { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%208%20.5l2-2a5%205%200%200%200-7-7l-1%201M14%2011a5%205%200%200%200-8-.5l-2%202a5%205%200%200%200%207%207l1-1%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-activity,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-hourglass-split { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012h5l3-8%204%2016%203-8h5%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-box-seam { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204v10l-9%204-9-4V7Zm0%200%209%205%209-5M12%2012v9%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-headset { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014v-3a9%209%200%200%201%2018%200v3M3%2013h4v7H5a2%202%200%200%201-2-2v-5Zm18%200h-4v7h2a2%202%200%200%200%202-2v-5Z%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-box-arrow-left,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-box-arrow-in-left { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h7M13%2012h9m-4-4%204%204-4%204%22%2F%3E%3C%2Fsvg%3E"); }
:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-calendar,:where(.gbv2-sidebar,.gbv2-topbar,.client-v2-topbar,.customer-profile-page .card-icon) i.bi-calendar3 { --gb82-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); }