body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.progress-bar {
    color: #000;
    font-weight: bold;
}
/* --- 모바일 반응형 스타일 --- */
/* 화면 너비가 768px 이하일 때 적용 */
@media (max-width: 768px) {
    /* 제목 폰트 크기 줄이기 */
    h2 {
        font-size: 1.75rem;
    }

    /* BRID 상세 페이지의 카드 헤더 정렬 변경 */
    .card-header .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .card-header .d-flex input {
            width: 100% !important;
            margin-top: 0.5rem;
        }

    /* 그래프 페이지의 조회 옵션 정렬 변경 */
    .card-body .row > .col-auto {
        width: 100%;
        margin-bottom: 0.5rem;
    }

        .card-body .row > .col-auto > .btn {
            width: 100%;
        }
}


/*
 * ★★★★★ 스플래시 화면 스타일 (수정) ★★★★★
 */

/* 로그인 폼이 서서히 나타나도록 초기 투명도 및 transition 설정 */
#login-form {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

/* 스플래시 화면 컨테이너 (activity_splash.xml 역할) */
.splash-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed; /* 화면 전체를 덮음 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF; /* 안드로이드의 배경색과 맞춤 */
    z-index: 9999; /* 다른 모든 요소 위에 표시 */
    opacity: 1; /* 기본 상태 (보임) */
    transition: opacity 0.5s ease-out; /* fade-out 효과 */
}

/* (신규) 스플래시 로고 + 텍스트를 묶는 컨테이너 (LinearLayout) */
.splash-content {
    display: flex;
    flex-direction: column; /* 수직 정렬 */
    align-items: center;
    text-align: center;
}

/* 스플래시 로고 (ImageView) */
.splash-logo {
    width: 200px; /* 로고 크기 */
    height: auto;
}

/* (수정) 스플래시 텍스트 (TextView) */
.splash-text {
    /* 안드로이드 레이아웃 값 */
    color: #000000; /* @android:color/black */
    font-size: 24px; /* 24sp */
    font-weight: bold; /* textStyle="bold" */
    margin-top: 16px; /* 16dp */
    /* 텍스트가 한 글자씩 보이도록 최소 높이 확보 */
    min-height: 1.2em;
}

    /* ★★★ (신규) 텍스트 애니메이션을 위한 span 초기 상태 ★★★ */
    .splash-text span {
        opacity: 0; /* 처음에는 숨김 */
        transition: opacity 0.1s ease-in; /* 나타나는 효과 */
    }

/* ★★★ (신규) 안드로이드 SplashActivity.kt의 컬러 값 ★★★ */
.g-blue {
    color: #4285F4;
}
/* F, s */
.g-non {
    color: #000000;
}
/* r, U */
.g-green2 {
    color: #8BC34A;
}
/* e, s */
.g-green {
    color: #2E7D32;
}
.word-end {
    margin-right: 0.5em; /* 'em'은 현재 글자 크기 기준 0.5배 간격 */
}
/* h */