/* Hacker theme login overrides for DevExpress Blazor components - Red/Black */

#logon-template-component .dxbl-btn,
#logon-template-component .btn {
    background: rgba(255, 0, 51, 0.1) !important;
    border: 1px solid rgba(255, 0, 51, 0.4) !important;
    color: #ff0033 !important;
    border-radius: 2px !important;
    font-family: 'Courier New', 'Fira Mono', 'Consolas', monospace !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
}

#logon-template-component .dxbl-btn:hover,
#logon-template-component .btn:hover {
    background: rgba(255, 0, 51, 0.2) !important;
    border-color: #ff0033 !important;
    box-shadow: 0 0 15px rgba(255, 0, 51, 0.4) !important;
    color: #ffffff !important;
}

#logon-template-component .dxbl-btn:active,
#logon-template-component .btn:active {
    background: rgba(255, 0, 51, 0.3) !important;
    transform: translateY(1px) !important;
}

#logon-template-component .dxbl-btn.dxbl-btn-primary,
#logon-template-component .btn-primary {
    background: rgba(255, 0, 51, 0.15) !important;
    border-color: #ff0033 !important;
}

#logon-template-component .dxbl-btn.dxbl-btn-primary:hover,
#logon-template-component .btn-primary:hover {
    background: #ff0033 !important;
    color: #000000 !important;
    box-shadow: 0 0 20px rgba(255, 0, 51, 0.6) !important;
}

/* DevExpress toolbar items in hacker theme */
#logon-template-component .dxbl-btn-toolbar {
    gap: 0.5rem;
}

#logon-template-component .logon-bottom-toolbar .dxbl-btn {
    background: transparent !important;
    border: 1px solid rgba(255, 0, 51, 0.2) !important;
    color: #cc0028 !important;
}

#logon-template-component .logon-bottom-toolbar .dxbl-btn:hover {
    border-color: #ff0033 !important;
    color: #ff0033 !important;
    box-shadow: 0 0 10px rgba(255, 0, 51, 0.3) !important;
}

/* DevExpress checkbox in hacker theme */
#logon-template-component .dxbl-checkbox {
    color: #cc0028 !important;
    font-family: 'Courier New', 'Fira Mono', 'Consolas', monospace !important;
}

#logon-template-component .dxbl-checkbox .dxbl-checkbox-check-element {
    border-color: rgba(255, 0, 51, 0.4) !important;
    background: rgba(15, 0, 0, 0.6) !important;
}

#logon-template-component .dxbl-checkbox.dxbl-checked .dxbl-checkbox-check-element {
    background: rgba(255, 0, 51, 0.2) !important;
    border-color: #ff0033 !important;
}

/* DevExpress links */
#logon-template-component a,
#logon-template-component .dxbl-btn-link {
    color: #cc0028 !important;
    text-decoration: none !important;
}

#logon-template-component a:hover,
#logon-template-component .dxbl-btn-link:hover {
    color: #ff0033 !important;
    text-shadow: 0 0 8px rgba(255, 0, 51, 0.5) !important;
}