/* ============================================================
   V3.25  性能模式 / 聊天已读未读 / 到货筛选 / 强提醒
   ============================================================ */

/* ============ 普通（性能）模式：关闭重耗性能效果，低端机流畅 ============ */
body[data-perf="1"] .bg-orbs{ display:none!important; }
body[data-perf="1"] .glass,
body[data-perf="1"] .glass-btn,
body[data-perf="1"] .modal,
body[data-perf="1"] .topbar,
body[data-perf="1"] .sidebar,
body[data-perf="1"] .stat-card,
body[data-perf="1"] .card,
body[data-perf="1"] .table-wrap,
body[data-perf="1"] .item-card,
body[data-perf="1"] .emoji-panel,
body[data-perf="1"] .notif-panel,
body[data-perf="1"] .zone-box,
body[data-perf="1"] .arr-detail,
body[data-perf="1"] .chat-msg,
body[data-perf="1"] .msg-bubble,
body[data-perf="1"] input,
body[data-perf="1"] select,
body[data-perf="1"] textarea{
  -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
}
/* 性能模式用纯色不透明背景替代半透明玻璃 */
body[data-perf="1"] .glass,
body[data-perf="1"] .card,
body[data-perf="1"] .stat-card,
body[data-perf="1"] .table-wrap,
body[data-perf="1"] .arr-detail{ background:var(--bg-card-solid,#fff)!important; }
body[data-perf="1"] .glass-btn,
body[data-perf="1"] input,
body[data-perf="1"] select,
body[data-perf="1"] textarea{ background:var(--input-solid,#f2f3f7)!important; }
body[data-theme="dark"][data-perf="1"] .glass,
body[data-theme="dark"][data-perf="1"] .card,
body[data-theme="dark"][data-perf="1"] .stat-card,
body[data-theme="dark"][data-perf="1"] .table-wrap,
body[data-theme="dark"][data-perf="1"] .arr-detail{ background:#16181d!important; }
body[data-theme="dark"][data-perf="1"] .glass-btn,
body[data-theme="dark"][data-perf="1"] input,
body[data-theme="dark"][data-perf="1"] select,
body[data-theme="dark"][data-perf="1"] textarea{ background:#23262d!important; }
/* 性能模式：关闭装饰动画与复杂阴影，只保留极短透明度过渡 */
body[data-perf="1"] *,
body[data-perf="1"] *::before,
body[data-perf="1"] *::after{
  animation-duration:.001s!important; animation-iteration-count:1!important;
  transition-duration:.08s!important;
}
body[data-perf="1"] .orb,
body[data-perf="1"] .sc-stage,
body[data-perf="1"] .zone-box::after,
body[data-perf="1"] .fill-wave{ animation:none!important; }
body[data-perf="1"] .glass{ box-shadow:0 1px 3px rgba(0,0,0,.08)!important; }
body[data-perf="1"] .stat-card:hover{ transform:none!important; }
/* 性能模式背景改纯色 */
body[data-perf="1"]{ background:var(--bg-page-solid,#f5f6f8)!important; }
body[data-theme="dark"][data-perf="1"]{ background:#0e0f12!important; }

/* 模式切换按钮三态 */
.perf-seg{ display:flex; gap:6px; }
.perf-seg button{ flex:1; }
.perf-seg button.on{ background:var(--active); color:var(--blue); font-weight:600; }

/* ============ 聊天已读 / 未读 ============ */
.msg-row.mine .msg-read{
  font-size:11px; margin-top:3px; text-align:right; line-height:1;
  color:var(--text-3); user-select:none;
}
.msg-row.mine .msg-read.read{ color:var(--blue); font-weight:600; }
body[data-theme="dark"] .msg-row.mine .msg-read.read{ color:#4da3ff; }
.msg-row.mine .msg-read .rd-dot{ display:inline-block; width:6px;height:6px;border-radius:50%;margin-right:3px;vertical-align:middle; }
.msg-row.mine .msg-read.read .rd-dot{ background:var(--blue); }
.msg-row.mine .msg-read:not(.read) .rd-dot{ background:var(--text-3); }

/* ============ 到货管理筛选栏 ============ */
.arr-filter{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:12px; }
.arr-filter input,.arr-filter select{ height:36px; min-height:36px; padding:0 12px; font-size:13px; border-radius:10px; }
.arr-filter .af-date{ width:140px; }
.arr-filter .af-kw{ width:180px; }
.arr-filter .af-reset{ height:36px; padding:0 14px; }
.arr-date-cell{ font-size:12px; color:var(--text-2); white-space:nowrap; }
.arr-prod-thumb{ width:34px;height:34px;border-radius:7px;object-fit:cover;border:1px solid var(--divider);background:var(--input-bg); }
.arr-prod-thumb-empty{ width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--input-bg);font-size:15px; }

/* ============ 指派任务强提醒 ============ */
.urgent-mask{ position:fixed; inset:0; z-index:5000; background:rgba(8,10,16,.55);
  display:flex; align-items:center; justify-content:center; padding:20px;
  animation:urgFade .25s ease; }
@keyframes urgFade{ from{opacity:0}to{opacity:1} }
.urgent-box{ width:100%; max-width:380px; border-radius:22px; padding:26px 24px 22px; text-align:center;
  animation:urgPop .35s cubic-bezier(.2,1.2,.3,1); }
@keyframes urgPop{ from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1} }
.urgent-ico{ width:64px;height:64px;border-radius:50%; margin:0 auto 14px; display:grid;place-items:center;
  font-size:32px; background:linear-gradient(135deg,#FF9500,#FF3B30); color:#fff;
  animation:urgPulse 1s ease-in-out infinite; }
@keyframes urgPulse{ 0%,100%{box-shadow:0 0 0 0 rgba(255,59,48,.45)} 50%{box-shadow:0 0 0 18px rgba(255,59,48,0)} }
body[data-perf="1"] .urgent-ico{ animation:none; }
.urgent-title{ font-size:19px; font-weight:800; margin-bottom:6px; }
.urgent-body{ font-size:14px; color:var(--text-2); line-height:1.7; margin-bottom:18px; word-break:break-word; }
.urgent-actions{ display:flex; gap:10px; }
.urgent-actions .btn{ flex:1; min-height:44px; justify-content:center; }

/* 标题栏闪烁提醒 */
@keyframes titleBlink{ 0%,100%{opacity:1} 50%{opacity:.35} }

/* ============ 细节优化 ============ */
/* 表格图片单元格统一 */
.cell-thumb{ width:34px;height:34px;border-radius:7px;object-fit:cover;border:1px solid var(--divider); }
/* 加载遮罩，防止操作时卡顿感知 */
.page-loading{ position:relative; min-height:120px; }
.page-loading::after{ content:''; position:absolute; inset:0; background:var(--glass-bg);
  display:grid; place-items:center; border-radius:inherit; z-index:5; }
.spinner{ width:28px;height:28px;border:3px solid var(--divider);border-top-color:var(--blue);
  border-radius:50%; animation:spin .7s linear infinite; margin:30px auto; }
@keyframes spin{to{transform:rotate(360deg)}}
body[data-perf="1"] .spinner{ animation-duration:1s; }