.ayi-invoices { color: var(--color-text); font-family: var(--font-body); margin-block: 1.5rem 3rem; }
.ayi-invoices__filter { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-bottom:1.5rem; }
.ayi-invoices select,.ayi-invoices button { font:inherit; border:1px solid var(--color-border); border-radius:6px; padding:.6rem .9rem; background:var(--color-surface); color:var(--color-text); }
.ayi-invoices button { background:var(--color-heading); color:var(--color-surface); cursor:pointer; }
.ayi-invoices a { color:var(--color-primary); text-underline-offset:.2em; }
.ayi-invoices a:focus-visible,.ayi-invoices select:focus-visible,.ayi-invoices button:focus-visible,.ayi-invoices__scroll:focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.ayi-invoices__scroll { overflow-x:auto; }
.ayi-invoices table { width:100%; border-collapse:collapse; text-align:left; font-size:.95rem; }
.ayi-invoices caption { text-align:left; color:var(--color-text-soft); padding-bottom:.75rem; }
.ayi-invoices th,.ayi-invoices td { padding:1rem .75rem; border-bottom:1px solid var(--color-border); vertical-align:top; }
.ayi-invoices thead th { color:var(--color-heading); font-weight:600; }
.ayi-invoices td a,.ayi-invoices small { display:block; margin-bottom:.45rem; }
.ayi-invoices small,.ayi-invoices__muted { color:var(--color-text-soft); font-size:.85rem; }
.ayi-invoices__amount { white-space:nowrap; font-variant-numeric:tabular-nums; }
.ayi-invoices__pagination { display:flex; justify-content:center; gap:1.5rem; margin-top:1.5rem; }
.ayi-invoices__empty { padding:1.5rem 0; border-block:1px solid var(--color-border); }
@media(max-width:600px) { .ayi-invoices th,.ayi-invoices td { padding:.8rem .5rem; } .ayi-invoices table { min-width:630px; } }