/* admin.<domain>, on top of studio.css (its colour tokens, type, .btn; light and dark follow them).
   Layout rules (docs/admin-panel.md «Layout»):
   1. The page scrolls; nothing here clips. overflow stays visible: a long address wraps.
   2. No horizontal page scroll at any width from 320 px. Below 48rem a table is a labelled row or,
      for a list of things with a page of their own, a short card that is one tap target.
   3. One column, at most 80rem wide and centred, the top bar in line with it. Each screen is as wide
      as its content reads (--adm-measure): past that a table is only gaps.
   4. Every control is at least 44 px tall on a phone; 32 px where there is a mouse.
   5. On a phone the top bar is one row: the name and «Menu». Everything else is in the menu, which
      pushes the page down and hides nothing. Wider, it is one row with no menu, and the address in «Account».
   6. A pill is as wide as its words, everywhere.
   7. A dialog's actions are always in view: its body scrolls between them and its heading. On a phone
      a dialog is the whole screen. */

html, body.adm-body { height: auto; min-height: 100%; }
body.adm-body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 0.9rem; line-height: 1.5; overflow: auto; margin: 0; }

.adm-shell { min-height: 100vh; display: flex; flex-direction: column; min-width: 0; }
.adm-skip { position: absolute; inset-inline-start: 8px; inset-block-start: -60px; background: var(--surface); padding: 8px 12px; border-radius: var(--radius-sm); z-index: 5; }
.adm-skip:focus { inset-block-start: 8px; }

/* ----- the red line while there is one owner: in line with the page, wrapping, in the page's flow ----- */
.adm-band { --adm-gutter: max(16px, calc((100% - 80rem) / 2 + 16px)); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; box-sizing: border-box; width: 100%; padding: 10px var(--adm-gutter); background: var(--danger-soft); color: var(--danger); border-block-end: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border)); }
.adm-band p { flex: 1 1 22rem; margin: 0; min-width: 0; }
.adm-band .btn { flex: none; }

/* ----- an owner's own page: the one thing they may do to themself ----- */
.adm-self-admin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.adm-self-admin > div { flex: 1 1 20rem; min-width: 0; display: grid; gap: 4px; }

/* ----- the top bar ----- */
.adm-top { --adm-gutter: max(16px, calc((100% - 80rem) / 2 + 16px)); position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 6px var(--adm-gutter); background: var(--surface); border-block-end: 1px solid var(--border); }
.adm-brand { font-weight: 800; color: var(--accent-strong); text-decoration: none; white-space: nowrap; }
.adm-menu { display: flex; align-items: center; gap: 4px 16px; flex: 1 1 auto; min-width: 0; }
.adm-menu-open { display: none; }
.adm-nav { display: flex; flex-wrap: wrap; gap: 2px; flex: 1 1 auto; min-width: 0; }
.adm-nav a { display: flex; align-items: center; min-height: 36px; padding-inline: 10px; border-radius: var(--radius-sm); color: var(--text-muted); text-decoration: none; font-weight: 600; }
.adm-nav a:hover { background: var(--surface-2); color: var(--text); }
.adm-nav a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-strong); }
.adm-account { position: relative; min-width: 0; }
.adm-account-open::after, .adm-menu-open::after { content: ""; display: inline-block; width: 0.45em; height: 0.45em; margin-inline-start: 2px; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.adm-account-open[aria-expanded="true"]::after, .adm-menu-open[aria-expanded="true"]::after { transform: translateY(1px) rotate(225deg); }
.adm-account-menu { position: absolute; z-index: 6; inset-block-start: calc(100% + 6px); inset-inline-end: 0; box-sizing: border-box; width: max-content; max-width: min(22rem, calc(100vw - 32px)); display: grid; gap: 6px; padding: 12px; background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: var(--shadow); }
.adm-account-menu[hidden] { display: none; }
.adm-account-menu .btn { justify-content: center; }

.adm-main { --adm-measure: 80rem; box-sizing: border-box; width: 100%; max-width: 80rem; margin-inline: auto; padding: 16px; display: grid; gap: 14px; align-content: start; min-width: 0; flex: 1 1 auto; }
.adm-main > * { min-width: 0; max-width: var(--adm-measure); }
.adm-main[data-screen="person"] { --adm-measure: 60rem; }
.adm-main[data-screen="services"] { --adm-measure: 72rem; }
.adm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); gap: 14px 24px; align-items: start; }
.adm-main[data-screen="audit"] { --adm-measure: 64rem; }
.adm-main[data-screen="invitations"] { --adm-measure: 68rem; }
.adm-main:focus { outline: none; }
.adm-main h1 { font-size: 1.3rem; font-weight: 800; margin: 0; overflow-wrap: anywhere; }
.adm-section { display: grid; gap: 10px; min-width: 0; padding-block-start: 6px; }
.adm-section h2 { font-size: 1rem; font-weight: 700; margin: 0; }
.adm-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }

.adm-muted { color: var(--text-muted); }
.adm-dash { color: var(--text-muted); }
.adm-hint { color: var(--text-muted); font-size: 0.82rem; margin: 2px 0 0; }
p.adm-muted, .adm-section p { margin: 0; }
.adm-ltr { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; }
.adm-note { margin: 2px 0 0; font-size: 0.82rem; overflow-wrap: anywhere; }
.adm-sub { display: block; font-size: 0.82rem; color: var(--text-muted); overflow-wrap: anywhere; font-weight: 400; }
.adm-back { margin: 0; }
.adm-links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; }
.adm-main a:not(.btn) { color: var(--accent-strong); font-weight: 600; }
.adm-links a { display: inline-flex; align-items: center; min-height: 32px; }
code { font-family: var(--mono); font-size: 0.82rem; overflow-wrap: anywhere; }

/* ----- a table: dense on a wide screen, labelled rows or short cards on a narrow one ----- */
.adm-table { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.adm-table th { text-align: start; font-size: 0.75rem; font-weight: 700; color: var(--text-muted); padding: 6px 10px; border-block-end: 1px solid var(--border-strong); white-space: nowrap; }
/* break-word, not anywhere: a name or a word keeps a column open; only an address (.adm-ltr) may break where it must */
.adm-table td { padding: 8px 10px; border-block-end: 1px solid var(--border); vertical-align: top; overflow-wrap: break-word; min-width: 0; }
.adm-table tr:last-child td { border-block-end: 0; }
.adm-table a:not(.btn) { color: var(--accent-strong); font-weight: 600; }
.adm-cell-access { min-width: 12rem; }
.adm-cell-count { width: 6rem; font-variant-numeric: tabular-nums; }
.adm-cell-actions { white-space: normal; width: 1%; }
.adm-cell-seen { white-space: nowrap; }
.adm-cell-due .adm-pill { display: block; margin-block-start: 3px; white-space: nowrap; }
.adm-cell-due > span:first-child, .adm-cell-due { white-space: nowrap; }
@media (min-width: 80rem) { .adm-cell-actions .adm-actions { flex-wrap: nowrap; } }
.adm-cell-when { width: 11rem; color: var(--text-muted); }
.adm-empty { margin: 0; padding: 24px 16px; text-align: center; color: var(--text-muted); background: var(--surface); border: 1px dashed var(--border-strong); border-radius: var(--radius-sm); }
.adm-only-wide { display: none; }
@media (min-width: 80rem) { .adm-only-wide { display: table-cell; } }

/* one row, one link: the link inside stretches over the row */
.adm-linked tbody tr { position: relative; }
.adm-linked tbody tr:hover { background: var(--surface-2); }
.adm-table.adm-linked a { text-decoration: none; }
.adm-linked tbody tr:hover a { text-decoration: underline; }
.adm-linked a::after { content: ""; position: absolute; inset: 0; }
.adm-linked a:focus-visible { outline: none; }
.adm-linked a:focus-visible::after { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--radius-sm); }

/* ----- pills: as wide as their words ----- */
.adm-pills { display: inline-flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.adm-pill { display: inline-block; width: fit-content; max-width: 100%; box-sizing: border-box; justify-self: start; align-self: start; padding: 1px 8px; border-radius: 999px; background: var(--surface-2); color: var(--text); font-size: 0.75rem; font-weight: 600; white-space: normal; overflow-wrap: break-word; }
.adm-pill-studio { background: var(--accent-soft); color: var(--accent-strong); }
.adm-pill-admin, .adm-pill-platform { background: var(--danger-soft); color: var(--danger); }
.adm-status-active, .adm-mfa-on, .adm-task-done { background: var(--accent-soft); color: var(--accent-strong); }
.adm-status-suspended, .adm-mfa-missing, .adm-due-over { background: var(--danger-soft); color: var(--danger); }
.adm-mfa-off, .adm-task-cancelled { color: var(--text-muted); }
/* off, and nothing wrong with that: a word, not a badge on every row */
.adm-mfa-off { background: none; padding-inline: 0; font-weight: 400; }
.adm-mfa-due, .adm-due-soon { background: var(--gold-soft); color: var(--gold-text); }
.adm-task-open { background: var(--surface-2); }
.adm-chip { display: inline-flex; align-items: center; gap: 2px; }
.adm-phone-flag { display: none; margin-block-start: 4px; }
@media (max-width: 47.99rem) { .adm-phone-flag { display: block; } }

/* ----- toolbars and forms ----- */
.adm-toolbar { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.adm-toolbar .adm-input { flex: 0 1 14rem; width: auto; min-width: 0; }
.adm-toolbar [type="search"] { flex: 1 1 18rem; max-width: 32rem; }
.adm-input { box-sizing: border-box; width: 100%; min-height: 36px; padding: 6px 10px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; min-width: 0; }
.adm-input:focus-visible, .btn:focus-visible, a:focus-visible, summary:focus-visible, .adm-check input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.adm-form { display: grid; gap: 12px; align-content: start; min-width: 0; }
.adm-field { display: grid; gap: 4px; min-width: 0; }
.adm-field[hidden] { display: none; }
.adm-field label, .adm-label, .adm-checks legend { font-weight: 700; font-size: 0.82rem; }
.adm-inline { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.adm-inline .adm-input { flex: 1 1 10rem; width: auto; }
.adm-inline .adm-input[hidden] { display: none; }
.adm-checks { border: 0; margin: 0; padding: 0; display: grid; gap: 0; min-width: 0; }
.adm-checks legend { padding: 0; margin-block-end: 4px; }
.adm-check { display: flex; align-items: center; gap: 10px; min-height: 40px; padding-block: 3px; border-block-end: 1px solid var(--border); cursor: pointer; overflow-wrap: anywhere; min-width: 0; }
.adm-check:last-child { border-block-end: 0; }
.adm-check input { width: 18px; height: 18px; accent-color: var(--accent); flex: none; }
.adm-check-text { display: grid; min-width: 0; }
.adm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.adm-actions[hidden] { display: none; }
p.adm-actions { margin: 0; }
.adm-pager { justify-content: center; gap: 10px; padding-block-start: 10px; }

/* ----- the rest of a row's actions ----- */
.adm-more { position: relative; }
.adm-more-open::after { content: "⋯"; margin-inline-start: 4px; }
.adm-more-list { position: absolute; z-index: 4; inset-block-start: calc(100% + 4px); inset-inline-end: 0; display: grid; gap: 4px; min-width: 9rem; padding: 6px; background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: var(--shadow); }
.adm-more-list[hidden] { display: none; }
.adm-more-list .btn { width: 100%; justify-content: flex-start; white-space: nowrap; }

/* ----- saying things ----- */
.adm-message { margin: 0; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--danger-soft); color: var(--danger); }
.adm-message[hidden] { display: none; }
.adm-notice { margin: 0; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--surface-2); border-inline-start: 3px solid var(--border-strong); }
.adm-toasts { position: fixed; inset-block-end: 12px; inset-inline-end: 12px; display: grid; gap: 8px; max-width: min(28rem, calc(100vw - 24px)); z-index: 10; }
.adm-toast { margin: 0; padding: 10px 12px; border-radius: var(--radius-sm); box-shadow: var(--shadow); background: var(--surface); border: 1px solid var(--border-strong); overflow-wrap: anywhere; }
.adm-toast-error { background: var(--danger-soft); color: var(--danger); }

/* ----- one person ----- */
.adm-person-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.adm-person-head p { margin: 0; flex: 1 1 100%; }
.adm-facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: 10px 16px; min-width: 0; }
.adm-facts dt, .adm-audit-facts dt { font-size: 0.75rem; font-weight: 700; color: var(--text-muted); }
.adm-facts dd { margin: 0; overflow-wrap: anywhere; }
.adm-counts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.adm-count-line { margin: 0; }
.adm-no-studio { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 8px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); }

/* what cannot be taken back lives apart from the way around the page */
.adm-danger-zone { display: grid; gap: 0; background: var(--surface); border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border)); border-radius: var(--radius-sm); }
.adm-danger-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 12px; border-block-end: 1px solid var(--border); }
.adm-danger-row:last-child { border-block-end: 0; }
.adm-danger-row p { flex: 1 1 18rem; margin: 0; min-width: 0; }
.adm-danger-row strong { display: block; }

/* ----- the log ----- */
.adm-audit-facts { margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 0.82rem; color: var(--text-muted); }
.adm-audit-facts div { display: flex; gap: 4px; min-width: 0; }
.adm-audit-facts dt { font-size: inherit; font-weight: 400; }
.adm-audit-facts dt::after { content: ":"; }
.adm-audit-facts dd { margin: 0; color: var(--text); overflow-wrap: anywhere; }
.adm-audit-facts .adm-fact-alone dt { display: none; }
/* «Details» sits at the row's end, out of the sentence's way, and opens under it */
.adm-cell-what { position: relative; padding-inline-end: 5.5rem !important; }
.adm-tech { font-size: 0.78rem; color: var(--text-muted); }
.adm-tech summary { position: absolute; inset-block-start: 6px; inset-inline-end: 8px; display: flex; align-items: center; min-height: 28px; cursor: pointer; }
.adm-tech[open] dl { margin-inline-end: -4.5rem; }
.adm-tech dl { margin: 4px 0 0; padding: 6px 8px; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px 10px; background: var(--surface-2); border-radius: var(--radius-sm); }
.adm-tech dd { margin: 0; font-family: var(--mono); overflow-wrap: anywhere; }
.adm-tech dt { color: var(--text-muted); }

/* ----- how far a task has got: an empty bar is still a bar ----- */
.adm-progress { display: grid; gap: 3px; min-width: 9rem; }
.adm-progress progress { appearance: none; -webkit-appearance: none; display: block; box-sizing: border-box; width: 100%; max-width: 14rem; height: 8px; border: 1px solid var(--border-strong); border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.adm-progress progress::-webkit-progress-bar { background: var(--surface-2); }
.adm-progress progress::-webkit-progress-value { background: var(--accent); }
.adm-progress progress::-moz-progress-bar { background: var(--accent); }

/* ----- translators, by language ----- */
.adm-roster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 12px; }
.adm-roster h3 { font-size: 0.9rem; font-weight: 700; margin: 0 0 4px; }
.adm-roster ul { list-style: none; margin: 0; padding: 0; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.adm-roster li { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; justify-content: space-between; padding: 8px 10px; border-block-end: 1px solid var(--border); }
.adm-roster li:last-child { border-block-end: 0; }

/* ----- a dialog ----- */
.adm-dialog { border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); color: var(--text); padding: 0; width: min(36rem, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: hidden; box-sizing: border-box; }
.adm-dialog[open] { display: flex; flex-direction: column; }
.adm-dialog:focus { outline: none; }
.adm-dialog::backdrop { background: rgb(0 0 0 / 60%); }
.adm-dialog-form { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
.adm-dialog-head { font-size: 1.05rem; font-weight: 700; margin: 0; padding: 16px 18px 10px; overflow-wrap: anywhere; border-block-end: 1px solid var(--border); }
.adm-dialog-body { display: grid; gap: 14px; align-content: start; flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 18px; }
.adm-dialog-body > * { min-width: 0; }
.adm-dialog-foot { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 10px 18px; border-block-start: 1px solid var(--border); background: var(--surface); }
.adm-dialog p { margin: 0; overflow-wrap: anywhere; }

/* ----- before signing in ----- */
.adm-card-page { box-sizing: border-box; width: 100%; max-width: 28rem; margin-inline: auto; padding: 12vh 16px 16px; }
.adm-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 22px; display: grid; gap: 12px; }
.adm-card h1 { font-size: 1.3rem; font-weight: 800; margin: 0; }
.adm-card p { margin: 0; }
.adm-card .btn { justify-self: start; min-height: 44px; }

/* ----- a phone: last, so these win ----- */
@media (max-width: 47.99rem) {
  /* the top bar: one row, and the menu under it, pushing the page down */
  .adm-top { padding-block: 4px; }
  .adm-brand { flex: 1 1 auto; display: flex; align-items: center; min-height: 44px; }
  .adm-menu-open { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; }
  .adm-menu { display: none; flex: 1 1 100%; flex-direction: column; align-items: stretch; gap: 8px; padding-block: 4px 8px; }
  .adm-menu.is-open { display: flex; }
  .adm-nav { flex-direction: column; flex-wrap: nowrap; }
  .adm-nav a { min-height: 44px; }
  .adm-account-open { display: none; }
  .adm-account-menu, .adm-account-menu[hidden] { position: static; display: grid; width: auto; max-width: none; padding: 8px 0 0; background: none; border: 0; border-block-start: 1px solid var(--border); border-radius: 0; box-shadow: none; }
  .adm-account-menu .btn { min-height: 44px; }

  /* a table: labelled rows */
  .adm-table:where(:not(.adm-keep)), .adm-table:where(:not(.adm-keep)) tbody, .adm-table:where(:not(.adm-keep)) tr, .adm-table:where(:not(.adm-keep)) td { display: block; width: auto; }
  .adm-table:where(:not(.adm-keep)) { background: none; border: 0; }
  .adm-table:where(:not(.adm-keep)) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .adm-table:where(:not(.adm-keep)) tr { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px 12px; margin-block-end: 10px; }
  .adm-table:where(:not(.adm-keep)) td { display: grid; grid-template-columns: minmax(6.5rem, 34%) minmax(0, 1fr); gap: 8px; padding: 4px 0; border: 0; align-items: start; justify-items: start; }
  .adm-table:where(:not(.adm-keep)) td::before { content: attr(data-label); font-size: 0.75rem; font-weight: 700; color: var(--text-muted); padding-block-start: 2px; }
  .adm-table:where(:not(.adm-keep)) td:has(> .adm-dash) { display: none; }
  .adm-table:where(:not(.adm-keep)) td > .btn { justify-self: start; }
  .adm-table td.adm-bare { display: block; }
  .adm-table td.adm-bare::before { content: none; }
  .adm-keep .adm-cell-count a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
  .adm-keep td { vertical-align: middle; }
  .adm-not-phone { display: none !important; }
  .adm-only-wide { display: none !important; }
  .adm-cell-access { min-width: 0; }
  .adm-cell-when { width: auto; }

  /* a list: short cards, no labels */
  .adm-list td { display: block; padding: 2px 0; }
  .adm-list td::before { content: none; }
  .adm-list tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: start; min-height: 44px; }
  .adm-list td { grid-column: 1 / -1; min-width: 0; }
  .adm-list .adm-cell-name { grid-column: 1; font-weight: 600; }
  .adm-list .adm-cell-status { grid-column: 2; grid-row: 1; }
  .adm-linked tbody tr:hover { background: var(--surface); }

  .adm-actions .btn, .adm-section-head .btn, .adm-input, .adm-table .btn, .adm-dialog-foot .btn, .adm-danger-row .btn, .adm-band .btn, .adm-self-admin .btn, .adm-no-studio .btn, .adm-chip .btn, .adm-inline .btn, .adm-more-list .btn { min-height: 44px; }
  .adm-links a, .adm-back a { min-height: 44px; display: inline-flex; align-items: center; }
  .adm-tech summary { min-height: 44px; inset-block-start: 0; inset-inline-end: 12px; }
  .adm-cell-actions .adm-actions { align-items: flex-start; }
  .adm-cell-when { font-size: 0.82rem; padding-inline-end: 5.5rem !important; }
  .adm-table tr:has(.adm-cell-when) { position: relative; }
  .adm-cell-what { position: static; padding-inline-end: 0 !important; }
  .adm-tech[open] dl { margin-inline-end: 0; }
  .adm-check { min-height: 48px; }
  .adm-more-list { position: static; margin-block-start: 6px; box-shadow: none; }
  .adm-progress { min-width: 0; }

  /* a dialog is the whole screen: nothing of the page shows round it */
  .adm-dialog { width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; border: 0; border-radius: 0; }
  .adm-dialog-foot .btn { flex: 1 1 8rem; justify-content: center; }
}