/* Organisations, the organisation's page, credit grants, members, audit logs. Only what the component set (platform
   app.css, console.css, billing.css, people.css) doesn't cover; tokens only. Raw values are layout dimensions. */

/* the organisations search: the audit filter bar's search box, full width */
.adm-search { padding: var(--s-2); margin-bottom: var(--s-4); }
.adm-search .au-q { min-width: 0; }
[data-list] { transition: opacity .15s; }
[data-list].adm-busy { opacity: .55; }
.adm-orgs .adm-org { display: inline-flex; align-items: center; gap: var(--s-2); max-width: 320px; min-width: 0; }
.adm-orgs .adm-org > a { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-orgs .cell-sub.mono { font-size: var(--fs-micro); }
.adm-orgs .adm-trunc { display: block; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.adm-open { display: inline-flex; gap: var(--s-1); flex-wrap: wrap; }

/* the organisation's page: the back link above the title */
.adm-back { display: inline-flex; align-items: center; gap: var(--s-1); font: var(--f-label); color: var(--ink-3); margin: 0 0 var(--s-2) calc(-1 * var(--s-1)); padding: 2px var(--s-1); border-radius: var(--r-s); }
.adm-back:hover { color: var(--ink); text-decoration: none; background: var(--hover); }
.adm-back .i { width: 14px; height: 14px; }
.adm-req { margin: 0; align-items: center; }
.adm-req > .i { margin-top: 0; }
.adm-id { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.adm-id code { overflow-wrap: anywhere; }
.adm-id .btn { margin: -4px 0; }

/* credit grants: a voided grant keeps its row, struck through and quiet */
.adm-grants td { vertical-align: middle; }
.adm-grants .adm-reason { white-space: normal; min-width: 220px; max-width: 380px; padding-top: var(--s-2); padding-bottom: var(--s-2); }
.adm-grants .adm-reason .cell-sub { margin-top: 2px; text-wrap: pretty; }
.adm-grants tr.adm-voided td { color: var(--ink-3); }
.adm-grants tr.adm-voided .adm-amt { text-decoration: line-through; text-decoration-color: var(--ink-4); }
.adm-grants tr.adm-voided .strong { color: var(--ink-2); }
.adm-types { grid-template-columns: 1fr 1fr; }
.adm-types .choice:last-child { grid-column: 1 / -1; }
.adm-show { padding: var(--s-1) 0; }
.adm-dates-hint { margin-top: calc(-1 * var(--s-2)); }
.adm-email { display: inline-block; max-width: 280px; vertical-align: bottom; }

/* audit logs: the staff feed adds the organisation column */
.adm-evs .ev { grid-template-columns: 26px minmax(0, 1fr) auto 160px 76px; }
.ev-o { font: var(--f-small); color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.adm-audit-lead { margin: var(--s-2) var(--s-3) var(--s-1); }
.adm-filters .adm-chip { height: var(--h-sm); }
.adm-filters select.input { max-width: 220px; }

@media (max-width: 1100px) {
  .adm-evs .ev { grid-template-columns: 26px minmax(0, 1fr) auto 76px; }
}
@media (max-width: 760px) {
  .adm-orgs .adm-org { max-width: 170px; }
  .adm-orgs td:first-child { max-width: 200px; }
  .adm-orgs .cell-sub.mono { overflow: hidden; text-overflow: ellipsis; }
  .adm-types { grid-template-columns: 1fr; }
  .adm-evs .ev { grid-template-columns: 26px minmax(0, 1fr) auto; }
  .adm-filters select.input { flex: 1 1 calc(50% - var(--s-1)); max-width: none; }
  .ph-a { width: 100%; }
}