/* Mobile customer workspace. Desktop pages keep their existing layout. */
.customer-bottom-nav,.customer-menu-toggle,.customer-intro,.customer-voucher-actions,.customer-input-label { display:none; }
.customer-menu { width:min(520px,calc(100% - 28px)); max-height:85dvh; overflow:auto; margin:auto; border:1px solid #b8d1c5; border-radius:22px; padding:22px; background:#f7faf7; color:#17372f; box-shadow:0 20px 80px #071b2c40; }
.customer-menu::backdrop { background:#071d24a6; }
.customer-menu-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.customer-menu-head h2 { font-size:21px; font-weight:700; line-height:1.4; margin:0; }
.customer-menu svg,.customer-ui .customer-menu-toggle svg,.customer-bottom-nav svg { width:23px; height:23px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.customer-menu-close { display:grid; place-items:center; width:44px; height:44px; border:1px solid #d4e2da; border-radius:12px; background:transparent; color:inherit; cursor:pointer; }
.customer-menu-links { display:grid; gap:6px; }
.customer-menu-links > * { text-align:left; display:grid; gap:5px; padding:14px; min-height:48px; font:inherit; background:#fff; color:#17372f; text-decoration:none; border:1px solid #dde8e1; border-radius:12px; cursor:pointer; }
.customer-menu-links strong { font-size:15px; font-weight:650; }
.customer-menu-links small { font-size:12px; line-height:1.6; color:#567569; }
.customer-fold { display:contents; }
.customer-fold > summary { display:none; }
.customer-cashback-info { font-size:12px; line-height:1.8; color:var(--text-muted); }
.customer-cashback-info summary { min-height:44px; padding:10px 0; cursor:pointer; font-weight:600; color:var(--primary); }
.customer-cashback-info p { margin:0 0 14px; }
@media(min-width:820px) {
  .venus-portal #tab-links.active .customer-cashback-info { grid-column:1; grid-row:7; }
}
@media(max-width:819px), (max-width:1023px) and (pointer:coarse) {
  .customer-ui { --customer-bg:var(--surface,#192b2e); --customer-text:var(--text,#eef8f3); --customer-muted:var(--text-muted,#b3c9c0); --customer-border:var(--border,#36514b); padding:0 16px calc(96px + env(safe-area-inset-bottom))!important; color:var(--customer-text); }
  .customer-ui *, .customer-ui *::before, .customer-ui *::after { box-sizing:border-box; }
  .customer-ui button,.customer-ui input,.customer-ui select,.customer-ui textarea { font-family:inherit; }
  .customer-ui button:not([hidden]),.customer-ui .community-link-button,.customer-ui .community-report-button { min-height:44px; }
  .customer-ui input,.customer-ui select,.customer-ui textarea { font-size:16px!important; }
  .customer-ui input { min-width:0; }
  .customer-ui .venus-site-nav { width:100%; padding:12px 0; gap:12px; min-height:68px; margin:0; flex-wrap:nowrap; border-bottom:1px solid var(--customer-border); }
  .customer-ui .venus-site-links,.customer-ui > .community-public-tools { display:none; }
  .customer-ui .venus-site-brand { font-size:14px; letter-spacing:2.5px; }
  .customer-ui .venus-site-mark { width:32px; height:32px; border-radius:10px; }
  .customer-ui .customer-menu-toggle { display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--customer-border); color:inherit; background:transparent; border-radius:11px; padding:8px 11px; font-size:12px; font-weight:600; }
  .customer-bottom-nav { position:fixed; z-index:60; bottom:0; left:0; right:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:8px max(12px,calc((100vw - 600px)/2)) calc(8px + env(safe-area-inset-bottom)); border-top:1px solid var(--customer-border); background:var(--customer-bg); box-shadow:0 -4px 20px #102f2410; }
  .customer-nav-item { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; min-width:0; min-height:52px!important; padding:5px; border:0; border-radius:12px; background:transparent; color:var(--customer-muted); text-decoration:none; font-size:11px; font-weight:600; line-height:1.4; cursor:pointer; }
  .customer-nav-item[aria-current=page],.customer-nav-item.is-current { background:#147d6618; color:var(--primary,#98e8c7); }
  .customer-keyboard-open .customer-bottom-nav { display:none; }
  .customer-intro { display:block; margin:24px 0 20px; }
  .customer-intro h1 { margin:0 0 7px; color:var(--customer-text); font-size:27px; line-height:1.25; letter-spacing:-.8px; font-weight:800; }
  .customer-intro p { margin:0; font-size:14px; line-height:1.6; color:var(--customer-muted); }
  .customer-input-label { display:block; margin:18px 0 8px; font-size:13px; font-weight:650; color:var(--customer-text); }
  .customer-ui .community-dialog { padding:20px; max-height:calc(100dvh - 24px); }
  .customer-ui .community-dialog h2 { font-size:20px; }
  .customer-ui .community-dialog label { font-size:13px; }
  .customer-ui .community-close { width:44px; height:44px; top:8px; right:8px; }
  .customer-fold { display:block; border:1px solid var(--customer-border); border-radius:14px; background:var(--customer-bg); margin:16px 0; overflow:hidden; }
  .customer-fold > summary { display:list-item; padding:15px 16px; font-size:13px; font-weight:650; min-height:50px; cursor:pointer; color:var(--customer-text); }
  .customer-fold > .community-section { margin:0; border:0; border-top:1px solid var(--customer-border); border-radius:0; padding:16px; }
  .customer-ui .community-section h3 { font-size:15px; }
  .customer-ui .community-section-head p,.customer-ui .community-empty { font-size:12px; }

  /* The product input is now the first task on the portal. */
  .venus-portal.customer-ui .container { width:100%; padding:0; }
  .venus-portal.customer-ui #tab-links.active { display:block; }
  .venus-portal.customer-ui .top-bar,.venus-portal.customer-ui .profile-card,.venus-portal.customer-ui .stats-strip,.venus-portal.customer-ui .tab-bar { display:none; }
  .venus-portal.customer-ui .smart-converter-card { padding:20px; border-radius:18px; margin:0 0 8px; }
  .venus-portal.customer-ui .converter-header { gap:12px; align-items:flex-start; }
  .venus-portal.customer-ui .converter-icon { width:38px; height:38px; border-radius:11px; font-size:19px; flex-shrink:0; }
  .venus-portal.customer-ui .converter-title { font-size:17px; line-height:1.4; }
  .venus-portal.customer-ui .converter-subtitle { font-size:12px; line-height:1.5; margin-top:4px; }
  .venus-portal.customer-ui .converter-input-box { margin-top:0; padding:0 5px 0 0; border-radius:12px; }
  .venus-portal.customer-ui .converter-input { padding:15px 12px; width:100%; font-size:16px; min-height:52px; }
  .venus-portal.customer-ui .paste-btn-icon { border-radius:9px; padding:8px 10px; flex-shrink:0; font-size:13px; }
  .venus-portal.customer-ui .converter-action-btn { min-height:52px; padding:14px; font-size:15px; }
  .venus-portal.customer-ui .smart-link-hint { font-size:12px; line-height:1.65; min-height:42px; padding:9px 0; }
  .venus-portal.customer-ui .smart-link-steps { padding-top:14px; gap:9px; margin:0; font-size:11px; line-height:1.5; }
  .venus-portal.customer-ui .converter-result { padding:16px; margin-top:18px; }
  .venus-portal.customer-ui .res-product-title { font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
  .venus-portal.customer-ui .res-buttons-grid { grid-template-columns:1fr; gap:10px; }
  .venus-portal.customer-ui .res-buttons-grid > * { min-height:48px; font-size:14px; }
  .venus-portal.customer-ui .customer-cashback-info { margin-bottom:16px; font-size:13px; }
  .venus-portal.customer-ui .section-label { padding:12px 0; margin:0; font-size:13px; text-transform:none; letter-spacing:0; }
  .venus-portal.customer-ui .link-item { margin-bottom:0; padding:16px; }
  .venus-portal.customer-ui .link-headline { font-size:14px; line-height:1.6; }
  .venus-portal.customer-ui .link-summary { font-size:12px; }
  .venus-portal.customer-ui .community-link-wrap { margin-bottom:14px; }
  .venus-portal.customer-ui .lookup-card { padding:20px; border-radius:16px; }
  .venus-portal.customer-ui .lookup-input-row { display:flex; flex-direction:column; gap:10px; }
  .venus-portal.customer-ui .lookup-input-row > * { width:100%; min-height:50px; }
  .venus-portal.customer-ui .lookup-submit { font-size:14px; background:#107c62; color:#fff; box-shadow:none; }
  .venus-portal.customer-ui .quick-chips { display:none; }
  .venus-portal.customer-ui .smart-order-counts { gap:5px; }
  .venus-portal.customer-ui .smart-order-counts button { padding:10px 3px; }
  .venus-portal.customer-ui .v-filter-btn { flex-shrink:0; }

  /* Search and platform filters precede optional community content. */
  .venus-vouchers.customer-ui > header.sticky { background:transparent; padding:22px 0 12px; border:0; margin:0; }
  .venus-vouchers.customer-ui > header.sticky h1 { font-size:21px; line-height:1.4; letter-spacing:-.5px; }
  .venus-vouchers.customer-ui > header.sticky .w-10,.venus-vouchers.customer-ui > header.sticky a { display:none; }
  .venus-vouchers.customer-ui > header.sticky .space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left:0; }
  .venus-vouchers.customer-ui main { padding:0; margin-top:0; }
  .venus-vouchers.customer-ui main > .customer-input-label { margin:4px 0 8px; }
  .venus-vouchers.customer-ui main > .relative { margin-top:0!important; }
  .venus-vouchers.customer-ui #search-input { min-height:52px; padding-right:12px; }
  .customer-voucher-actions { display:flex; justify-content:space-between; gap:10px; margin:8px 0!important; }
  .customer-voucher-actions button { background:transparent; border:0; color:#91e2c5; padding:8px 0; font-size:12px; font-weight:650; }
  .venus-vouchers.customer-ui #platform-tabs,.venus-vouchers.customer-ui #category-tags { margin-top:10px; gap:8px; padding-bottom:5px; }
  .venus-vouchers.customer-ui #platform-tabs button,.venus-vouchers.customer-ui #category-tags button { font-size:12px; padding:10px 12px; min-height:44px; }
  .venus-vouchers.customer-ui .customer-community-fold { margin:12px 0; }
  .venus-vouchers.customer-ui #vouchers-grid { margin-top:14px; }
  .venus-vouchers.customer-ui .voucher-card { border-radius:16px; }
  .venus-vouchers.customer-ui .voucher-card .text-xs { font-size:13px; line-height:1.7; }
  .venus-vouchers.customer-ui .customer-old-voucher-cta { display:none; }

  /* Balances and orders precede the referral program in the private wallet. */
  .venus-wallet.customer-ui > .max-w-md { padding-top:18px; }
  .customer-wallet-heading { margin-bottom:14px; }
  .customer-wallet-heading .relative,.customer-wallet-heading h1 + span { display:none; }
  .customer-wallet-heading .space-x-3 > :not([hidden]) ~ :not([hidden]) { margin-left:0; }
  .customer-wallet-heading h1 { font-size:23px; letter-spacing:-.5px; }
  .customer-wallet-heading p { font-size:12px; margin-top:3px; }
  .customer-wallet-heading button { width:44px; }
  .venus-wallet.customer-ui .vip-card { border-radius:20px; padding:20px; margin-bottom:14px; }
  .venus-wallet.customer-ui .vip-card > .flex:first-child { display:none; }
  .venus-wallet.customer-ui #available-balance { font-size:36px; line-height:1.3; }
  .venus-wallet.customer-ui .vip-card .text-\[10px\] { font-size:11px; line-height:1.6; }
  .customer-wallet-actions { margin-bottom:16px; }
  .customer-wallet-actions button { min-height:48px!important; }
  .customer-wallet-actions span { font-size:12px; }
  .customer-wallet-tabs { gap:6px; overflow:visible; }
  .customer-wallet-tabs #tab-btn-wheel,.customer-wallet-tabs #tab-btn-guide { display:none; }
  .customer-wallet-tabs button { font-size:12px; min-width:0; white-space:normal; }
  .venus-wallet.customer-ui .smart-wallet-next { margin:14px 0; padding:16px; border-radius:14px; }
  .venus-wallet.customer-ui .smart-wallet-next strong { font-size:14px; }
  .venus-wallet.customer-ui .smart-wallet-next p { font-size:12px; margin:6px 0; line-height:1.6; }
  .venus-wallet.customer-ui .smart-wallet-next button { font-size:12px; }
  .customer-referral-fold > .glass-panel { margin:0; border:0; border-top:1px solid var(--customer-border); border-radius:0; }
  .venus-wallet.customer-ui .smart-wallet-filters { margin-top:12px; }
  .venus-wallet.customer-ui .smart-order-counts { gap:5px; }
  .venus-wallet.customer-ui #withdraw-modal { z-index:80; overflow:auto; align-items:flex-start; padding-top:24px; padding-bottom:24px; }
  .venus-wallet.customer-ui #toast-notification { bottom:calc(84px + env(safe-area-inset-bottom)); }
  .venus-guide.customer-ui .nav-bar { display:none; }
  .venus-guide.customer-ui .container { padding-top:0; }
  .venus-guide.customer-ui .header-box { margin:24px 0 20px; }
  .venus-guide.customer-ui .badge-pill { display:none; }
  .venus-guide.customer-ui .main-title { font-size:26px; line-height:1.3; }
  .venus-guide.customer-ui .main-subtitle { font-size:14px; line-height:1.65; }
  .venus-guide.customer-ui .mode-switch-box { margin-bottom:18px; }
  .venus-guide.customer-ui .mode-tab-btn { padding:12px 8px; }
  .venus-guide.customer-ui .platform-tabs { overflow-x:auto; flex-wrap:nowrap; justify-content:flex-start; }
  .venus-guide.customer-ui .p-tab-btn { flex-shrink:0; min-height:44px; }
}