.prodocs-login-card {
max-width: 520px; /* wider form */
margin: 60px auto;
padding: 35px 30px;
background: #ffffff;
border-radius: 14px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
text-align: center;
font-family: "Inter", "Segoe UI", sans-serif;
}
.prodocs-login-card img {
max-width: 130px;
margin-bottom: 18px;
}
.prodocs-login-card h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
color: #1f2d3d;
}
.prodocs-login-card p {
font-size: 14px;
margin-bottom: 22px;
color: #6b7280;
}
/* Form fields */
.ur-form-grid input[type="text"],
.ur-form-grid input[type="password"],
.ur-form-grid input[type="email"] {
width: 100% !important;
padding: 14px 16px !important;
border: 1px solid #d1d5db !important;
border-radius: 8px !important;
margin-bottom: 16px !important;
font-size: 14px !important;
background: #f9fafb !important;
transition: border 0.2s ease, background 0.2s ease;
}
.ur-form-grid input:focus {
border-color: #2563eb !important;
outline: none !important;
background: #fff !important;
}
/* Button */
.ur-submit-button {
width: 100% !important;
background: #2563eb !important;
color: #fff !important;
font-size: 15px !important;
padding: 13px !important;
border-radius: 8px !important;
border: none !important;
cursor: pointer !important;
font-weight: 600 !important;
transition: background 0.3s ease;
}
.ur-submit-button:hover {
background: #1e40af !important;
}
/* Messages */
.ur-message {
font-size: 14px;
border-radius: 6px;
padding: 12px;
margin: 12px 0;
}
.ur-message-error {
background: #fef2f2;
color: #b91c1c;
}
.ur-message-success {
background: #ecfdf5;
color: #047857;
}
/* Mobile */
@media (max-width: 640px) {
.prodocs-login-card {
margin: 30px 15px;
padding: 22px 18px;
max-width: 100%;
}
.prodocs-login-card img {
max-width: 110px;
}
.prodocs-login-card h2 {
font-size: 16px;
}
.prodocs-login-card p {
font-size: 13px;
}
}
