/* ObeGames UI preferences: theme + language */
html{
  color-scheme:light;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e6edf7;
  --muted:#a8b5c7;
  --muted-2:#8ea0b8;
  --line:#334155;
  --soft:#111827;
  --bg:#0b1120;
  --white:#111827;
  --shadow:0 18px 50px rgba(0,0,0,.34);
}

.header-preference-menu{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  overflow:visible;
}
.preference-trigger{
  position:relative;
  overflow:visible!important;
}
.preference-theme-icon{
  display:none;
  place-items:center;
  line-height:0;
}
html[data-theme-preference="light"] .preference-theme-icon-light,
html[data-theme-preference="system"] .preference-theme-icon-system,
html[data-theme-preference="dark"] .preference-theme-icon-dark{
  display:grid;
}
html:not([data-theme-preference]) .preference-theme-icon-system{
  display:grid;
}
.language-trigger{
  gap:3px;
}
.language-trigger-code{
  position:absolute;
  right:-3px;
  bottom:-4px;
  display:grid;
  place-items:center;
  min-width:20px;
  height:16px;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:999px;
  background:#eef2ff;
  color:#334155;
  font-size:8px;
  font-weight:800;
  letter-spacing:.03em;
  line-height:1;
}
.header-preference-dropdown{
  display:none;
  position:absolute;
  top:calc(100% + 9px);
  right:-8px;
  z-index:180;
  width:272px;
  padding:8px;
  border:1px solid #d9e1ec;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 18px 46px rgba(15,23,42,.15);
}
.header-preference-menu.open .header-preference-dropdown{
  display:block;
  animation:obePreferenceIn .14s ease-out;
}
@keyframes obePreferenceIn{
  from{opacity:0;transform:translateY(-4px) scale(.99)}
  to{opacity:1;transform:none}
}
.preference-dropdown-heading{
  padding:7px 10px 8px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.preference-option{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#334155;
  text-align:left;
  cursor:pointer;
}
.preference-option:hover,
.preference-option:focus-visible{
  outline:0;
  background:#f8fafc;
}
.preference-option.is-active{
  background:#eff6ff;
  color:#1d4ed8;
}
.preference-option-icon,
.language-badge{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#f8fafc;
  color:#475569;
}
.language-badge{
  font-size:11px;
  font-weight:850;
  letter-spacing:.05em;
}
.preference-option.is-active .preference-option-icon,
.preference-option.is-active .language-badge{
  border-color:#bfdbfe;
  background:#dbeafe;
  color:#1d4ed8;
}
.preference-option-copy{
  min-width:0;
}
.preference-option-copy strong,
.preference-option-copy small{
  display:block;
}
.preference-option-copy strong{
  font-size:13px;
  font-weight:700;
  color:inherit;
}
.preference-option-copy small{
  margin-top:3px;
  color:#94a3b8;
  font-size:11px;
  font-weight:400;
}
.preference-option-check{
  display:none;
  place-items:center;
  color:#2563eb;
}
.preference-option.is-active .preference-option-check{
  display:grid;
}

.auth-public-topbar .auth-user-avatar{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  color:#20343a!important;
}
.auth-public-topbar .auth-user-avatar-icon{
  width:32px!important;
  height:32px!important;
  stroke-width:0!important;
}
.auth-public-topbar .auth-user-avatar:hover,
.auth-public-topbar .auth-user-avatar:focus-visible{
  color:#2563eb!important;
}

.profile-preferences-mobile{
  display:none;
  margin:7px 0;
  padding:9px 8px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.profile-preference-block + .profile-preference-block{
  margin-top:10px;
}
.profile-preference-label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 3px 7px;
  color:var(--muted);
  font-size:11px;
  font-weight:750;
}
.profile-preference-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.profile-language-choices{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.profile-dropdown .profile-preference-choices button{
  min-height:32px;
  justify-content:center;
  padding:5px 7px;
  border:1px solid var(--line)!important;
  border-radius:7px;
  background:var(--white);
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}
.profile-dropdown .profile-preference-choices button.is-active{
  border-color:#93c5fd!important;
  background:#eff6ff;
  color:#1d4ed8;
}

/* Dark theme */
html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .main-panel,
html[data-theme="dark"] .auth-body,
html[data-theme="dark"] .auth-portal-body,
html[data-theme="dark"] .auth-public-content{
  background:#0b1120!important;
  color:#e6edf7!important;
}
html[data-theme="dark"] .content-wrap,
html[data-theme="dark"] .auth-public-main{
  color:#e6edf7;
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .topbar-client-layout,
html[data-theme="dark"] .auth-public-topbar{
  background:#0f172a!important;
  border-color:#273449!important;
  color:#e6edf7!important;
}
html[data-theme="dark"] body .topbar-client-layout .topbar-action-cell,
html[data-theme="dark"] body .auth-public-topbar .topbar-action-cell,
html[data-theme="dark"] body .admin-app .topbar .topbar-action-cell{
  background:#0f172a!important;
  border-color:#273449!important;
}
html[data-theme="dark"] .topbar-client-layout .client-search,
html[data-theme="dark"] .auth-public-topbar .auth-search,
html[data-theme="dark"] .admin-app .admin-global-search{
  background:#111c2e!important;
  border-color:#334155!important;
}
html[data-theme="dark"] .topbar-client-layout .client-search input,
html[data-theme="dark"] .auth-public-topbar .auth-search input,
html[data-theme="dark"] .admin-app .admin-global-search input{
  color:#e6edf7!important;
}
html[data-theme="dark"] .topbar-client-layout .client-search input::placeholder,
html[data-theme="dark"] .auth-public-topbar .auth-search input::placeholder,
html[data-theme="dark"] .admin-app .admin-global-search input::placeholder{
  color:#72839b!important;
}
html[data-theme="dark"] .topbar-icon,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .profile-trigger{
  border-color:#334155!important;
  background:#111827!important;
  color:#aab8ca!important;
}
html[data-theme="dark"] .topbar-icon:hover,
html[data-theme="dark"] .topbar-icon:focus-visible,
html[data-theme="dark"] .icon-button:hover,
html[data-theme="dark"] .icon-button:focus-visible,
html[data-theme="dark"] .profile-trigger:hover,
html[data-theme="dark"] .profile-trigger:focus-visible{
  background:#162033!important;
  color:#dbeafe!important;
}
html[data-theme="dark"] .topbar-icon b{
  border-color:#0f172a!important;
}
html[data-theme="dark"] .language-trigger-code{
  border-color:#0f172a;
  background:#1e293b;
  color:#dbeafe;
}
html[data-theme="dark"] .profile-text strong,
html[data-theme="dark"] .dropdown-user strong{
  color:#e6edf7!important;
}
html[data-theme="dark"] .profile-text small,
html[data-theme="dark"] .dropdown-user small{
  color:#93a4ba!important;
}
html[data-theme="dark"] .profile-dropdown,
html[data-theme="dark"] .header-preference-dropdown{
  background:#111827!important;
  border-color:#334155!important;
  color:#e6edf7!important;
  box-shadow:0 20px 48px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] .profile-dropdown a,
html[data-theme="dark"] .profile-dropdown button,
html[data-theme="dark"] .preference-option{
  color:#d5deeb!important;
}
html[data-theme="dark"] .profile-dropdown a:hover,
html[data-theme="dark"] .profile-dropdown button:hover,
html[data-theme="dark"] .preference-option:hover,
html[data-theme="dark"] .preference-option:focus-visible{
  background:#182235!important;
}
html[data-theme="dark"] .preference-option.is-active,
html[data-theme="dark"] .profile-dropdown .profile-preference-choices button.is-active{
  background:#152746!important;
  color:#93c5fd!important;
}
html[data-theme="dark"] .preference-option-icon,
html[data-theme="dark"] .language-badge{
  border-color:#334155;
  background:#162033;
  color:#aab8ca;
}
html[data-theme="dark"] .preference-option.is-active .preference-option-icon,
html[data-theme="dark"] .preference-option.is-active .language-badge{
  border-color:#365987;
  background:#1c365d;
  color:#bfdbfe;
}
html[data-theme="dark"] .preference-dropdown-heading,
html[data-theme="dark"] .preference-option-copy small{
  color:#8191a8!important;
}
html[data-theme="dark"] .dropdown-user,
html[data-theme="dark"] .profile-preferences-mobile{
  border-color:#334155!important;
}

html[data-theme="dark"] :where(
  .card,.stat-card,.table-wrap,.invoice-list-wrap,.wallet-summary-card,.wallet-history-card,
  .service-list-item,.catalog-card,.catalog-card-premium,.product-card,.checkout-card,
  .order-summary-card,.order-progress-premium,.order-config-group,.order-config-group-premium,
  .review-lines,.review-lines-premium,.voucher-box,.voucher-box-premium,.summary-grand,
  .order-auth-gate,.order-auth-choice,.message-bubble,.customer-activity-card,
  .automation-summary-card,.automation-history-card,.settings-card,.profile-card,
  .invoice-shell,.invoice-card,.ticket-card,.empty-state,.modal-card,.dialog-card
){
  background:#111827!important;
  border-color:#334155!important;
  color:#e6edf7!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-form-brand{
  background:#111827!important;
  border-color:#334155!important;
  color:#e6edf7!important;
  box-shadow:0 16px 45px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .auth-form-brand img{
  filter:brightness(0) invert(1);
}
html[data-theme="dark"] :where(.card-head,.checkout-card-head,.checkout-card-footer,.list-item,.table th,.table td,.dropdown-user){
  border-color:#2b394e!important;
}
html[data-theme="dark"] .table th,
html[data-theme="dark"] thead th{
  background:#0f172a!important;
  color:#94a3b8!important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] tbody td{
  border-color:#263348!important;
  color:#dbe5f2!important;
}
html[data-theme="dark"] tbody tr:hover,
html[data-theme="dark"] .table tbody tr:hover{
  background:#131d2d!important;
}
html[data-theme="dark"] :where(h1,h2,h3,h4,h5,h6,.stat-value,.page-heading h1,.section-title h2,.card-head h2,.card-head h3){
  color:#f3f6fb!important;
}
html[data-theme="dark"] :where(p,small,.muted,.section-title p,.card-head p,.stat-label,.stat-meta,.field small,.list-item small,.empty,.auth-card>p,.auth-foot){
  color:#9aa9bd!important;
}
html[data-theme="dark"] .field label{
  color:#cbd5e1!important;
}
html[data-theme="dark"] :where(
  .field input,.field select,.field textarea,
  input:not([type="checkbox"]):not([type="radio"]),select,textarea
){
  background:#0f172a!important;
  border-color:#334155!important;
  color:#e6edf7!important;
}
html[data-theme="dark"] :where(input,select,textarea)::placeholder{
  color:#6f8198!important;
}
html[data-theme="dark"] :where(.field input,.field select,.field textarea,input,select,textarea):focus{
  border-color:#4f83c2!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.16)!important;
}
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-light{
  background:#162033!important;
  border-color:#334155!important;
  color:#dbe5f2!important;
}
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-light:hover{
  background:#1b2a40!important;
}
html[data-theme="dark"] .app-footer,
html[data-theme="dark"] .portal-footer,
html[data-theme="dark"] .auth-public-footer{
  background:#0b1120!important;
  border-color:#273449!important;
  color:#8191a8!important;
}
html[data-theme="dark"] .portal-footer-links a:hover{
  color:#bfdbfe!important;
}
html[data-theme="dark"] .code-box,
html[data-theme="dark"] pre,
html[data-theme="dark"] code{
  border-color:#334155!important;
}
html[data-theme="dark"] .empty-icon,
html[data-theme="dark"] .stat-icon,
html[data-theme="dark"] .metric-icon,
html[data-theme="dark"] .list-icon{
  background:#17243a!important;
  color:#93c5fd!important;
}
html[data-theme="dark"] .avatar-fallback{
  background:#1f2b3e!important;
  color:#c2d1e3!important;
}
html[data-theme="dark"] .auth-public-topbar .auth-user-avatar{
  color:#c8d5e3!important;
}
html[data-theme="dark"] .auth-public-topbar .auth-user-avatar-icon circle:first-child{
  fill:currentColor!important;
}
html[data-theme="dark"] .alert-info{background:#102442!important;border-color:#244b78!important;color:#bfdbfe!important}
html[data-theme="dark"] .alert-success{background:#0e2a20!important;border-color:#235c45!important;color:#bbf7d0!important}
html[data-theme="dark"] .alert-warning{background:#2b2110!important;border-color:#6f5318!important;color:#fde68a!important}
html[data-theme="dark"] .alert-danger{background:#32171d!important;border-color:#70313e!important;color:#fecdd3!important}
html[data-theme="dark"] .badge-muted{background:#263348!important;color:#cbd5e1!important}
html[data-theme="dark"] .mobile-overlay{background:rgba(0,0,0,.68)!important}
html[data-theme="dark"] .obe-confirm-overlay{background:rgba(0,0,0,.62)!important}
html[data-theme="dark"] .obe-confirm-dialog{
  background:#111827!important;
  border-color:#334155!important;
  color:#e6edf7!important;
}
html[data-theme="dark"] .obe-confirm-content strong{color:#f1f5f9!important}
html[data-theme="dark"] .obe-confirm-content p{color:#9aa9bd!important}

/* Keep branded sidebar intentionally dark in both modes. */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .auth-public-sidebar{
  background:#070d18!important;
  border-color:#1e293b!important;
}

@media (max-width:520px){
  .client-app .topbar-client-layout .topbar-action-preference,
  .admin-app .topbar .topbar-action-preference{
    display:none!important;
  }
  .profile-preferences-mobile{
    display:block;
  }
  .auth-public-topbar .topbar-action-preference{
    display:flex!important;
  }
  .auth-public-topbar .header-preference-dropdown{
    position:fixed;
    top:68px;
    right:10px;
    width:min(272px,calc(100vw - 20px));
  }
}

@media (max-width:380px){
  .auth-public-topbar .topbar-action-order{display:none!important}
  .auth-public-topbar .topbar-action-cell.topbar-action-icon,
  .auth-public-topbar .topbar-action-account,
  .auth-public-topbar .topbar-action-preference{
    width:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
}

/* User-provided header icons */
.preference-theme-icon img{
  display:block;
  width:20px;
  height:20px;
  object-fit:contain;
}
.preference-option-image img{
  display:block;
  width:20px;
  height:20px;
  object-fit:contain;
}
.auth-public-topbar .auth-user-avatar-image{
  display:block;
  width:32px;
  height:32px;
  object-fit:contain;
}
html[data-theme="dark"] .preference-theme-icon img,
html[data-theme="dark"] .preference-option-image img{
  filter:invert(1) brightness(.92);
}

/* Dark-mode coverage for portal views that still use legacy hard-coded light colors. */
html[data-theme="dark"] .topbar-client-layout .topbar-balance-link{
  color:#a8b5c7!important;
}
html[data-theme="dark"] .topbar-client-layout .topbar-balance-text strong{
  color:#e6edf7!important;
}
html[data-theme="dark"] .topbar-client-layout .topbar-balance-text small{
  color:#8191a8!important;
}
html[data-theme="dark"] .topbar-client-layout .topbar-action-balance:hover{
  background:#162033!important;
}
html[data-theme="dark"] .content-wrap :where([class$="-card"],[class*="-card "]),
html[data-theme="dark"] .auth-public-content :where([class$="-card"],[class*="-card "]){
  border-color:#334155!important;
  background-color:#111827!important;
  color:#e6edf7!important;
}
html[data-theme="dark"] .content-wrap :where([class$="-card"],[class*="-card "]).active,
html[data-theme="dark"] .content-wrap :where([class$="-card"],[class*="-card "]):has(input:checked),
html[data-theme="dark"] .auth-public-content :where([class$="-card"],[class*="-card "]).active,
html[data-theme="dark"] .auth-public-content :where([class$="-card"],[class*="-card "]):has(input:checked){
  border-color:#3b82f6!important;
  background-color:#132541!important;
}
html[data-theme="dark"] .content-wrap table,
html[data-theme="dark"] .auth-public-content table{
  background:#111827!important;
  color:#dbe5f2!important;
}
html[data-theme="dark"] .content-wrap table tbody tr,
html[data-theme="dark"] .auth-public-content table tbody tr{
  background:#111827!important;
}
html[data-theme="dark"] .content-wrap table tbody tr:hover,
html[data-theme="dark"] .auth-public-content table tbody tr:hover{
  background:#162033!important;
}
html[data-theme="dark"] .content-wrap :where([class*="pagination"],[class*="-footer"],[class*="-head"]),
html[data-theme="dark"] .auth-public-content :where([class*="pagination"],[class*="-footer"],[class*="-head"]){
  border-color:#2b394e!important;
}
html[data-theme="dark"] .content-wrap :where(.service-pagination,.portal-invoice-pagination,.catalog-pagination),
html[data-theme="dark"] .auth-public-content :where(.service-pagination,.portal-invoice-pagination,.catalog-pagination){
  background:#0f172a!important;
}
html[data-theme="dark"] .content-wrap :where(.service-page-btn,.portal-invoice-page-btn),
html[data-theme="dark"] .auth-public-content :where(.service-page-btn,.portal-invoice-page-btn){
  background:#111827!important;
  border-color:#334155!important;
  color:#cbd5e1!important;
}
html[data-theme="dark"] .content-wrap :where(.service-page-btn,.portal-invoice-page-btn).active,
html[data-theme="dark"] .auth-public-content :where(.service-page-btn,.portal-invoice-page-btn).active{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
html[data-theme="dark"] .content-wrap details,
html[data-theme="dark"] .auth-public-content details{
  border-color:#334155!important;
}
html[data-theme="dark"] .content-wrap hr,
html[data-theme="dark"] .auth-public-content hr{
  border-color:#334155!important;
}


/* Unified header separators and profile cell styling */
.topbar .topbar-actions,
.topbar-client-layout .topbar-actions,
.auth-public-topbar .topbar-actions{
  gap:0!important;
  height:100%!important;
  align-items:stretch!important;
}
.topbar .topbar-action-cell,
.topbar-client-layout .topbar-action-cell,
.auth-public-topbar .topbar-action-cell{
  position:relative!important;
  align-self:stretch!important;
  border-right:0!important;
  border-left:1px solid #e2e8f0!important;
  background:transparent!important;
}
.topbar .topbar-action-profile,
.topbar-client-layout .topbar-action-profile,
.auth-public-topbar .topbar-action-profile,
.auth-public-topbar .topbar-action-account{
  min-width:auto!important;
  width:auto!important;
  max-width:none!important;
  padding:0 14px!important;
}
.topbar .topbar-action-balance,
.topbar-client-layout .topbar-action-balance,
.auth-public-topbar .topbar-action-balance{
  min-width:118px!important;
}
.topbar .profile-trigger,
.topbar-client-layout .profile-trigger,
.auth-public-topbar .profile-trigger{
  height:100%!important;
  min-height:0!important;
  padding:0 4px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.topbar .profile-trigger:hover,
.topbar .profile-trigger:focus-visible,
.topbar-client-layout .profile-trigger:hover,
.topbar-client-layout .profile-trigger:focus-visible,
.auth-public-topbar .profile-trigger:hover,
.auth-public-topbar .profile-trigger:focus-visible{
  background:#f8fafc!important;
}
.topbar .topbar-icon,
.topbar-client-layout .topbar-icon,
.auth-public-topbar .topbar-icon{
  color:#64748b!important;
}
.topbar .topbar-icon:hover,
.topbar .topbar-icon:focus-visible,
.topbar-client-layout .topbar-icon:hover,
.topbar-client-layout .topbar-icon:focus-visible,
.auth-public-topbar .topbar-icon:hover,
.auth-public-topbar .topbar-icon:focus-visible{
  color:#2563eb!important;
}

/* Dark mode: full coverage for dashboard custom tables/cards */
html[data-theme="dark"] .dashboard-services-featured-head h3,
html[data-theme="dark"] .dashboard-support-head h3,
html[data-theme="dark"] .dashboard-feed-body strong,
html[data-theme="dark"] .dashboard-invoice-code,
html[data-theme="dark"] .dashboard-invoice-side strong,
html[data-theme="dark"] .dashboard-service-name strong,
html[data-theme="dark"] .dashboard-service-total,
html[data-theme="dark"] .dashboard-support-request strong{
  color:#f3f6fb!important;
}
html[data-theme="dark"] .dashboard-feed-body p,
html[data-theme="dark"] .dashboard-feed-time,
html[data-theme="dark"] .dashboard-invoice-date,
html[data-theme="dark"] .dashboard-service-name small,
html[data-theme="dark"] .dashboard-service-cell,
html[data-theme="dark"] .dashboard-support-request small,
html[data-theme="dark"] .dashboard-support-empty{
  color:#9aa9bd!important;
}
html[data-theme="dark"] .dashboard-service-table,
html[data-theme="dark"] .dashboard-support-table,
html[data-theme="dark"] .dashboard-feed,
html[data-theme="dark"] .dashboard-secondary-grid .card{
  background:#111827!important;
  border-color:#334155!important;
  color:#e6edf7!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .dashboard-service-table-head,
html[data-theme="dark"] .dashboard-support-table-head{
  background:#0f172a!important;
  border-color:#2b394e!important;
}
html[data-theme="dark"] .dashboard-service-table-head span,
html[data-theme="dark"] .dashboard-support-table-head span{
  color:#94a3b8!important;
}
html[data-theme="dark"] .dashboard-service-table-row,
html[data-theme="dark"] .dashboard-support-row,
html[data-theme="dark"] .dashboard-feed-item{
  background:#111827!important;
  border-color:#263348!important;
  color:#dbe5f2!important;
}
html[data-theme="dark"] .dashboard-service-table-row:hover,
html[data-theme="dark"] .dashboard-support-row:hover,
html[data-theme="dark"] .dashboard-feed-item:hover{
  background:#162033!important;
}
html[data-theme="dark"] .dashboard-feed-icon{
  background:#17243a!important;
  color:#93c5fd!important;
}
html[data-theme="dark"] .dashboard-service-arrow{
  color:#93a4ba!important;
}

/* Dark mode: consistent topbar colors */
html[data-theme="dark"] .topbar .topbar-action-cell,
html[data-theme="dark"] .topbar-client-layout .topbar-action-cell,
html[data-theme="dark"] .auth-public-topbar .topbar-action-cell{
  border-left-color:#273449!important;
}
html[data-theme="dark"] .topbar .profile-trigger:hover,
html[data-theme="dark"] .topbar .profile-trigger:focus-visible,
html[data-theme="dark"] .topbar-client-layout .profile-trigger:hover,
html[data-theme="dark"] .topbar-client-layout .profile-trigger:focus-visible,
html[data-theme="dark"] .auth-public-topbar .profile-trigger:hover,
html[data-theme="dark"] .auth-public-topbar .profile-trigger:focus-visible,
html[data-theme="dark"] .topbar .topbar-action-balance:hover,
html[data-theme="dark"] .topbar-client-layout .topbar-action-balance:hover,
html[data-theme="dark"] .auth-public-topbar .topbar-action-balance:hover{
  background:#162033!important;
}
html[data-theme="dark"] .topbar .topbar-balance-link,
html[data-theme="dark"] .topbar-client-layout .topbar-balance-link,
html[data-theme="dark"] .auth-public-topbar .topbar-balance-link{
  color:#cbd5e1!important;
}

@media (max-width:900px){
  .topbar .topbar-action-cell,
  .topbar-client-layout .topbar-action-cell,
  .auth-public-topbar .topbar-action-cell{
    border-left:0!important;
  }
  .topbar .topbar-action-profile,
  .topbar-client-layout .topbar-action-profile,
  .auth-public-topbar .topbar-action-account,
  .auth-public-topbar .topbar-action-profile{
    padding:0 8px!important;
  }
}

/* Language selector: text-only trigger, flags in dropdown. */
.language-trigger-text-only{
  min-width:54px!important;
  width:54px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.language-trigger-text-only .language-trigger-code{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1!important;
}
.language-flag{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#f8fafc;
  font-size:21px;
  line-height:1;
}
.preference-option.is-active .language-flag{
  border-color:#bfdbfe;
  background:#dbeafe;
}
.profile-language-choices button{
  gap:6px!important;
}


/* Custom language trigger icon */
.language-trigger-with-icon{
  min-width:58px!important;
  width:58px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.language-trigger-with-icon .language-trigger-icon{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  line-height:0;
  flex:0 0 18px;
}
.language-trigger-with-icon .language-trigger-icon img{
  display:block;
  width:18px;
  height:18px;
  object-fit:contain;
}
.language-trigger-with-icon .language-trigger-code{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1!important;
}
.profile-language-choices button .language-flag{
  font-size:21px;
}

/* Header alignment refinement: one separator per cell and natural icon sizing. */
@media (min-width:901px){
  .topbar-client-layout .topbar-actions,
  .auth-public-topbar .topbar-actions{
    border-left:0!important;
    gap:0!important;
  }

  .topbar-client-layout .topbar-action-cell,
  .auth-public-topbar .topbar-action-cell{
    box-sizing:border-box!important;
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    padding:0!important;
    border-left:1px solid #e3e8ef!important;
    border-right:0!important;
    background:#fff!important;
  }

  .topbar-client-layout .topbar-action-order,
  .auth-public-topbar .topbar-action-order{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    padding:0 14px!important;
  }

  .topbar-client-layout .topbar-action-balance{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
    padding:0 14px!important;
  }

  .topbar-client-layout .topbar-action-profile{
    flex:0 0 164px!important;
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    padding:0!important;
  }

  .topbar-client-layout .topbar-icon,
  .auth-public-topbar .topbar-icon{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#64748b!important;
  }

  .topbar-client-layout .topbar-icon:hover,
  .topbar-client-layout .topbar-icon:focus-visible,
  .auth-public-topbar .topbar-icon:hover,
  .auth-public-topbar .topbar-icon:focus-visible{
    background:#f8fafc!important;
    color:#2563eb!important;
  }

  .topbar-client-layout .topbar-icon>svg,
  .auth-public-topbar .topbar-icon>svg,
  .topbar-client-layout .topbar-balance-icon>svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.8!important;
  }

  .topbar-client-layout .topbar-action-language .topbar-icon>svg,
  .auth-public-topbar .topbar-action-language .topbar-icon>svg{
    width:23px!important;
    height:23px!important;
    stroke-width:1.8!important;
  }

  .topbar-client-layout .client-order-button>svg,
  .auth-public-topbar .client-order-button>svg{
    width:16px!important;
    height:16px!important;
    stroke-width:1.8!important;
  }

  .topbar-client-layout .profile-trigger{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:0 18px!important;
    gap:9px!important;
  }

  .topbar-client-layout .profile-trigger .avatar,
  .topbar-client-layout .profile-trigger .avatar-fallback{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
}

/* Header separator precision fix: render every desktop divider using one identical pseudo-line. */
@media (min-width:901px){
  .topbar-client-layout .topbar-left,
  .auth-public-topbar .topbar-left,
  .topbar-client-layout .client-search,
  .auth-public-topbar .auth-search,
  .topbar-client-layout .topbar-actions,
  .auth-public-topbar .topbar-actions{
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }

  .topbar-client-layout .topbar-action-cell,
  .auth-public-topbar .topbar-action-cell{
    position:relative!important;
    border-left:0!important;
    border-right:0!important;
  }

  .topbar-client-layout .topbar-action-cell::before,
  .auth-public-topbar .topbar-action-cell::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:1px;
    background:#e3e8ef;
    pointer-events:none;
  }
}


/* FINAL desktop topbar divider override - single 1px line, no stacked borders. */
@media (min-width:901px){
  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout > .topbar-left,
  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout > .topbar-actions{
    border-left:0!important;
    border-right:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout > .topbar-left .client-search{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout > .topbar-actions > .topbar-action-cell{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    position:relative!important;
  }

  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout > .topbar-actions > .topbar-action-cell::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:#e3e8ef!important;
    opacity:1!important;
    transform:none!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /* Do not let the order button itself create another divider. */
  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout .topbar-action-order,
  body.client-app > .app-shell > .main-panel > .topbar.topbar-client-layout .client-order-button{
    border-left:0!important;
    border-right:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}