/* 最后修改：2026-09-23 17:38:00（北京时间）— 手机底部工作区导航与蓝灰四宫格菜单；PC隔离。 */
@media(max-width:760px){
  html.auth-has-session body.index-workspace-layout #mobile-nav-toggle{left:20px!important;width:44px!important;height:44px!important;background:#f3f7fa!important;border:1px solid #c5d4df!important;border-radius:8px!important;box-shadow:none!important}
  html.auth-has-session body.index-workspace-layout #mobile-nav-toggle svg{display:none}
  #mobile-nav-toggle::before{content:"";display:block;width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f657f' stroke-width='1.7'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.4'/%3E%3C/svg%3E")}
  html.auth-has-session body.index-workspace-layout #mobile-nav-toggle[aria-expanded=true]{background:#e1ebf2!important;border-color:#6d899c!important}
  /* 桌面居中 transform 会让 fixed 底栏随页面容器滚动；手机取消该包含块。 */
  html.auth-has-session body.index-workspace-layout #page-samples,
  html.auth-has-session body.index-workspace-layout #page-orders{left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important}
  #fo-mobile .fm-title{padding-left:56px}
  #page-followup{--cw-tabs-height:48px!important}
  #page-samples,#page-orders{--cw-tabs-height:48px!important}
  #customer-workspace-tabs{height:var(--cw-tabs-height)!important;min-height:0!important;padding:4px 16px 4px 72px!important;border-bottom:0!important;overflow:visible!important;position:static!important}
  #customer-workspace-tabs>[role=tablist]{position:fixed!important;left:0;right:0;bottom:0;z-index:90;width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;background:#fff;border-top:1px solid #e1e5e9;box-sizing:border-box}
  #customer-workspace-tabs>[role=tablist]>button{min-height:46px!important;padding:8px 3px!important;font-size:15px!important;font-weight:600;border-radius:8px;color:#596271;background:transparent;box-shadow:none}
  #customer-workspace-tabs>[role=tablist]>button.active{background:#263445;color:#fff}
  #customer-workspace-tabs>.cw-workspace-tools{padding:0!important}
  #customer-workspace-tabs select{height:36px!important;font-size:13px!important}
  html.auth-has-session body.index-workspace-layout #page-followup #fo-mobile{bottom:calc(67px + env(safe-area-inset-bottom,0px))!important}
  #page-samples,#page-orders{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;scroll-padding-bottom:82px}
  #page-samples>#customer-workspace-tabs,#page-orders>#customer-workspace-tabs{padding:0!important}
  body:has(.overlay.show) #customer-workspace-tabs>[role=tablist],body:has(#foDetailPanel.open) #customer-workspace-tabs>[role=tablist]{visibility:hidden}
}