/* mobile.css */

/* 1) 검색 컨트롤 영역 : 날짜, Select Device, Search 버튼을 한 줄에 표시 */
.search-controls form {
    display: flex;
    flex-wrap: nowrap;  /* 줄바꿈 방지 */
    align-items: center;
    justify-content: center;
}
.search-controls form input[type="date"],
.search-controls form select,
.search-controls form input[type="text"],
.search-controls form input[type="submit"] {
    width: auto;
    margin: 5px;
    padding: 6px;
    font-size: 14px;
}

/* mobile.css */

/* 1) 검색 컨트롤 영역 : (이미 위에서 HTML에 줄바꿈 처리 완료) */

/* 2) 모바일 브라우저 접속 시 Download Excel 버튼 숨기기 */
#write_num input[type="button"] {
    display: none;
}

/* 3) 데이터 리스트 영역 : 가로 스크롤 활성화 */
#board_area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
}

/* 테이블 최소 너비 지정 (모바일에서 모든 컬럼이 표시되도록) */
.list-table {
    min-width: 600px; /* 컬럼 수에 따라 적절한 값을 지정 */
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
}
.list-table thead th,
.list-table tbody td {
    padding: 8px;
    white-space: nowrap;  /* 내용 줄바꿈 없이 수평 스크롤 적용 */
}