/* components/login.css — extracted from inline <style> in
   login.html per specs/ux/07_COHERENCE_AUDIT Phase-2.
   The login page predates the design-system canonical tab bar
   (.lingua-tab-bar). Until the login page is migrated to the
   canonical tab vocabulary, these scoped rules keep the visual
   stable and remove the inline <style> from the template. */

.login-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 1rem;
}
.login-tab {
    flex: 1;
    padding: 0.5rem;
    background: transparent;
    border: 1px solid var(--color-border, var(--alice-border));
    cursor: pointer;
    color: inherit;
    font: inherit;
}
.login-tab.active {
    background: var(--color-brand, var(--alice-blue));
    color: var(--color-brand-fg, #fff);
    border-color: var(--color-brand, var(--alice-blue));
}
.login-pane { display: none; }
.login-pane.active { display: block; }
.login-token-guest-fields { margin-top: 0.5rem; }