/* ECAI embeds DamageBDD's current auth template and controller, not copies. */
.console-session-kind { font-size:10px; color:var(--muted); white-space:nowrap; }
.console-auth-status { color:var(--alert); font-size:12px; overflow-wrap:anywhere; margin-bottom:12px; }
.console-auth-status:empty { display:none; }
.console-wallet-notice { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:17px 20px; border:1px solid #ccd9fa; background:#edf3ff; border-radius:12px; margin-bottom:22px; }
.console-wallet-notice strong { color:#284a8c; font-size:13px; }
.console-wallet-notice p { font-size:12px; margin:6px 0 0; max-width:850px; }
/* Keep auth colours local: the shared auth sheet and the node theme may
   both set input paint, text-fill and global text tokens. Do not change them
   on :root, and do not couple this palette to authentication/session state. */
#login-modal {
  display: none;
  --ecai-auth-ui-version: auth-colours-v1;
  --ecai-auth-bg: #ffffff;
  --ecai-auth-panel: #f3f6fc;
  --ecai-auth-field: #ffffff;
  --ecai-auth-text: #14223d;
  --ecai-auth-muted: #566987;
  --ecai-auth-line: #d7e1f1;
  --ecai-auth-field-line: #8495b2;
  --ecai-auth-accent: #3048bf;
  --ecai-auth-primary: #4356d9;
  --ecai-auth-primary-hover: #3344bd;
  --ecai-auth-selected: #ffffff;
  --ecai-auth-focus: #3048bf;
  --ecai-auth-disabled-bg: #eff2f7;
  --ecai-auth-disabled-text: #5b6980;
  --ecai-auth-good: #176644;
  --ecai-auth-good-bg: #eaf8f0;
  --ecai-auth-error: #922e42;
  --ecai-auth-error-bg: #fff0f2;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  #login-modal {
    --ecai-auth-bg: #172337;
    --ecai-auth-panel: #1e2e45;
    --ecai-auth-field: #0d192b;
    --ecai-auth-text: #e7eefb;
    --ecai-auth-muted: #b2c1da;
    --ecai-auth-line: #3c506e;
    --ecai-auth-field-line: #6880a2;
    --ecai-auth-accent: #b3c0ff;
    --ecai-auth-primary: #4356d9;
    --ecai-auth-primary-hover: #394bc7;
    --ecai-auth-selected: #273758;
    --ecai-auth-focus: #b3c0ff;
    --ecai-auth-disabled-bg: #26354b;
    --ecai-auth-disabled-text: #aabbd5;
    --ecai-auth-good: #87e4bc;
    --ecai-auth-good-bg: #163b32;
    --ecai-auth-error: #ffb8c5;
    --ecai-auth-error-bg: #442932;
    color-scheme: dark;
  }
}
/* Match the explicit theme selectors used by the compute workspace.
   An explicit light choice must also win over an OS dark preference. */
:is(html, body):is(.theme-dark, .force-dark, [data-theme="dark"]) #login-modal {
  --ecai-auth-bg: #172337;
  --ecai-auth-panel: #1e2e45;
  --ecai-auth-field: #0d192b;
  --ecai-auth-text: #e7eefb;
  --ecai-auth-muted: #b2c1da;
  --ecai-auth-line: #3c506e;
  --ecai-auth-field-line: #6880a2;
  --ecai-auth-accent: #b3c0ff;
  --ecai-auth-primary: #4356d9;
  --ecai-auth-primary-hover: #394bc7;
  --ecai-auth-selected: #273758;
  --ecai-auth-focus: #b3c0ff;
  --ecai-auth-disabled-bg: #26354b;
  --ecai-auth-disabled-text: #aabbd5;
  --ecai-auth-good: #87e4bc;
  --ecai-auth-good-bg: #163b32;
  --ecai-auth-error: #ffb8c5;
  --ecai-auth-error-bg: #442932;
  color-scheme: dark;
}
:is(html, body):is(.theme-light, .force-light, [data-theme="light"]) #login-modal {
  --ecai-auth-bg: #ffffff;
  --ecai-auth-panel: #f3f6fc;
  --ecai-auth-field: #ffffff;
  --ecai-auth-text: #14223d;
  --ecai-auth-muted: #566987;
  --ecai-auth-line: #d7e1f1;
  --ecai-auth-field-line: #8495b2;
  --ecai-auth-accent: #3048bf;
  --ecai-auth-primary: #4356d9;
  --ecai-auth-primary-hover: #3344bd;
  --ecai-auth-selected: #ffffff;
  --ecai-auth-focus: #3048bf;
  --ecai-auth-disabled-bg: #eff2f7;
  --ecai-auth-disabled-text: #5b6980;
  --ecai-auth-good: #176644;
  --ecai-auth-good-bg: #eaf8f0;
  --ecai-auth-error: #922e42;
  --ecai-auth-error-bg: #fff0f2;
  color-scheme: light;
}
/* Aliases keep the shared DamageBDD layout on the same palette. */
#login-modal, #login-modal .auth-modal {
  --auth-bg: var(--ecai-auth-bg);
  --auth-panel: var(--ecai-auth-panel);
  --auth-line: var(--ecai-auth-line);
  --auth-text: var(--ecai-auth-text);
  --auth-muted: var(--ecai-auth-muted);
  --auth-accent: var(--ecai-auth-accent);
  color: var(--ecai-auth-text);
}
#login-modal.is-open { display: block; }
#login-modal .modal__overlay { position: fixed; inset: 0; z-index: 80; display: flex; justify-content: center; background: #0d182fa6; }
#login-modal .auth-modal { margin: auto; color-scheme: inherit; }
#login-modal #login_modal_content { padding: 28px; border-radius: inherit; }
#login-modal .auth-heading { margin: 22px 0; }
#login-modal .auth-brand img { background: #17253c; }
/* Colour-only !important declarations form the modal's theme boundary.
   The node's generated theme is loaded later and may use important global
   input/button rules. Leave layout, visibility and event handling untouched. */
#login-modal :is(.modal__container, .auth-modal, #login_modal_content) {
  background: var(--ecai-auth-bg) !important;
  color: var(--ecai-auth-text) !important;
  border-color: var(--ecai-auth-line) !important;
}
#login-modal :is(h1, h2, h3, label, legend, strong) { color: var(--ecai-auth-text) !important; }
#login-modal :is(p, small, .auth-subtitle, .auth-brand-label, .auth-footer, .auth-status) { color: var(--ecai-auth-muted) !important; }
#login-modal :is(.auth-mode-note, .auth-tabs, .auth-wallet-choice, pre, details) {
  background: var(--ecai-auth-panel) !important;
  color: var(--ecai-auth-muted) !important;
  border-color: var(--ecai-auth-line) !important;
}
#login-modal :is(pre, code, summary) { color: var(--ecai-auth-text) !important; }
#login-modal .auth-tabs [role="tab"] { background: transparent !important; color: var(--ecai-auth-muted) !important; }
#login-modal .auth-tabs [aria-selected="true"] {
  background: var(--ecai-auth-selected) !important;
  color: var(--ecai-auth-accent) !important;
  box-shadow: 0 0 0 1px var(--ecai-auth-line), 0 2px 6px #0d182f18;
}
#login-modal a, #login-modal button:not(.auth-primary):not(.auth-wallet-choice):not([role="tab"]) {
  color: var(--ecai-auth-accent) !important;
  background: transparent !important;
}
#login-modal a:hover { text-decoration: underline; }
#login-modal .auth-dismiss { display: block; margin-left: auto; padding: 0; min-height: 30px; }
#login-modal :is(input:where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"])), textarea, select) {
  --ecai-auth-control-bg: var(--ecai-auth-field);
  --ecai-auth-control-text: var(--ecai-auth-text);
  color-scheme: inherit;
  background: var(--ecai-auth-control-bg) !important;
  color: var(--ecai-auth-control-text) !important;
  -webkit-text-fill-color: currentColor !important;
  caret-color: var(--ecai-auth-control-text) !important;
  border-color: var(--ecai-auth-field-line) !important;
  box-shadow: none !important;
  opacity: 1;
}
#login-modal :is(input, textarea)::placeholder {
  color: var(--ecai-auth-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1;
}
#login-modal :is(input, textarea)[readonly] { --ecai-auth-control-bg: var(--ecai-auth-panel); }
#login-modal :is(input, textarea, select):disabled {
  --ecai-auth-control-bg: var(--ecai-auth-disabled-bg);
  --ecai-auth-control-text: var(--ecai-auth-disabled-text);
  cursor: not-allowed;
}
#login-modal :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--ecai-auth-primary); }
/* Browser autofill can force its own background and text colour. Paint an
   inset surface and set text-fill/caret explicitly; do not disable autofill
   or use the multi-hour transition hack. :is() tolerates unsupported aliases. */
#login-modal input:is(:autofill, :-webkit-autofill) {
  -webkit-text-fill-color: var(--ecai-auth-control-text) !important;
  caret-color: var(--ecai-auth-control-text) !important;
  box-shadow: 0 0 0 1000px var(--ecai-auth-control-bg) inset !important;
}
#login-modal :is(input, textarea, select):focus {
  border-color: var(--ecai-auth-focus) !important;
  outline: 2px solid var(--ecai-auth-focus) !important;
  outline-offset: 2px;
}
#login-modal :is(a, button, summary):focus-visible {
  outline: 2px solid var(--ecai-auth-focus) !important;
  outline-offset: 3px;
}
#login-modal :is(input, textarea, select)[aria-invalid="true"] { border-color: var(--ecai-auth-error) !important; }
#login-modal .auth-primary {
  background: var(--ecai-auth-primary) !important;
  color: #ffffff !important;
  border-color: var(--ecai-auth-primary) !important;
}
#login-modal .auth-primary:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--ecai-auth-primary-hover) !important; }
#login-modal .auth-primary :is(span, strong) { color: inherit !important; }
#login-modal .auth-primary, #login-modal .auth-wallet-choice { min-height: 46px; }
#login-modal button:is(:disabled, [aria-disabled="true"]) {
  color: var(--ecai-auth-disabled-text) !important;
  background: var(--ecai-auth-disabled-bg) !important;
  border-color: var(--ecai-auth-line) !important;
  opacity: 1;
  cursor: not-allowed;
}
#login-modal :is(.auth-confirmation, .auth-status[data-kind="success"]) {
  background: var(--ecai-auth-good-bg) !important;
  color: var(--ecai-auth-good) !important;
  border-color: var(--ecai-auth-good) !important;
}
#login-modal .auth-status[data-kind="error"] {
  color: var(--ecai-auth-error) !important;
  background: var(--ecai-auth-error-bg) !important;
  border-color: var(--ecai-auth-error) !important;
}
#login-modal :is(.auth-confirmation, .auth-status[data-kind]) :is(p, strong, small) { color: inherit !important; }
#login-modal :is(.auth-footer, hr) { border-color: var(--ecai-auth-line) !important; }
/* Let high-contrast users keep system colours; never force-colour-adjust:none. */
@media (forced-colors: active) {
  #login-modal,
  :is(html, body):is(.theme-dark, .force-dark, .theme-light, .force-light, [data-theme]) #login-modal {
    --ecai-auth-bg: Canvas;
    --ecai-auth-panel: Canvas;
    --ecai-auth-field: Field;
    --ecai-auth-text: CanvasText;
    --ecai-auth-muted: CanvasText;
    --ecai-auth-line: ButtonText;
    --ecai-auth-field-line: ButtonText;
    --ecai-auth-accent: LinkText;
    --ecai-auth-focus: Highlight;
    --ecai-auth-selected: Canvas;
    --ecai-auth-good: CanvasText;
    --ecai-auth-good-bg: Canvas;
    --ecai-auth-error: CanvasText;
    --ecai-auth-error-bg: Canvas;
    --ecai-auth-disabled-bg: Canvas;
    --ecai-auth-disabled-text: GrayText;
  }
  #login-modal input:is(:autofill, :-webkit-autofill) {
    -webkit-text-fill-color: currentColor !important;
    box-shadow: none !important;
  }
  #login-modal .auth-primary { color: ButtonText !important; background: ButtonFace !important; border-color: ButtonText !important; }
  #login-modal .auth-tabs [aria-selected="true"] { outline: 1px solid Highlight; }
}
@media(max-width:1000px) { .console-session-kind { display:none; } .console-topbar { padding-inline:18px; } }
@media(max-width:650px) { .console-wallet-notice { flex-direction:column; align-items:flex-start; } .console-topbar { height:auto; min-height:65px; flex-wrap:wrap; padding:10px 14px; gap:8px; } .topbar-actions { flex-wrap:wrap; gap:6px; } .topbar-actions .button { font-size:11px; padding:7px 9px; } #login-modal #login_modal_content { padding:20px; } }