/* Login page styles */

body { background: linear-gradient(135deg, #07b587 0%, #059669 100%); min-height: 100vh; }

.masthead { min-height: 100vh; display: flex; align-items: center; padding-top: 70px; }

.header-content { max-width: 500px; width: 100%; margin: 0 auto; }

/* Card panel shared by all auth pages */
.header-content.opacity {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    color: #333;
}

/* Reset inherited white text from .masthead */
.header-content.opacity h1,
.header-content.opacity h2,
.header-content.opacity h3,
.header-content.opacity h4,
.header-content.opacity h5,
.header-content.opacity p,
.header-content.opacity label,
.header-content.opacity small,
.header-content.opacity span:not(.badge) {
    color: #333 !important;
}
.header-content.opacity .text-muted { color: #6c757d !important; }
.header-content.opacity a:not(.btn) { color: #07b587; }
.header-content.opacity a:not(.btn):hover { color: #059669; }
.header-content.opacity .btn-custom-color,
.header-content.opacity .btn-custom-color:hover { color: #fff !important; }

.form-signin-heading { text-align: center; font-weight: 700; font-size: 1.8rem; color: #333; margin-bottom: 1rem; }

.form-control { border-radius: 6px; height: 48px; font-size: 1rem; border: 1px solid #ddd; }
.form-control:focus { border-color: #07b587; box-shadow: 0 0 0 0.2rem rgba(7,181,135,.25); }

/* Google Sign-In button centering */
.g_id_signin { display: flex !important; justify-content: center !important; }

.btn-custom-color { background-color: #07b587; border-color: #07b587; color: #fff; }
.btn-custom-color:hover { background-color: #059669; border-color: #059669; color: #fff; }

.colorgraph { height: 5px; border: 0; background: linear-gradient(to right, #07b587, #059669, #37b57e); border-radius: 5px; margin-bottom: 1rem; }

.opacity { opacity: 1 !important; }