/* ============================================================
   V3.27  全面体验优化修复
   ============================================================ */

/* ---------- Toast 改右上角，避开顶部栏 ---------- */
.toast{ top:70px; left:auto; right:24px; transform:translateY(-80px); max-width:360px; }
.toast.show{ transform:translateY(0); opacity:1; }
@media(max-width:640px){ .toast{ top:60px; right:12px; left:12px; max-width:none; font-size:13px; padding:11px 16px; } }

/* ---------- 到货筛选栏 ---------- */
.arr-filter{ align-items:center; gap:10px; padding:12px 14px; }
.af-date-label{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--text-2); white-space:nowrap; }
.af-date-label .af-date{ width:135px; height:36px; min-height:36px; padding:0 10px; font-size:13px; border-radius:10px; }
.arr-filter .af-kw{ width:200px; height:36px; min-height:36px; }
.arr-filter select{ height:36px; min-height:36px; padding:0 10px; font-size:13px; border-radius:10px; }
.arr-filter #afApply,.arr-filter .af-reset{ height:36px; min-height:36px; padding:0 16px; font-size:13px; }
@media(max-width:640px){
  .arr-filter .af-kw{ width:100%; order:0; }
  .arr-filter select{ width:100%; order:1; }
  .af-date-label{ width:100%; order:2; }
  .af-date-label .af-date{ flex:1; width:auto; }
  .arr-filter #afApply,.arr-filter .af-reset{ flex:1; order:3; }
  .arr-filter span[style*="margin-left"]{ order:4; width:100%; text-align:center; }
}

/* ---------- 供应商搜索 ---------- */
.sup-search-input{ flex:1; min-width:180px; height:38px; }

/* ---------- 禁用按钮（删除选中0） ---------- */
.btn:disabled,.btn[disabled]{ opacity:.45; cursor:not-allowed; pointer-events:none; filter:grayscale(.3); }
.btn-danger:disabled{ background:#ccc!important; border-color:#ccc!important; }

/* ---------- 任务筛选组合 ---------- */
.task-filter-group{ flex-wrap:wrap; gap:2px; }
.seg-divider{ width:1px; height:22px; background:var(--divider); margin:0 6px; align-self:center; }
.task-toolbar .btn-sm{ padding:7px 12px; font-size:12.5px; }
.seg-badge{ display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#FF453A; color:#fff; font-size:10.5px; font-weight:700; margin-left:4px; }

/* ---------- 区域管理提示文字 ---------- */
.zone-hint{ color:var(--text-2); font-size:12.5px; line-height:1.5; }
.zone-viewport{ background-image:linear-gradient(var(--divider) 1px,transparent 1px),linear-gradient(90deg,var(--divider) 1px,transparent 1px); background-size:32px 32px; background-color:var(--input-bg); }

/* ---------- 成员页在线状态 ---------- */
.my-status-row{ display:flex!important; flex-direction:row!important; align-items:center; gap:10px; max-width:320px; margin:0; }
.my-status-row span{ margin:0; font-size:13px; color:var(--text-2); white-space:nowrap; }
.my-status-row select{ height:36px; min-height:36px; padding:0 12px; font-size:13px; border-radius:10px; }
.member-card.is-me .member-status{ display:none; }
.member-status-sel{ height:34px; padding:0 10px; font-size:12.5px; border-radius:9px; }

/* ---------- 设置页 ---------- */
.section-title{ white-space:nowrap; }
.set-row{ gap:12px; }
.card .table-wrap table{ min-width:520px; }
.settings-grid{ gap:16px; }

/* ---------- 表格横向滚动优化 ---------- */
.table-wrap{ -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
.table-wrap::-webkit-scrollbar{ height:6px; }
.table-wrap::-webkit-scrollbar-thumb{ background:var(--text-3); border-radius:3px; opacity:.4; }

/* ---------- 空状态图标修复 ---------- */
.e-ico-ico{ display:none; }

/* ---------- 性能模式下 toast 关闭模糊 ---------- */
body[data-perf="1"] .toast{ -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(30,30,35,.92); }