/* LOGIN PAGE */
/* Logo container above the two columns */
.logo-container {
    margin-bottom: 20px;
}

/* Logo image styling */
.logo-image {
    max-width: 400px;
}

/* Grid tweaks for better spacing on larger screens */
.login-grid {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* Left pane typography */
.login-left {
    padding: 16px;
}

/* Right pane: panel wrapper */
.login-panel {
    width: 100%;
    max-width: 420px;
    padding: 16px;
}

/* Paper styling for credential panel */
.login-paper {
    border-radius: 12px;
    padding: 32px 24px;
}

    /* Ensure text fields and button stretch full width */
    .login-paper .mud-input-root,
    .login-paper .mud-button-root {
        width: 100%;
    }