/* The Console's own (operator console spec §10), one root: .console, on
   layouts/console's <body>. Only what the App has no shape for. Everything
   else is the App's, so one shape keeps one look: the tables are History's
   (.history-table), the facts lists its .history-facts, the headers a
   resource page's (.resource-header, shared/more_card), the rows .row, the
   dialog .house-dialog. The Accounts search is History's filter bar
   (.history-filters, .history-search) and only takes its width here. */
.console {
  .account-search {
    max-width: 40rem;
  }

  /* History's facts list (.history-facts), drawn by an Account's Details in
     More and a User's details card. Where it holds fields the Console edits,
     the drawer's small, tight type would crowd each value's Edit; History's
     own drawer in the Console's trail keeps it. */
  .history-facts:has(.console-field) {
    gap: 0.5rem 1.5rem;
    font-size: inherit;

    /* A field the Console edits (console/shared/_field): its value, then
       Edit, with the form or the locked hint on a line of its own beneath. */
    .console-field {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.2rem 0.8rem;

      > form,
      > .form-hint {
        flex-basis: 100%;
        margin: 0;
      }
    }
  }
}