/* Software-center Light theme. Employee/admin business pages retain their own theme. */
body.user, body.account-checkout, body.legal-site, .account-theme {
  --ui-primary:#bd4a00; --ui-primary-hover:#a33e00; --ui-primary-soft:#fff1e4;
  --ui-text:#242424; --ui-muted:#60646c; --ui-background:#fffbf6; --ui-border:#e8ded2;
  --account-accent:#a94000;
}
body.user { background:var(--ui-background); color:var(--ui-text); }
body.user.signed-out {
  --ui-primary:#755f50; --ui-primary-hover:#604c3f; --ui-primary-soft:#f1ece7;
  --ui-background:#f7f7f6; --ui-border:#e5e3df; --account-accent:#755f50;
}
.user .brand-mark img { display:block; width:100%; height:100%; object-fit:contain; }
body.user .sidebar .brand-mark { background:transparent; }
body.user.signed-out .heading:before { content:""; background:transparent url("/assets/software-center/brand.png") center/contain no-repeat; }
.user .account-avatar { font-size:0; background:transparent url("/assets/software-center/account.svg") center/24px no-repeat; border:0; }
.user .desktop-login-brand-mark { font-size:0; background:transparent url("/assets/software-center/brand.png") center/contain no-repeat; }
.user .login-panel .login-icon { object-fit:contain; }
body.account-checkout { background:#fffbf6; --ui-primary:#bd4a00; }
.account-checkout header { color:var(--account-accent); }
.account-checkout .logo { width:30px; height:30px; background:none; }
.account-checkout .logo img { display:block; width:100%; height:100%; }
.account-checkout .account-content { background:#fffaf5; border-color:var(--ui-border); }
.account-checkout .account-content input:not([type=checkbox]):focus { outline-color:var(--ui-primary); }
.account-icon-input { background-position:10px center !important; background-size:18px !important; background-repeat:no-repeat !important; padding-left:36px !important; }
.account-icon-account { background-image:url("/assets/software-center/account.svg") !important; }
.account-icon-phone { background-image:url("/assets/software-center/phone.svg") !important; }
.account-icon-password { background-image:url("/assets/software-center/password.svg") !important; }
.account-icon-shield { background-image:url("/assets/software-center/shield.svg") !important; }
.account-icon-invite { background-image:url("/assets/software-center/invite.svg") !important; }
body .admin-auth.account-theme { background:var(--ui-background); }
.account-theme a { color:var(--account-accent); }
.account-theme .account-login-brand { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.account-theme .account-login-brand img { width:42px; height:42px; object-fit:contain; }
.account-theme .account-login-brand .page-header { margin:0; }
.account-theme .n-input.account-icon-account, .account-theme .n-input.account-icon-phone,
.account-theme .n-input.account-icon-password, .account-theme .n-input.account-icon-invite,
.account-theme .n-input.account-icon-shield { background-image:none !important; }
.account-theme .n-input[class*="account-icon-"] input { background-position:left center; background-repeat:no-repeat; background-size:16px; padding-left:24px; box-sizing:border-box; }
.account-theme .n-input[class*="account-icon-"] .n-input__placeholder { padding-left:24px; }
.account-theme .n-input.account-icon-account input { background-image:url("/assets/software-center/account.svg"); }
.account-theme .n-input.account-icon-phone input { background-image:url("/assets/software-center/phone.svg"); }
.account-theme .n-input.account-icon-password input { background-image:url("/assets/software-center/password.svg"); }
.account-theme .n-input.account-icon-invite input { background-image:url("/assets/software-center/invite.svg"); }
.account-theme .n-input.account-icon-shield input { background-image:url("/assets/software-center/shield.svg"); }
.legal-site .legal-brand { display:flex; align-items:center; gap:10px; }
.legal-site .legal-brand img { width:34px; height:34px; }

body.user .wallet-hero { background:var(--ui-primary-soft); border-color:#f0dbc9; color:var(--ui-text); }
body.user .wallet-recharge { background:var(--ui-primary); color:#fff; }
.account-checkout .account-modes button, .account-checkout .account-content button { border-color:var(--ui-border); color:var(--account-accent); }
.account-checkout .account-modes .active, .account-checkout .account-content button.primary { background:var(--ui-primary); border-color:var(--ui-primary); color:#fff; }