/* 首页汇总表：本期额度 / 本期已用 / 当前还剩 / 今日总支出 / 本月总支出 一张表（左项目、右金额，说明写在金额下面）
   前三行由 BudgetPlannerUI 渲染进 #box-budget-summary-container（仍是 .budget-metric-col：单击联动明细、双击下钻），后两行在 index.html */
.dash-table-card { padding: 0 0 10px; overflow: hidden; }
.dash-table-card .box-budget-summary { background: none; border: 0; border-radius: 0; padding: 0; margin: 0; box-shadow: none; }

.dash-cycle-caption { padding: 10px 14px 8px; }
.dash-cycle-caption .budget-progress-labels { margin: 0 0 5px; font-size: 11px; }
.dash-cycle-caption .budget-progress-track { height: 4px; }

.dash-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 14px; min-height: 46px; border-top: 1px solid #F1F5F9; }
.dash-table-card .budget-metric-col.dash-row { flex-direction: row; align-items: center; text-align: left; border-radius: 0; padding: 9px 14px; }
.dash-table-card .budget-metric-col.dash-row.is-selected { background: #EFF6FF; box-shadow: inset 3px 0 0 #3B82F6; }

.dash-row-label { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 0; font-size: 13px; font-weight: 700; color: #334155; }
.dash-row-label .box-label { margin: 0; font-size: 13px; font-weight: 700; color: #334155; }
.dash-row-val { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; text-align: right; }
.dash-amount,
.dash-table-card .box-income-val,
.dash-table-card .box-spend-val,
.dash-table-card .box-remaining-val { font-size: 17px; font-weight: 800; color: #0F172A; line-height: 1.25; white-space: nowrap; }
.dash-row-month .dash-amount { color: var(--primary); }
.dash-row-note { font-size: 10.5px; font-weight: 600; color: #94A3B8; margin-top: 1px; line-height: 1.3; }
.dash-row-month { cursor: pointer; }
.dash-table-card .dash-row.drill-entry { border-radius: 0; } /* 下钻入口在表里不要圆角，和其他行对齐 */

.dash-chip { font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 8px; background: #F1F5F9; color: #475569; border: none; cursor: pointer; line-height: 1.6; }
.dash-chip[hidden] { display: none; }
.dash-table-foot { display: flex; gap: 6px; padding: 10px 14px 0; border-top: 1px solid #F1F5F9; }

/* 日历表头：‹ 2026年11月 › 回到今天 收起 */
.cal-head { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.cal-month-title { flex: 1; text-align: center; font-size: 14px; font-weight: 800; color: var(--text-main); }
.cal-nav-btn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E5E7EB; background: #fff; color: #334155; font-size: 18px; line-height: 1; cursor: pointer; }
.cal-nav-btn:disabled { opacity: 0.3; cursor: default; }
.cal-swipe-hint { text-align: center; font-size: 10px; color: #CBD5E1; margin-top: 4px; }
#calendar-grid { touch-action: pan-y; transition: transform 0.18s ease, opacity 0.18s ease; }
#calendar-grid.cal-slide-left { transform: translateX(-24px); opacity: 0.4; }
#calendar-grid.cal-slide-right { transform: translateX(24px); opacity: 0.4; }

@media (max-width: 360px) {
  .dash-amount, .dash-table-card .box-income-val, .dash-table-card .box-spend-val, .dash-table-card .box-remaining-val { font-size: 15px; }
}