/* Discord OAuth button — must override the generic .button !important and a:link/a:visited from styles.css */
.discord-row a.discord-button,
.discord-row a.discord-button:link,
.discord-row a.discord-button:visited {
    background: #5865F2 !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 16px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    transition: background 0.18s, box-shadow 0.18s, transform 0.15s !important;
}

.discord-row a.discord-button:hover {
    background: color-mix(in srgb, #5865F2, black 22%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(88, 101, 242, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* Force all child text and spans to stay white */
.discord-row a.discord-button span,
.discord-row a.discord-button * {
    color: #ffffff !important;
}

/* Force the inline SVG fill to stay white */
.discord-row a.discord-button svg {
    fill: #ffffff !important;
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
}

.button[disabled],
input[type=submit][disabled],
input[type=button][disabled],
.discord-row a.disabled {
    opacity: 0.4 !important;
    pointer-events: none !important;
    cursor: default !important;
}