/* =========================================================
   nora LIVE SHOW · 收银后台 · 深色精修层 (v9 · dark-gold)
   纯样式覆盖层：叠加在内联 <style> 之后，不改 DOM / JS / 接口
   设计语言对齐员工端 index.html：深底 #0a0a0f + 金 #d4af37 + 胶囊体系
   层次明度阶梯：页面底 < 卡片 < 输入 < 弹窗（避免"一片黑"）
   ========================================================= */

/* ---------- 设计令牌 ---------- */
:root {
  --n-bg:      #0a0a0f;   /* 页面底（最深） */
  --n-bg-2:    #101018;
  --n-card:    #14141c;   /* 卡片层 */
  --n-card-2:  #1b1b26;   /* 输入层（再亮一档） */
  --n-pop:     #1f1f2b;   /* 弹窗层（最高） */
  --n-gold:    #d4af37;
  --n-gold-lt: #f0d68a;
  --n-gold-dk: #b8860b;
  --n-line:    rgba(212,175,55,.14);
  --n-line-2:  rgba(212,175,55,.08);
  --n-text:    #f5f0e6;
  --n-muted:   #8fa0b8;
  --n-muted-2: #64748b;
  --n-ok:      #34d399;
  --n-danger:  #f87171;
  --n-blue:    #7dd3fc;
  --n-r-pill:  999px;
  --n-r-card:  14px;
  --n-sp-1:    8px;  --n-sp-2: 12px;  --n-sp-3: 16px;  --n-sp-4: 20px;  --n-sp-5: 24px;
  --n-t:       .15s ease;
  --n-grad-gold: linear-gradient(135deg,#f0d68a 0%,#d4af37 48%,#b8860b 100%);
}

/* ---------- 全局：底色 / 滚动条 / 选中 ---------- */
html { color-scheme: dark; }
body {
  background:
    radial-gradient(1000px 560px at 50% -12%, rgba(212,175,55,.10), transparent 62%),
    radial-gradient(880px 520px at 92% 4%, rgba(124,58,237,.08), transparent 60%),
    radial-gradient(120% 70% at 50% -10%, #1c1626 0%, var(--n-bg) 62%);
  background-attachment: fixed;
  color: var(--n-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(212,175,55,.28); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,175,55,.48); background-clip: padding-box; }
::-webkit-scrollbar-track { background: rgba(255,255,255,.02); }
::selection { background: rgba(212,175,55,.32); color: #fff; }

/* ---------- 顶部条 ---------- */
.top {
  background: linear-gradient(180deg, rgba(21,21,29,.96), rgba(13,13,20,.96));
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  border-bottom: 1px solid var(--n-line);
  box-shadow: 0 8px 26px rgba(0,0,0,.45);
}
.top b {
  background: var(--n-grad-gold);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.top .gold { color: var(--n-gold-lt); }
.top button {
  border-radius: var(--n-r-pill);
  transition: background var(--n-t), color var(--n-t), border-color var(--n-t), transform var(--n-t);
}
.top button:hover { transform: translateY(-1px); }
.top button:not(:last-of-type):hover { background: var(--n-gold); color: #241a00; border-color: var(--n-gold); }
.top button:last-of-type { color: var(--n-danger); border-color: rgba(248,113,113,.38); background: rgba(248,113,113,.08); }
.top button:last-of-type:hover { background: #dc2626; color: #fff; border-color: #dc2626; }
/* 顶部营业日下拉 + 门店标签 深色适配 */
#biz-day { border-radius: var(--n-r-pill) !important; }
#store-tag { border-color: rgba(240,214,138,.45) !important; }
#today { color: var(--n-muted) !important; }

/* ---------- 导航：各模块淡色可辨 · 选中金色 ---------- */
.nav {
  background: linear-gradient(180deg, rgba(16,16,24,.96), rgba(12,12,19,.96));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--n-line);
  gap: 6px;
  padding: 8px 14px;
  box-shadow: 0 4px 18px rgba(0,0,0,.35);
}
.nav button {
  border-radius: var(--n-r-pill);
  padding: 8px 16px;
  font-size: 13px;
  letter-spacing: .5px;
  border: 1px solid transparent;
  font-weight: 500;
  transition: background var(--n-t), color var(--n-t), border-color var(--n-t), filter var(--n-t);
}
.nav button[data-t] { border: 1px solid transparent; }
/* 未选：亮色文字 + 极淡底（深底可读） */
.nav button[data-t="table"]      { color:#93c5fd; background:rgba(96,165,250,.10); border-color:rgba(96,165,250,.30); }
.nav button[data-t="gift"]       { color:#fcd34d; background:rgba(251,191,36,.10); border-color:rgba(251,191,36,.30); }
.nav button[data-t="drink"]      { color:#5eead4; background:rgba(45,212,191,.10); border-color:rgba(45,212,191,.30); }
.nav button[data-t="giveaway"]   { color:#f9a8d4; background:rgba(244,114,182,.10); border-color:rgba(244,114,182,.30); }
.nav button[data-t="snack"]      { color:#fdba74; background:rgba(251,146,60,.11); border-color:rgba(251,146,60,.32); }
.nav button[data-t="debit"]      { color:#c4b5fd; background:rgba(167,139,250,.10); border-color:rgba(167,139,250,.32); }
.nav button[data-t="settle"]     { color:#fca5a5; background:rgba(248,113,113,.10); border-color:rgba(248,113,113,.32); }
.nav button[data-t="accounts"]   { color:#86efac; background:rgba(74,222,128,.10); border-color:rgba(74,222,128,.30); }
.nav button[data-t="flowers"]    { color:#bef264; background:rgba(163,230,53,.10); border-color:rgba(163,230,53,.32); }
.nav button[data-t="drinks"]     { color:#67e8f9; background:rgba(34,211,238,.10); border-color:rgba(34,211,238,.30); }
.nav button[data-t="snacks"]     { color:#fcd34d; background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.32); }
.nav button[data-t="flowercheck"]{ color:#fdba74; background:rgba(234,88,12,.11); border-color:rgba(234,88,12,.32); }
.nav button[data-t="summary"]    { color:var(--n-gold-lt); background:rgba(212,175,55,.12); border-color:rgba(212,175,55,.38); }
.nav button[data-t="finance"]    { color:var(--n-gold-lt); background:rgba(212,175,55,.12); border-color:rgba(212,175,55,.38); }
.nav button[data-t="audit"]      { color:#cbd5e1; background:rgba(148,163,184,.10); border-color:rgba(148,163,184,.28); }
.nav button[data-t="setting"]    { color:#cbd5e1; background:rgba(148,163,184,.10); border-color:rgba(148,163,184,.28); }
/* 选中：统一金色（金底渐隐 + 金字 + 底部金条） */
.nav button[data-t].active {
  color: #241a00;
  font-weight: 800;
  background: var(--n-grad-gold);
  border-color: transparent;
  box-shadow: inset 0 -3px 0 #8a6d1d, 0 4px 14px rgba(212,175,55,.30);
}
.nav button[data-t]:hover { filter: brightness(1.12); }
.nav button[data-t].active:hover { filter: brightness(1.04); }
.nav button[data-t="accounts"], .nav button[data-t="flowercheck"] { margin-left: 14px; }

/* ---------- 卡片：略亮 + 金色极淡描边 + 轻微内发光 ---------- */
.card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, #16161f, #13131b);
  border: 1px solid var(--n-line-2);
  border-radius: var(--n-r-card);
  padding: var(--n-sp-4);
  box-shadow: 0 12px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.card:hover { border-color: rgba(212,175,55,.18); box-shadow: 0 16px 42px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05); }
.panel .card { padding: 18px; }
.panel .card + .card { margin-top: 14px; }
.card h3 {
  font-size: 15px; margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  background: var(--n-grad-gold);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  font-weight: 700; letter-spacing: .4px;
}
/* 标题内嵌子元素恢复自身颜色（避免渐变填充被子元素继承） */
.card h3 *, .modal-card h3 * { -webkit-text-fill-color: currentColor; }
.modal-card h3 {
  background: var(--n-grad-gold);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  font-weight: 700;
}

/* ---------- 表单：输入层再亮一档 · focus 金色描边 ---------- */
.panel input:not([type=checkbox]):not([type=radio]), .panel select { height: 38px; box-sizing: border-box; border-radius: 9px; }
.panel textarea { border-radius: 9px; }
.panel label { display: inline-block; margin: 10px 0 5px; font-size: 13px; }
.panel label:first-child { margin-top: 0; }
input, select, textarea {
  border-radius: 10px;
  background: var(--n-card-2);
  border: 1px solid var(--n-line);
  color: var(--n-text);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
input::placeholder, textarea::placeholder { color: var(--n-muted-2); }
input:hover, select:hover, textarea:hover { border-color: rgba(212,175,55,.32); }
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--n-gold);
  background: #1d1d29;
  box-shadow: 0 0 0 3px rgba(212,175,55,.15);
}
label { color: var(--n-muted); font-weight: 600; letter-spacing: .2px; }
input[type=checkbox], input[type=radio] { accent-color: var(--n-gold); }

/* ---------- 按钮 ---------- */
button.btn, button.mbtn { border-radius: var(--n-r-pill); }
.panel .btn { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; }
button.btn {
  background: var(--n-grad-gold);
  background-size: 160% 160%;
  color: #241a00;
  font-weight: 700;
  box-shadow: 0 5px 16px rgba(212,175,55,.22);
  transition: transform .16s ease, box-shadow .16s ease, background-position .25s ease, filter .16s ease;
}
button.btn:hover { transform: translateY(-1px); background-position: 100% 0; box-shadow: 0 10px 24px rgba(212,175,55,.32); filter: brightness(1.04); }
button.btn:active { transform: translateY(0) scale(.985); box-shadow: 0 4px 12px rgba(212,175,55,.22); }
button.btn.sm { padding: 5px 14px; }
button.btn.gray { background: rgba(255,255,255,.07); color: var(--n-muted); border: 1px solid rgba(255,255,255,.12); box-shadow: none; }
button.btn.gray:hover { background: rgba(255,255,255,.12); color: var(--n-text); filter: none; }
/* 危险 / 结清：分色描边胶囊 */
button.btn[onclick^="del"] { background: rgba(248,113,113,.08); color: var(--n-danger); border: 1px solid rgba(248,113,113,.38); box-shadow: none; }
button.btn[onclick^="del"]:hover { background: #dc2626; color: #fff; border-color: #dc2626; filter: none; }
button.btn[onclick^="clear"] { background: rgba(52,211,153,.10); color: var(--n-ok); border: 1px solid rgba(52,211,153,.38); box-shadow: none; }
button.btn[onclick^="clear"]:hover { background: #059669; color: #fff; border-color: #059669; filter: none; }
button.btn:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none; filter: grayscale(.35); }
button.btn:disabled:hover { transform: none; box-shadow: none; filter: grayscale(.35); }

/* ---------- 胶囊：徽标 / 行内操作 / 快捷档位 ---------- */
.tag, .ptag, .v-pill, .dl-mini { border-radius: var(--n-r-pill); }
.tag { font-weight: 600; letter-spacing: .3px; }
.edt, .del { display: inline-block; padding: 2px 12px; border-radius: var(--n-r-pill); font-size: 12px; margin: 1px 3px; text-decoration: none; border: 1px solid transparent; transition: color .14s ease, background .14s ease, border-color .14s ease; }
.edt { color: var(--n-blue); border-color: rgba(125,211,252,.35); background: rgba(125,211,252,.07); }
.edt:hover { color: #06121c; background: var(--n-blue); border-color: var(--n-blue); text-decoration: none; }
.del { color: var(--n-danger); border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.07); }
.del:hover { color: #fff; background: #dc2626; border-color: #dc2626; text-decoration: none; }
.dl-mini:hover { color: var(--n-gold-lt); }

.chip { border-radius: var(--n-r-pill); }
.chip:hover { border-color: rgba(212,175,55,.5); background: rgba(212,175,55,.08); }
.chip.on { box-shadow: 0 3px 12px rgba(212,175,55,.26); }
.amount-quick .aq { border-radius: var(--n-r-pill); }
.amount-quick .aq:hover { border-color: var(--n-gold); background: rgba(212,175,55,.08); }

/* 站内 pill 体系（与员工端一致，供标签/状态/数值统一） */
.pill-gold { border-radius: var(--n-r-pill); background: linear-gradient(135deg,rgba(212,175,55,.28),rgba(212,175,55,.08)); color:#f0d68a; border:1px solid rgba(212,175,55,.55); }
.pill-cyan { border-radius: var(--n-r-pill); background: rgba(125,211,252,.12); color:#7dd3fc; border:1px solid rgba(125,211,252,.38); }
.pill-live { border-radius: var(--n-r-pill); background: rgba(45,212,191,.14); color:#5eead4; border:1px solid rgba(45,212,191,.45); }
.v-pill { display:inline-block; border-radius: var(--n-r-pill); padding:2px 12px; font-size:12px; font-weight:800; letter-spacing:.5px; font-variant-numeric:tabular-nums; white-space:nowrap; line-height:1.6; }
.v-pill.gold { background: linear-gradient(135deg,rgba(212,175,55,.22),rgba(212,175,55,.05)); color:#fcd34d; border:1px solid rgba(212,175,55,.45); }
.v-pill.cyan { background: rgba(125,211,252,.12); color:#7dd3fc; border:1px solid rgba(125,211,252,.4); }
.v-pill.red { background: rgba(248,113,113,.13); color:#fca5a5; border:1px solid rgba(248,113,113,.42); }
/* 角色权限（T3 新增面板）导航着色，与站内其它 tab 一致 */
.nav button[data-t="roles"] { color:#f0abfc; background:rgba(232,121,249,.10); border-color:rgba(232,121,249,.32); }
/* T2 胶囊化辅助：押金汇总数字金胶囊 / 台位分区彩色胶囊（沿用站内 pill 体系，仅命名对齐） */
.dp-stat .v.v-pill { font-size:14px; }
.pill-green { border-radius: var(--n-r-pill); background: rgba(52,211,153,.14); color:#6ee7b7; border:1px solid rgba(52,211,153,.42); }
.pill-slate { border-radius: var(--n-r-pill); background: rgba(148,163,184,.13); color:#cbd5e1; border:1px solid rgba(148,163,184,.34); }
.pill-violet { border-radius: var(--n-r-pill); background: rgba(167,139,250,.14); color:#c4b5fd; border:1px solid rgba(167,139,250,.4); }

/* ---------- 表格 / 列表 ---------- */
th { color: var(--n-muted); font-weight: 600; letter-spacing: .3px; }
th, td { border-bottom: 1px solid rgba(212,175,55,.10); padding: 11px 9px; }
tr:hover td { background: rgba(212,175,55,.04); }
table td.num, table th:last-child { font-variant-numeric: tabular-nums; }
.row { border-bottom: 1px solid rgba(212,175,55,.10); }
.grp-item { transition: background .14s ease; border-radius: 6px; }
.grp-item:hover { background: rgba(212,175,55,.05); }
.grp-head { transition: background .16s ease; }
.grp-head:hover { filter: brightness(1.06); }

/* ---------- 联想下拉 ---------- */
.ac-list { border-radius: 12px; overflow: hidden; background: var(--n-pop); box-shadow: 0 18px 44px rgba(0,0,0,.6); }
.ac-item:hover { background: rgba(212,175,55,.10); }

/* ---------- 弹窗 / Toast ---------- */
.modal-mask { background: rgba(5,5,10,.66); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.modal-card { border-radius: 18px; animation: modalPop .22s cubic-bezier(.2,.9,.3,1.2); }
@keyframes modalPop { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
.toast { top: 18px; border-radius: var(--n-r-pill); padding: 11px 22px; font-weight: 600; letter-spacing: .3px; background: rgba(17,24,39,.92); border: 1px solid var(--n-line); box-shadow: 0 12px 30px rgba(0,0,0,.5); animation: toastIn .22s ease; }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%, -10px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* ---------- 酒水分类头 ---------- */
.drink-cat-head { border-radius: 12px; transition: background .16s ease, filter .16s ease; }
.drink-cat-head:hover { filter: brightness(1.08); }

/* ---------- 登录页：品牌区震撼感 ---------- */
.login {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 38px 32px;
  border: 1px solid rgba(212,175,55,.24);
  box-shadow: 0 30px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
}
.login::before {
  content: "";
  position: absolute; inset: -40% -20% auto -20%; height: 220px;
  background: radial-gradient(50% 100% at 50% 100%, rgba(212,175,55,.20), transparent 70%);
  pointer-events: none;
}
.login h2 { position: relative; font-weight: 800; letter-spacing: 3px; }
.login h2 .gold, #login .gold {
  background: linear-gradient(135deg,#f6dc93,#d4af37 50%,#b8860b);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.login input { border-radius: 12px; transition: box-shadow .18s ease, border-color .18s ease; }
.login button { border-radius: var(--n-r-pill); background-size: 160% 160%; }
.login button:hover { transform: translateY(-1px); background-position: 100% 0; box-shadow: 0 12px 26px rgba(212,175,55,.36); }
.login button:active { transform: translateY(0) scale(.99); }

/* ---------- 小屏触摸适配（保留原 v7/v8 规则） ---------- */
@media (max-width: 760px){
  .top { padding: 12px 14px; flex-wrap: wrap; gap: 8px; }
  .main { max-width: 100%; margin: 12px auto 40px; padding: 0 8px; }
  .card { padding: 14px; margin-bottom: 12px; }
  .panel .card { padding: 14px; }
  .panel .card h3 { font-size: 14px; margin-bottom: 10px; }
  .row { padding: 10px 2px; font-size: 14px; min-height: 44px; }
  .grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
  .panel .grid .card, .grid .card { padding: 12px; }
  button.btn, button.mbtn { min-height: 44px; padding: 10px 18px; font-size: 15px; }
  .nav { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; }
  .nav button { flex: 0 0 auto; white-space: nowrap; min-height: 44px; font-size: 14px; padding: 10px 16px; }
  .edt, .del { padding: 8px 16px; font-size: 14px; margin: 2px 4px; }
  .top button { min-height: 40px; }
  input[type=text], input[type=password], input[type=date], input[type=number], select, textarea { font-size: 16px; min-height: 44px; }
  td, th { padding: 8px 6px; }
  .qdim-b { padding: 10px 16px; font-size: 14px; }
}
@media (max-width: 420px){
  .login { margin: 6vh auto 40px; padding: 28px 20px; }
  .login h2 { font-size: 18px; }
}

/* ---------- 维度切换（按日/按周/按月） ---------- */
.qdim-b { border:1px solid transparent; background:transparent; color:var(--n-gold-lt); border-radius:var(--n-r-pill); padding:5px 14px; font-size:12.5px; cursor:pointer; font-weight:500; transition:all .15s ease; }
.qdim-b:hover { background:rgba(212,175,55,.15); }
.qdim-b.on { background:linear-gradient(135deg,#f6dc93,#d4af37); color:#241a00; font-weight:700; box-shadow:0 2px 10px rgba(212,175,55,.35); }

/* ---------- 焦点可达性：金色描边 ---------- */
button:focus-visible, .chip:focus-visible, .edt:focus-visible, .del:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible, .aq:focus-visible {
  outline: 2px solid var(--n-gold);
  outline-offset: 2px;
}

/* ---------- 动效层（克制 · 纯 CSS · ≤.2s） ---------- */
.panel.active { animation: panelIn .26s cubic-bezier(.22,.9,.32,1); }
@keyframes panelIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.panel.active > .card { animation: cardIn .28s ease both; }
@keyframes cardIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.num.flash { animation: numPop .5s ease; }
@keyframes numPop { 0% { opacity: .2; transform: scale(.96); } 45% { opacity: 1; transform: scale(1.03); } 100% { transform: scale(1); } }

/* 点击波纹（沿用脚本注入的 .ripple） */
.ripple { position:absolute; border-radius:50%; background: rgba(255,255,255,.45); transform: scale(0); animation: rippleAnim .5s ease-out forwards; pointer-events:none; z-index:1; }
@keyframes rippleAnim { to { transform: scale(2.6); opacity: 0; } }
.btn, .chip, .nav button, .amount-quick .aq, .mbtn, .dl-mini, .tag, .edt, .del { position: relative; overflow: hidden; }
.btn.spin { pointer-events: none; }
.btn.spin::before { content:''; display:inline-block; width:12px; height:12px; border:2px solid rgba(36,26,0,.35); border-top-color:#241a00; border-radius:50%; vertical-align:-2px; margin-right:6px; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* =========================================================
   内联浅色 → 深色（属性选择器覆盖，纯 CSS，不改 DOM 属性）
   说明：!important 方可压过元素上的 style=""，故统一加 !important
   ========================================================= */
/* 背景：白 → 输入层；淡面 → 深面（通用在前，具体在后，后者胜） */
[style*="background:#fff"] { background: var(--n-card-2) !important; }
[style*="background:#f5f7fa"], [style*="background:#f3f4f6"],
[style*="background:#f2f2f2"], [style*="background:#e5e7eb"] { background: rgba(255,255,255,.05) !important; }
[style*="background:#fffbeb"], [style*="background:#fefce8"],
[style*="background:#fdf6e3"], [style*="background:#fef3c7"] { background: rgba(212,175,55,.09) !important; }
[style*="background:#f0f7ff"], [style*="background:#f0f4ff"],
[style*="background:#eef4fb"], [style*="background:#eff6ff"],
[style*="background:#eef2ff"] { background: rgba(125,211,252,.08) !important; }
[style*="background:#dcfce7"], [style*="background:#f0fdf4"] { background: rgba(52,211,153,.12) !important; }
[style*="background:#fef2f2"], [style*="background:#fee2e2"] { background: rgba(248,113,113,.10) !important; }
/* 主色按钮（内联 background:var(--c) + color:#fff）→ 金渐变 + 深墨字 */
[style*="background:var(--c)"] {
  background: var(--n-grad-gold) !important;
  color: #241a00 !important;
  border-color: transparent !important;
  font-weight: 700 !important;
}
[style*="background:linear-gradient(180deg,#c99a2e,#b8860b)"] { color: #241a00 !important; }
[style*="background:#8a5a2b"] { background: linear-gradient(135deg,#f0d68a,#d4af37) !important; color: #241a00 !important; border-color: transparent !important; }
[style*="background:#dc2626"] { color: #fff !important; }
[style*="background:#059669"] { color: #fff !important; }
/* 文字：深字 → 亮字（深底可读）
   ⚠ 精确选择器：`[style*="color:#x"]` 会被子串 "border-color:#x" / "background-color:#x" 误命中，
     故改为「属性起始 / 分号后 / 空格后」三式组合，既覆盖所有写法，又排除 *-color 前缀误伤 */
[style^="color:#6b7280"], [style*=";color:#6b7280"], [style*=" color:#6b7280"] { color: var(--n-muted) !important; }
[style^="color:#1f2937"], [style*=";color:#1f2937"], [style*=" color:#1f2937"] { color: var(--n-text) !important; }
[style^="color:#374151"], [style*=";color:#374151"], [style*=" color:#374151"],
[style^="color:#475569"], [style*=";color:#475569"], [style*=" color:#475569"],
[style^="color:#334155"], [style*=";color:#334155"], [style*=" color:#334155"] { color: #cbd5e1 !important; }
[style^="color:#9ca3af"], [style*=";color:#9ca3af"], [style*=" color:#9ca3af"] { color: #94a3b8 !important; }
[style^="color:#555"], [style*=";color:#555"], [style*=" color:#555"],
[style^="color:#777"], [style*=";color:#777"], [style*=" color:#777"] { color: #a8b3c4 !important; }
[style^="color:#111"], [style*=";color:#111"], [style*=" color:#111"] { color: var(--n-text) !important; }
[style^="color:#2563eb"], [style*=";color:#2563eb"], [style*=" color:#2563eb"] { color: var(--n-blue) !important; }
[style^="color:#1d4ed8"], [style*=";color:#1d4ed8"], [style*=" color:#1d4ed8"] { color: #93c5fd !important; }
[style^="color:#0891b2"], [style*=";color:#0891b2"], [style*=" color:#0891b2"] { color: #7dd3fc !important; }
[style^="color:#b8860b"], [style*=";color:#b8860b"], [style*=" color:#b8860b"],
[style^="color:#6b4f0a"], [style*=";color:#6b4f0a"], [style*=" color:#6b4f0a"],
[style^="color:#8a5a2b"], [style*=";color:#8a5a2b"], [style*=" color:#8a5a2b"] { color: var(--n-gold-lt) !important; }
[style^="color:#b45309"], [style*=";color:#b45309"], [style*=" color:#b45309"] { color: #fcd34d !important; }
[style^="color:#92400e"], [style*=";color:#92400e"], [style*=" color:#92400e"] { color: #fbbf24 !important; }
[style^="color:#b91c1c"], [style*=";color:#b91c1c"], [style*=" color:#b91c1c"] { color: #fca5a5 !important; }
[style^="color:#dc2626"], [style*=";color:#dc2626"], [style*=" color:#dc2626"] { color: var(--n-danger) !important; }
[style^="color:#059669"], [style*=";color:#059669"], [style*=" color:#059669"] { color: var(--n-ok) !important; }
[style^="color:#0f4c5c"], [style*=";color:#0f4c5c"], [style*=" color:#0f4c5c"] { color: #93e0ea !important; }
/* 边框：浅色描边 → 深色适配描边 */
[style*="border:1px solid #fecaca"] { border-color: rgba(248,113,113,.40) !important; }
[style*="border:1px solid #fde68a"] { border-color: rgba(212,175,55,.45) !important; }
[style*="border:1px solid #dbeafe"] { border-color: rgba(125,211,252,.35) !important; }
[style*="border:1px solid #bbf7d0"] { border-color: rgba(52,211,153,.40) !important; }
[style*="border:1px solid #93c5fd"] { border-color: rgba(125,211,252,.40) !important; }
[style*="border:1px solid #86efac"] { border-color: rgba(52,211,153,.40) !important; }
[style*="border:1px solid #333"] { border-color: rgba(255,255,255,.15) !important; }
[style*="border:1px solid #fff3"] { border-color: rgba(255,255,255,.20) !important; }

/* =========================================================
   兜底（置于文件末尾）：确认类 / 报表类实色按钮文字
   目的：无论上方任何规则如何排序，保证这两类按钮文字对比度 ≥4.5:1
     · #ask-mask / #pw-mask 危险确认按钮：背景 #dc2626 + 白字 → 4.83:1
     · 「🍟 小吃报表」按钮：金渐变底 + 深墨字 #241a00 → 8.2:1
   ========================================================= */
[style*="background:#dc2626"] { color: #fff !important; }
[style*="background:#8a5a2b"] {
  background: linear-gradient(135deg,#f0d68a,#d4af37) !important;
  color: #241a00 !important;
  border-color: transparent !important;
}