/* ============================================
 * Main brand colors
 * 1. Orange:    #ff6c2f (primary)
 * 2. Blue:      #0558ee
 * 3. Navy:      #050419 (dark, button hover)
 * ============================================ */

.auth-logo {
     margin-bottom: 0.5rem !important;
}
.auth-logo img {
     height: 80px !important;
     width: auto;
     max-height: 80px !important;
     display: block;
}

/* Auth sidebar image - scale and fit within container */
.auth-sidebar-img {
     object-fit: cover;
     object-position: center;
     width: 100%;
     height: 100%;
     display: block;
}

/* Mobile: full width image below form */
@media (max-width: 1399.98px) {
     .col-xxl-5.d-flex {
          flex: 0 0 100%;
          max-width: 100%;
          padding-left: 0;
          padding-right: 0;
     }
     .col-xxl-5 .card {
          border-radius: 0;
          margin-left: -1rem;
          margin-right: -1rem;
          width: calc(100% + 2rem);
     }
     .col-xxl-5 .auth-sidebar-img {
          width: 100%;
          height: 40vh;
          min-height: 260px;
          max-height: 60vh;
     }
}

.authentication-form .form-label,
.authentication-form .form-check-label {
     font-size: 0.98rem;
}

.authentication-form .form-control {
     font-size: 1rem;
     min-height: 44px;
}

.auth-title {
     font-size: 1.4rem;
     line-height: 1.2;
     color: #050419;
}

.auth-subtitle {
     font-size: 1.05rem;
     line-height: 1.6;
     max-width: 520px;
}

.password-toggle-btn {
     min-width: 46px;
}

.auth-signin-btn {
     background-color: #ff6c2f !important;
     border-color: #ff6c2f !important;
     color: #ffffff !important;
     font-size: 1.08rem !important;
     font-weight: 700;
     box-shadow: 0 0.5rem 1rem rgba(255, 108, 47, 0.25);
}

.auth-signin-btn:hover,
.auth-signin-btn:focus {
     background-color: #050419 !important;
     border-color: #050419 !important;
     color: #ffffff !important;
}

.auth-notice {
     display: flex;
     align-items: flex-start;
     gap: 0.7rem;
     border-radius: 12px;
     padding: 0.9rem 1rem;
     border: 1px solid transparent;
}

.auth-notice-icon {
     font-size: 1.2rem;
     line-height: 1.2;
}

.auth-notice-content {
     font-size: 0.95rem;
     font-weight: 600;
}

.auth-notice-danger {
     background: #fcdfdf;
     border-color: #f9bfbf;
     border-left: 4px solid #ef5f5f;
     color: #602626;
}

.auth-notice-warning {
     background: #fef1d6;
     border-color: #fde3ad;
     border-left: 4px solid #0558ee;
     color: #644a14;
}

.auth-notice-info {
     background: #dcf4f3;
     border-color: #b8eae7;
     border-left: 4px solid #4ecac2;
     color: #1f514e;
}

.auth-notice-success {
     background: #ffe2d5;
     border-color: #ffc4ac;
     border-left: 4px solid #ff6c2f;
     color: #662b13;
}

/* ----- Dark mode (matches app.min.css) ----- */
html[data-bs-theme="dark"] .auth-title,
body[data-bs-theme="dark"] .auth-title {
     color: #dee2e6;
}

html[data-bs-theme="dark"] .auth-signin-btn,
body[data-bs-theme="dark"] .auth-signin-btn {
     background-color: #ff6c2f !important;
     border-color: #ff6c2f !important;
     color: #ffffff !important;
     box-shadow: 0 0.5rem 1rem rgba(255, 108, 47, 0.3);
}

html[data-bs-theme="dark"] .auth-signin-btn:hover,
html[data-bs-theme="dark"] .auth-signin-btn:focus,
body[data-bs-theme="dark"] .auth-signin-btn:hover,
body[data-bs-theme="dark"] .auth-signin-btn:focus {
     background-color: #050419 !important;
     border-color: #050419 !important;
     color: #ffffff !important;
}

html[data-bs-theme="dark"] .auth-notice-danger,
body[data-bs-theme="dark"] .auth-notice-danger {
     background: rgba(239, 95, 95, 0.15);
     border-color: #8f3939;
     color: #f59f9f;
}

html[data-bs-theme="dark"] .auth-notice-warning,
body[data-bs-theme="dark"] .auth-notice-warning {
     background: rgba(5, 88, 238, 0.15);
     border-color: #0558ee;
     color: #95dfda;
}

html[data-bs-theme="dark"] .auth-notice-info,
body[data-bs-theme="dark"] .auth-notice-info {
     background: rgba(78, 202, 194, 0.15);
     border-color: #2f7974;
     color: #95dfda;
}

html[data-bs-theme="dark"] .auth-notice-success,
body[data-bs-theme="dark"] .auth-notice-success {
     background: rgba(255, 108, 47, 0.15);
     border-color: #99411c;
     color: #ffa782;
}