body { background-color: white; font-family: sans-serif; }
.container { width: 300px; margin: 100px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; }
input[type="text"], input[type="password"] { width: 100%; padding: 8px; margin-bottom: 10px; box-sizing: border-box; }
button { width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; cursor: pointer; }
.error { color: red; margin-bottom: 10px; }

.login-logo {
    text-align: center;
    margin-bottom: 20px;
}

.login-logo img {
    width: 120px; /* 好きなサイズに調整 */
    height: auto;
    opacity: 0.9; /* 少し透かすと上品 */
}

.version-info {
    text-align: center;
    margin-top: 20px;
    color: #888;
    font-size: 12px;
}

.env-badge {
    width: fit-content;
    margin: 6px auto;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff;
}

.env-badge--test { background-color: #d32f2f; }
.env-badge--local { background-color: #f57c00; }