/* ---- Subscribers (owner only) -------------------------------------------
   The owner's list of customers at /subscribers. A file of its own because
   five people were building the paid sign-up at once on 13 October 2026 and
   application.css was nobody's to edit. Everything here is scoped to .subs or
   to a class this page introduced, and uses the palette variables only.
   ------------------------------------------------------------------------ */

/* The filter is links here, not the buttons the audit report uses, so it works
   with scripting off. .filters__btn gives them the pill; this only removes the
   underline a link brings with it. */
.subs .filters a.filters__btn { text-decoration: none; }
.subs .filters { margin-bottom: .6rem; }
.subs-explains { margin: 0 0 1.1rem; font-size: .9rem; max-width: 46rem; }

/* Twelve columns. Each cell stays on one line and the table scrolls sideways
   inside .scroll-x: a row that wraps to three lines cannot be read across. */
.subs-table th, .subs-table td { white-space: nowrap; }
.subs-table td.url { white-space: normal; min-width: 11rem; }

/* The words carry the meaning - "Paying", "Card failed", "Cancelled". The
   colour only repeats it, using the validated status tokens. */
.subs-status--paying { color: var(--ok); }
.subs-status--card_failed, .subs-status--refunded, .subs-status--unknown { color: var(--critical); }
.subs-status--cancelled { color: var(--warning); }
.subs-status--ended, .subs-status--code_ended, .subs-status--none { color: var(--muted); }
.subs-status--free_code { color: var(--info); }
.subs-twice { display: block; margin-top: .15rem; font-size: .78rem; font-weight: 650; color: var(--critical); }

.subs-alert ul { margin: .5rem 0 0; padding-left: 1.2rem; }
.subs-alert li { margin: .2rem 0; overflow-wrap: anywhere; }
.subs-alert p { margin: .5rem 0 0; }

.subs-asides { margin: -.4rem 0 1.4rem; padding-left: 1.2rem; font-size: .9rem; max-width: 46rem; }
.subs-asides li { margin: .25rem 0; }

.subs-empty { margin: 0 0 1.6rem; max-width: 46rem; }
.subs-empty p { margin: 0 0 .6rem; }

.subs-capped {
  margin: 0 0 .8rem; padding: .5rem .8rem; font-size: .9rem;
  border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface);
}

.subs-notes { margin: 1.2rem 0 0; padding-left: 1.2rem; font-size: .82rem; max-width: 46rem; }
.subs-notes li { margin: .3rem 0; }
.subs-owners { margin: 0; padding-left: 1.2rem; font-size: .9rem; }
.subs-owners li { margin: .25rem 0; }