/* /login and /register: the focused header above the sign-in and sign-up forms (includes/portal/shell.php portal_entry_bar()).
   Tokens only (css/ds/tokens.css: Temple Dark under html.dark, Temple Dawn otherwise); 44px targets; no horizontal scroll. */
.djjs-entry-bar { position: sticky; inset-block-start: 0; z-index: var(--ds-z-header); display: flex; align-items: center; gap: var(--ds-space-3); min-block-size: var(--ds-header-h);
  padding: 0 var(--ds-space-4); color: var(--ds-text); background: var(--ds-surface); border-block-end: 1px solid var(--ds-border); box-sizing: border-box; }
.djjs-entry-bar__brand { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--ds-text); text-decoration: none; font-family: var(--ds-font-display); font-weight: 600; font-size: var(--ds-text-lg); }
.djjs-entry-bar__short { display: none; }
.djjs-entry-bar__spacer { flex: 1; }
.djjs-entry-bar__back { display: inline-flex; align-items: center; min-block-size: 44px; padding: 0 var(--ds-space-3); color: var(--ds-accent); font-family: var(--ds-font-ui); font-size: var(--ds-text-md); text-decoration: underline; text-underline-offset: .2em; }
.djjs-entry-bar__tool { position: relative; display: inline-grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; color: var(--ds-text); background: transparent; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-pill); cursor: pointer; }
.djjs-entry-bar__tool:hover { border-color: var(--ds-accent); }
.djjs-entry-bar :is(a, button):focus-visible { outline: 2px solid var(--ds-focus); outline-offset: 2px; }
.djjs-entry-bar__tool .i-sun, html.dark .djjs-entry-bar__tool .i-moon { display: none; }
html.dark .djjs-entry-bar__tool .i-sun { display: inline; }
@media (max-width: 29.99rem) { .djjs-entry-bar__full { display: none; } .djjs-entry-bar__short { display: inline; } }
@media (min-width: 64rem) { .djjs-entry-bar { padding-inline: var(--ds-space-7); } }