/* Eterano v1.13.1 — Reports polish & bank classification */

/* Report tables: keep numeric headers aligned with numeric values. */
.report-year-head span:nth-child(n+2){text-align:right}
.report-year-row strong{justify-self:end;min-width:110px}

/* Shared report drill-down safe area: prevent rounded corners from covering labels/titles. */
.report-drilldown-modal{overflow:hidden}
.report-drilldown-shell{padding:22px 24px 24px;box-sizing:border-box;min-width:0}
.report-drilldown-shell>.modal-header{padding:0;align-items:flex-start}
.report-drilldown-shell>.modal-header .eyebrow{margin-top:2px}
.report-drill-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.report-drill-summary>div{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:color-mix(in srgb,var(--paper) 97%,transparent)}
.report-drill-summary span{font-size:.8rem;color:var(--muted);font-weight:750}
.report-drill-summary strong{font-variant-numeric:tabular-nums}

/* Balance columns should feel deliberate even when one side has fewer rows. */
.reports-balance-grid{align-items:start}

/* Bank classification actions. */
.bank-classification-hint1131{margin:8px 0 0;color:var(--muted);font-size:.82rem}
.bank-classification-modal{width:min(680px,calc(100vw - 28px));overflow:hidden}
.bank-classification-modal form{display:grid;gap:14px;padding:20px 22px 22px;box-sizing:border-box}
.bank-classification-modal .modal-header{padding:0;align-items:flex-start}
.bank-classification-modal label{display:grid;gap:6px;min-width:0}
.bank-classification-modal input,.bank-classification-modal select,.bank-classification-modal textarea{width:100%;min-width:0}
.bank-classification-summary{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:var(--accent-soft)}
.bank-classification-summary small{color:var(--muted);overflow-wrap:anywhere}
.bank-classification-help{margin:0}
.bank-transfer-preview{min-height:42px;display:flex;align-items:center;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;color:var(--muted)}
.bank-row-actions{flex-wrap:wrap}
.bank-row-actions [data-v1131-book-income],.bank-row-actions [data-v1131-transfer]{white-space:nowrap}

/* Refunded orders that are collectible again need explicit wording. */
.refund-due-again1131{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--warning,#d59b18) 45%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--warning,#d59b18) 8%,transparent)}
.refund-due-again1131 span{font-variant-numeric:tabular-nums;font-weight:800}

/* Recurring manager/form alignment — second polish pass from live screenshots. */
.recurring-edit-modal form{padding:20px 22px 22px;box-sizing:border-box}
.recurring-edit-modal .modal-header{padding:0}
.recurring-edit-modal .two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.recurring-edit-modal .three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.recurring-edit-modal .four-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.recurring-edit-modal label>span{min-height:20px}
.recurring-manager-modal .modal-shell,.recurring-manager-modal>div{box-sizing:border-box}
.recurring-template-card{padding:14px 12px}
.recurring-template-main,.recurring-meta{display:grid;align-content:center}
.recurring-card-actions{align-items:center}
.recurring-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}

@media(max-width:1050px){
  .bank-transaction-row .bank-row-actions{grid-column:2/4;display:flex;flex-wrap:wrap}
}
@media(max-width:760px){
  .report-drilldown-shell{padding:18px 16px 18px}
  .report-drill-summary{grid-template-columns:1fr}
  .bank-classification-modal{width:calc(100vw - 16px)}
  .bank-classification-modal form{padding:18px 16px}
  .bank-row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bank-row-actions button{width:100%}
  .recurring-edit-modal .two-columns,.recurring-edit-modal .three-columns,.recurring-edit-modal .four-columns{grid-template-columns:1fr}
}
@media(max-width:430px){
  .bank-row-actions{grid-template-columns:1fr!important}
  .recurring-history-row{grid-template-columns:1fr}
}