.week-interval{grid-template-columns:1fr auto;align-items:end;column-gap:8px}.week-interval>span{grid-column:2;grid-row:2;padding:10px 0;color:var(--muted);font-size:13px;font-weight:700}.week-interval input{grid-column:1;grid-row:2}.week-interval[hidden]{display:none}.person-pill{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:99px;background:#e7f1eb;color:#175d45;font-size:10px;font-weight:800}.recurring-row .repeat-label{color:var(--ink);font-weight:700}
.recurring-row-button{width:100%;grid-template-columns:minmax(0,1fr) auto;border-left-width:4px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.recurring-row-button.income{border-left-color:#31a875}.recurring-row-button.expense{border-left-color:#e46b59}.recurring-row-button:hover{border-color:color-mix(in srgb,var(--green) 40%,var(--line));box-shadow:0 8px 24px rgba(27,51,110,.08);transform:translateY(-1px)}.recurring-row-button:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 32%,transparent);outline-offset:2px}.recurring-row-main{display:grid;min-width:0;gap:4px}.recurring-row-main>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.recurring-row-sub{color:var(--muted);font-size:11px}.recurring-row-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.recurring-row-button>.amount{display:grid;justify-items:end;gap:2px;font-size:16px}.recurring-row-button>.amount small{margin:0;font-size:9px}
.recurring-empty{display:grid;justify-items:center;gap:8px;padding:48px 24px;border:1px dashed var(--line);border-radius:16px;background:var(--card);text-align:center}.recurring-empty h3{margin:4px 0 0;font:800 20px Manrope}.recurring-empty p{max-width:480px;margin:0 0 8px;color:var(--muted);line-height:1.55}.recurring-empty .primary{width:auto;min-width:210px}
@media(max-width:720px){.recurring-row-button{min-height:82px;padding:12px 14px}.recurring-row-main>strong{font-size:14px}.recurring-row-sub{font-size:12px}.recurring-row-meta{font-size:11px}.recurring-row-button>.amount{font-size:17px}}
