/* =============================================================================
 * Everspin Partners - caddy-security 로그인 포털 커스텀 스타일
 * =============================================================================
 * 이 파일은 Caddyfile 의 authentication portal > ui > custom css path 로 로드됨.
 * DOM 조작 및 이벤트 바인딩은 portal-header.html 참고.
 * ============================================================================= */

/* 전체 배경: 검은색 */
html,
body {
    background-color: #000000 !important;
}

/* 고정 배너에 가려지는 영역만큼 본문을 아래로 밀어냄 (JS 에서 배너 실제 높이로 덮어씀) */
body {
    padding-top: 140px !important;
}

/* -----------------------------------------------------------------------------
 * 상단 로고 배너 (portal-header.html 의 JS 에서 DOM 에 주입)
 * - 검은 배경 화면 상단에 고정되고, 카드(로그인 다이얼로그) 바깥에 배치됨
 * --------------------------------------------------------------------------- */
.everspin-logo-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 1000;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px 20px 20px;
    background-color: #000000;
}

.everspin-logo-banner img.everspin-banner-logo {
    max-width: 280px;
    width: auto;
    height: auto;
    display: block;
}

/* -----------------------------------------------------------------------------
 * 카드 안에 노출되는 기본 로고 숨김
 * - caddy-security 의 ui.logo.url 설정으로 인해 카드 상단에 같은 로고가 렌더됨
 * - 배너 로고 (.everspin-banner-logo) 를 제외한 모든 로고/이미지를 숨김 처리
 * --------------------------------------------------------------------------- */
img[src*="main_logo"]:not(.everspin-banner-logo),
img[src*="logo"]:not(.everspin-banner-logo),
.card-header img,
.navbar-brand img {
    display: none !important;
}

/* -----------------------------------------------------------------------------
 * QR / MFA 섹션 숨김 (2차 인증을 사용하지 않음)
 * --------------------------------------------------------------------------- */
.mfa-app-auth,
.mfa-app-auth-ctrl,
.totp-auth,
.qrcode,
.qr-code,
[id*="qr"],
[class*="qr"],
[id*="mfa-app"],
[class*="mfa-app"],
[id*="totp"] {
    display: none !important;
}

/* -----------------------------------------------------------------------------
 * 로그인 폼 위에 삽입되는 안내 문구
 * --------------------------------------------------------------------------- */
.everspin-notice {
    text-align: center;
    color: #666666;
    font-size: 13px;
    margin: 12px 0 16px;
    padding: 0 16px;
}