src/style.css

/* 1. 폰트 및 기본 배경 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');

html, body, [data-testid="stAppViewContainer"] {
    background-color: #FFFFFF !important; /* [수정] 배경색 흰색으로 변경 */
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #333333 !important; /* [수정] 배경이 밝으므로 기본 텍스트는 어둡게 */
}

/* 2. 헤더 타이틀 컨테이너 (app.py의 HTML과 연동) */
.title-container {
    line-height: 1.2;
}
.main-title {
    font-size: 2.2rem !important; /* [수정] 텍스트 사이즈 대폭 확대 */
    font-weight: 700 !important;
    color: #FFFFFF !important; /* 헤더 배경이 어두우므로 흰색 유지 */
}
.sub-title {
    font-size: 1.0rem !important;
    color: #E0E0E0 !important;
}

/* 3. 입력창 컨테이너 (col2 내부 박스 디자인) */
.input-title {
    background: #16213E;
    border: 1px solid #2A3550;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    padding: 14px 22px 10px 22px;
    font-size: 0.85rem; font-weight: 600;
    color: #FFFFFF; letter-spacing: 1.5px;
}

[data-testid="stVerticalBlockBorderWrapper"] {
    background: #F8F9FA !important; /* [수정] 입력창 내부 배경은 연한 회색으로 */
    border: 1px solid #E0E0E0 !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
}

/* 4. KT 전용 레드 버튼 및 중앙 정렬 */
div.stButton {
    text-align: center !important; /* [수정] 버튼 컨테이너 중앙 정렬 */
    margin-top: 10px;
}

[data-testid="stButton"] > button {
    background: #E3000B !important; /* KT 레드 */
    color: #FFFFFF !important; /* [수정] 가독성을 위해 버튼 글자는 흰색 (또는 검정은 #000000) */
    border: none !important; border-radius: 8px !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 600 !important; font-size: 1.1rem !important; /* [수정] 버튼 텍스트 키움 */
    padding: 12px 40px !important;
    transition: all 0.2s !important;
    width: auto !important; /* [수정] 가로 전체가 아닌 내용만큼만 */
    min-width: 200px;
}

[data-testid="stButton"] > button:hover {
    background: #c0000a !important;
    box-shadow: 0 4px 16px rgba(227,0,11,0.4) !important;
}

/* 5. 텍스트 입력 및 텍스트 영역 */
[data-testid="stTextArea"] textarea,
[data-testid="stTextInput"] input {
    background: #FFFFFF !important;
    border: 1px solid #D0D0D0 !important;
    color: #333333 !important;
    border-radius: 8px !important;
}

/* 6. 탭(Tabs) 디자인 */
[data-testid="stTabs"] [data-baseweb="tab-list"] {
    background: #FFFFFF !important; border-bottom: 1px solid #E0E0E0 !important;
}
[data-testid="stTabs"] [data-baseweb="tab"] {
    color: #888888 !important;
}
[data-testid="stTabs"] [aria-selected="true"] {
    color: #E3000B !important; border-bottom: 2px solid #E3000B !important;
}

/* 7. 글자 가독성 설정 */
p, .stMarkdown p {
    color: #333333 !important; /* [수정] 본문 글자색 검정 계열 */
    word-break: keep-all;
}