/* ==========================================================================
   收租状态 + 收租报表（含打印样式）
   ========================================================================== */

/* ------------------------------ 月份选择器 ------------------------------ */
.month-pick {
  display: inline-flex; align-items: center; gap: 7px;
  height: 38px; padding: 0 11px; border-radius: 11px;
  border: 1px solid var(--line); background: var(--card-2);
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.month-pick:focus-within { border-color: var(--jade); background: var(--card); box-shadow: 0 0 0 3px var(--jade-soft); }
.month-pick .ic { color: var(--jade); width: 16px; height: 16px; }
.month-pick input {
  border: 0; background: none; outline: none; width: 122px;
  font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ink);
}
.month-pick input::-webkit-calendar-picker-indicator { opacity: .45; cursor: pointer; }

.switch-check {
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px; padding: 0 12px; border-radius: 11px;
  border: 1px solid var(--line); background: var(--card-2);
  font-size: 13px; color: var(--ink-2); cursor: pointer; white-space: nowrap;
  transition: background .2s var(--ease), border-color .2s var(--ease);
}
.switch-check:hover { background: var(--card); }
.switch-check input { width: 15px; height: 15px; border-radius: 5px; }
.switch-check input:checked + span { color: var(--ink); font-weight: 600; }

/* ------------------------------ 收租两态开关 ------------------------------ */
.pay-toggle { display: inline-flex; padding: 2px; gap: 2px; border-radius: 9px; background: var(--card-2); border: 1px solid var(--line-2); }
.pay-btn {
  height: 24px; padding: 0 9px; border-radius: 7px;
  font-size: 12px; font-weight: 550; color: var(--ink-3); white-space: nowrap;
  transition: background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);
}
.pay-btn:hover { color: var(--ink); background: var(--card); }
.pay-btn.on-paid { background: var(--jade); color: #F6F1E3; box-shadow: 0 2px 6px -2px rgba(15, 95, 74, .6); }
html[data-theme="dark"] .pay-btn.on-paid { color: #08130F; }
.pay-btn.on-unpaid { background: var(--gold); color: #FFF8E9; box-shadow: 0 2px 6px -2px rgba(176, 128, 60, .6); }
html[data-theme="dark"] .pay-btn.on-unpaid { color: #1A1206; }
.pay-toggle.disabled { opacity: .42; pointer-events: none; }
.pay-na { font-size: 12.5px; color: var(--ink-3); }

.pill.s-已收租 { color: var(--jade); background: var(--jade-soft); }
.pill.s-未收租 { color: var(--gold); background: var(--gold-soft); }
.pill.s-已收齐 { color: var(--jade); background: var(--jade-soft); }
.pill.s-部分收租 { color: var(--violet); background: var(--violet-soft); }
.pill.s-无需收租 { color: var(--ink-3); background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line); }

/* -------------------------------- 报表纸面 -------------------------------- */
.sheet {
  background: var(--card); border: 1px solid var(--line-2);
  border-radius: var(--r-lg); padding: 26px 28px; box-shadow: var(--shadow-1);
}
.sheet-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding-bottom: 16px; border-bottom: 2px solid var(--ink); }
.sheet-title h2 { font-size: 20px; letter-spacing: -.02em; }
.sheet-title p { font-size: 12.5px; color: var(--ink-3); margin-top: 4px; }
.sheet-stamp { text-align: right; font-size: 11.5px; color: var(--ink-3); line-height: 1.7; }
.sheet-stamp b { display: block; color: var(--ink-2); font-size: 12.5px; }

.sum-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 0; margin: 18px 0 20px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.sum-cell { padding: 12px 14px; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); }
.sum-cell:nth-child(n) { background: var(--card); }
.sum-cell .k { font-size: 11.5px; color: var(--ink-3); letter-spacing: .02em; }
.sum-cell .v { font-family: var(--font-display); font-size: 18px; font-weight: 650; letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin-top: 2px; }
.sum-cell.jade .v { color: var(--jade); }
.sum-cell.gold .v { color: var(--gold); }
.sum-cell.violet .v { color: var(--violet); }
.sum-cell.rose .v { color: var(--rose); }

.rep-scroll { overflow-x: auto; }
table.report { width: 100%; border-collapse: collapse; font-size: 12.5px; }
table.report th, table.report td { border: 1px solid var(--line); padding: 7px 9px; text-align: left; vertical-align: middle; }
table.report thead th { background: var(--card-2); font-size: 11.5px; font-weight: 650; color: var(--ink-2); letter-spacing: .02em; white-space: nowrap; }
table.report tbody tr:nth-child(even) { background: color-mix(in srgb, var(--card-2) 55%, transparent); }
table.report tbody tr:hover { background: var(--jade-soft); }
table.report td.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
table.report td.mid { text-align: center; }
table.report tfoot td { background: var(--card-2); font-weight: 650; }
.col-tick { width: 46px; }
.tick-btn {
  display: grid; place-items: center; width: 22px; height: 22px; margin: 0 auto;
  border: 1.5px solid var(--ink-3); border-radius: 4px; background: transparent;
  color: var(--jade); transition: background .16s var(--ease), border-color .16s var(--ease);
}
.tick-btn .ic { width: 14px; height: 14px; stroke-width: 2.4; opacity: 0; }
.tick-btn:hover { border-color: var(--jade); background: var(--jade-soft); }
.tick-btn.on { border-color: var(--jade); background: var(--jade-soft); }
.tick-btn.on .ic { opacity: 1; }
.rep-months { display: flex; gap: 3px; flex-wrap: wrap; }
.rep-months i {
  font-style: normal; font-size: 11px; padding: 1px 5px; border-radius: 5px;
  background: var(--card-2); color: var(--ink-3); border: 1px solid var(--line-2);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.rep-months i.ok { color: var(--jade); background: var(--jade-soft); border-color: transparent; }
.rep-months i.part { color: var(--violet); background: var(--violet-soft); border-color: transparent; }
.rep-months i.na { opacity: .45; }
.sheet-foot { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 11.5px; color: var(--ink-3); }
.sheet-sign { display: flex; gap: 34px; }
.sheet-sign span { border-bottom: 1px solid var(--ink-3); min-width: 96px; display: inline-block; padding-bottom: 2px; }

/* -------------------------------- 打印 -------------------------------- */
@media print {
  @page { size: A4 landscape; margin: 10mm; }
  html, body { background: #fff !important; color: #000 !important; }
  body { background-image: none !important; }
  .rail, .topbar, .no-print, .toasts, .bulkbar, #toasts, #roomModal, #confirmModal, .list-meta { display: none !important; }
  .app { display: block !important; grid-template-columns: none !important; }
  .content { padding: 0 !important; display: block !important; }
  .page { display: none !important; }
  #page-report { display: block !important; }
  #page-report > .card.toolbar { display: none !important; }
  .sheet { border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
  .sheet-head { border-bottom-color: #000 !important; }
  .sheet-head h2, .sheet-title p, .sheet-stamp, .sheet-stamp b, .sheet-foot { color: #000 !important; }
  .sum-grid { border-color: #999 !important; border-radius: 0 !important; margin: 8px 0 10px !important; }
  .sum-cell { border-color: #bbb !important; padding: 5px 8px !important; background: #fff !important; }
  .sum-cell .k { color: #333 !important; font-size: 9.5pt; }
  .sum-cell .v { color: #000 !important; font-size: 13pt; }
  .rep-scroll { overflow: visible !important; }
  table.report { font-size: 8.6pt; }
  table.report th, table.report td { border: 1px solid #666 !important; padding: 3px 5px !important; color: #000 !important; }
  table.report thead th { background: #eee !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  table.report tbody tr:nth-child(even) { background: #fff !important; }
  table.report tbody tr:hover { background: #fff !important; }
  table.report tfoot td { background: #eee !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .pill, .badge { background: none !important; color: #000 !important; box-shadow: none !important; font-weight: 600; }
  .pill::before { background: #000 !important; }
  .rep-months i { background: none !important; border: 0 !important; color: #000 !important; padding: 0 3px 0 0 !important; }
  .tick-btn { border: 1.4pt solid #000 !important; width: 4.2mm; height: 4.2mm; border-radius: 0 !important; background: #fff !important; }
  .tick-btn .ic { display: none !important; }
  .rep-months i.ok, .rep-months i.part { color: #000 !important; }
  table.report tr { page-break-inside: avoid; }
  thead { display: table-header-group; }
  tfoot { display: table-row-group; }
}

/* 卡片视图里的收租开关 + 总览收租提醒 */
.rc-pay { margin-top: 8px; }
.notice-collect {
  margin-top: 10px;
  background: var(--jade-soft);
  border-color: color-mix(in srgb, var(--jade) 26%, transparent);
}
.notice-collect .notice-ic { background: color-mix(in srgb, var(--jade) 20%, transparent); color: var(--jade); }
.notice-collect .btn { text-decoration: none; }
#noticeStrip { display: flex; flex-direction: column; }
#noticeStrip:empty { display: none; }

/* ------------------------------ 报表年份选择 ------------------------------ */
.year-pick {
  display: inline-flex; align-items: center; gap: 2px;
  height: 38px; padding: 0 4px 0 2px; border-radius: 11px;
  border: 1px solid var(--line); background: var(--card-2);
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.year-pick:focus-within { border-color: var(--jade); background: var(--card); box-shadow: 0 0 0 3px var(--jade-soft); }
.year-step {
  display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px;
  color: var(--ink-3); font-size: 15px; line-height: 1;
  transition: background .18s var(--ease), color .18s var(--ease);
}
.year-step:hover { background: var(--card); color: var(--ink); box-shadow: var(--shadow-1); }
.year-pick input {
  width: 62px; border: 0; background: none; outline: none; text-align: center;
  font-size: 14px; font-weight: 600; color: var(--ink);
  font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield;
}
.year-pick input::-webkit-outer-spin-button,
.year-pick input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.year-unit { font-size: 12px; color: var(--ink-3); margin-right: 2px; }