/* buttons.css - Register and Logout buttons */
.register,
.logout {
    border: 0;
    border-radius: 6px;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
}

.register {
    min-height: 46px;
    padding: 11px 28px;
    background: var(--action);
    font-size: 1rem;
}
.register:hover { background: var(--action-hover); }
.register:focus-visible { outline: 3px solid var(--action); outline-offset: 2px; }

.logout {
    flex-shrink: 0;
    min-height: 40px;
    padding: 8px 16px;
    background: var(--danger);
    font-size: 0.95rem;
}

@media (max-width: 640px) {
    .register { width: 100%; min-height: 50px; }
    .logout { padding: 8px 12px; font-size: 0.9rem; }
}