/* OilLink workbench 移动端急救包（M1c · 2026-09-09）
 * 纯适配层：全部适配规则包在 @media (max-width:768px) 内，桌面端像素级零变化。
 * 新增元素（汉堡按钮 / 抽屉遮罩）默认隐藏，仅窄屏生效；不动任何业务交互逻辑。 */

/* ===== 新增元素默认态（桌面隐藏 = 零变化） ===== */
.mobile-nav-toggle{display:none;}
.mobile-nav-mask{display:none;}

@media (max-width:768px){
  /* 1) 登录面板：内联 width:420px → 窄屏不溢出（内联样式需 !important 覆盖） */
  #login-panel>div{width:auto!important;max-width:min(420px,92vw);padding:24px!important;box-sizing:border-box;}

  /* 2) 侧边栏窄屏折叠为抽屉（汉堡按钮触发，JS 仅切换 body.mnav-open）；主内容区全宽 */
  .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;border:none;background:transparent;border-radius:6px;font-size:18px;cursor:pointer;color:#495057;margin-right:4px;padding:0;}
  .mobile-nav-toggle:hover{background:#e9ecef;}
  .sidebar{transform:translateX(-100%);transition:transform .25s ease;z-index:200;width:220px;box-shadow:none;}
  body.mnav-open .sidebar{transform:translateX(0);box-shadow:0 0 24px rgba(0,0,0,.25);}
  .mobile-nav-mask{display:block;position:fixed;top:48px;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:150;opacity:0;pointer-events:none;transition:opacity .25s ease;}
  body.mnav-open .mobile-nav-mask{opacity:1;pointer-events:auto;}
  .content-area{margin-left:0;padding:12px;}

  /* 3) 数据表格容器可横滑（表格本身不压缩，保持桌面列宽） */
  .card,.card-body,.calc-list-body,.calc-content,
  #order-panel,#customer-panel,#inventory-panel,#finance-panel,#archive-panel,#settings-panel,#dashboard-content{overflow-x:auto;}
  .unified-table,.calc-table,.order-table,.shipment-table,.content-area table{min-width:640px;}

  /* 4) 触摸目标：按钮/输入框/下拉最小高 40px、字号不小于 14px */
  .content-area button,.content-area .btn,.topbar button,.topbar .icon-btn,
  #login-panel button{min-height:40px;}
  .content-area input,.content-area select{min-height:40px;box-sizing:border-box;}
  .content-area input,.content-area select,.content-area textarea,
  .content-area button,.content-area .btn,#login-panel input,#login-panel button{font-size:14px;}

  /* 5) 顶部栏 / 卡片栅格窄屏堆叠 */
  .topbar-center{display:none;}
  .company-switcher .cs-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .topbar-right .user-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .dash-stat-grid{grid-template-columns:repeat(2,1fr)!important;}
  .order-card-info,.shipment-info,.execution-summary-grid,.form-row{grid-template-columns:1fr!important;}
}