/* The admin's Companies (admin/companies.js; HANDOFF.md job F2). Loaded after styles.css, so a rule here wins over the same
   rule there. Colours only from the tokens in styles.css. */

/* One company: its name (and Paused), its short name and owners, then its add-ons, allowance and time zone. */
.co-name { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; overflow-wrap: anywhere; }
.co-facts { display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 2px; font: 400 .875rem/1.4 var(--rt-body); color: var(--text-2); }
.co-row .li-s { overflow-wrap: anywhere; }
.co-row.is-paused .co-name strong { color: var(--text-2); }
.co-row .li-r .ib-row { flex-wrap: nowrap; }

/* Add a company and Edit: one field under another, */
.co-form { display: flex; flex-direction: column; gap: 12px; }
/* the add-ons as tick boxes in two columns where there is room. */
.co-addons { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0 12px; margin: 0; padding: 0; border: 0; min-width: 0; }
.co-addons legend { padding: 0; margin-bottom: 4px; font: 700 .9375rem/1.3 var(--rt-body); color: var(--text); }