.store-reconciliation{color:#29403d;background:#e5efec;border:1px solid #c3d8d2;border-radius:12px;padding:16px}.store-reconciliation__date,.store-reconciliation__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.store-reconciliation__date input{min-height:34px;background:#eef6f3;border:1px solid #a9c5bc;border-radius:7px;color:#29403d}.store-reconciliation__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.store-reconciliation__summary div{background:#dcebe6;border:1px solid #c0d8d0;border-radius:10px;padding:10px}.store-reconciliation__summary span,.store-reconciliation__summary strong{display:block}.store-reconciliation__summary strong{margin-top:4px;color:#116c59}.store-reconciliation__entry{display:grid;gap:8px;margin-top:12px;padding:12px;background:#dcebe6;border:1px solid #c0d8d0;border-radius:10px}.store-reconciliation__entry label{display:grid;grid-template-columns:9em 18ch;align-items:center;gap:10px;color:#29403d;font-weight:600}.store-reconciliation__entry input{width:18ch;max-width:18ch;box-sizing:border-box;min-height:34px;background:#f1f8f6;border:1px solid #a9c5bc;border-radius:7px;color:#29403d;padding:5px 8px}.store-reconciliation__exceptions{margin-top:12px;padding:10px;background:#f7efd9;border:1px solid #dfc98e;border-radius:8px;color:#755800}.store-reconciliation__exceptions .is-ok{color:#167052}@media(min-width:760px){.store-reconciliation__summary{grid-template-columns:repeat(4,minmax(150px,1fr))}.store-reconciliation__entry{grid-template-columns:repeat(2,minmax(260px,1fr))}.store-reconciliation__entry h3,.store-reconciliation__entry button{grid-column:1/-1}}
.recon-account-summary{margin:16px 0;padding:12px;background:#dcebe6;border:1px solid #c0d8d0;border-radius:10px;overflow:auto}.recon-account-summary table{width:100%;min-width:900px;border-collapse:separate;border-spacing:4px}.recon-account-summary th,.recon-account-summary td{padding:7px;text-align:center;white-space:nowrap}.recon-account-summary label{display:flex;flex-direction:column;gap:4px;align-items:center;color:#29403d;font-size:13px;font-weight:700}.recon-account-summary input::placeholder{color:#78918b;opacity:1}.recon-account-summary thead th{color:#29403d;font-weight:700}.recon-account-summary tbody th{text-align:left}.recon-account-summary input{width:18ch;max-width:18ch;min-height:32px;box-sizing:border-box;background:#f1f8f6;border:1px solid #a9c5bc;border-radius:6px;color:#29403d;padding:5px 7px}.recon-account-summary .recon-diff{font-weight:700;color:#167052}.recon-account-summary .recon-diff.is-alert{color:#b33b2f}
.recon-account-delete{border:1px solid #d4a8a1;background:#fff2ef;color:#a54335;border-radius:6px;padding:6px 8px;cursor:pointer;white-space:nowrap}

/* 20260916: 电脑版今日对账 v2 */
.store-reconciliation[data-desktop-reconciliation] { padding: 14px; font-family: "Microsoft YaHei", sans-serif; }
.recon-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.recon-toolbar input[type="date"] { border: 1px solid #c8d1d6; border-radius: 6px; padding: 6px 10px; font-size: 14px; }
.recon-toolbar button { border: 1px solid #c5ced4; border-radius: 6px; padding: 6px 14px; background: #fff; font-size: 13px; cursor: pointer; }

.recon-desktop-status { margin-bottom: 14px; }
.recon-desktop-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 800px) { .recon-desktop-grid { grid-template-columns: 1fr; } }
.recon-desktop-col { border: 1px solid #dde3e8; border-radius: 10px; padding: 12px; background: #fff; }
.recon-desktop-adj { border: 1px solid #dde3e8; border-radius: 10px; padding: 12px; background: #fff; margin-bottom: 14px; }
.recon-desktop-result { }

.recon-hdr { display: flex; align-items: center; justify-content: space-between; padding: 4px 0 8px; }
.recon-hdr strong { font-size: 15px; color: #1a2b36; }
.recon-hdr span { font-size: 12px; color: #8a9aa5; }
.recon-hdr button { border: 1px solid #c5ced4; border-radius: 5px; padding: 3px 12px; background: #fff; font-size: 12px; color: #456; cursor: pointer; }

.recon-mc { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.recon-auto { border: 1px solid #d5dde2; border-radius: 8px; padding: 10px 12px; background: #f4f7f9; display: flex; flex-direction: column; gap: 2px; }
.recon-auto span { font-size: 12px; color: #7a8a95; }
.recon-auto strong { font-size: 18px; color: #1a2b36; }
.recon-fld { border: 1px solid #c8d1d6; border-radius: 8px; padding: 8px 12px; background: #fff; display: flex; flex-direction: column; gap: 2px; }
.recon-fld label { font-size: 12px; color: #6b7a86; }
.recon-fld input { border: none; outline: none; font-size: 17px; color: #1a2b36; background: transparent; padding: 2px 0; width: 100%; box-sizing: border-box; }
.recon-fld.is-hint span { font-size: 12px; color: #8a9aa5; padding-top: 6px; }

.recon-ch-list { display: flex; flex-direction: column; gap: 2px; }
.recon-ch-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 4px; border-bottom: 1px solid #f0f3f5; }
.recon-ch-row:last-of-type { border-bottom: none; }
.recon-ch-row > span { font-size: 14px; color: #2a3b46; flex: 1; }
.recon-ch-row > span small { color: #8a9aa5; font-size: 12px; margin-left: 6px; }
.recon-ch-row input { width: 130px; border: 1px solid #c8d1d6; border-radius: 6px; padding: 6px 10px; font-size: 15px; text-align: right; }
.recon-ch-total { display: flex; justify-content: space-between; align-items: center; padding: 10px 4px 2px; border-top: 2px solid #d5dde2; margin-top: 8px; }
.recon-ch-total span { font-size: 14px; color: #456; font-weight: 600; }
.recon-ch-total strong { font-size: 19px; color: #0d7a4a; }

.recon-adj { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 800px) { .recon-adj { grid-template-columns: 1fr 1fr; } }

.recon-result { border-radius: 10px; padding: 14px 16px; background: #f4f7f9; border: 1px solid #d8dde2; display: flex; gap: 40px; }
.recon-result.is-ok { background: #e8f7ef; border-color: #b8e2cc; }
.recon-result.is-warn { background: #fff3e0; border-color: #f5cba0; }
.recon-r { display: flex; flex-direction: column; gap: 2px; }
.recon-r span { font-size: 13px; color: #5a6a75; }
.recon-r strong { font-size: 18px; color: #1a2b36; }
.recon-r.is-hl strong { font-size: 22px; color: #0d7a4a; }

/* 20260916: 电脑版今日对账——表格布局 */
.recon-table-wrap { overflow-x: auto; border: 1px solid #dde3e8; border-radius: 10px; background: #fff; }
.recon-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.recon-table thead th { background: #f0f4f7; color: #3a4a55; font-size: 12px; font-weight: 700; padding: 8px 6px; text-align: center; border-bottom: 2px solid #d5dde2; white-space: nowrap; }
.recon-table tbody td { padding: 5px 4px; border-bottom: 1px solid #edf1f4; text-align: center; }
.recon-table tbody tr:last-child { border-bottom: none; }
.recon-table tbody tr.is-machine { background: #f8fafb; }
.recon-table tbody tr.is-machine td:first-child strong { color: #1a5c3a; }
.recon-name { min-width: 130px; text-align: left !important; }
.recon-name input { border: 1px solid transparent; border-radius: 4px; padding: 4px 6px; font-size: 13px; width: 100px; background: transparent; color: #2a3b46; }
.recon-name input:focus { border-color: #a0b5c0; background: #fff; outline: none; }
.recon-name button { border: none; background: none; color: #c04040; cursor: pointer; font-size: 12px; padding: 2px 4px; margin-left: 4px; }
.recon-table input[type="number"] { width: 80px; border: 1px solid transparent; border-radius: 4px; padding: 4px 5px; font-size: 13px; text-align: right; background: transparent; color: #1a2b36; }
.recon-table input[type="number"]:focus { border-color: #a0b5c0; background: #fff; outline: none; }
.recon-calc { color: #5a7a8a; font-weight: 600; background: #f8fafb; }
.recon-diff { font-weight: 700; }
.recon-diff.is-ok { color: #0d7a4a; background: #e8f7ef; }
.recon-diff.is-alert { color: #c04040; background: #fff0f0; }
.recon-total-row td { background: #f0f4f7 !important; font-weight: 700; color: #2a3b46; padding: 8px 6px; border-top: 2px solid #d5dde2; }
.recon-total-row .recon-diff { font-size: 14px; }

.recon-summary-bar { margin-top: 12px; }
.recon-result { border-radius: 10px; padding: 14px 20px; background: #f4f7f9; border: 1px solid #d8dde2; display: flex; gap: 48px; align-items: center; }
.recon-result.is-ok { background: #e8f7ef; border-color: #b8e2cc; }
.recon-result.is-warn { background: #fff3e0; border-color: #f5cba0; }
.recon-result .recon-r { display: flex; flex-direction: column; gap: 2px; }
.recon-result .recon-r span { font-size: 13px; color: #5a6a75; }
.recon-result .recon-r strong { font-size: 20px; color: #1a2b36; }
.recon-result .recon-r.is-hl strong { font-size: 24px; color: #0d7a4a; }
.recon-result .text-ok { color: #0d7a4a !important; }
.recon-result .text-warn { color: #c04040 !important; }

/* 20260916: 电脑版今日对账——完整 Excel 版 */
.store-reconciliation[data-desktop-reconciliation] { padding: 14px; font-family: "Microsoft YaHei", sans-serif; font-size: 13px; }

.recon-store-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid #dde3e8; }
.recon-store-tab { padding: 6px 16px; border: 1px solid #c5ced4; border-radius: 6px; background: #fff; color: #456; font-size: 13px; cursor: pointer; }
.recon-store-tab.is-active { background: #167a5a; color: #fff; border-color: #167a5a; font-weight: 700; }
.recon-store-tab.is-add { border-style: dashed; color: #5a7a8a; background: #f8fafb; }
.recon-store-tab.is-review { background: #f0f4f7; color: #1a2b36; font-weight: 700; border-color: #8a9aa5; }

.recon-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.recon-toolbar label { font-size: 13px; color: #456; display: flex; align-items: center; gap: 4px; }
.recon-toolbar input[type="date"] { border: 1px solid #c8d1d6; border-radius: 6px; padding: 5px 8px; font-size: 13px; }
.recon-toolbar button { border: 1px solid #c5ced4; border-radius: 6px; padding: 5px 14px; background: #fff; font-size: 13px; cursor: pointer; color: #2a3b46; }
.recon-toolbar button:hover { background: #f0f4f7; }

.recon-rates { margin-bottom: 12px; }
.recon-rate-row { display: flex; gap: 16px; flex-wrap: wrap; padding: 10px 14px; border: 1px solid #dde3e8; border-radius: 8px; background: #f8fafb; }
.recon-rate-row label { font-size: 13px; color: #3a4a55; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.recon-rate-row input { width: 70px; border: 1px solid #c8d1d6; border-radius: 5px; padding: 4px 6px; font-size: 13px; text-align: right; background: #fff; }

.recon-actions-bar { margin-bottom: 14px; }
.recon-action-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; padding: 10px 14px; border: 1px solid #dde3e8; border-radius: 8px; background: #fff; }
.recon-action-row label { font-size: 13px; color: #3a4a55; display: flex; align-items: center; gap: 6px; }
.recon-action-row select { border: 1px solid #c8d1d6; border-radius: 5px; padding: 4px 8px; font-size: 13px; background: #fff; }
.recon-action-row button { border: 1px solid #c5ced4; border-radius: 6px; padding: 5px 14px; background: #fff; font-size: 13px; cursor: pointer; color: #2a3b46; }
.recon-action-row button:hover { background: #f0f4f7; }

.recon-data-sections { display: flex; flex-direction: column; gap: 12px; }
.recon-section { border: 1px solid #dde3e8; border-radius: 10px; background: #fff; }
.recon-sec-hdr { padding: 8px 14px 4px; }
.recon-sec-hdr strong { font-size: 14px; color: #1a2b36; }
.recon-sec-body { padding: 6px 14px 12px; }

.recon-sales-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 700px) { .recon-sales-grid { grid-template-columns: 1fr 1fr; } }

.recon-balance-group { display: grid; grid-template-columns: auto repeat(5, 1fr); gap: 8px; align-items: end; margin-bottom: 8px; }
.recon-balance-group:last-child { margin-bottom: 0; }
.recon-balance-group > strong { font-size: 13px; color: #1a2b36; padding: 0 8px 8px 0; white-space: nowrap; }
@media (max-width: 900px) { .recon-balance-group { grid-template-columns: auto 1fr 1fr; } }

.recon-fld { display: flex; flex-direction: column; gap: 3px; border: 1px solid #c8d1d6; border-radius: 6px; padding: 6px 10px; background: #fff; }
.recon-fld label { font-size: 11px; color: #6b7a86; }
.recon-fld input { border: none; outline: none; font-size: 15px; color: #1a2b36; background: transparent; padding: 2px 0; width: 100%; box-sizing: border-box; text-align: right; }

.recon-calc-result { display: flex; gap: 36px; align-items: center; padding: 14px 20px; border-radius: 10px; background: #f4f7f9; border: 1px solid #d8dde2; margin-top: 4px; flex-wrap: wrap; }
.recon-calc-result.is-ok { background: #e8f7ef; border-color: #b8e2cc; }
.recon-calc-result.is-warn { background: #fff3e0; border-color: #f5cba0; }
.recon-calc-result .recon-r { display: flex; flex-direction: column; gap: 2px; }
.recon-calc-result .recon-r span { font-size: 12px; color: #5a6a75; }
.recon-calc-result .recon-r strong { font-size: 17px; color: #1a2b36; }
.recon-calc-result .recon-r.is-hl strong { font-size: 21px; color: #0d7a4a; }

/* 20260916b: 电脑版对账——柔和深色背景 + 黑色文字 + 标签在前 */
.store-reconciliation[data-desktop-reconciliation] {
  background: #1e2d38; padding: 16px; border-radius: 8px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs { border-bottom-color: #3a4a55; }
.recon-store-tab { background: #2a3b46; color: #a0b5c0; border-color: #3a4a55; }
.recon-store-tab.is-active { background: #0d7a4a; color: #fff; border-color: #0d7a4a; }
.recon-store-tab.is-add { background: #1e2d38; color: #6b8a9a; border-color: #3a4a55; border-style: dashed; }
.recon-store-tab.is-review { background: #2a3b46; color: #d0dde5; border-color: #5a7a8a; }

.store-reconciliation[data-desktop-reconciliation] .recon-toolbar label { color: #d0dde5; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar input[type="date"] { background: #2a3b46; color: #e8eef2; border-color: #3a4a55; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar button { background: #2a3b46; color: #d0dde5; border-color: #3a4a55; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar button:hover { background: #3a4a55; }

.recon-rate-row { background: #263540; border-color: #3a4a55; }
.recon-rate-row label { color: #d0dde5; }
.recon-rate-row input { background: #1a2530; color: #000; border-color: #4a5a65; font-weight: 700; font-size: 14px; }

.recon-action-row { background: #263540; border-color: #3a4a55; }
.recon-action-row label { color: #d0dde5; }
.recon-action-row select { background: #1a2530; color: #e8eef2; border-color: #4a5a65; }
.recon-action-row button { background: #2a3b46; color: #d0dde5; border-color: #3a4a55; }
.recon-action-row button:hover { background: #3a4a55; }

.recon-section { background: #263540; border-color: #3a4a55; }
.recon-sec-hdr strong { color: #e0eaf0; }

.recon-fld {
  display: flex; align-items: center; gap: 8px;
  border: 1px solid #4a5a65; border-radius: 6px;
  padding: 5px 10px; background: #1a2530;
}
.recon-fld > span { font-size: 13px; color: #000; font-weight: 600; white-space: nowrap; min-width: 60px; text-align: right; }
.recon-fld input {
  border: 1px solid #5a6a75; border-radius: 4px;
  font-size: 15px; color: #000; font-weight: 700;
  background: #fff; padding: 4px 8px; width: 100%;
  box-sizing: border-box; text-align: right; outline: none;
}
.recon-fld input:focus { border-color: #0d7a4a; background: #f0fff4; }

.recon-balance-group > strong { color: #e0eaf0; }

.recon-calc-result { background: #1a2530; border-color: #3a4a55; }
.recon-calc-result.is-ok { background: #1a3a2a; border-color: #2a5a3a; }
.recon-calc-result.is-warn { background: #3a2a1a; border-color: #5a3a2a; }
.recon-calc-result .recon-r span { color: #a0b5c0; }
.recon-calc-result .recon-r strong { color: #fff; }
.recon-calc-result .recon-r.is-hl strong { color: #4ade80; }

/* 20260916c: 确保标签在输入框左边（覆盖旧竖排规则） */
.store-reconciliation[data-desktop-reconciliation] .recon-fld {
  flex-direction: row !important;
  align-items: center !important;
}

/* 20260916d: 标签白色 + 输入框柔和 + 输入字黑色 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld > span {
  color: #fff !important;
  font-weight: 600;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld input {
  background: #e8dccc !important;
  color: #1a1a1a !important;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #6a7a85;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld input:focus {
  background: #f0e6d8 !important;
  border-color: #0d7a4a;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld input::placeholder {
  color: #8a7a6a;
}

/* 20260916e: 佣金行与其他输入框统一 + 福彩/体彩分组 */
.recon-rate-row .recon-fld input {
  background: #e8dccc !important;
  color: #1a1a1a !important;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #6a7a85;
  width: 80px;
}
.recon-rate-row .recon-fld input:focus {
  background: #f0e6d8 !important;
  border-color: #0d7a4a;
}
.recon-rate-row .recon-fld > span { color: #fff !important; font-weight: 600; }

.recon-sales-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media (max-width: 700px) { .recon-sales-grid { grid-template-columns: 1fr 1fr; } }

/* 20260916f: 佣金行一行排列 + 右侧统计柱状图 */
.recon-main-flex { display: flex; gap: 14px; align-items: flex-start; }
.recon-main-col { flex: 1; min-width: 0; }
.recon-stats-col { flex: 0 0 280px; }
@media (max-width: 1100px) { .recon-main-flex { flex-direction: column; } .recon-stats-col { flex: none; width: 100%; } }

.store-reconciliation[data-desktop-reconciliation] .recon-rate-row { display: flex; gap: 8px; flex-wrap: nowrap; overflow-x: auto; }
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld { flex: 0 0 auto; }
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld > span { white-space: nowrap; font-size: 12px; }
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld input { width: 72px !important; min-width: 72px; max-width: 72px; text-align: right; }

/* 统计面板 */
.recon-stats-panel { border: 1px solid #3a4a55; border-radius: 10px; background: #263540; padding: 12px; display: flex; flex-direction: column; gap: 12px; }
.recon-stats-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.recon-stat-item { background: #1a2530; border: 1px solid #3a4a55; border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.recon-stat-item span { font-size: 11px; color: #a0b5c0; }
.recon-stat-item strong { font-size: 15px; color: #fff; }
.recon-stat-item.is-hl strong { color: #4ade80; font-size: 17px; }

.recon-chart-block { background: #1a2530; border: 1px solid #3a4a55; border-radius: 8px; padding: 10px; }
.recon-chart-title { font-size: 13px; color: #e0eaf0; font-weight: 700; margin-bottom: 8px; }
.recon-chart-bars { display: flex; gap: 8px; align-items: flex-end; justify-content: space-around; height: 110px; padding: 0 4px; }
.recon-bar-col { display: flex; flex-direction: column; align-items: center; gap: 3px; flex: 1; }
.recon-bar { width: 100%; max-width: 30px; border-radius: 3px 3px 0 0; }
.recon-bar.is-pos { background: linear-gradient(180deg, #4ade80, #166534); }
.recon-bar.is-neg { background: linear-gradient(180deg, #f87171, #991b1b); }
.recon-bar-val { font-size: 9px; color: #a0b5c0; white-space: nowrap; }
.recon-bar-label { font-size: 10px; color: #d0dde5; white-space: nowrap; }
.recon-chart-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; padding-top: 6px; border-top: 1px solid #3a4a55; }
.recon-chart-meta span { font-size: 10px; color: #a0b5c0; }

/* 20260916g: 店内开支橙色区分 + 记录员入店标行 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense > span { color: #ffb86b !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense input { background: #f5e0c8 !important; border-color: #c08a50 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense input:focus { background: #faedd8 !important; }

.recon-store-tab.is-operator { display: inline-flex; align-items: center; gap: 6px; background: #1e2d38; border: 1px solid #3a4a55; border-radius: 6px; padding: 4px 10px; color: #d0dde5; font-size: 13px; }
.recon-store-tab.is-operator select { background: #1a2530; color: #e8eef2; border: 1px solid #4a5a65; border-radius: 4px; padding: 3px 6px; font-size: 13px; }

/* 20260916h: 店标表头区背景区分 + 联盟合买一行等分 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  background: #16222b;
  border: 1px solid #3a4a55;
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 12px;
}

.recon-gb-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.recon-gb-row > * { flex: 1 1 0; min-width: 0; }
.recon-gb-row .recon-fld { flex-direction: column !important; align-items: stretch !important; }
.recon-gb-row .recon-fld > span { text-align: center; min-width: 0; font-size: 11px; }
.recon-gb-row .recon-fld input { width: 100% !important; max-width: none; }
.recon-gb-row button {
  flex: 0 0 auto;
  min-width: 76px;
  border: 1px solid #4a5a65;
  border-radius: 6px;
  background: #2a3b46;
  color: #d0dde5;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
.recon-gb-row button:hover { background: #3a4a55; }
@media (max-width: 900px) { .recon-gb-row { flex-wrap: wrap; } .recon-gb-row > * { flex: 1 1 40%; } }

/* 20260916i: 店标行收紧（仅比普通按键略高）+ 背景区分更明显 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  background: #0f1820 !important;
  border: 1px solid #2a3a45 !important;
  border-left: 4px solid #0d7a4a !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab {
  padding: 2px 10px !important;
  font-size: 12px !important;
  border-radius: 5px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator {
  padding: 1px 8px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator select {
  padding: 1px 4px !important;
  font-size: 12px !important;
}

/* 20260916j: 记录员选择框不再撑高店标行 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator select {
  height: 24px !important;
  line-height: 22px !important;
  box-sizing: border-box;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator {
  height: 28px !important;
  box-sizing: border-box;
  align-self: center;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  align-items: center;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab:not(.is-operator) {
  height: 28px !important;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}

/* 20260916k: 全部输入框标签完整显示（不截断不遮挡） */
.store-reconciliation[data-desktop-reconciliation] .recon-fld > span {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  flex-shrink: 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld > span {
  font-size: 12px !important;
  letter-spacing: 0;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld {
  flex: 0 0 auto !important;
}

/* 20260916l: 记录员=账号身份左右排列展示 */
.recon-store-tab.is-operator {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 28px !important;
  box-sizing: border-box;
  padding: 0 12px !important;
  border: 1px solid #3a5a6a !important;
  border-radius: 5px !important;
  background: #1a3040 !important;
}
.recon-store-tab.is-operator b {
  color: #a0c0d0;
  font-size: 12px;
  font-weight: 600;
}
.recon-store-tab.is-operator i {
  color: #4ade80;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

/* 20260916m: 店标行改亮色横幅——与深色整体强对比 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  background: linear-gradient(180deg, #d4a017 0%, #b8860b 100%) !important;
  border: 1px solid #8a6508 !important;
  border-left: 4px solid #6b4f06 !important;
  border-radius: 8px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fffbe8 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-active {
  background: #7a2f2f !important;
  color: #fff !important;
  border-color: #5a1f1f !important;
  font-weight: 700;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-add {
  background: rgba(0, 0, 0, 0.28) !important;
  color: #fff3d0 !important;
  border: 1px dashed rgba(255, 255, 255, 0.5) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator b { color: #fff8e0 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator i { color: #ffe066 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-review {
  background: #1a4a7a !important;
  color: #fff !important;
  border-color: #123358 !important;
}

/* 20260916n: 自定义弹窗面板 */
.recon-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); }
.recon-modal[hidden] { display: none; }
.recon-modal__card { width: min(92vw, 360px); background: #263540; border: 1px solid #4a5a65; border-radius: 12px; padding: 18px 20px 16px; box-shadow: 0 18px 50px rgba(0,0,0,.5); }
.recon-modal__card h3 { margin: 0 0 8px; font-size: 16px; color: #e8eef2; }
.recon-modal__card p { margin: 0 0 14px; font-size: 13px; color: #b0c0cc; line-height: 1.6; white-space: pre-line; }
.recon-modal__input { width: 100%; box-sizing: border-box; border: 1px solid #6a7a85; border-radius: 6px; background: #e8dccc; color: #1a1a1a; font-size: 15px; font-weight: 700; padding: 8px 12px; margin-bottom: 14px; outline: none; }
.recon-modal__input:focus { border-color: #0d7a4a; background: #f0e6d8; }
.recon-modal__btns { display: flex; gap: 10px; justify-content: flex-end; }
.recon-modal__btns button { min-width: 84px; border: 1px solid #5a6a75; border-radius: 7px; padding: 7px 16px; font-size: 14px; cursor: pointer; background: #1a2530; color: #d0dde5; }
.recon-modal__btns button:hover { background: #2a3b46; }
.recon-modal__btns .is-primary { background: #0d7a4a; border-color: #0d7a4a; color: #fff; }
.recon-modal__btns .is-primary:hover { background: #0f8a56; }
.recon-modal__btns .is-danger { background: #a03030; border-color: #a03030; color: #fff; }
.recon-modal__btns .is-danger:hover { background: #b04040; }

/* 20260916o: 顶部提交/返回按钮配色 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-submit {
  background: #0d7a4a !important;
  color: #fff !important;
  border-color: #0a6340 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-return {
  background: #a06020 !important;
  color: #fff !important;
  border-color: #805018 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-unlock {
  background: #314451 !important;
  color: #fff !important;
  border-color: #6a7a85 !important;
}

/* 20260916p: 体彩佣金行（第二行，略偏蓝色调区分） */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row.is-ticai {
  background: #20323e !important;
  border-color: #3a5a6a !important;
  margin-top: 6px;
}

/* 20260916q: 店标行去特殊背景（按钮已区分）；店内开支强区分 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  background: #263540 !important;
  border: none !important;
  border-left: none !important;
  border-bottom: 1px solid #3a4a55 !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict {
  flex: none !important;
  width: 100% !important;
  min-height: 34px;
  box-sizing: border-box;
  padding: 4px 8px;
  border: 1px solid #8a6508;
  border-radius: 6px;
  background: #3a3018;
  color: #ffe0a0;
  font-size: 12px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-conflict-slot {
  width: 100% !important;
  min-width: 0 !important;
  margin: 3px 0 4px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-conflict-slot[hidden] { display: none !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict__label {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict__label strong { color: #ffd166; }
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict__toggle {
  min-width: 62px;
  min-height: 25px;
  padding: 2px 6px;
  border: 1px solid #b07818;
  border-radius: 4px;
  background: #6b4b13;
  color: #fff1c4;
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict__toggle:hover { background: #8a631b; }

/* 店内开支：橙色系强区分 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense {
  background: #4a3018 !important;
  border: 1px solid #c08030 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense > span {
  color: #ffc068 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense input {
  background: #f5d8a8 !important;
  border-color: #c08030 !important;
  color: #4a2c0a !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-expense input:focus {
  background: #fae4c0 !important;
}

/* 20260916r: 体彩佣金输入框与福彩逐列对齐 + 店管理按键明亮 */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row { display: grid !important; grid-template-columns: repeat(8, auto); gap: 6px 10px; justify-content: start; }
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld { flex: 0 0 auto !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld > span { min-width: 0; }

.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-add {
  background: linear-gradient(180deg, #ffd75e 0%, #f5b83d 100%) !important;
  color: #4a3208 !important;
  border: 1px solid #c89820 !important;
  font-weight: 700 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-add:hover { filter: brightness(1.1); }

/* 20260916s: 两行佣金列固定宽对齐（同列同宽，两行起始一致） */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row {
  grid-template-columns: repeat(8, minmax(150px, 1fr)) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld { width: 100% !important; box-sizing: border-box; }

/* 20260916t: 记录员绑定后点亮 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator.is-bound {
  background: linear-gradient(180deg, #105a3a 0%, #0a4229 100%) !important;
  border: 1px solid #2ecc71 !important;
  box-shadow: 0 0 10px rgba(46, 204, 113, 0.45);
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator.is-bound b { color: #a8f0c8 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator.is-bound i { color: #6effa8 !important; text-shadow: 0 0 6px rgba(110, 255, 168, 0.6); }

/* 20260916u: 销售量输入框——整元、可输8位数（字号自适应不截断） */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  font-size: 14px !important;
  padding: 4px 6px !important;
  min-width: 0;
  width: 100% !important;
  letter-spacing: -0.3px;
}

/* 20260916v: 销售量输入框强制撑满格子（修被压成14px的问题） */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

/* 20260916w: 销售格——标签自适应缩短，输入框保底60%宽 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld > span {
  font-size: 12px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 42%;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  flex: 1 1 58% !important;
  min-width: 58% !important;
}

/* 20260916x: 销售区改3列（格子加宽到~110px+，标签+8位数都放得下） */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  min-width: 60px !important;
  font-size: 13px !important;
}

/* 20260916y: 销售输入框 11px 字号 + 紧凑 padding，78px 框内装下 8 位数 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  font-size: 11px !important;
  padding: 4px 3px !important;
  letter-spacing: -0.5px;
}

/* 20260916z: 福彩/体彩模式切换按键 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-mode {
  padding: 3px 14px !important;
  font-size: 13px !important;
  font-weight: 700;
  background: #1a2530 !important;
  color: #8aa0b0 !important;
  border: 1px solid #3a4a55 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-mode.is-mode-active[data-recon-mode="fucai"] {
  background: linear-gradient(180deg, #c23a3a 0%, #a02828 100%) !important;
  color: #fff !important;
  border-color: #801818 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-mode.is-mode-active[data-recon-mode="ticai"] {
  background: linear-gradient(180deg, #2a7ac2 0%, #1a5aa0 100%) !important;
  color: #fff !important;
  border-color: #144280 !important;
}
.recon-store-tabs-sep { width: 1px; height: 22px; background: #3a4a55; margin: 0 4px; align-self: center; }

/* 20260916aa: 销售量一行表达 + 输入框可容纳7位数 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid {
  grid-template-columns: none !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  flex-direction: row !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld > span {
  font-size: 11px !important;
  max-width: 40% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  flex: 1 1 auto !important;
  min-width: 48px !important;
  font-size: 12px !important;
  padding: 3px 2px !important;
  letter-spacing: -0.5px;
}

/* 20260916ab: 7位数完整显示——竖排格子（标签上/输入下），输入框占满格子宽 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 2px !important;
  padding: 4px 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld > span {
  max-width: 100% !important;
  font-size: 10px !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 12px !important;
  padding: 3px 2px !important;
  text-align: center;
}

/* 20260916ac: 去掉 number 输入框的上下箭头（spinner），释放宽度给数字 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input::-webkit-outer-spin-button,
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  font-size: 11px !important;
  letter-spacing: -0.8px;
}

/* 20260916ad: 余额/出票/开支输入框——标签在前、一行完整、输入框60px保底（7位），禁止横向滑动 */
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  align-items: center;
  gap: 6px !important;
  margin-bottom: 6px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > strong {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 12px;
  padding-right: 2px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld {
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld > span {
  font-size: 11px !important;
  max-width: 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld input {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  font-size: 11px !important;
  padding: 2px 2px !important;
  letter-spacing: -0.5px;
  flex: 0 0 60px !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld input::-webkit-outer-spin-button,
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 联盟合买行：同样规格（标签前+60px输入框+一行+禁滑动） */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
  flex-wrap: nowrap !important;
  overflow: visible !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld {
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld > span {
  font-size: 11px !important;
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input {
  font-size: 11px !important;
  padding: 2px 2px !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input::-webkit-outer-spin-button,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 全局面：对账面板禁止横向滑动 */
.store-reconciliation[data-desktop-reconciliation] { overflow-x: hidden !important; }

/* 20260916ae: 合买行输入框强制60px（等分时内容过窄被压成4px）；余额组两行=开机一行+停售一行各自完整 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld {
  flex: 0 0 auto !important;
  min-width: 0;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input {
  width: 60px !important;
  min-width: 60px !important;
  flex: 0 0 60px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-section .recon-sec-body {
  overflow: visible !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-section {
  overflow: visible !important;
}

/* 20260916af: 全部输入框高度一致 + 各区块一行铺满 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 34px !important;
  box-sizing: border-box;
  padding: 0 8px !important;
  gap: 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld > span {
  line-height: 1.2;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld input {
  height: 24px !important;
  box-sizing: border-box;
  padding: 0 4px !important;
}

/* 佣金行：一行铺满（8格等分整行宽） */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 销售量：一行铺满 */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld {
  flex: 1 1 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  width: 100% !important;
}

/* 余额组：行内格子平铺整行 */
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld {
  flex: 1 1 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 合买行：一行铺满 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld {
  flex: 1 1 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* 20260916ag: 统计图移到底部（横向并排），主列放宽让各行真正铺满 */
.store-reconciliation[data-desktop-reconciliation] .recon-main-flex {
  flex-direction: column !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-col {
  flex: none !important;
  width: 100% !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-panel {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 12px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-panel .recon-chart-block {
  flex: 1 1 260px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-summary {
  flex: 1 1 100%;
  grid-template-columns: repeat(4, 1fr);
}

/* 行铺满后输入框自适应收缩（标签省略+输入框flex） */
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld > span {
  max-width: 46px !important;
  font-size: 10px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group .recon-fld input {
  flex: 1 1 40px !important;
  width: auto !important;
  min-width: 40px !important;
  max-width: none !important;
}

/* 20260916ah: 销售量输入框在彩种名后面（同一行内，左右排列） */
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld {
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld > span {
  font-size: 11px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid .recon-fld input {
  flex: 1 1 30px !important;
  min-width: 30px !important;
  font-size: 11px !important;
}

/* 20260916ai: 佣金行标签压缩+输入框保底60px，格子自动换行铺满（8格窄容器时2行×4） */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row {
  flex-wrap: wrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld {
  flex: 1 1 130px !important;
  min-width: 130px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld > span {
  font-size: 10px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto !important;
  max-width: 64px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld input {
  flex: 1 1 60px !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: none !important;
  font-size: 12px !important;
}

/* 20260916aj: 佣金行换行后的孤格不无限拉伸 */
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row .recon-fld {
  max-width: 220px !important;
}

/* 20260916ak: 合买行输入框填满格子（标签后无空白预留） */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 50px !important;
  max-width: none !important;
  font-size: 12px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld > span {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  white-space: nowrap;
}

/* 20260916al: 三线对账差异红绿 + 差异提示条 */
.recon-calc-result .recon-r.is-gap-ok strong { color: #4ade80 !important; }
.recon-calc-result .recon-r.is-gap-ok span::after { content: " ✓"; color: #4ade80; font-size: 11px; }
.recon-calc-result .recon-r.is-gap-bad strong { color: #ff7676 !important; text-decoration: underline wavy #ff7676 1px; }
.recon-calc-result .recon-r.is-gap-bad span { color: #ffb3b3 !important; font-weight: 700; }
.recon-alerts { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.recon-alert { background: #3a1418; border: 1px solid #a03040; border-left: 4px solid #ff5252; border-radius: 6px; padding: 8px 12px; color: #ffd6d6; font-size: 12px; line-height: 1.6; }
.recon-fld.is-hint { opacity: 0.85; }

/* 20260916am: 审核状态横幅 + 核对任务/店主核对面板样式 */
.recon-day-banner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-radius: 8px; padding: 8px 14px; margin-bottom: 10px; font-size: 13px; }
.recon-day-banner.is-submitted { background: #3a3018; border: 1px solid #a08030; color: #ffe0a0; }
.recon-day-banner.is-locked { background: #16351f; border: 1px solid #2a7a45; color: #a8f0c0; }
.recon-day-banner button { margin-left: auto; border: 1px solid #6a7a85; border-radius: 5px; background: #1a2530; color: #d0dde5; padding: 2px 10px; font-size: 12px; cursor: pointer; }
.recon-sync-conflict { position: relative; display: flex; align-items: center; gap: 8px; min-width: 0; }
.recon-sync-conflict__label { flex: 1 1 auto; min-width: 0; line-height: 1.45; }
.recon-sync-conflict__toggle { flex: 0 0 auto; min-width: 36px; min-height: 32px; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font-size: 18px; line-height: 1; letter-spacing: 2px; cursor: pointer; }
.recon-sync-conflict__toggle:focus-visible, .recon-sync-conflict__menu button:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 2px; }
.recon-sync-conflict__menu { position: absolute; z-index: 20; top: calc(100% + 5px); right: 0; display: flex; flex-direction: column; gap: 4px; min-width: 148px; padding: 5px; border: 1px solid #5a6a75; border-radius: 7px; background: #1a2530; box-shadow: 0 8px 22px rgba(0,0,0,.35); }
.recon-sync-conflict__menu[hidden] { display: none; }
.recon-sync-conflict__menu button { min-height: 34px; border: 1px solid #5a6a75; border-radius: 5px; background: #263540; color: #e8eef2; padding: 6px 10px; font-size: 13px; cursor: pointer; white-space: nowrap; }
.recon-sync-conflict__menu button:hover { background: #344854; }
.recon-sync-conflict__menu .is-danger { border-color: #a03030; background: #7d2727; color: #fff; }
.recon-sync-conflict__menu .is-danger:hover { background: #a03030; }
.recon-task-gap { font-size: 15px; color: #e8eef2; }
.recon-task-gap b { font-size: 20px; }
.recon-task-gap b.is-bad { color: #ff7676; }
.recon-task-gap b.is-ok { color: #4ade80; }
.recon-task-alerts { display: flex; flex-direction: column; gap: 6px; margin: 8px 0; }
.recon-task-label { display: block; font-size: 12px; color: #a0b5c0; margin: 8px 0 4px; }
.recon-modal__input.is-area { height: auto; min-height: 60px; text-align: left; font-weight: 400; resize: vertical; }
.recon-review-note { background: #1a2530; border: 1px solid #3a4a55; border-radius: 6px; padding: 8px 10px; color: #ffd6a0; font-size: 13px; margin: 8px 0; }
.recon-review-checklist { font-size: 12px; color: #a0b5c0; line-height: 1.7; }

/* 20260916an: 额外收入字段金色区分 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-extra > span { color: #ffd88a !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-extra input { background: #3a3018 !important; border-color: #a08030 !important; color: #ffe8c0 !important; }

/* 20260916ao: 行内对账差额显示（额外收入旁） */
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output {
  flex: 1 1 auto;
  text-align: right;
  font-size: 14px;
  font-weight: 800;
  color: #a0b5c0;
  min-width: 56px;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-good { color: #4ade80; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-bad { color: #ff7676; text-decoration: underline wavy #ff7676 1px; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-plus { color: #ffd88a; }

/* 20260916ap: 差额三色框——0绿(对上) / +黄(钱多) / -红(钱少) */
.recon-calc-result .recon-r.is-gap-ok,
.recon-calc-result .recon-r.is-gap-plus,
.recon-calc-result .recon-r.is-gap-bad {
  border-radius: 8px;
  padding: 6px 12px !important;
  border: 1px solid transparent;
}
.recon-calc-result .recon-r.is-gap-ok { background: #16351f !important; border-color: #2a7a45 !important; }
.recon-calc-result .recon-r.is-gap-ok strong { color: #4ade80 !important; }
.recon-calc-result .recon-r.is-gap-ok span { color: #a8f0c0 !important; }
.recon-calc-result .recon-r.is-gap-plus { background: #3a3018 !important; border-color: #a08030 !important; }
.recon-calc-result .recon-r.is-gap-plus strong { color: #ffd88a !important; }
.recon-calc-result .recon-r.is-gap-plus span { color: #ffe8c0 !important; font-weight: 700; }
.recon-calc-result .recon-r.is-gap-bad { background: #3a1418 !important; border-color: #a03040 !important; }
.recon-calc-result .recon-r.is-gap-bad strong { color: #ff7676 !important; }
.recon-calc-result .recon-r.is-gap-bad span { color: #ffd6d6 !important; font-weight: 700; }

/* 行内差额同步三色框 */
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff { border-radius: 6px; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-good { color: #4ade80 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-plus { color: #ffd88a !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-fld.is-diff output.is-bad { color: #ff7676 !important; }

/* 20260916aq: 账外收支说明面板错误提示 */
.recon-flow-err { color: #ff9c9c; font-size: 12px; margin: 4px 0 0; }
.recon-flow-err[hidden] { display: none; }

/* 20260917: 手机版今日对账——文字在左输入框在右，一行2-3组 */
.store-reconciliation[data-store-reconciliation] { padding: 10px; }
.store-reconciliation[data-store-reconciliation] .recon-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.store-reconciliation[data-store-reconciliation] .recon-toolbar input[type="date"] { border: 1px solid #c8d1d6; border-radius: 6px; padding: 4px 6px; font-size: 13px; }
.store-reconciliation[data-store-reconciliation] .recon-toolbar button { border: 1px solid #c5ced4; border-radius: 6px; padding: 4px 12px; background: #fff; font-size: 13px; }

.store-reconciliation[data-store-reconciliation] .recon-store-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab { padding: 4px 10px; border: 1px solid #c5ced4; border-radius: 6px; background: #f4f7f9; color: #456; font-size: 12px; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-active { background: #167a5a; color: #fff; border-color: #167a5a; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-mode-active[data-recon-mode="fucai"] { background: #c23a3a; color: #fff; border-color: #a02828; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-mode-active[data-recon-mode="ticai"] { background: #2a7ac2; color: #fff; border-color: #1a5aa0; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-add { border-style: dashed; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-submit { background: #0d7a4a; color: #fff; border-color: #0d7a4a; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-review { background: #1a4a7a; color: #fff; border-color: #123358; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator { display: inline-flex; gap: 5px; align-items: center; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i { font-style: normal; color: #0d7a4a; font-weight: 700; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator.is-bound { background: #105a3a; color: #fff; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator.is-bound i { color: #6effa8; }

.store-reconciliation[data-store-reconciliation] .recon-section { border: 1px solid #dde3e8; border-radius: 10px; background: #fff; margin-bottom: 10px; }
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 10px 4px; }
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr strong { font-size: 13px; }
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr small { font-size: 10px; color: #8a9aa5; }
.store-reconciliation[data-store-reconciliation] .recon-sec-body, .store-reconciliation[data-store-reconciliation] .recon-grid { padding: 4px 10px 10px; }

/* 核心：文字左、输入框右，一行多组 */
.store-reconciliation[data-store-reconciliation] .recon-grid { display: grid; gap: 6px; }
.store-reconciliation[data-store-reconciliation] .recon-grid.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 380px) { .store-reconciliation[data-store-reconciliation] .recon-grid.g3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.store-reconciliation[data-store-reconciliation] .recon-fld { display: flex !important; flex-direction: row !important; align-items: center; gap: 4px; border: 1px solid #c8d1d6; border-radius: 7px; padding: 4px 6px; background: #fff; min-width: 0; }
.store-reconciliation[data-store-reconciliation] .recon-fld > span { font-size: 10px; color: #4a5a66; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 0 auto; max-width: 46%; }
.store-reconciliation[data-store-reconciliation] .recon-fld > input { flex: 1 1 auto; width: 100%; min-width: 0; border: none; outline: none; font-size: 13px; font-weight: 700; color: #1a2b36; text-align: right; background: transparent; padding: 2px 0; -moz-appearance: textfield; appearance: textfield; }
.store-reconciliation[data-store-reconciliation] .recon-fld > input::-webkit-outer-spin-button, .store-reconciliation[data-store-reconciliation] .recon-fld > input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* 差额三色框（行内+汇总条） */
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff { background: #16351f; border-color: #2a7a45; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff > span { color: #a8f0c0; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff output { flex: 1; text-align: right; font-size: 13px; font-weight: 800; }
.store-reconciliation[data-store-reconciliation] output.is-gap-ok, .store-reconciliation[data-store-reconciliation] .recon-r.is-gap-ok strong { color: #4ade80; }
.store-reconciliation[data-store-reconciliation] output.is-gap-plus, .store-reconciliation[data-store-reconciliation] .recon-r.is-gap-plus strong { color: #ffd88a; }
.store-reconciliation[data-store-reconciliation] output.is-gap-bad, .store-reconciliation[data-store-reconciliation] .recon-r.is-gap-bad strong { color: #ff7676; }

.store-reconciliation[data-store-reconciliation] .recon-calc-result { display: flex; flex-wrap: wrap; gap: 6px 14px; border-radius: 10px; padding: 10px; background: #f4f7f9; border: 1px solid #d8dde2; }
.store-reconciliation[data-store-reconciliation] .recon-calc-result.is-ok { background: #e8f7ef; border-color: #b8e2cc; }
.store-reconciliation[data-store-reconciliation] .recon-calc-result.is-warn { background: #fff3e0; border-color: #f5cba0; }
.store-reconciliation[data-store-reconciliation] .recon-r { display: flex; flex-direction: column; min-width: 70px; }
.store-reconciliation[data-store-reconciliation] .recon-r span { font-size: 10px; color: #5a6a75; }
.store-reconciliation[data-store-reconciliation] .recon-r strong { font-size: 13px; color: #1a2b36; }
.store-reconciliation[data-store-reconciliation] .recon-r.is-hl strong { font-size: 15px; color: #0d7a4a; }

.store-reconciliation[data-store-reconciliation] .recon-alerts { margin-top: 8px; display: flex; flex-direction: column; gap: 5px; }
.store-reconciliation[data-store-reconciliation] .recon-alert { background: #3a1418; border: 1px solid #a03040; border-left: 4px solid #ff5252; border-radius: 6px; padding: 7px 10px; color: #ffd6d6; font-size: 11px; line-height: 1.6; }

.store-reconciliation[data-store-reconciliation] .recon-day-banner { border-radius: 8px; padding: 7px 10px; margin-bottom: 8px; font-size: 12px; background: #3a3018; border: 1px solid #a08030; color: #ffe0a0; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense { background: #4a3018; border-color: #c08030; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense > span { color: #ffc068; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra { background: #3a3018; border-color: #a08030; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra > span { color: #ffd88a; }

/* 弹窗（手机版独立面板） */
.recon-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.55); }
.recon-modal[hidden] { display: none; }
.recon-modal__card { width: min(92vw, 340px); background: #263540; border: 1px solid #4a5a65; border-radius: 12px; padding: 16px; max-height: 85vh; overflow: auto; }
.recon-modal__card h3 { margin: 0 0 8px; font-size: 15px; color: #e8eef2; }
.recon-modal__card p { margin: 0 0 10px; font-size: 12px; color: #b0c0cc; line-height: 1.6; white-space: pre-line; }
.recon-modal__input { width: 100%; box-sizing: border-box; border: 1px solid #6a7a85; border-radius: 6px; background: #e8dccc; color: #1a1a1a; font-size: 14px; padding: 8px 10px; margin-bottom: 10px; outline: none; }
.recon-modal__input.is-area { height: auto; min-height: 54px; text-align: left; resize: vertical; }
.recon-modal__btns { display: flex; gap: 8px; justify-content: flex-end; }
.recon-modal__btns button { min-width: 76px; border: 1px solid #5a6a75; border-radius: 7px; padding: 6px 12px; font-size: 13px; background: #1a2530; color: #d0dde5; }
.recon-modal__btns .is-primary { background: #0d7a4a; border-color: #0d7a4a; color: #fff; }
.recon-flow-err { color: #ff9c9c; font-size: 11px; margin: 0 0 6px; }
.recon-flow-err[hidden] { display: none; }
.recon-review-note { background: #1a2530; border-radius: 6px; padding: 6px 8px; color: #ffd6a0 !important; }
.recon-review-checklist { font-size: 11px !important; }

/* 20260917b: 手机版配色收敛 + 提示数字极淡极小 + 柱状统计 */
.store-reconciliation[data-store-reconciliation] .recon-fld > input::placeholder { color: #ccd3d8 !important; font-size: 9px !important; font-weight: 400 !important; letter-spacing: 0; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra { background: #fdf6e9 !important; border-color: #e3c98f !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra > span { color: #a8781e !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense { background: #fdf0e9 !important; border-color: #dfa080 !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense > span { color: #b05a1e !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff { background: #f2f6f4 !important; border-color: #9db8a8 !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff > span { color: #4a6a58 !important; }
.store-reconciliation[data-store-reconciliation] output.is-gap-ok { color: #1d8a4a !important; }
.store-reconciliation[data-store-reconciliation] output.is-gap-plus { color: #b07818 !important; }
.store-reconciliation[data-store-reconciliation] output.is-gap-bad { color: #c22a3a !important; }
.store-reconciliation[data-store-reconciliation] .recon-stats-panel { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.store-reconciliation[data-store-reconciliation] .recon-stats-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.store-reconciliation[data-store-reconciliation] .recon-stat-item { border: 1px solid #dde3e8; border-radius: 8px; padding: 6px 8px; background: #fff; display: flex; flex-direction: column; gap: 2px; }
.store-reconciliation[data-store-reconciliation] .recon-stat-item span { font-size: 9px; color: #8a9aa5; }
.store-reconciliation[data-store-reconciliation] .recon-stat-item strong { font-size: 12px; color: #1a2b36; }
.store-reconciliation[data-store-reconciliation] .recon-stat-item.is-hl strong { color: #0d7a4a; }
.store-reconciliation[data-store-reconciliation] .recon-chart-block { border: 1px solid #dde3e8; border-radius: 8px; padding: 8px 10px; background: #fff; }
.store-reconciliation[data-store-reconciliation] .recon-chart-title { font-size: 11px; font-weight: 700; color: #2a3b46; margin-bottom: 6px; }
.store-reconciliation[data-store-reconciliation] .recon-chart-bars { display: flex; align-items: flex-end; justify-content: space-around; gap: 6px; height: 78px; }
.store-reconciliation[data-store-reconciliation] .recon-bar-col { display: flex; flex-direction: column; align-items: center; gap: 2px; flex: 1; min-width: 0; }
.store-reconciliation[data-store-reconciliation] .recon-bar { width: 100%; max-width: 26px; border-radius: 3px 3px 0 0; }
.store-reconciliation[data-store-reconciliation] .recon-bar.is-pos { background: #2e9e63; }
.store-reconciliation[data-store-reconciliation] .recon-bar.is-neg { background: #d25563; }
.store-reconciliation[data-store-reconciliation] .recon-bar-val { font-size: 8px; color: #a0adb5; white-space: nowrap; }
.store-reconciliation[data-store-reconciliation] .recon-bar-label { font-size: 9px; color: #5a6a75; white-space: nowrap; }

/* 20260917c: 手机版可读性——标签加大加浓、格子加高、标签底色与输入框白底强区分 */
.store-reconciliation[data-store-reconciliation] .recon-fld { min-height: 40px; padding: 5px 7px; gap: 5px; border-radius: 8px; }
.store-reconciliation[data-store-reconciliation] .recon-fld > span { font-size: 12px !important; font-weight: 700 !important; color: #ffffff !important; background: #3d5a66; border-radius: 5px; padding: 3px 6px; max-width: none !important; white-space: nowrap; }
.store-reconciliation[data-store-reconciliation] .recon-fld > input { font-size: 15px !important; font-weight: 800 !important; background: #ffffff; border-left: 1px solid #d3dade; border-radius: 4px; padding: 4px 4px; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra > span { background: #a8781e !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense > span { background: #b05a1e !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff > span { background: #4a6a58 !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff output { font-size: 14px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld > input::placeholder { font-size: 10px !important; color: #ccd3d8 !important; }

/* 20260917d: 界面底色加深衬白输入框 + 字体再加大 */
.store-reconciliation[data-store-reconciliation] { background: #cfd8dd !important; padding: 10px 8px; border-radius: 10px; }
.store-reconciliation[data-store-reconciliation] .recon-section { background: #dfe6ea !important; border-color: #b9c5cc !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld { background: #ffffff !important; min-height: 46px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld > span { font-size: 13px !important; padding: 4px 7px; }
.store-reconciliation[data-store-reconciliation] .recon-fld > input { font-size: 17px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff output { font-size: 16px !important; }
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr strong { font-size: 15px !important; }
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr small { font-size: 11px !important; }
.store-reconciliation[data-store-reconciliation] .recon-stats-panel, .store-reconciliation[data-store-reconciliation] .recon-stat-item, .store-reconciliation[data-store-reconciliation] .recon-chart-block { background: #dfe6ea !important; }

/* 20260917e: 余额/合买区 g2 两列——文字完整；合买区醒目蓝底白字；开支高对比橙 */
.store-reconciliation[data-store-reconciliation] .recon-grid.g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 4px 10px 10px; }
.store-reconciliation[data-store-reconciliation] .recon-fld > span { overflow: visible !important; text-overflow: clip !important; flex: 0 0 auto !important; }
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb { background: #1f4e5f !important; border-color: #2d7a8f !important; }
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb .recon-sec-hdr strong { color: #7fe0f5 !important; font-size: 16px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-gb > span { background: #0f6d8a !important; color: #ffffff !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-gb { background: #ffffff !important; border-color: #2d7a8f !important; border-width: 2px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense > span { background: #d2570a !important; color: #ffffff !important; font-size: 13px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense { border: 2px solid #d2570a !important; background: #fff7ee !important; }

/* 20260917f: 额外收入/对账差额标签修复——深底白字高对比（此前白字压浅底不可见） */
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra > span { background: #b07818 !important; color: #ffffff !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-extra { background: #fffaf0 !important; border: 2px solid #b07818 !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff > span { background: #2d5a8a !important; color: #ffffff !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff { background: #f0f6fc !important; border: 2px solid #2d5a8a !important; }

/* 20260917g: 顶部控制区重造——自定义日期行 + 店行/操作行两行铺满；按键高=输入框高+10%（51px）；三行带底色与各按键底色完全区分 */
.store-reconciliation[data-store-reconciliation] .recon-toolbar {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  background: #2e4152 !important;
  border: 1px solid #1f303f !important;
  border-radius: 10px !important;
  padding: 8px !important;
  margin-bottom: 10px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-toolbar .recon-fld.is-date {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 51px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld.is-date > span { background: #2d5a8a !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-date > input {
  background: #ffffff !important;
  color: #1a2b36 !important;
  font-size: 15px !important;
  border: 1px solid #c8d1d6 !important;
  border-radius: 5px !important;
  padding: 4px 6px !important;
}

.store-reconciliation[data-store-reconciliation] .recon-store-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  background: #274741 !important;
  border: 1px solid #1a332e !important;
  border-radius: 10px !important;
  padding: 8px !important;
  margin-bottom: 10px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tabs.is-actions {
  background: #4a2f3a !important;
  border-color: #331f28 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-sync-conflict {
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 1px solid #d8b66a;
  border-radius: 8px;
  background: #fff8e7;
  color: #785617;
  font-size: 12px;
}
.store-reconciliation[data-store-reconciliation] .recon-sync-conflict__toggle {
  border-color: #b88d32;
  background: #fffdf5;
  color: #785617;
}
.store-reconciliation[data-store-reconciliation] .recon-sync-conflict__menu {
  border-color: #d8b66a;
  background: #fffdf5;
  box-shadow: 0 6px 18px rgba(70, 45, 12, .2);
}
.store-reconciliation[data-store-reconciliation] .recon-sync-conflict__menu button {
  border-color: #d8c28e;
  background: #fff8e7;
  color: #4a3a20;
}
.store-reconciliation[data-store-reconciliation] .recon-sync-conflict__menu button:hover { background: #f5e7bd; }

/* 按键通用：51px 高（=下方输入框46px+10%），铺满格子 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab {
  min-height: 51px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 6px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  cursor: pointer;
}

/* 今天：橙 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-today {
  flex: 0 0 auto !important;
  min-width: 74px !important;
  background: linear-gradient(180deg, #e86a1a 0%, #d2570a 100%) !important;
  border-color: #a84308 !important;
}
/* 福彩店激活：红 / 体彩店激活：蓝 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-mode.is-mode-active[data-recon-mode="fucai"] {
  background: linear-gradient(180deg, #c23a3a 0%, #a02828 100%) !important;
  border-color: #801818 !important;
  box-shadow: 0 0 8px rgba(194, 58, 58, 0.55);
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-mode.is-mode-active[data-recon-mode="ticai"] {
  background: linear-gradient(180deg, #2a7ac2 0%, #1a5aa0 100%) !important;
  border-color: #144280 !important;
  box-shadow: 0 0 8px rgba(42, 122, 194, 0.55);
}
/* 当前店：亮青绿 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab[data-store].is-active {
  background: #17a074 !important;
  border-color: #0d7a56 !important;
  box-shadow: 0 0 8px rgba(23, 160, 116, 0.5);
}
/* +彩店：金 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-add {
  background: linear-gradient(180deg, #ffd75e 0%, #f5b83d 100%) !important;
  color: #4a3208 !important;
  border: 1px solid #c89820 !important;
}
/* 删除：深红 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-del {
  background: #8a2430 !important;
  border-color: #6a1620 !important;
}
/* 登记员：紫（绑定后点亮描边）；两行竖排防截断 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator {
  flex-direction: column !important;
  gap: 2px !important;
  background: #6b4fa0 !important;
  border-color: #4e3878 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator b { font-size: 11px !important; color: #ffffff !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i {
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #ffd76a !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator.is-bound {
  border: 1px solid #b48ee0 !important;
  box-shadow: 0 0 9px rgba(180, 142, 224, 0.6);
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator.is-bound i { color: #7dffb0 !important; }
/* 提交审核：绿 / 店主审核：藏青 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-submit {
  background: linear-gradient(180deg, #0f8a56 0%, #0d7a4a 100%) !important;
  border-color: #0a6340 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-review {
  background: linear-gradient(180deg, #235a8c 0%, #1a4a7a 100%) !important;
  border-color: #123358 !important;
}

/* 20260917h: 上班/下班余额板块底色完全区分（上班=暖沙金，下班=冰蓝），标签底色随之区分 */
.store-reconciliation[data-store-reconciliation] .recon-grid.is-open {
  background: #f2e5c9 !important;
  border: 1px solid #c9b078 !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-grid.is-close {
  background: #d7e8f5 !important;
  border: 1px solid #9dc0da !important;
  border-radius: 10px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-grid.is-open .recon-fld > span { background: #7a5c1e !important; }
.store-reconciliation[data-store-reconciliation] .recon-grid.is-close .recon-fld > span { background: #2f527a !important; }

/* 20260917t(批109终稿·用户最终裁定)：文字必须在输入框前面(左边)，禁止文字在输入框上面。
   每格横排：文字左→输入框右(占满余宽=加长)；两套一行(全部网格2列)；
   按键46px(51缩短10%)；佣金限2位；输入框19px大字。 */
.store-reconciliation[data-store-reconciliation] .recon-store-tab { min-height: 46px !important; }
.store-reconciliation[data-store-reconciliation] .recon-toolbar .recon-fld.is-date { min-height: 46px !important; }

.store-reconciliation[data-store-reconciliation] .recon-grid.g3,
.store-reconciliation[data-store-reconciliation] .recon-grid.g2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.store-reconciliation[data-store-reconciliation] .recon-fld {
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 52px !important;
  padding: 5px 7px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld > span {
  font-size: 11px !important;
  padding: 3px 5px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld > input,
.store-reconciliation[data-store-reconciliation] .recon-fld > output {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  font-size: 19px !important;
  text-align: right;
  border-top: none !important;
  border-left: 1px solid #d3dade !important;
  padding: 2px 4px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff output { font-size: 19px !important; }

.store-reconciliation[data-store-reconciliation] .recon-toolbar .recon-fld.is-date > input {
  border-left: none !important;
  font-size: 15px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i { font-size: 11px !important; }

/* 20260917u(批110)：标签与输入框同高——标签改为满高块（拉伸至格子内容高），字号随高度放大居中 */
.store-reconciliation[data-store-reconciliation] .recon-fld {
  align-items: stretch !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld > span {
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  padding: 0 5px !important;
  border-radius: 6px 0 0 6px !important;
}

/* 20260917v(批111)：按键再缩短10%（46→41px，含日期行）；三行带行间空白压到最小（带内边距/带间间距/后置间距全压缩） */
.store-reconciliation[data-store-reconciliation] .recon-store-tab { min-height: 41px !important; }
.store-reconciliation[data-store-reconciliation] .recon-toolbar .recon-fld.is-date { min-height: 41px !important; }

.store-reconciliation[data-store-reconciliation] .recon-toolbar {
  padding: 4px !important;
  margin-bottom: 4px !important;
  gap: 6px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tabs {
  gap: 5px !important;
  padding: 4px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i { font-size: 10px !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator b { font-size: 10px !important; }
/* 批111补：14px缝=旧全局margin+按钮基线，全清零 */
.store-reconciliation[data-store-reconciliation] .recon-toolbar { margin-bottom: 3px !important; padding: 3px !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tabs { margin-bottom: 3px !important; padding: 3px !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tab { margin: 0 !important; line-height: 1.1 !important; }
/* 批111补2：日期格与带同步41px，消残余缝 */
.store-reconciliation[data-store-reconciliation] .recon-fld.is-date { min-height: 41px !important; padding: 0 6px !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-date > input { min-height: 33px !important; height: 33px !important; }
/* 批111补3：toolbar 的 padding 8px 被后置!important 覆盖链压不掉，直接针对性定稿（padding 4px / mb 3px） */
.store-reconciliation[data-store-reconciliation] .recon-toolbar { padding: 4px 8px !important; margin-bottom: 4px !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tabs { padding: 4px 6px !important; margin-bottom: 4px !important; }
/* 批111定稿：缝隙=带内边距(4+4)+带间距(4)累计，压到最小——边距归1、内边距归2 */
.store-reconciliation[data-store-reconciliation] .recon-toolbar { padding: 2px 6px !important; margin-bottom: 1px !important; }
.store-reconciliation[data-store-reconciliation] .recon-store-tabs { padding: 2px 6px !important; margin-bottom: 1px !important; gap: 4px !important; }
.store-reconciliation[data-store-reconciliation] .recon-section { margin-top: 1px !important; }

/* 20260917w(批113)：佣金板块整体底色与其他区块区分（暖米金底+金边），标题按彩种命名 */
.store-reconciliation[data-store-reconciliation] .recon-section.is-commission {
  background: #f7eed8 !important;
  border: 2px solid #c9a548 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-commission .recon-sec-hdr strong {
  color: #7a5c1e !important;
  font-size: 16px !important;
}

/* 20260917x(批114)：佣金板块底色强化区分——更深的驼金底+粗金边+标题条加深 */
.store-reconciliation[data-store-reconciliation] .recon-section.is-commission {
  background: #f3e3bd !important;
  border: 3px solid #b8912f !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-commission .recon-sec-hdr {
  background: #e9d296 !important;
  border-radius: 8px 8px 0 0 !important;
  margin: 0 0 2px !important;
  padding: 6px 10px 2px !important;
}

/* 20260917y(批115)：佣金区两行改左右滑动横条——各彩种佣金一行、收支行一行，行内格子固定宽不压缩 */
.store-reconciliation[data-store-reconciliation] .recon-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 10px 8px !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.store-reconciliation[data-store-reconciliation] .recon-strip::-webkit-scrollbar { height: 4px; }
.store-reconciliation[data-store-reconciliation] .recon-strip .recon-fld {
  flex: 0 0 auto !important;
  width: 132px !important;
  min-width: 132px !important;
}
/* 批115补：条容器收到卡片内（修panel-card网格min-content撑破） */
.store-reconciliation[data-store-reconciliation] .recon-strip {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
/* 批115补2：section 与 card 网格项同步收敛（strip的100%才有意义） */
.store-reconciliation[data-store-reconciliation] .recon-section.is-commission {
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  overflow-x: hidden !important;
}
.store-reconciliation[data-store-reconciliation] .panel-card {
  min-width: 0 !important;
}
.store-reconciliation[data-store-reconciliation] .panel-card > * { min-width: 0 !important; }

/* 20260917z(批117)：①额外收入+对账差额铺满一行 ②'福彩佣金'文字在横滑条最左（第一个佣金输入框前面） */
/* 批122：该行改固定宽横滑格（输入框加长完整表达），额外收入与对账差额已换位 */
.store-reconciliation[data-store-reconciliation] .recon-strip:last-of-type .recon-fld {
  flex: 0 0 auto !important;
  width: 150px !important;
  min-width: 150px !important;
}
.recon-strip-title {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px 0 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #7a5c1e !important;
  border-right: 1px solid #c9a548 !important;
  white-space: nowrap;
}

/* 20260917z(批117)：①额外收入+对账差额铺满一行 ②'福彩佣金'文字在横滑条最左（第一个佣金输入框前面） */
.store-reconciliation[data-store-reconciliation] .recon-strip:last-of-type .recon-fld {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
.recon-strip-title {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px 0 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #7a5c1e !important;
  border-right: 1px solid #c9a548 !important;
  white-space: nowrap;
}

/* 20260917aa(批119)：店内开支独立区块+查看详情键+全屏明细面板 */
.store-reconciliation[data-store-reconciliation] .recon-section.is-expense-sec {
  background: #fdf1e7 !important;
  border: 2px solid #d2570a !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-expense-sec .recon-sec-hdr strong { color: #b34a08 !important; }
.recon-expense-detail-btn {
  margin-left: auto;
  border: 1px solid #d2570a !important;
  border-radius: 6px !important;
  background: #d2570a !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  cursor: pointer;
}
.recon-modal__card.is-full {
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: auto;
}
.recon-expense-total { background: #fdf1e7; border: 1px solid #d2570a; border-radius: 8px; padding: 8px 12px; margin-bottom: 10px; color: #b34a08; font-size: 14px; font-weight: 700; }
.recon-expense-total b { font-size: 18px; color: #d2570a; }
.recon-expense-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.recon-expense-table th { background: #f5d8a8; color: #7a4a08; padding: 8px 6px; border: 1px solid #e3c98f; }
.recon-expense-table td { padding: 8px 6px; border: 1px solid #eadfc8; text-align: center; color: #4a3a20; }
.recon-expense-empty { color: #8a7a5a; font-size: 13px; text-align: center; padding: 20px 0; }

/* 批119补：查看详情键在店内开支输入框后面同行（格内flex尾部），不占额外行 */
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense { flex-wrap: nowrap !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-expense .recon-expense-detail-btn {
  align-self: center !important;
  flex: 0 0 auto !important;
  margin-left: 2px !important;
  padding: 6px 8px !important;
}

/* 批120：每日开支卡片（日期+金额头、购买内容列表） */
.recon-expense-day { border: 1px solid #eadfc8; border-radius: 8px; margin-bottom: 8px; overflow: hidden; background: #fffdf7; }
.recon-expense-day-hd { display: flex; justify-content: space-between; align-items: center; background: #f5e3b8; padding: 8px 12px; color: #6a4a08; }
.recon-expense-day-hd b { font-size: 14px; }
.recon-expense-day-hd span { font-size: 15px; font-weight: 900; color: #d2570a; }
.recon-expense-day ul { list-style: none; margin: 0; padding: 6px 12px; }
.recon-expense-day li { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px dashed #eadfc8; font-size: 13px; color: #4a3a20; }
.recon-expense-day li:last-child { border-bottom: none; }
.recon-expense-day li small { color: #b0a080; margin-left: 8px; }

/* 批123终稿：开支行格子统一150px固定宽（清last-of-type等分残留），行内横滑 */
.store-reconciliation[data-store-reconciliation] .recon-strip:last-of-type .recon-fld {
  flex: 0 0 auto !important;
  width: 150px !important;
  min-width: 150px !important;
}

/* 批124：店内开支独占一行铺满（对账差额/额外收入行之后）——输入框加长占满，查看详情键同行 */
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow {
  display: flex !important;
  gap: 6px !important;
  padding: 4px 10px 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld > input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-expense-detail-btn {
  flex: 0 0 auto !important;
  align-self: center !important;
}

/* 批125：对账差额+额外收入铺满一行——两格等分满宽（不再132px横滑） */
.store-reconciliation[data-store-reconciliation] .recon-strip.is-fullrow {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: visible !important;
  padding: 4px 10px 8px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-strip.is-fullrow .recon-fld {
  flex: initial !important;
  width: auto !important;
  min-width: 0 !important;
}

/* 批128：手机版区块标题（福彩销售量/上下班余额登记等）深色字——
   修复164行桌面深色时代遗留的#e0eaf0浅色压浅灰底不可见（用户三轮反馈的真因） */
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr strong {
  color: #1a2b36 !important;
  font-weight: 900 !important;
}

/* 批129：'福彩佣金/体彩佣金'标题字号加大（12→15px，与区块标题同级醒目） */
.store-reconciliation[data-store-reconciliation] .recon-strip-title {
  font-size: 15px !important;
  font-weight: 900 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-strip-title {
  padding: 0 12px 0 6px !important;
}

/* 批134：合买计入销售量开关 */
.recon-gb-toggle {
  display: flex; align-items: flex-start; gap: 6px;
  margin: 4px 10px 10px; padding: 6px 8px;
  background: rgba(255,255,255,0.7); border: 1px dashed #2d7a8f; border-radius: 8px;
  font-size: 10px; color: #1f4e5f; line-height: 1.4; cursor: pointer;
}
.recon-gb-toggle input { margin-top: 1px; }

/* 批136：对账差额格子随三色动态变化（原is-diff固定浅蓝框不随正负变，用户看不到提示） */
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-ok {
  background: #e7f7ec !important;
  border: 2px solid #2e9e63 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-ok > span { background: #1d8a4a !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-plus {
  background: #fff6e2 !important;
  border: 2px solid #d29a2a !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-plus > span { background: #b07818 !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-bad {
  background: #fdeaea !important;
  border: 2px solid #d23a3a !important;
}
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff.is-gap-bad > span { background: #c22a3a !important; }
.store-reconciliation[data-store-reconciliation] .recon-fld.is-diff output { font-size: 20px !important; }

/* 批DEV176：多账号绑定面板在桌面和手机共用，行高固定避免账号增删时弹窗跳动。 */
.recon-member-current { margin: 0 0 12px; padding: 9px 10px; max-height: 190px; overflow: auto; border: 1px solid #4a5a65; border-radius: 7px; background: #1f2c36; color: #d0dde5; }
.recon-member-current > strong { display: block; margin-bottom: 5px; color: #a8f0c8; }
.recon-member-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 5px 0; border-bottom: 1px solid rgba(208,221,229,.14); }
.recon-member-row:last-child { border-bottom: 0; }
.recon-member-row > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.recon-member-row b, .recon-member-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recon-member-row small { color: #9fb0ba; font-size: 11px; }
.recon-member-row button, .recon-member-row em { flex: 0 0 auto; font-style: normal; }
.recon-member-row button { border: 1px solid #a03030; border-radius: 5px; padding: 4px 9px; background: #7d2525; color: #fff; cursor: pointer; }
.recon-member-row button:disabled { opacity: .55; cursor: wait; }
.store-reconciliation .recon-store-tab:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.35); }

/* 批TGW-DEV316：今日对账桌面布局收束为单栏自适应网格，字段完整展示且页面不产生横向滚动。 */
.store-reconciliation[data-desktop-reconciliation] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}
.store-reconciliation[data-desktop-reconciliation] *,
.store-reconciliation[data-desktop-reconciliation] *::before,
.store-reconciliation[data-desktop-reconciliation] *::after { box-sizing: border-box !important; min-width: 0; }
.store-reconciliation[data-desktop-reconciliation] .recon-main-flex { display: block !important; width: 100% !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-main-col,
.store-reconciliation[data-desktop-reconciliation] .recon-stats-col { width: 100% !important; max-width: 100% !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-stats-col { margin-top: 12px; }
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs,
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row,
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row,
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
.store-reconciliation[data-desktop-reconciliation] .recon-stats-summary {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  gap: 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-rate-row { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 7px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-sales-grid { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 8px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important; gap: 8px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result { grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)) !important; gap: 10px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-stats-summary { grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important; gap: 8px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > strong {
  grid-column: 1 / -1 !important;
  padding: 2px 0 0 !important;
  white-space: normal !important;
  text-align: left !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld > span {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld input,
.store-reconciliation[data-desktop-reconciliation] .recon-fld output {
  flex: 1 1 70px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-align: right !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar { flex-wrap: wrap !important; max-width: 100% !important; overflow: hidden !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar label { min-width: min(210px, 100%) !important; flex: 1 1 180px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar input[type="date"] { min-width: 0 !important; width: 100% !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-sync-conflict { max-width: 100% !important; overflow-wrap: anywhere !important; }
@media (max-width: 900px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-rate-row,
  .store-reconciliation[data-desktop-reconciliation] .recon-sales-grid,
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row,
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; }
}
@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-rate-row,
  .store-reconciliation[data-desktop-reconciliation] .recon-sales-grid,
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row,
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group,
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
  .store-reconciliation[data-desktop-reconciliation] .recon-stats-summary { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 批TGW-DEV321：上班/下班余额六个控件始终同一行，按可用宽度等比例收缩。 */
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(2px, .55vw, 7px) !important;
  align-items: stretch !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > strong {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  padding: 2px 0 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 1px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(2px, .45vw, 6px) clamp(2px, .55vw, 8px) !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 7px !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > input {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(1px, .3vw, 5px) clamp(2px, .4vw, 6px) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  text-align: right !important;
}

/* 宽屏保留原有的“标签在左、输入在右”表达；空间不足时沿用上面的紧凑上下结构。 */
@media (min-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > span { font-size: 8.5px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > input { font-size: 11px !important; }
}
@media (min-width: 900px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > span { font-size: 9.5px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > input { font-size: 12px !important; }
}
@media (min-width: 1280px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld {
    display: flex !important;
    flex-direction: row !important;
    gap: 2px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > span {
    flex: 0 0 auto !important;
    max-width: 55% !important;
    font-size: 10px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-balance-group > .recon-fld > input {
    flex: 1 1 0 !important;
    width: auto !important;
  }
}

/* 批TGW-DEV337：今日对账日期和顶部操作保持单行，日期框按15位数字宽度固定。 */
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > label {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > label > input[type="date"] {
  flex: 0 0 15ch !important;
  width: 15ch !important;
  min-width: 15ch !important;
  max-width: 15ch !important;
  height: 30px !important;
  padding: 2px 3px !important;
  font-size: 12px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > button {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 3px 7px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

/* 批TGW-DEV337：福彩店日对账至返回核查全部保持同一操作行，按钮按空间等比例收缩。 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 2px !important;
  padding: 2px !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs-sep { display: none !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 2px !important;
  font-size: 8px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator {
  display: flex !important;
  flex-direction: row !important;
  gap: 2px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator b,
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator i {
  min-width: 0 !important;
  max-width: 50% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 8px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  gap: 2px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span {
  flex: 0 0 auto !important;
  max-width: none !important;
  font-size: 9px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input {
  flex: 1 1 20px !important;
  width: auto !important;
  min-width: 20px !important;
  max-width: none !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-expense-note-button {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 24px !important;
  padding: 2px 4px !important;
  border: 1px solid #b07818 !important;
  border-radius: 4px !important;
  background: #6b4b13 !important;
  color: #ffe8b0 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-expense-history-button {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 24px !important;
  padding: 2px 4px !important;
  border: 1px solid #2f89a8 !important;
  border-radius: 4px !important;
  background: #174c62 !important;
  color: #c9f1ff !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-expense-history-button:hover { background: #226b88 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-note-dot { margin-left: 2px; color: #ffe08a; font-size: 7px; }
.store-reconciliation[data-desktop-reconciliation] .recon-expense-note-button:hover { background: #8a631b !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-expense-note-button:disabled { opacity: .5; cursor: not-allowed !important; }
.recon-note-modal-card { width: min(92vw, 500px) !important; }
.recon-note-modal-card .recon-modal__input.is-area { min-height: 170px !important; line-height: 1.6 !important; }
.recon-note-modal-meta { margin: -6px 0 10px; color: #b0c0cc; font-size: 12px; text-align: right; }
.recon-history-modal-card { width: min(94vw, 680px) !important; }
.recon-history-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 6px; max-height: min(62vh, 520px); overflow-y: auto; padding: 2px; }
.recon-history-row { min-width: 0; padding: 8px; border: 1px solid #3a5360; border-radius: 5px; background: #1d2d37; }
.recon-history-row header { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #ecf3f6; }
.recon-history-row header span { padding: 1px 4px; border-radius: 3px; background: #304b58; color: #c9e5ee; font-size: 11px; }
.recon-history-row header span.is-submitted { background: #6c541e; color: #ffe4a3; }
.recon-history-row header span.is-locked { background: #1e6842; color: #c9ffdf; }
.recon-history-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px; color: #a9c0ca; font-size: 11px; }
.recon-history-metrics b { color: #f5d8a8; font-weight: 700; }
.recon-history-row p { margin: 5px 0 0; color: #e0e9ed; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.recon-history-empty { padding: 20px 8px; color: #a9b9c2; text-align: center; }

@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-toolbar > label { font-size: 10px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-toolbar > label > input[type="date"] {
    height: 28px !important;
    font-size: 10px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-toolbar > button {
    min-height: 28px !important;
    padding: 2px 4px !important;
    font-size: 10px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 6px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator b,
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator i { font-size: 6px !important; }
}

@media (min-width: 1000px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab {
    font-size: clamp(9px, .72vw, 11px) !important;
    letter-spacing: 0 !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator b,
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab.is-operator i {
    font-size: clamp(9px, .72vw, 11px) !important;
  }
}

/* 批TGW-DEV339：联盟合买按可用宽度等分；店内开支、备注和明细共享一行空间。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row > .recon-fld {
  min-width: 0 !important;
  width: 100% !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr) minmax(0, 1.15fr) minmax(0, 1.2fr) minmax(0, .8fr) !important;
  align-items: center !important;
  gap: 2px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > label,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 批TGW-DEV350：余额开支口径开关保持在同一紧凑行，数值与所有金额输入统一居中。 */
.store-reconciliation .recon-expense-accounting {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  color: #ffe8b0;
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.store-reconciliation .recon-expense-accounting > input[type="checkbox"] {
  width: 13px !important;
  min-width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  accent-color: #f4c95d;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-accounting {
  color: #a44e12;
  font-size: 10px;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-accounting > input[type="checkbox"] {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
}
@media (max-width: 900px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 批TGW-DEV349：合买替他店卖出结果使用高对比结果牌，避免与深色背景混淆。 */
.store-reconciliation .recon-fld.is-other-share > span {
  color: #ffe38b !important;
  font-weight: 900 !important;
}
.store-reconciliation [data-gb-other-share] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  min-width: 0 !important;
  padding: 4px 8px !important;
  border: 2px solid #f4c95d !important;
  border-radius: 5px !important;
  background: #fff3bf !important;
  color: #202a30 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(32, 42, 48, .3), inset 0 1px 0 rgba(255, 255, 255, .8) !important;
}
@media (max-width: 560px) {
  .store-reconciliation [data-gb-other-share] {
    min-height: 32px !important;
    padding: 4px 5px !important;
    font-size: 12px !important;
  }
}

/* 批TGW-DEV340：合买前四项收紧，店内开支给足输入与备注空间。 */
@media (min-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: repeat(4, minmax(0, .72fr)) minmax(0, 2.12fr) !important;
  }
}

/* 批TGW-DEV341：门店管理、删除确认、店员绑定使用紧凑居中弹窗。 */
.recon-modal.is-compact-popup {
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%);
  width: min(94vw, 720px) !important;
  height: auto !important;
  max-height: 88vh;
  display: block !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: none;
}
.recon-modal.is-compact-popup > .recon-modal__card {
  width: min(94vw, 720px) !important;
  max-width: 720px !important;
  max-height: 88vh !important;
  height: auto !important;
  box-sizing: border-box;
  border-radius: 8px !important;
  overflow: auto !important;
  pointer-events: auto;
}
.recon-modal.is-compact-popup .recon-member-current,
.recon-modal.is-compact-popup .recon-member-results {
  max-height: 180px;
  overflow: auto;
}

/* 批TGW-DEV392：日期行承载管理员解锁、差额状态和原因入口，避免结果区重复提示。 */
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action {
  border: 1px solid #526b78 !important;
  border-radius: 5px !important;
  min-height: 30px !important;
  padding: 3px 8px !important;
  background: #263c49 !important;
  color: #d8edf4 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action.is-unlock-opening {
  border-color: #b07818 !important;
  background: #6b4b13 !important;
  color: #ffe8b0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action.is-clear-history {
  border-color: #a03040 !important;
  background: #5a1822 !important;
  color: #ffd6d6 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action.is-gap-reason {
  border-color: #8a4d58 !important;
  background: #4a2028 !important;
  color: #ffd6d6 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action.is-shared-balance {
  border-color: #3f7885 !important;
  background: #1b4550 !important;
  color: #d9f7ff !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action.is-shared-balance.is-enabled {
  border-color: #2d9661 !important;
  background: #145b39 !important;
  color: #bcffd8 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-action:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-gap {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 3px 8px;
  border: 1px solid #6a7a85;
  border-radius: 5px;
  background: #263540;
  color: #d0dde5;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-gap.is-plus { border-color: #a08030; background: #3a3018; color: #ffd88a; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-gap.is-minus { border-color: #a03040; background: #3a1418; color: #ff9c9c; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar-gap.is-ok { border-color: #2a7a45; background: #16351f; color: #a8f0c0; }
.recon-gap-reason-modal { width: min(94vw, 620px) !important; }
.recon-reason-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 10px 0 14px; }
.recon-reason-grid > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 8px 10px; border: 1px solid #3a5360; border-radius: 5px; background: #1d2d37; }
.recon-reason-grid span { color: #a9c0ca; font-size: 12px; min-width: 0; }
.recon-reason-grid b { color: #f5d8a8; font-size: 13px; white-space: nowrap; }
.recon-unlock-details-modal { width: min(94vw, 720px) !important; }
.recon-unlock-event-list { display: grid; gap: 6px; max-height: min(58vh, 460px); overflow-y: auto; margin: 10px 0 14px; }
.recon-unlock-event { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #3a5360; border-radius: 5px; background: #1d2d37; }
.recon-unlock-event strong { color: #c9e5ee; font-size: 12px; white-space: nowrap; }
.recon-unlock-event span { color: #ffd88a; font-size: 12px; white-space: nowrap; }
.recon-unlock-event p { margin: 0; color: #e0e9ed; font-size: 12px; overflow-wrap: anywhere; }
.recon-history-danger { padding: 10px; border: 1px solid #a03040; border-radius: 5px; background: #3b151c; color: #ffd6d6; line-height: 1.55; }
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > [data-recon-today],
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > [data-recon-search],
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > [data-recon-clear-history],
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > [data-recon-unlock-details],
.store-reconciliation[data-desktop-reconciliation] .recon-toolbar > [data-recon-shared-balance] {
  min-height: 34px !important;
  padding: 5px 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.recon-shared-balance-modal { width: min(94vw, 680px) !important; }
.recon-shared-balance-status { display: flex; align-items: center; gap: 8px; }
.recon-shared-balance-status strong { margin-left: auto; padding: 4px 9px; border: 1px solid #7b6870; border-radius: 5px; color: #ffd7d7; background: #4a2028; }
.recon-shared-balance-status strong.is-enabled { border-color: #2d9661; color: #bcffd8; background: #145b39; }
.recon-shared-balance-rules { display: grid; gap: 7px; margin: 12px 0; }
.recon-shared-balance-rules > div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 12px; border: 1px solid #3a5360; border-radius: 5px; background: #1d2d37; }
.recon-shared-balance-rules b { color: #f4cf83; font-size: 14px; }
.recon-shared-balance-rules span { color: #e0e9ed; font-size: 14px; line-height: 1.55; }
@media (max-width: 760px) {
  .recon-reason-grid { grid-template-columns: 1fr; }
  .recon-unlock-event { grid-template-columns: 1fr 1fr; }
  .recon-unlock-event p { grid-column: 1 / -1; }
}

/* 批TGW-DEV345：对账所有数值输入统一居中；文本控件配合 inputmode 保证连续输入。 */
html body .store-reconciliation[data-desktop-reconciliation] .recon-fld input[inputmode="numeric"],
html body .store-reconciliation[data-desktop-reconciliation] .recon-fld input[inputmode="decimal"],
html body .store-reconciliation[data-store-reconciliation] .recon-fld input[inputmode="numeric"],
html body .store-reconciliation[data-store-reconciliation] .recon-fld input[inputmode="decimal"],
.recon-modal input[inputmode="numeric"],
.recon-modal input[inputmode="decimal"] {
  text-align: center !important;
  font-variant-numeric: tabular-nums;
}
html body .store-reconciliation[data-desktop-reconciliation] .recon-fld input[inputmode="numeric"]::placeholder,
html body .store-reconciliation[data-desktop-reconciliation] .recon-fld input[inputmode="decimal"]::placeholder,
html body .store-reconciliation[data-store-reconciliation] .recon-fld input[inputmode="numeric"]::placeholder,
html body .store-reconciliation[data-store-reconciliation] .recon-fld input[inputmode="decimal"]::placeholder,
.recon-modal input[inputmode="numeric"]::placeholder,
.recon-modal input[inputmode="decimal"]::placeholder {
  text-align: center;
}

/* 批TGW-DEV349：结果牌样式放在历史输入框覆盖之后，确保移动端边框也保持高对比。 */
.store-reconciliation .recon-fld.is-other-share > [data-gb-other-share] {
  border: 2px solid #f4c95d !important;
  background: #fff3bf !important;
  color: #202a30 !important;
  text-align: center !important;
}

/* 批TGW-DEV351：对账信息优先保证可读性；开支一行均分，窄屏整行排列。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 4px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > label,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button {
  font-size: 11px !important;
  font-weight: 800 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input {
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-expense-note-button,
.store-reconciliation[data-desktop-reconciliation] .recon-expense-history-button {
  height: 28px !important;
  padding: 3px 6px !important;
  font-size: 11px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-expense-accounting {
  font-size: 11px !important;
}
@media (max-width: 900px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span,
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > label,
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button {
    font-size: 10px !important;
  }
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > span,
.store-reconciliation[data-store-reconciliation] .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-expense-detail-btn {
  font-size: 13px !important;
  font-weight: 800 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > input {
  font-size: 14px !important;
  text-align: center !important;
}

/* 批TGW-DEV370补：今日/累计指标采用“文字在金额前”布局，并压低结果区高度。 */
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
.store-reconciliation[data-store-reconciliation] .recon-calc-result {
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 6px 10px !important;
  gap: 6px 10px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 4px !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r span,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r span {
  font-size: 10px !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r strong,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r strong {
  font-size: 14px !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r.is-hl strong,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r.is-hl strong {
  font-size: 17px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stat-item,
.store-reconciliation[data-store-reconciliation] .recon-stat-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stat-item span,
.store-reconciliation[data-store-reconciliation] .recon-stat-item span {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stat-item strong,
.store-reconciliation[data-store-reconciliation] .recon-stat-item strong {
  white-space: nowrap !important;
}

/* 批TGW-DEV371：日销售量/日利润/累计利润独立成紧凑指标条；统计卡与结果卡统一低高度。 */
.store-reconciliation[data-desktop-reconciliation] .recon-stats-kpis,
.store-reconciliation[data-store-reconciliation] .recon-stats-kpis {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  gap: 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-kpis .recon-stat-item,
.store-reconciliation[data-store-reconciliation] .recon-stats-kpis .recon-stat-item {
  padding: 4px 8px !important;
  min-height: 28px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-summary .recon-stat-item,
.store-reconciliation[data-store-reconciliation] .recon-stats-summary .recon-stat-item {
  padding: 4px 8px !important;
  min-height: 28px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-kpis .is-day-profit strong,
.store-reconciliation[data-store-reconciliation] .recon-stats-kpis .is-day-profit strong {
  color: #ffd166 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-stats-source,
.store-reconciliation[data-store-reconciliation] .recon-stats-source {
  color: #a0b5c0 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-stats-kpis,
  .store-reconciliation[data-store-reconciliation] .recon-stats-kpis {
    grid-template-columns: 1fr !important;
  }
}

/* 批TGW-DEV374：宽屏今日结果与累计利润合并为一行八项，避免重复统计和自动换行。 */
@media (min-width: 1100px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
  .store-reconciliation[data-store-reconciliation] .recon-calc-result {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 5px 8px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
  .store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
}

/* 批TGW-DEV375：每日结果与累计结果分成两行；所有统计为只读自动计算，统一高度并压缩开支勾选空白。 */
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
.store-reconciliation[data-store-reconciliation] .recon-calc-result,
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 4px !important;
  min-height: 0 !important;
  margin-top: 4px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result {
  background: #17232d !important;
  border: 1px solid #405767 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r,
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 5px !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 4px 8px !important;
  border: 1px solid #3b5362 !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r span,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r span,
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r span,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r span {
  font-size: 13px !important;
  line-height: 1.1 !important;
  color: #e6f0f5 !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r strong,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r strong,
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r strong,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r strong {
  font-size: 16px !important;
  line-height: 1.1 !important;
  color: #fff !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r.is-hl strong,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r.is-hl strong,
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r.is-total strong,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r.is-total strong {
  font-size: 18px !important;
  color: #4ade80 !important;
}
.store-reconciliation .recon-calc-result .recon-r.is-sales,
.store-reconciliation .recon-cumulative-result .recon-r.is-sales { background: #203a51 !important; border-color: #477b9e !important; }
.store-reconciliation .recon-calc-result .recon-r.is-commission,
.store-reconciliation .recon-cumulative-result .recon-r.is-commission { background: #26394b !important; border-color: #547895 !important; }
.store-reconciliation .recon-calc-result .recon-r.is-machine { background: #283b42 !important; border-color: #4d7a7a !important; }
.store-reconciliation .recon-calc-result .recon-r.is-channel { background: #3f3422 !important; border-color: #987a3b !important; }
.store-reconciliation .recon-calc-result .recon-r.is-theory,
.store-reconciliation .recon-cumulative-result .recon-r.is-store { background: #254633 !important; border-color: #4f9b63 !important; }
.store-reconciliation .recon-calc-result .recon-r.is-pocket,
.store-reconciliation .recon-cumulative-result .recon-r.is-total { background: #16452a !important; border-color: #38a861 !important; }
.store-reconciliation .recon-cumulative-result .recon-r.is-alliance { background: #493821 !important; border-color: #a27d3e !important; }
.store-reconciliation .recon-cumulative-result .recon-r.is-scratch { background: #3b2f4e !important; border-color: #816ca2 !important; }
.store-reconciliation .recon-cumulative-result .recon-r.is-bonus { background: #4a3c20 !important; border-color: #b28b3b !important; }
.store-reconciliation .recon-cumulative-result .recon-r.is-expense { background: #482c27 !important; border-color: #b26253 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 5px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > span {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 52px !important;
  font-size: 11px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > input {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
.store-reconciliation .recon-expense-accounting {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 58px !important;
  padding: 0 2px !important;
  margin: 0 !important;
  gap: 3px !important;
  font-size: 9px !important;
  overflow: hidden !important;
}
.store-reconciliation .recon-expense-accounting > input[type="checkbox"] { margin: 0 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > .recon-expense-accounting {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 58px !important;
  min-width: 0 !important;
  padding: 0 2px !important;
  margin: 0 !important;
  gap: 3px !important;
  font-size: 9px !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > button {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 48px !important;
  padding: 3px 5px !important;
  font-size: 10px !important;
  margin: 0 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense {
  overflow: hidden !important;
}
@media (min-width: 1100px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
  .store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result { flex-wrap: nowrap !important; }
}
@media (min-width: 561px) and (max-width: 1099px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
  .store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r {
    flex: 1 1 calc(33.333% - 4px) !important;
    min-width: 150px !important;
  }
}
@media (max-width: 560px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
  .store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 700px) {
  .store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r,
  .store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r { flex-basis: calc(50% - 4px) !important; }
}

/* 批TGW-DEV376：审核口径、统计整行配色、明细弹窗与对账文字可读性。 */
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result,
.store-reconciliation[data-store-reconciliation] .recon-calc-result {
  background: #203a51 !important;
  border-color: #477b9e !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result {
  background: #1e4732 !important;
  border-color: #4f9b63 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r,
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r.is-gap-ok,
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r.is-gap-plus,
.store-reconciliation[data-desktop-reconciliation] .recon-calc-result .recon-r.is-gap-bad,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r.is-gap-ok,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r.is-gap-plus,
.store-reconciliation[data-store-reconciliation] .recon-calc-result .recon-r.is-gap-bad {
  background: #294b63 !important;
  border-color: #5d91b3 !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-cumulative-result .recon-r,
.store-reconciliation[data-store-reconciliation] .recon-cumulative-result .recon-r {
  background: #28543b !important;
  border-color: #62ad76 !important;
}
.store-reconciliation .recon-result-action {
  flex: 0 1 auto !important;
  min-width: 84px !important;
  min-height: 38px !important;
  padding: 5px 11px !important;
  border: 1px solid #75a9c2 !important;
  border-radius: 5px !important;
  background: #294b63 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.store-reconciliation .recon-cumulative-result .recon-result-action {
  background: #28543b !important;
  border-color: #83c793 !important;
}
.store-reconciliation .recon-result-action:hover,
.store-reconciliation .recon-result-action:focus-visible { filter: brightness(1.15); }

/* 工具栏从“福彩店日对账”到“返回核查”使用可读字号并允许按钮在窄屏换行。 */
.store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab,
.store-reconciliation[data-store-reconciliation] .recon-store-tabs > .recon-store-tab {
  min-height: 42px !important;
  padding: 8px 9px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator b,
.store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator i,
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator b,
.store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i { font-size: 13px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-sec-hdr strong,
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr strong { font-size: 16px !important; line-height: 1.25 !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-sec-hdr small,
.store-reconciliation[data-store-reconciliation] .recon-sec-hdr small,
.store-reconciliation[data-desktop-reconciliation] .recon-strip-title,
.store-reconciliation[data-store-reconciliation] .recon-strip-title,
.store-reconciliation[data-desktop-reconciliation] .recon-stats-source,
.store-reconciliation[data-store-reconciliation] .recon-stats-source {
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-fld > span,
.store-reconciliation[data-store-reconciliation] .recon-fld > span {
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* 开支操作区横跨有效宽度，给“余额已扣 / 说明备注 / 明细”稳定的可点击空间。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  grid-column: 1 / -1 !important;
  flex-wrap: nowrap !important;
  min-height: 44px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > span {
  flex: 0 0 72px !important;
  max-width: 72px !important;
  font-size: 13px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > input {
  flex: 1 1 220px !important;
  min-width: 150px !important;
  font-size: 14px !important;
}
.store-reconciliation .recon-expense-accounting,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > .recon-expense-accounting {
  flex: 0 0 104px !important;
  max-width: 104px !important;
  min-width: 104px !important;
  padding: 0 5px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button,
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > button {
  flex: 0 0 auto !important;
  min-width: 92px !important;
  max-width: 110px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense { flex-wrap: nowrap !important; }

/* 日明细/总累计明细弹窗。 */
.recon-result-detail-modal { width: min(92vw, 680px) !important; max-height: 86vh !important; overflow: auto !important; }
.recon-result-detail-modal.is-wide { width: min(99vw, 1400px) !important; max-height: 94vh !important; }
.recon-result-detail-modal h3 { font-size: 18px !important; }
.recon-detail-status { margin: 6px 0 12px !important; font-size: 13px !important; line-height: 1.45 !important; }
.recon-detail-status.is-final { color: #75e69b !important; }
.recon-detail-status.is-pending { color: #ffd788 !important; }
.recon-detail-table-wrap { overflow-x: auto; max-width: 100%; }
.recon-detail-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.recon-detail-table th,
.recon-detail-table td { padding: 8px 10px; border: 1px solid #486172; text-align: left; white-space: nowrap; }
.recon-detail-table th { width: 34%; color: #d6eaf3; background: #203a51; }
.recon-detail-table td { color: #fff; background: #172934; }
.recon-detail-table thead th { width: auto; background: #28543b; }
.recon-detail-empty { text-align: center !important; color: #b6c8d2 !important; white-space: normal !important; }
.recon-cumulative-detail-summary { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 6px; margin: 8px 0 12px; }
.recon-cumulative-detail-summary > div { min-width: 0; padding: 8px 10px; border: 1px solid #486172; border-radius: 5px; background: #1d2d37; }
.recon-cumulative-detail-summary span { display: block; color: #b8cbd5; font-size: 12px; white-space: nowrap; }
.recon-cumulative-detail-summary strong { display: block; margin-top: 3px; color: #75e69b; font-size: 16px; white-space: nowrap; }
.recon-result-detail-modal.is-wide .recon-detail-table { min-width: 980px; }
.recon-cumulative-day-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 54vh; overflow-y: auto; overflow-x: hidden; padding: 2px; }
.recon-cumulative-day { min-width: 0; padding: 10px; border: 1px solid #486172; border-radius: 6px; background: #1d2d37; }
.recon-cumulative-day > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: #ecf3f6; }
.recon-cumulative-day > header strong { font-size: 14px; }
.recon-cumulative-day > header span { padding: 2px 6px; border-radius: 3px; background: #1e6842; color: #c9ffdf; font-size: 11px; white-space: nowrap; }
.recon-cumulative-day-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.recon-cumulative-day-grid > div { min-width: 0; padding: 6px; border: 1px solid #344d5c; border-radius: 4px; background: #172934; }
.recon-cumulative-day-grid span { display: block; color: #b8cbd5; font-size: 11px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recon-cumulative-day-grid b { display: block; margin-top: 2px; color: #fff; font-size: 13px; white-space: nowrap; }
.recon-cumulative-day-note { margin: 8px 0 0 !important; padding-top: 6px; border-top: 1px solid #344d5c; color: #e0e9ed !important; font-size: 12px !important; overflow-wrap: anywhere; }

/* 批TGW-DEV381：总累计明细按本店、联盟、欠款与收款分视图展示。 */
.recon-detail-tabs { display: flex; gap: 6px; margin: 10px 0 8px; border-bottom: 1px solid #486172; padding-bottom: 6px; }
.recon-detail-tabs button { flex: 1 1 0; min-width: 0; border: 1px solid #486172; background: #203a51; color: #d6eaf3; padding: 8px 10px; border-radius: 5px; font-size: 13px; cursor: pointer; }
.recon-detail-tabs button:hover { border-color: #75e69b; color: #fff; }
.recon-detail-tabs button.is-active { background: #28543b; border-color: #75e69b; color: #fff; }
.recon-detail-view[hidden] { display: none !important; }
.recon-detail-view h4 { margin: 6px 2px 8px; color: #e8eef2; font-size: 14px; }
.recon-asset-profit-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 2px 10px; }
.recon-current-assets-card,
.recon-profit-comparison-card { min-width: 0; padding: 10px 12px; border: 1px solid #486172; border-radius: 5px; background: #172934; color: #f4fbff; }
.recon-current-assets-card { border-color: #ff6d6d; background: #761f25; }
.recon-current-assets-card > span,
.recon-profit-comparison-card > span { display: block; color: #d9e6ec; font-size: 12px; }
.recon-current-assets-card > strong,
.recon-profit-comparison-card > strong { display: block; margin: 3px 0 5px; color: #fff; font-size: 19px; line-height: 1.15; white-space: nowrap; }
.recon-current-assets-card > small,
.recon-profit-comparison-card > small { display: block; color: #d7e4ea; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.recon-profit-comparison-card > div { color: #b8cbd5; font-size: 12px; }
.recon-profit-comparison-card > div b { margin-left: 4px; font-size: 15px; white-space: nowrap; }
.recon-profit-comparison-card > div b.is-positive { color: #57e58a; }
.recon-profit-comparison-card > div b.is-negative { color: #ff7878; }
.recon-profit-comparison-card > div b.is-flat { color: #ffd36a; }
.recon-profit-comparison-card > div b.is-empty { color: #a9bbc5; }
.recon-profit-comparison-card > p { margin: 7px 0 0 !important; padding-top: 6px; border-top: 1px solid #344d5c; color: #dce8ed !important; font-size: 11px !important; line-height: 1.45; }
.recon-detail-header-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0 2px 6px; }
.recon-detail-header-grid span { display: block; min-width: 0; overflow: hidden; padding: 7px 6px; border: 1px solid #75a5bb; border-radius: 4px; background: #29485a; color: #f4fbff; font-size: 11px; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.recon-detail-header-grid.recon-local-detail-header span { background: #28543b; border-color: #75e69b; }
.recon-detail-header-grid.recon-alliance-detail-header span { background: #4a3b24; border-color: #e5b95f; }
.recon-detail-header-grid.recon-debt-detail-header span { background: #203a51; border-color: #75a5bb; }
.recon-local-game-grid,
.recon-alliance-detail-grid,
.recon-debt-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.recon-local-game-grid,
.recon-detail-header-grid.recon-local-detail-header { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.recon-alliance-detail-grid,
.recon-detail-header-grid.recon-alliance-detail-header { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.recon-debt-detail-grid,
.recon-detail-header-grid.recon-debt-detail-header { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.recon-local-game,
.recon-alliance-detail-grid > div,
.recon-debt-detail-grid > div { min-width: 0; padding: 8px; border: 1px solid #344d5c; border-radius: 4px; background: #172934; }
.recon-local-game span,
.recon-alliance-detail-grid span,
.recon-debt-detail-grid span { display: none; }
.recon-local-game b { display: block; overflow: hidden; color: #fff; font-size: 12px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }
.recon-cumulative-day-total { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; color: #d6eaf3; font-size: 12px; white-space: nowrap; }
.recon-cumulative-day-total span { overflow: hidden; text-overflow: ellipsis; }
.recon-cumulative-day-total b { color: #75e69b; white-space: nowrap; }
.recon-alliance-detail-grid b,
.recon-debt-detail-grid b { display: block; overflow: hidden; margin-top: 3px; color: #fff; font-size: 12px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 900px) {
  .recon-cumulative-detail-summary { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .recon-asset-profit-overview { grid-template-columns: 1fr; }
  .recon-cumulative-day-list { grid-template-columns: 1fr; max-height: 55vh; }
  .recon-cumulative-day-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .recon-local-game-grid,
  .recon-alliance-detail-grid,
  .recon-debt-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recon-local-game-grid,
  .recon-detail-header-grid.recon-local-detail-header { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .recon-alliance-detail-grid,
  .recon-detail-header-grid.recon-alliance-detail-header { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .recon-debt-detail-grid,
  .recon-detail-header-grid.recon-debt-detail-header { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .recon-detail-header-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab,
  .store-reconciliation[data-store-reconciliation] .recon-store-tabs > .recon-store-tab { font-size: 12px !important; padding: 7px 6px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator b,
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tab.is-operator i,
  .store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator b,
  .store-reconciliation[data-store-reconciliation] .recon-store-tab.is-operator i { font-size: 11px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense { flex-wrap: wrap !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input { min-width: 190px !important; }
}
@media (max-width: 560px) {
  .recon-cumulative-detail-summary { grid-template-columns: 1fr; }
  .recon-result-detail-modal.is-wide { width: 98vw !important; }
  .recon-cumulative-day-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recon-detail-tabs button { padding: 8px 4px; font-size: 12px; }
  .recon-detail-view h4 { font-size: 13px; }
  .store-reconciliation[data-desktop-reconciliation] .recon-store-tabs > .recon-store-tab,
  .store-reconciliation[data-store-reconciliation] .recon-store-tabs > .recon-store-tab { font-size: 11px !important; min-height: 38px !important; }
  .store-reconciliation .recon-result-action { flex-basis: calc(50% - 4px) !important; min-width: 0 !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense,
  .store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense { flex-wrap: wrap !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input,
  .store-reconciliation[data-store-reconciliation] .recon-expense-fullrow .recon-fld.is-expense > input { flex-basis: calc(100% - 82px) !important; min-width: 0 !important; }
  .store-reconciliation .recon-expense-accounting { flex-basis: 104px !important; min-width: 104px !important; }
  .recon-result-detail-modal, .recon-result-detail-modal.is-wide { width: 98vw !important; }
  .recon-detail-table { font-size: 13px; }
}

/* 批TGW-DEV386：合买行的店内开支、余额已扣、说明备注、明细四个区域等宽分配。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}
.recon-expense-amount { display: flex; align-items: center; gap: 5px; min-width: 0; width: 100%; }
.recon-expense-amount > span { flex: 0 0 auto !important; min-width: 0 !important; max-width: 52px !important; overflow: hidden; color: #f0c15f; font-size: 11px !important; white-space: nowrap; text-overflow: ellipsis; }
.recon-expense-amount > input { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting { display: flex !important; align-items: center !important; gap: 4px !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting input,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting input { flex: 0 0 auto !important; width: auto !important; }
@media (max-width: 900px) {
  .recon-expense-amount > span { max-width: 44px !important; font-size: 10px !important; }
  .recon-expense-amount { gap: 3px; }
}

/* 批TGW-DEV377：合买区把店内开支及两个明细操作紧接替他店卖出利润，同一行表达。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 2.2fr) !important;
  overflow-x: visible !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  grid-column: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 4px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span {
  flex: 0 0 64px !important;
  max-width: 64px !important;
  font-size: 12px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input {
  flex: 1 1 120px !important;
  min-width: 20px !important;
  font-size: 13px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting {
  flex: 0 0 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  padding: 0 2px !important;
  font-size: 11px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button {
  flex: 0 0 auto !important;
  min-width: 58px !important;
  max-width: 82px !important;
  padding: 6px 5px !important;
  font-size: 11px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(82px, 1fr)) minmax(240px, 2fr) !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense {
  grid-column: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 240px !important;
  gap: 3px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > span {
  flex: 0 0 52px !important;
  max-width: 52px !important;
  font-size: 11px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > input {
  flex: 1 1 55px !important;
  min-width: 30px !important;
  font-size: 12px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting {
  flex: 0 0 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  padding: 0 1px !important;
  font-size: 10px !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > button {
  flex: 0 0 auto !important;
  min-width: 46px !important;
  max-width: 62px !important;
  padding: 5px 3px !important;
  font-size: 10px !important;
}
@media (max-width: 900px) {
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
    grid-template-columns: repeat(4, minmax(82px, 1fr)) minmax(235px, 2fr) !important;
    overflow-x: auto !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
    min-width: 0 !important;
    overflow: hidden !important;
    gap: 2px !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > * {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > span { flex: 0 0 52px !important; flex-basis: 52px !important; max-width: 52px !important; font-size: 10px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > input { flex: 1 1 0 !important; flex-basis: 0 !important; width: 0 !important; min-width: 0 !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting { flex: 0 0 60px !important; flex-basis: 60px !important; min-width: 60px !important; max-width: 60px !important; font-size: 9px !important; }
  .store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button { flex: 1 1 0 !important; width: 0 !important; min-width: 40px !important; max-width: 46px !important; padding-left: 2px !important; padding-right: 2px !important; font-size: 9px !important; }
}

/* 批TGW-DEV386最终覆盖：确保前序合买布局规则不会把四个区域重新挤成不等宽。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  overflow: hidden !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-amount,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button { min-width: 0 !important; max-width: none !important; width: 100% !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > .recon-expense-accounting { display: flex !important; flex: 1 1 auto !important; }
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row .recon-fld.is-expense > button { flex: 1 1 auto !important; }
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 6px !important;
  overflow: hidden !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-amount,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting,
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > button { min-width: 0 !important; max-width: none !important; width: 100% !important; }
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid > .recon-fld.is-expense > .recon-expense-accounting { display: flex !important; }

/* 批TGW-DEV418：联盟拆分后六个区域保持同一行，最后一个复合开支格占更宽空间。 */
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, .72fr)) minmax(0, 2.4fr) !important;
  align-items: stretch !important;
  gap: 6px !important;
}
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row > .recon-fld,
.store-reconciliation[data-desktop-reconciliation] .recon-gb-row > .recon-fld.is-expense {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.store-reconciliation[data-store-reconciliation] .recon-section.is-gb > .recon-grid {
  grid-template-columns: repeat(5, minmax(78px, 1fr)) minmax(230px, 2.4fr) !important;
}
.store-reconciliation input[readonly][data-bal$="scratchStock"] {
  cursor: default;
  background: #dbe4e8 !important;
  color: #17313d !important;
  font-weight: 800 !important;
}