/* agent-login-container 에 card 스타일이 적용되므로 기존 스타일 제거 또는 수정 */
.agent-login-container {
    background: transparent !important; /* 카드 배경 사용 */
    box-shadow: none !important;        /* 카드 그림자 사용 */
    border: none !important;           /* 카드 테두리 사용 */
    color: #fff;                     /* 카드 내부 텍스트 색상 */
    padding: 2rem !important;        /* 패딩은 유지하거나 카드 패딩에 맞게 조정 */
    text-align: center;
    /* width: 320px; */ /* 너비는 card 스타일이나 부모(col)에 의해 결정되도록 제거 */
    /* max-width는 agent-login-view.html 인라인 스타일에 설정됨 */
}

.agent-login-container h3 { /* h2 -> h3 */
    color: #fff; /* 제목 색상 */
    margin-bottom: 2rem;
    font-size: 1.5rem; /* 제목 크기 조정 */
}

/* 입력 필드 스타일 (dashboard-glass.css의 .form-control 스타일 재활용) */
.agent-login-container .form-control {
    /* dashboard-glass.css 에 이미 정의되어 있음 */
    /* background-color: rgba(0, 0, 0, 0.2); */
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    /* color: #fff; */
    font-size: 1rem; /* 폰트 크기 조정 */
    padding: 0.7rem; /* 패딩 조정 */
}
.agent-login-container .form-control::placeholder {
    /* color: rgba(255, 255, 255, 0.5); */
}
.agent-login-container .form-control:focus {
    /* dashboard-glass.css 에 이미 정의되어 있음 */
}

/* 버튼 스타일 (dashboard-glass.css의 .card-button 재활용) */
.agent-login-container .card-button {
    /* dashboard-glass.css 에 이미 정의되어 있음 */
    /* padding: 0.8rem; */ /* 패딩 조정 */
    font-size: 1rem; /* 폰트 크기 조정 */
}

/* 오류 메시지 스타일 */
.text-danger {
    color: #ffcccc !important; /* 밝은 빨간색 */
    font-size: 0.9em;
}

/* visually-hidden 클래스 (Bootstrap에 이미 있음, 필요시 추가) */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}