/* settings/perms.css — wave 33 (owner item 11, W33-T34/T38).
 *
 * ⛔ CONTRACT C4: `index.css` is lane B's. Everything the permission editor's
 * per-database DISCLOSURE needs is new, so it lives here and is imported by
 * `PermsEditor.tsx` — the established practice (`query.css`, `navExtras.css`,
 * `SwipeView.css`). Nothing in this file redefines an `index.css` rule; it only
 * styles classes that did not exist before this wave.
 *
 * WHY A DISCLOSURE AT ALL. Owner, 2026-08-14: *"the database should not show all
 * immediately the detail (for filter or hide fields), the user should have the
 * ability to see ALL databases"*. Those two clauses pull against each other —
 * more databases, less detail per database — and an accordion is what satisfies
 * both. Before wave 33 the list was a fixed TWO and every panel rendered inline;
 * it is now every database the tenant has.
 */

/* The trailing controls of a module head, grouped as ONE flex child so the
   `space-between` rule in `index.css` still sees exactly two children. */
.set-perm-headend {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}

/* Smaller than a primary action and quieter than `Copy to…`: this button reveals
   detail, it does not commit anything. It borrows `.set-secondary`'s border,
   surface and focus ring rather than restating them — a second definition of the
   button chrome is a second place for the focus ring to go missing. */
.set-perm-disclose {
  font-size: var(--lp-fs-2xs);
  padding: 3px 9px;
  white-space: nowrap;
}

/* The open state reads as pressed, so a scrolled-away head still says which
   database owns the panels below it. */
.set-perm-disclose[aria-expanded="true"] {
  border-color: var(--lp-blue-deep);
  color: var(--lp-blue-deep);
}

@media (max-width: 640px) {
  /* The head wraps before the label truncates: a database name is the one thing
     in this row that cannot be guessed from context. */
  .set-perm-headend { flex-wrap: wrap; justify-content: flex-end; }
}