.finance-upcoming {container-type:inline-size;display:flex;flex-direction:column;gap:.85rem;}
.dashboard-upcoming-heading {display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.7rem;}
.dashboard-upcoming-heading h2 {margin:0;font-size:1rem;line-height:1.35;}
.dashboard-upcoming-heading p,.dashboard-upcoming-window {margin:.25rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.5;}
.dashboard-upcoming-icon {display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#eaf1fa;color:#355c8a;}
.dashboard-upcoming-icon svg {width:1.5rem;height:1.5rem;}
.dashboard-upcoming-count {display:grid;gap:.1rem;text-align:center;align-content:center;min-width:4.1rem;padding:.5rem;border-radius:.75rem;color:#355c8a;background:#eef3f9;}
.dashboard-upcoming-count strong {font-size:1.1rem;line-height:1.2;}
.dashboard-upcoming-count>span {font-size:.65rem;}
.dashboard-upcoming-window {margin:0;padding-bottom:.8rem;border-bottom:1px solid var(--border);}
.dashboard-upcoming-actions {display:flex;align-items:stretch;gap:.55rem;flex-wrap:wrap;}
.dashboard-upcoming-actions .button {flex:1 1 auto;justify-content:center;text-align:center;min-height:44px;}
.dashboard-upcoming-empty {display:grid;justify-items:center;text-align:center;gap:.5rem;padding:.35rem .5rem .8rem;margin-block:auto;}
.dashboard-upcoming-empty .dashboard-upcoming-illustration {width:8.5rem;height:auto;max-width:100%;}
.dashboard-upcoming-empty h3 {margin:0;font-size:1rem;}
.dashboard-upcoming-empty p {margin:0;max-width:30rem;font-size:.78rem;line-height:1.6;color:var(--muted);}
.dashboard-upcoming-footer {padding-top:.85rem;border-top:1px solid var(--border);margin-top:auto;}
.dashboard-upcoming-footer .button {width:100%;justify-content:center;text-align:center;}
.dashboard-upcoming-items {display:grid;}
.dashboard-upcoming-item {display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);}
.dashboard-upcoming-item:last-child {border:0;}
.dashboard-upcoming-item:hover {background:#f7fafc;}
.dashboard-upcoming-item time {display:grid;text-align:center;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;}
.dashboard-upcoming-item time>span {background:#edf3fa;color:#355c8a;padding:.2rem;font-size:.65rem;}
.dashboard-upcoming-item time>strong {padding:.25rem;font-size:1rem;}
.dashboard-upcoming-item-copy {display:grid;justify-items:start;gap:.25rem;min-width:0;overflow-wrap:anywhere;}
.dashboard-upcoming-item-copy>strong {font-size:.83rem;line-height:1.4;}
.dashboard-upcoming-item-copy>small {font-size:.7rem;color:var(--muted);}
.dashboard-upcoming-status {font-size:.66rem;color:#355c8a;background:#edf3fa;padding:.15rem .4rem;border-radius:.3rem;}
.needs-attention .dashboard-upcoming-status {color:#a02e28;background:#fff0eb;font-weight:700;}
.dashboard-upcoming-amount {font-size:.8rem;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.dashboard-upcoming-no-amount {font-size:.68rem;font-weight:400;color:var(--muted);}
@container(max-width:380px) {
  .dashboard-upcoming-heading {grid-template-columns:2.5rem minmax(0,1fr);}
  .dashboard-upcoming-count {grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.4rem;}
  .dashboard-upcoming-actions {display:grid;grid-template-columns:minmax(0,1fr);}
  .dashboard-upcoming-item {grid-template-columns:2.5rem minmax(0,1fr);}
  .dashboard-upcoming-amount {grid-column:2;text-align:left;white-space:normal;}
}