/* Shared login, recovery and installer surface. */
.trias-auth-page {
  --login-ink: var(--ui-text-1);
  --login-muted: var(--ui-text-2);
  --login-subtle: var(--ui-text-3);
  --login-line: var(--ui-border-color);
  --login-panel: var(--ui-surface);
  --login-panel-soft: var(--ui-surface-muted);
  --login-field: var(--ui-surface);
  --login-accent: var(--ui-primary);
  --login-danger: var(--ui-danger);
  --login-warning: var(--ui-warning);
  --login-success: var(--ui-success);
  --login-radius: 0;
  font-family: var(--ui-font-sans);
  background: var(--ui-bg);
}
.trias-auth-page .login-card:only-child { grid-column: 1 / -1; width: min(100%, 540px); margin-inline: auto; }
.trias-auth-page .login-card.trias-auth-card-wide { width: min(100%, 760px); }
.trias-auth-page :is(input, select, button, .login-card, .login-shell) { border-radius: 0; }
.trias-auth-page :is(.input-group input, .select-group select) {
  min-height: var(--ui-control-height);
  padding: 9px 44px;
}
.trias-auth-page .login-btn { min-height: var(--ui-control-height); background: var(--ui-primary); box-shadow: none; }
.trias-auth-page :is(input, select):focus-visible { outline: 2px solid var(--ui-primary); outline-offset: 2px; }
.trias-auth-domain { display: block; margin-top: 6px; color: var(--ui-text-2); font-size: .92rem; }
.trias-auth-gap { margin-top: 12px; }
.trias-auth-notice { display: block; text-align: left; margin-bottom: 14px; }
.trias-auth-link { color: var(--ui-primary); text-decoration: none; font-weight: 600; }
.trias-auth-confirm { display: flex; align-items: center; gap: 10px; margin: 8px 0 18px; color: var(--ui-danger); font-weight: 600; }
.trias-diagnostic-page { margin: 0; background: var(--ui-bg); padding: 40px; color: var(--ui-text-1); font-family: var(--ui-font-sans); }
.trias-diagnostic-page .card { max-width: 820px; margin: auto; padding: 24px; border: 1px solid var(--ui-border-color); background: var(--ui-surface); }
.trias-diagnostic-page pre { padding: 16px; background: #101923; color: #edf3f9; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 600px) { .trias-diagnostic-page { padding: 16px; } }