/* Code entry styles */
@keyframes code-shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
}

.code-input-shake {
    animation: code-shake 0.3s ease-in-out;
}

.code-input, .code-input-shake {
    font-family: 'Roboto Mono', monospace;
}

/* OAuth sign-in button brand styles */
.auth-btn-google {
    border-color: #4285F4 !important;
    color: #4285F4 !important;
}

.auth-btn-google:hover {
    background-color: rgba(66, 133, 244, 0.08) !important;
}

.auth-btn-microsoft {
    border-color: #00A4EF !important;
    color: #00A4EF !important;
}

.auth-btn-microsoft:hover {
    background-color: rgba(0, 164, 239, 0.08) !important;
}

/* User menu header (name/email) in dropdown */
.user-menu-header {
    padding: 12px 16px 8px;
    pointer-events: none;
}

.text-transform-none {
    text-transform: none !important;
}

/* My Sessions list */
.my-sessions-list {
    background: transparent !important;
}

.my-session-row {
    border-radius: 4px;
    cursor: pointer;
}

.my-session-row:hover {
    background-color: rgba(255, 255, 255, 0.05);
}