/* Member theme. Administration retains its neutral text controls. */
.member-surface .task-item.premium-order,.member-surface .order-item.premium-order {
  position: relative;
  border: 1px solid #e69a48;
  border-radius: 8px;
  background: radial-gradient(ellipse at 100% 0,#ffe5b2,transparent 62%),linear-gradient(145deg,#fffaf1,#fff);
  box-shadow: 0 5px 22px #bd66141c,inset 0 0 0 3px #fff7e6;
}
.member-surface .task-kind.shot {
  gap: 5px;
  padding: 7px 11px;
  background: linear-gradient(115deg,#873808,#c05205 55%,#8f3807);
  color: #fff2c7;
  border: 1px solid #de9946;
  border-radius: 7px;
  box-shadow: 0 2px 7px #9d4e2326;
  font-weight: 700;
}
.member-surface .task-kind.shot .lucide { width: 16px; height: 16px; stroke: #ffe4a2; }
.member-surface .premium-order .product-icon { border: 1px solid #efd7ae; background: #fff; }
.member-surface .premium-order .reward { color: #a33e00; }
.member-surface .premium-order .outline { border-color: #db9c56; background: #fff9ef; color: #874009; }
.member-surface .premium-order-detail { background: radial-gradient(ellipse at 100% 0,#ffe4b2,transparent 46%),#fffcf7; border-top: 3px solid #da8e32; }
.member-surface .premium-order-detail>.task-detail-tags { padding-bottom: 12px; border-bottom: 1px solid #efcf9c; }
.member-surface .premium-order-detail .task-kind.shot { font-size: 14px; padding: 9px 14px; }
.member-surface .premium-order-detail .primary { background: linear-gradient(105deg,#b94200,#da6409); box-shadow: 0 4px 12px #be60162b; }
@media (prefers-reduced-motion:no-preference) {
  .member-surface .premium-order .task-kind.shot { background-size: 220% 100%; animation: premium-glow 5s ease-in-out 2; }
  @keyframes premium-glow { 50% { background-position: 100% 0; box-shadow: 0 2px 12px #cb7a3970; } }
}
body.member-surface {
  --accent: #c94c00;
  --accent-bright: #ff6a00;
  --accent-hover: #aa4000;
  --accent-soft: #fff0e5;
  --accent-line: #f2d8c4;
  --blue: var(--accent);
  --line: #eee2d9;
  --muted: #7d7168;
  background: #f4eee9;
  color: #30271f;
}
.member-surface .mobile { background: #fffaf6; }
.member-surface input:focus,.member-surface select:focus,.member-surface textarea:focus { outline-color: #ef9a62; }
.member-surface button:focus-visible,.member-surface a:focus-visible { outline-color: #d65a0c; }
.member-surface input[type=checkbox],.member-surface input[type=radio] { accent-color: var(--accent); }
.member-surface .primary,.member-surface .teal,.member-surface .auto-comment { background: var(--accent); color: #fff; border-radius: 9px; }
.member-surface .primary:hover,.member-surface .teal:hover,.member-surface .auto-comment:hover { background: var(--accent-hover); }
.member-surface .yellow-button { background: var(--accent-soft); color: #9b3d06; border: 1px solid #f2c7a8; }
.member-surface .yellow-button:hover { background: #ffe4d0; }
.member-surface .outline { border-color: var(--accent-line); color: #9b430c; }
.member-surface .positive,.member-surface .reward,.member-surface .trade-stats strong { color: var(--accent); }
.member-surface .brand-header { background: #fff; border-bottom: 1px solid var(--line); min-height: 64px; padding: 12px 20px; gap: 12px; }
.member-surface .brand-header h1 { color: var(--accent); font-size: 25px; line-height: 1.2; margin: 0; min-width: 0; letter-spacing: 0; }
.member-surface .brand-header img { display: block; width: 40px; height: 40px; flex: 0 0 40px; object-fit: contain; object-position: center; padding: 0; }
.member-surface .mobile .user-top,.member-surface .mobile .team-banner,.member-surface .balance-blue {
  background-color: #c94c00;
  background-image: radial-gradient(ellipse at 90% 0,#ee792b 0,transparent 58%),linear-gradient(130deg,#b74000,#d85a07);
  color: #fff;
}
.member-surface .income-bar { background: #c94c00; }
.member-surface .income-bar .lucide { color: #fff0e3; }
.member-surface .mobile .avatar { color: var(--accent); }
.member-surface .mobile .wallet { box-shadow: 0 5px 18px #9347130e; border: 1px solid #f7e8dc; }
.member-surface .mobile .wallet>strong>.lucide { color: var(--accent); fill: #fff2e7; }
.member-surface .mobile .invite-band { background: #fff0e3; border: 1px solid #f1d3bc; color: #713209; }
.member-surface .mobile .invite-band p { color: #8c5f3f; }
.member-surface .mobile .user-links { box-shadow: 0 3px 14px #73421409; border: 1px solid #f4e7dd; }
.member-surface .mobile .user-links .lucide { color: #a76a3d; }
.member-surface .mobile .logout { color: #80573c; background: #f1e8df; }
.member-surface .announcement { color: #83532e; background: #fff0e5; }
.member-surface .service { background-image: none; border: 1px solid #f4cfb2; color: #783907; }
.member-surface .service.about { background: #ffe9d8; }
.member-surface .service.help { background: #fff2e8; }
.member-surface .service.support { background: linear-gradient(145deg,#c64b00,#e66914); color: white; }
.member-surface .category { background: #fff; color: #a84d13; border: 1px solid #f3d9c3; border-radius: 12px; box-shadow: 0 2px 7px #aa5a1705; }
.member-surface .category .lucide { background: #fff0e5; color: var(--accent); width: 40px; height: 40px; }
.member-surface .service-directory { background: #fffaf6; }
.member-surface .bottom-nav { border-top-color: #efddcf; box-shadow: 0 -4px 16px #79462008; }
.member-surface .bottom-nav a.active { color: var(--accent); }
.member-surface .bottom-nav a.active::before { content: ""; position: absolute; top: -5px; width: 24px; height: 3px; border-radius: 0 0 3px 3px; background: var(--accent-bright); }
.member-surface .mobile .team-metrics>div+div { border-inline-start-color: #ffb98780; }
.member-surface .mobile .team-members th { background: #c94c00; }
.member-surface .mobile .team-invite,.member-surface .mini-avatar { color: var(--accent); }
.member-surface .mini-avatar,.member-surface .product-icon { background: #fff0e5; }
.member-surface .product-icon .lucide { color: #ba7546; }
.member-surface .segments button[aria-selected=true] { background: var(--accent); }
.member-surface .segments button { background: #f2eae2; }
.member-surface .task-kind { background: #fff0e4; color: #93420d; }
.member-surface .task-progress-panel { border-color: var(--accent-line); }
.member-surface .task-plan-note { background: #fff6ef; border-left-color: #dc9a69; color: #835d40; }
.member-surface .gallery-thumbnails button[aria-pressed=true] { border-color: var(--accent); }
.member-surface .carousel-dots [aria-current=true] span { background: var(--accent); }
.member-surface .language-actions button { color: var(--accent); }
.member-surface .language-wheel label:has(input:checked) span { background: #fff0e5; border-block-color: #f4d5bf; color: #873d0a; }
.member-surface .language-wheel label:has(input:focus-visible) span { outline-color: var(--accent); }
.member-surface .contact-symbol.onsite,.member-surface .contact-arrow { background: var(--accent); }
.member-surface .contact-option { border: 1px solid var(--accent-line); border-radius: 18px; }
.member-surface .new-conversation>summary { color: var(--accent); }
.member-surface .conversation-message { background: #fff0e4; }
.member-surface .conversation-message>strong { color: #99623a; }
.member-surface blockquote { background: #fff5ec; border-left-color: #e79861; }
.member-surface .form-surface,.member-surface .order-item { border: 1px solid #f1e4da; }
.member-surface .trade-panel { background: #fff; box-shadow: 0 3px 12px #9c531111; }
.member-surface .mobile.login-page {
  background: #fffaf6;
  background-image: radial-gradient(ellipse at 100% 0,#ffe1c8 0,transparent 40%);
  color: #663813;
  padding: 0 28px 34px;
  border-top: 5px solid var(--accent-bright);
}
.member-surface .login-page::after { display: none; }
.member-surface .login-page .language-row { height: 54px; margin: 0; }
.member-surface .login-page .language-row .lucide { display: block; width: 17px; height: 17px; }
.member-surface .login-page .language-row button { color: #894716; }
.member-surface .login-page .login-mark { padding: 20px 0 14px; flex-direction: column; align-items: center; gap: 12px; }
.member-surface .login-page .login-mark img { display: block; width: 112px; height: 112px; padding: 0; border: 0; border-radius: 22px; background: transparent; object-fit: contain; object-position: center; }
.member-surface .login-page .login-mark h1 { position: static; width: auto; max-width: 100%; height: auto; margin: 0; overflow: visible; clip-path: none; color: #a74206; font-size: 26px; font-weight: 700; letter-spacing: 0; }
.member-surface .demo-disclosure { background: #fff0e3; border-bottom: 1px solid #efccb1; color: #79380e; text-align: center; padding: 10px 14px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.member-surface .login-page .demo-disclosure { border: 1px solid #efccb1; border-radius: 10px; margin: 0 0 20px; font-size: 13px; }
.member-surface .login-page .login-box { background: #fff; border: 1px solid #f1dccb; border-radius: 18px; padding: 26px 22px 20px; box-shadow: 0 10px 36px #9a4a100a; }
.member-surface .login-page .login-input { min-height: 46px; border-color: #e8d9cd; border-radius: 8px; background: #fffcf9; }
.member-surface .login-page .login-input>input,.member-surface .login-page .login-country-code { height: 44px; font-size: 14px; }
.member-surface .login-page .login-box .primary { min-height: 46px; border-radius: 9px; font-weight: 600; }
.member-surface .login-page .login-bottom { font-size: 13px; line-height: 1.7; color: #776454; }
.member-surface .login-page .mobile-footer { color: #8a7260; font-size: 11px; margin-top: 20px; }
@media(max-width:380px) {
  .member-surface .mobile.login-page { padding-inline: 18px; }
  .member-surface .login-page .login-box { padding: 22px 16px 18px; }
  .member-surface .login-page .login-mark { padding-top: 6px; }
  .member-surface .login-page .login-mark h1 { font-size: 24px; }
}