.sales-mobile-nav,.sales-create-backdrop,.sales-create-sheet{display:none}

@media(max-width:760px){
  #appView.sales-mobile-user .sidebar,#appView.sales-mobile-user #mobileNavBackdrop,#appView.sales-mobile-user #menuBtn{display:none!important}
  #appView.sales-mobile-user .content-shell{margin:0!important}
  #appView.sales-mobile-user .topbar-copy{margin-left:2px}
  #appView.sales-mobile-user .main-content{padding-bottom:calc(102px + env(safe-area-inset-bottom))}
  #appView.sales-mobile-user .sales-mobile-nav{
    position:fixed;inset:auto 0 0;z-index:65;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;
    min-height:68px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #e6e1d7;background:rgba(255,255,255,.98);
    box-shadow:0 -8px 24px rgba(14,36,56,.08);backdrop-filter:blur(14px) saturate(1.1)
  }
  .sales-mobile-nav>button{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;min-height:54px;padding:3px;border:0;border-radius:12px;background:transparent;color:#66717d}
  .sales-mobile-nav>button>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .sales-mobile-nav>button>span{font-size:10px;font-weight:750;line-height:1.15;white-space:nowrap}
  .sales-mobile-nav>button.active{color:#bd8121}
  .sales-mobile-nav>button.active::after{position:absolute;inset:auto 28% -2px;height:2px;border-radius:2px;background:#c58b27;content:""}
  .sales-mobile-nav .sales-mobile-create{overflow:visible;color:#102a42}
  .sales-mobile-nav .sales-mobile-create>b{display:grid;place-items:center;width:50px;height:50px;margin-top:-25px;border:4px solid #fff;border-radius:50%;background:#102a42;color:#fff;box-shadow:0 6px 16px rgba(16,42,66,.28)}
  .sales-mobile-nav .sales-mobile-create>b svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .sales-mobile-nav .sales-mobile-create>span{margin-top:0}
  body.sales-mobile-keyboard #appView.sales-mobile-user .sales-mobile-nav{display:none}
  body.sales-mobile-keyboard #appView.sales-mobile-user .main-content{padding-bottom:24px}
  body.avatar-dialog-open #appView.sales-mobile-user .sales-mobile-nav,body.order-detail-open #appView.sales-mobile-user .sales-mobile-nav{visibility:hidden}

  #appView.sales-mobile-user .sales-create-backdrop.is-visible{position:fixed;inset:0;z-index:890;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(8,24,39,.5);backdrop-filter:blur(2px)}
  #appView.sales-mobile-user .sales-create-sheet{position:fixed;inset:auto 0 0;z-index:900;display:grid;gap:14px;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -20px 50px rgba(8,24,39,.22);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  #appView.sales-mobile-user .sales-create-sheet:not([inert]){visibility:visible;transform:translateY(0)}
  .sales-create-handle{width:38px;height:4px;margin:0 auto;border-radius:4px;background:#d9dde1}
  .sales-create-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 4px}
  .sales-create-sheet>header span{color:#a06a17;font-size:10px;font-weight:850;letter-spacing:.1em}
  .sales-create-sheet>header h2{margin:3px 0 0;color:#102a42;font-size:21px}
  .sales-create-sheet>header button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#f1f3f5;color:#52606d;font-size:25px}
  .sales-create-actions{display:grid;gap:9px}
  .sales-create-actions>button{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 14px;border:1px solid #e5e0d7;border-radius:14px;background:#fff;color:#102a42;text-align:left}
  .sales-create-actions>button>svg{width:25px;height:25px;padding:10px;box-sizing:content-box;border-radius:12px;background:#f8f2e7;fill:none;stroke:#b7791f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .sales-create-actions>button>span{display:grid;gap:4px;min-width:0}.sales-create-actions strong{font-size:15px}.sales-create-actions small{color:#7b858f;font-size:11px;line-height:1.4}.sales-create-actions>button>b{font-size:25px;font-weight:400;color:#9aa2aa}
  .sales-create-cancel{width:100%;min-height:48px;border:0;border-radius:12px;background:#f2f3f4;color:#273b4d;font-weight:800}

  .sales-profile-page,.sales-account-page{width:100%;max-width:520px;margin:0 auto}
  .sales-profile-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;padding:24px 20px;border-radius:18px;background:#143650;color:#fff;box-shadow:0 14px 30px rgba(14,38,59,.16)}
  .sales-profile-avatar{display:grid;place-items:center;width:72px!important;height:72px!important;min-height:72px!important;padding:0;border:3px solid rgba(255,255,255,.72);border-radius:50%;background-color:#d7a44b;background-position:center;background-size:cover;color:#102a42;font-size:23px;font-weight:900}
  .sales-profile-card>div{min-width:0}.sales-profile-card span{color:#e5bd73;font-size:10px;font-weight:850;letter-spacing:.11em}.sales-profile-card h2{overflow:hidden;margin:5px 0 3px;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.sales-profile-card p{margin:0;color:rgba(255,255,255,.72);font-size:12px}
  .sales-profile-menu{display:grid;margin-top:14px;overflow:hidden;border:1px solid #e7e2d9;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(20,39,56,.06)}
  .sales-profile-menu>button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;border:0;border-bottom:1px solid #eeeae3;border-radius:0;background:#fff;color:#173149;text-align:left}.sales-profile-menu>button:last-child{border-bottom:0}
  .sales-profile-menu svg{width:21px;height:21px;padding:9px;box-sizing:content-box;border-radius:11px;background:#f8f2e7;fill:none;stroke:#ad741f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sales-profile-menu>button>span{display:grid;gap:3px;min-width:0}.sales-profile-menu strong{font-size:15px}.sales-profile-menu small{overflow:hidden;color:#7d8790;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sales-profile-menu>button>b{color:#a0a7ae;font-size:24px;font-weight:400}
  .sales-profile-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 4px}.sales-profile-footer button{min-height:44px;border:1px solid #ddd7cc;border-radius:12px;background:transparent;color:#586572;font-size:12px;font-weight:750}.sales-profile-footer button:last-child{color:#a2443d}

  .sales-subpage-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sales-subpage-head>button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e3ded5;border-radius:12px;background:#fff;color:#18344d;font-size:28px}.sales-subpage-head span{color:#a06a17;font-size:10px;font-weight:850}.sales-subpage-head h2{margin:2px 0 0;color:#132e46;font-size:22px}
  .sales-account-avatar-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:16px;border:1px solid #e5e0d7;border-radius:16px;background:#fff}.sales-account-avatar-card .sales-profile-avatar{width:58px!important;height:58px!important;min-height:58px!important;font-size:19px}.sales-account-avatar-card>div{display:grid;gap:4px;min-width:0}.sales-account-avatar-card strong{overflow:hidden;color:#142f47;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.sales-account-avatar-card span{color:#7b858f;font-size:11px}.sales-account-avatar-card>button:last-child{min-height:40px;padding:0 12px;border:1px solid #d7c49f;border-radius:10px;background:#fffaf0;color:#986516;font-size:11px;font-weight:800}
  .sales-password-form{display:grid;gap:14px;padding:18px;border:1px solid #e5e0d7;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(20,39,56,.05)}.sales-password-form>header{display:grid;gap:4px;padding-bottom:5px}.sales-password-form>header span{color:#a06a17;font-size:10px;font-weight:850;letter-spacing:.08em}.sales-password-form h3{margin:0;color:#142f47;font-size:18px}.sales-password-form p{margin:0;color:#79838c;font-size:11px;line-height:1.55}.sales-password-form label{display:grid;gap:7px;color:#344858;font-size:12px;font-weight:750}.sales-password-form input,.sales-password-form select{width:100%;min-height:48px;border:1px solid #dcd7ce;border-radius:10px;background:#fff}.sales-password-form>small{color:#7b858f;font-size:10px;line-height:1.6}.sales-password-form>button{min-height:50px;border:0;border-radius:11px;background:#112f49;color:#fff;font-weight:850}.sales-preferences-form label small{color:#7b858f;font-weight:500}
}

@media(prefers-reduced-motion:reduce){.sales-create-sheet{transition:none!important}}