/* --- Custom Styles --- */
body, html {
    height: 100%;
}

body {
    /* Match the yellow background */
    background-color: #ffc107; /* Bootstrap warning color, adjust if needed */
    display: flex;
    flex-direction: column; /* Stack card and desp logo vertically */
    justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
    padding: 1rem;
}

.login-card {
    max-width: 700px; /* Adjust overall card width */
    width: 100%;
    overflow: hidden; /* Ensures rounded corners clip content */
}

.logo-panel {
    background-color: #ffda6a; /* Slightly lighter yellow for contrast, adjust as needed */
    color: #333;
}

.logo-panel img {
    max-width: 100px; /* Adjust logo size */
    margin-bottom: 1rem;
}

.login-form-panel {
    background-color: #fff;
}

.desp-logo {
    margin-top: 2rem; /* Space above the desp logo */
    max-width: 100px; /* Adjust desp logo size */
}

/* Optional: Style form inputs if default Bootstrap isn't enough */
.form-control {
    /* Add custom styles here */
}
.input-group-text {
     background-color: #e9ecef; /* Light grey for icon background */
     border: 1px solid #ced4da;
}