/* Login Page Styles - CSP Compliance Fix */
#navContainer { 
    display: none; 
}

.logo { 
    display: block; 
    margin: 0 auto 15px; 
    width: 150px; 
    height: auto; 
}

/* Header container styles for CSP compliance */
.auth-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    white-space: nowrap;
}

.auth-header-title {
    margin: 0;
    white-space: nowrap;
}

.auth-header-button {
    margin: 0;
    white-space: nowrap;
}

.auth-content {
    width: 380px;
    padding: 32px 28px 24px 28px;
    background: linear-gradient(120deg, #181e26 60%, #232b36 100%);
    border-radius: 18px;
    box-shadow: 0 8px 32px #000a, 0 1.5px 0 #fff1;
    margin: 0 auto;
    text-align: left;
    position: relative;
    border: 1.5px solid #fff2;
    animation: popIn 0.5s cubic-bezier(.22,1.2,.36,1) both;
    overflow: visible;
}

@keyframes popIn {
    0% { transform: scale(0.7); opacity: 0; }
    80% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); }
}

.auth-content h2 {
    font-size: 1.5em;
    color: #1dd983;
    margin-bottom: 16px;
    font-weight: 700;
    letter-spacing: .04em;
}

.auth-content .success-message {
    color: #1dd983;
    font-size: 1.1em;
    font-weight: bold;
    margin: 18px 0 10px 0;
    letter-spacing: .03em;
}

.auth-content .btn-primary {
    width: 100%;
    margin-top: 8px;
    background: linear-gradient(90deg, #1dd983 60%, #12b76a 100%);
    color: #0a1014;
    font-weight: 700;
    font-size: 15.5px;
    border: none;
    border-radius: 999px;
    box-shadow: 0 4px 16px #12b76a33, 0 0 0 1px #fff2;
    padding: 12px 0;
    transition: background 0.2s;
    line-height: 1 !important;
}

/* 额外的按钮line-height强制规则 */
.auth-content button,
.auth-content .btn,
.auth-content .btn-primary {
    line-height: 1 !important;
}

.auth-content .btn-primary:hover {
    background: linear-gradient(90deg, #12b76a 60%, #1dd983 100%);
}

.form-group select { 
    width: 100%; 
    padding: 8px; 
    border: 1px solid #ffffff1f; 
    border-radius: 5px; 
    background: #192028; 
    color: #d7dee5; 
    font-size: 14px; 
}

footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
    color: var(--text); 
    font-size: 14px; 
    padding: 15px 0; 
    background: var(--panel); 
    border-top: 1px solid #ffffff1f; 
}

body { 
    margin-bottom: 100px; 
}

/* Inline style for login form display */
.login-form-display {
    display: block;
}

/* Footer version number styling */
.footer-version {
    font-size: 12px;
    color: #666;
    opacity: 0.7;
}

/* Navigation styles for CSP compliance */
.nav-container {
    text-align: center;
    padding: 10px;
}

.nav-link {
    margin: 0 10px;
    color: inherit;
    text-decoration: none;
}

/* Button container styles for CSP compliance */
.auth-button-container {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}