/* mfe2 page rules, loaded after design-system.css (copied verbatim from buganizer; never edit it).
   Stated addition: the gate card — a narrow centered card holding one decision (sign in, denied,
   signed out), stacking its actions with the 16px in-card rhythm. */
.gate { max-width: 400px; margin: 48px auto 0; }
.gate .card-body { display: grid; gap: 16px; }
.gate p { margin: 0; color: var(--text-secondary); word-break: break-word; }
a.btn { text-decoration: none; }
.gate .btn.block { padding: 8px; }
/* Admin layout, following buganizer's app.css: a left navigation rail beside the page. */
.app { display: grid; grid-template-columns: 200px minmax(0, 1fr); min-height: calc(100vh - 53px); }
.app > .container { margin-inline: 0; min-width: 0; }
.rail { background: var(--bg-primary); border-right: 1px solid var(--border-default); padding: 16px; display: grid; gap: 4px; align-content: start; }
.rail .nav-link { display: block; }
.header-right form { display: contents; }
.stack { display: grid; gap: 24px; }
.fields { display: grid; gap: 12px; }
.composer-footer { display: flex; align-items: center; gap: 8px; }
.composer-footer .scale-status { flex: 1; }
tr.clickable { cursor: pointer; }
tr.clickable:hover td { background: var(--bg-hover); }
@media (max-width: 900px) {
  .app { grid-template-columns: 1fr; }
  .rail { border-right: 0; border-bottom: 1px solid var(--border-default); grid-auto-flow: column; overflow-x: auto; }
}
/* Column widths as classes: the admin CSP allows no inline styles. */
th.w-s { width: 110px; }
th.w-m { width: 190px; }
th.w-l { width: 240px; }
th.w-wide { width: 28%; }
/* From buganizer's app.css: the design system styles no bare links; these follow its accent rule. */
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
a.btn, a.logo, a.nav-link { text-decoration: none; }
a.logo { color: var(--text-primary); }
/* Side-by-side fields keep label and input at their own heights. */
.field { align-content: start; }
/* As in buganizer: grid gaps space stacked fields, so the design system's sibling margin goes. */
.fields .field + .field { margin-top: 0; }