/*
 * Terminal: the screen "No active account" and the notice "Account failed". The terminal only shows active accounts;
 * both point to the trader space (space/). Tokens of style.css; hover only under (hover: hover).
 */
.na-screen { display: grid; place-items: center; padding: 48px 16px; min-height: 62vh; }
.na-card {
  width: 100%; max-width: 480px; display: grid; gap: 12px; padding: 28px;
  background: linear-gradient(180deg, var(--surface-2), var(--surface)); border: 1px solid var(--line-2); border-radius: var(--r-lg);
  box-shadow: var(--shadow-pop);
}
.na-card h1, .na-card h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: var(--text); }
.na-card .eyebrow { margin: 0; color: var(--acc); }
.na-text { margin: 0; font-size: 14px; line-height: 1.55; color: var(--mute); }
.na-card .actions { margin-top: 6px; }
.na-card .btn { min-height: 44px; }

/* the notice is a modal dialog over the terminal: the terminal behind it is inert */
.na-notice { margin: auto; padding: 0; border: 0; color: inherit; background: transparent; max-width: calc(100vw - 32px); }
.na-notice::backdrop { background: color-mix(in srgb, var(--bg) 78%, transparent); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.na-notice[open] .na-card { border-color: color-mix(in srgb, var(--down) 45%, var(--line-2)); animation: na-in 240ms var(--ease) both; }
.na-notice .na-card h2 { color: var(--down); }
@keyframes na-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } }

/* no active account: only the identity bar remains */
body[data-na="none"] .layout, body[data-na="none"] .hud, body[data-na="none"] .statusbar, body[data-na="none"] .tradebar,
body[data-na="none"] .mkt, body[data-na="none"] .quote, body[data-na="none"] .mstats, body[data-na="none"] .top-tools .icon-btn { display: none !important; }