/* NCT API panel: the few things the NCT Data Room (Boron + /brand/dataroom.css) has no
   component for. Everything else comes from the dataroom's Boron build. Keep it tiny. */

/* One-time secrets, TOTP key, invite link: monospace box + copy button. */
.eg-secret { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .5rem .75rem;
    background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.eg-secret code { flex: 1 1 14rem; min-width: 0; word-break: break-all; color: var(--bs-emphasis-color); font-size: .875rem; }

/* TOTP QR: the SVG is black-on-transparent, it needs a white quiet zone in dark mode too. */
.eg-qr { display: inline-block; padding: .5rem; background: #fff; border-radius: var(--bs-border-radius); line-height: 0; }
.eg-qr svg { width: 200px; height: 200px; }
.eg-code-input { letter-spacing: .3em; font-family: var(--bs-font-monospace); }

/* Recovery codes: two columns, one on narrow screens. */
.eg-codes { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); white-space: nowrap; gap: .35rem 1.5rem; padding: .75rem 1.25rem;
    font-family: var(--bs-font-monospace); font-size: .95rem; text-align: center;
    background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); }

/* Scope pickers (grouped read / write / sensitive / admin). */
.eg-scope-group { padding: .75rem 1rem; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.eg-scope-group .form-check { margin-bottom: .2rem; }
.eg-scope-edit > td { background: var(--bs-tertiary-bg); }
.eg-scopes-cell { max-width: 22rem; }
.eg-name-field { max-width: 32rem; }

/* /docs: slim panel bar above Scalar (Scalar offsets its sticky parts by this height). */
body.eg-docs { margin: 0; --scalar-custom-header-height: 56px; }
#eg-docs-bar { display: block; position: sticky; top: 0; z-index: 1000; }
/* Inside the shadow root there is no <html>/<body> for Boron's :root/body rules: re-apply its type. */
.eg-docs-bar { height: 56px; font-family: var(--bs-body-font-family, "Lexend", sans-serif); font-size: .875rem;
    color: var(--bs-body-color); }
.eg-docs-bar[data-bs-theme="dark"] .logo-dark { display: none; }
.eg-docs-bar[data-bs-theme="dark"] .logo-light { display: inline-block; }