/* Global Focus Styles for Input Fields and Buttons */

/* Input Fields Placeholder Font */
input::placeholder,
textarea::placeholder,
select::placeholder {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Input Fields Focus */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15) !important;
}

/* Input Fields with Error State Focus */
input.error:focus,
textarea.error:focus,
select.error:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* Buttons Focus */
button:focus,
.btn:focus,
.btn-signin:focus,
.btn-submit:focus,
.btn-verify:focus,
.btn-reset:focus,
.btn-resend:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.3) !important;
}

/* Disabled Buttons - No Focus Effect */
button:disabled:focus,
.btn:disabled:focus {
    box-shadow: none !important;
}

/* Gradient Button Styles */
.btn-grad {
    background-image: linear-gradient(to right, #448FFC 0%, #0858CB 51%, #448FFC 100%);
    margin: 10px;
    padding: 7px 18px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
    font-size: 13px;
}

.btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.btn-grad.inline {
    display: inline-flex;
    margin: 0;
}

/* Red Gradient Button for Cancel/Danger Actions */
.btn-grad-danger {
    background-image: linear-gradient(to right, #FF6B6B 0%, #C92A2A 51%, #FF6B6B 100%) !important;
}