@charset "UTF-8";
/**
 * 관리자 공통 UI (2026-09-09)
 *
 * 목적: 화면마다 제각각이던 카드·검색영역·표·버튼·페이징의 톤을 하나로 맞춘다.
 *       색은 사용자단 리뉴얼 팔레트(www/renewal/style.css)를 그대로 승계한다.
 *
 * 원칙
 *  - 기존 CSS(board.css/manage.css/layout.css)를 고치지 않고 이 파일에서 덮어쓴다.
 *    headHtml.jsp 의 CSS 로드 맨 마지막에 두어 나중에 선언된 쪽이 이기게 한다.
 *  - 레이아웃 구조(display/float/width)는 건드리지 않는다. 색·여백·선·글꼴만 손본다.
 *    구조를 바꾸면 29개 화면이 제각기 다른 방식으로 깨진다.
 *  - 화면 고유 스타일은 각 JSP 의 <style> 에 남긴다(방막기 달력의 bm-, 예약관리의 rm-).
 */

:root{
	/* 포인트색 — 실제 값은 headHtml.jsp 가 기본설정(site_info.manage_color)을 읽어
	   이 파일 뒤에서 :root 로 덮어쓴다. 아래는 그 전에 쓰이는 대비값이다. */
	--am-pt:#004B8B; --am-pt-d:#003A6B; --am-pt-l:#E7EFF7;
	--am-ink:#1A1E27; --am-ink-2:#5A6270; --am-ink-3:#9AA1AC;
	--am-line:#EBEDF0; --am-line-2:#DDE1E6; --am-bg:#F5F6F8;
	--am-red:#FF5A5F; --am-red-d:#D83A40; --am-red-l:#FFF0F1;
	--am-amber:#FFB100; --am-amber-d:#A56A00; --am-amber-l:#FFF7E6;
	--am-r:10px;
}

/* ── 카드(패널) ───────────────────────────────────────────── */
.panel.card-view{
	border:1px solid var(--am-line); border-radius:var(--am-r);
	box-shadow:0 1px 2px rgba(20,30,45,.04);
}
.panel .panel-heading{ padding:16px 20px; border-bottom:1px solid var(--am-line); }
.panel .panel-heading .panel-title{
	font-size:17px; font-weight:800; color:var(--am-ink); letter-spacing:-.02em; line-height:1.4;
}
.panel .panel-body{ padding:18px 20px; }

/* ── 검색·조건 영역 ───────────────────────────────────────── */
/* 라벨 칸이 진한 회색 블록이라 무거웠다 — 연한 바탕에 작은 글씨로 */
/* :not([style*="background"]) — 객실관리 수정화면처럼 인라인으로 시즌 색을 준 칸은
   그대로 둔다. 예전엔 여기서 전부 회색으로 덮어 비수기·준성수기·성수기 구분이 사라졌다. */
#bbs .table_wrap.table_block table th:not([style*="background"]),
.form-horizontal .row div > label.title,
.table_wrap > table > tbody > tr > th:not([style*="background"]){
	background:var(--am-bg) !important; color:var(--am-ink-2) !important;
	font-size:13.5px !important; font-weight:700 !important; letter-spacing:-.02em;
}
/* 색칸은 배경만 살리고 글꼴은 통일 */
.table_wrap > table > tbody > tr > th[style*="background"],
#bbs .table_wrap table th[style*="background"]{
	color:var(--am-ink) !important; font-size:13.5px !important; font-weight:700 !important;
}
.form-box label{ font-size:13.5px; color:var(--am-ink-2); font-weight:600; }

/* 입력 */
.form-control,
input[type=text].form-control, input[type=password].form-control, select.form-control{
	border:1px solid var(--am-line-2); border-radius:8px;
	font-size:13.5px; color:var(--am-ink); background:#fff;
	padding:7px 10px; height:auto; box-shadow:none;
}
.form-control:focus{ border-color:var(--am-pt); outline:0; box-shadow:0 0 0 3px rgba(0,75,139,.14); }
.form-control::placeholder{ color:var(--am-ink-3) }
#bbs input[type=text], #bbs input[type=password], #bbs select, #bbs textarea{ border-radius:8px }

/* ── 버튼 ─────────────────────────────────────────────────── */
/* 분홍·파랑·검정 외곽선이 뒤섞여 있어 주/보조/위험 셋으로 정리한다 */
.btns, .blue_btn, .red_btn, .btns_blue, .btns_red,
.btns_blue_line, .btns_black_line, .btns_red_line{
	display:inline-block; border-radius:8px; font-size:13.5px; font-weight:700;
	letter-spacing:-.02em; text-decoration:none; transition:background .13s,border-color .13s,color .13s;
}
.btns{ padding:8px 16px; }
.btns strong{ font-weight:700 }

/* 주 동작 — 저장·검색·등록 */
html body .btns_blue, html body .btns_blue_line, html body .blue_btn, html body input.btns_blue_line, html body .input_btn{
	background:var(--am-pt) !important; border:1px solid var(--am-pt) !important; color:#fff !important;
}
html body .btns_blue:hover, html body .btns_blue_line:hover, html body .blue_btn:hover, html body .input_btn:hover{
	background:var(--am-pt-d) !important; border-color:var(--am-pt-d) !important;
}
/* 보조 — 목록·취소·엑셀 */
html body .btns_black_line, html body .btns_gray{
	background:#fff !important; border:1px solid var(--am-line-2) !important; color:var(--am-ink-2) !important;
}
html body .btns_black_line:hover, html body .btns_gray:hover{ border-color:var(--am-ink-3) !important; color:var(--am-ink) !important; }
/* 위험 — 삭제 */
html body .btns_red, html body .red_btn, html body .btns_red_line{
	background:#fff !important; border:1px solid var(--am-red) !important; color:var(--am-red-d) !important;
}
html body .btns_red:hover, html body .red_btn:hover, html body .btns_red_line:hover{ background:var(--am-red-l) !important; }

/* 기간 단축 버튼(최근30일·전월·금월·금년…)은 검정·분홍·파랑 세 가지로 갈려 있었다.
   같은 성격의 버튼이므로 보조 톤 하나로 모은다.
   btns_red_line 은 삭제(msgDelete·goDelete)에도 쓰이므로 클래스만으로는 못 가른다 —
   기간 버튼은 전부 onClick="searchDate(...)" 이라 그 속성으로 집는다. */
html body .btns[onclick^="searchDate"], html body .btns[onClick^="searchDate"]{
	background:#fff !important; border:1px solid var(--am-line-2) !important; color:var(--am-ink-2) !important;
}
html body .btns[onclick^="searchDate"]:hover, html body .btns[onClick^="searchDate"]:hover{
	border-color:var(--am-pt) !important; color:var(--am-pt) !important; background:var(--am-pt-l) !important;
}
.btns[onclick^="searchDate"] strong, .btns[onClick^="searchDate"] strong{ color:inherit !important; font-weight:600 }
.btns.size02, .btns.size03, a.btns.day_btn{ padding:6px 12px; font-size:13px; }

/* 게시판 '텍스트목록형/이미지목록형' 전환 버튼도 남색(--manage-color)이라 튀었다 */
html body .type-btn.active{ background:var(--am-pt) !important; border-color:var(--am-pt) !important; color:#fff !important }

/* ── 표 ───────────────────────────────────────────────────── */
/* content.css 가 .table_wrap th/td 에 font-size·font-weight·border 를 !important 로 박아 두었고
   templateHtml.jsp 를 통해 이 파일보다 뒤에 로드된다. 그 속성들만 같은 무기로 맞선다.
   (격자 전체에 선을 두르던 것을 가로선만 남기는 것도 여기서 덮는다) */
.table_wrap{ border-radius:var(--am-r); }
/* content.css 의 같은 셀렉터(.table_wrap th,td)와 구체성이 같아 로드 순서로 졌다.
   html body 를 붙여 구체성을 한 단계 올린다. */
html body .table_wrap th, html body .table_wrap td{
	border:0 !important; border-bottom:1px solid #F1F3F5 !important;
}
.table_wrap > table > thead > tr > th:not([style*="background"]),
.table_wrap thead th:not([style*="background"]),
#bbs table thead th:not([style*="background"]){
	background:var(--am-bg) !important; border-bottom:1px solid var(--am-line) !important;
	padding:12px 8px !important; font-size:13.5px !important; font-weight:700 !important;
	color:var(--am-ink-2) !important; letter-spacing:-.02em;
}
.table_wrap > table > tbody > tr > td,
.table_wrap tbody td,
#bbs table tbody td{
	padding:11px 8px !important; font-size:13.5px !important; font-weight:400 !important;
	color:var(--am-ink);
}
#bbs table tbody tr:hover > td{ background:#FAFBFC }
.table_wrap td a{ color:var(--am-pt-d) }
.table_wrap td a:hover{ text-decoration:underline }

/* 숫자 열은 자릿수가 맞아야 읽힌다 */
.table_wrap td[style*="text-align: right"], .table_wrap td.taright{ font-variant-numeric:tabular-nums }

/* 열이 아주 많은 통계표(요금정책별 27열 등)는 여백을 줄여 한 화면에 더 담는다.
   넘치는 만큼은 .table_wrap 의 가로 스크롤로 넘긴다. */
#bbs table.under_point thead th,
#bbs table.under_point tbody td{ padding:8px 5px; font-size:12.5px }

/* ── 달력 머리(요금정책·예약하기 공용) ───────────────────────
   위 표 머리글 규칙이 연/월 표기까지 13.5px 로 줄여 버렸다. 여기서 되돌린다.
   이전/다음 화살표도 1,200px 떨어진 양 끝에 붙어 있어 한 손으로 넘기기 불편했다 —
   연/월 양옆으로 모으고 버튼처럼 보이게 한다. */
#bbs .cal_wrap table th.calendarTitle{
	padding:16px 0 !important; background:#fff !important;
	font-size:22px !important; font-weight:800 !important;
	color:var(--am-ink) !important; letter-spacing:-.02em;
}
#bbs .cal_wrap table th.calendarTitle a{
	width:36px; height:36px; margin-top:0;
	border:1px solid var(--am-line-2); border-radius:9px; background:#fff;
	display:inline-flex !important; align-items:center; justify-content:center;
}
#bbs .cal_wrap table th.calendarTitle a:hover{ border-color:var(--am-pt); background:var(--am-pt-l) }
#bbs .cal_wrap table th.calendarTitle a img{ width:9px; height:auto; opacity:.55 }
#bbs .cal_wrap table th.calendarTitle a.btn_prevMonth{ left:calc(50% - 116px) !important; right:auto !important }
#bbs .cal_wrap table th.calendarTitle a.btn_nextMonth{ left:auto !important; right:calc(50% - 116px) !important }

/* 검색 영역을 표 위로 올린 화면(객실관리·팝업관리·관리자관리·접속기록)에서
   content.css 의 .search_wrap{margin-top:20px !important} 만 남아 위는 벌어지고
   아래는 '총 N개' 와 붙어 버렸다. 위아래를 같게 맞춘다. (2026-09-09) */
#bbs #blist > .search_wrap:first-of-type,
#bbs > .search_wrap:first-of-type{
	margin-top:0 !important; margin-bottom:16px !important;
}

/* ── 목록 머리 정보 ───────────────────────────────────────── */
.page_num{ font-size:13.5px; color:var(--am-ink-2) }
.page_num strong{ color:var(--am-ink); font-weight:700 }
.page_num .res_info{ font-size:12.5px; color:var(--am-ink-3); margin-top:4px }

/* ── 페이징 ───────────────────────────────────────────────── */
.paging_wrap{ padding:16px 0; text-align:center }
.paging_wrap a, .paging_wrap strong, .paging_wrap span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:32px; height:32px; padding:0 8px; margin:0 2px;
	border:1px solid var(--am-line-2); border-radius:8px;
	font-size:13px; font-weight:600; color:var(--am-ink-2); text-decoration:none;
}
.paging_wrap a:hover{ border-color:var(--am-pt); color:var(--am-pt) }
/* 현재 쪽 표시 — content.css 의 '.paging_wrap .page strong' 이 클래스 2개라
   'html body .paging_wrap strong'(클래스 1개)보다 강했다. .page 를 넣어 맞선다. */
html body .paging_wrap .page strong,
html body .paging_wrap .page .on, html body .paging_wrap .page a.on,
html body .paging_wrap strong, html body .paging_wrap .on{
	background:var(--am-pt) !important; border-color:var(--am-pt) !important; color:#fff !important;
}

/* ── 상태 뱃지(게시판 공지/노출 등) ───────────────────────── */
#bbs .table_wrap td .notice_ic, #bbs .table_wrap td .new_ic{
	display:inline-block; padding:2px 9px; border-radius:20px;
	font-size:11.5px; font-weight:700; border:1px solid var(--am-red); color:var(--am-red-d); background:var(--am-red-l);
}

/* ── 폼 화면(기본설정·업체정보 등) ────────────────────────── */
.form-wrap .form-horizontal .row{ margin-bottom:0 }
.light-grey-hr{ border-color:var(--am-line) !important; margin:16px 0 }

/* 기본설정 화면에 입력칸마다 붙어 있던 개발용 키(SiteProperty.COMPANY_NAME 등)를 감춘다.
   운영자에게는 의미 없는 문자열이고 항목 이름과 겹쳐 읽기만 방해했다.
   개발 중 확인이 필요하면 이 규칙 한 줄만 지우면 다시 보인다. */
label.jsp{ display:none }

/* ── 하단 버튼 줄 ─────────────────────────────────────────── */
.btns_wrap{ margin-top:16px }
.btns_wrap.list{ padding-top:4px }

/* ── 안내 문구 ────────────────────────────────────────────── */
.help_txt, .txt_help, p.under{ font-size:13px; color:var(--am-ink-2); line-height:1.6 }

/* ── 전수 점검에서 나온 개별 손질 (2026-09-09) ───────────────
   30개 화면을 훑어 팔레트를 벗어났거나 글자가 배경에 묻히던 곳들. */

/* 1) 메뉴관리 '변경된 메뉴적용' — 초록(#5cb85c)은 이 관리자에서 여기 하나뿐이고
      흰 글자 대비가 2.48:1 로 읽기 힘들었다. 주 동작이므로 파랑으로 옮긴다. */
html body .btns_green{
	background-color:var(--am-pt) !important; border-color:var(--am-pt) !important; color:#fff !important;
}
html body .btns_green:hover{ background-color:var(--am-pt-d) !important; border-color:var(--am-pt-d) !important; }
html body .btns_green_line{ border-color:var(--am-pt) !important; color:var(--am-pt) !important; }

/* 2) 메뉴관리 체크박스가 1depth 파랑·2depth 초록으로 갈려 있었다. 한 색으로. */
.menu-tree .depth1-checkbox, .menu-tree .depth2-checkbox{ accent-color:var(--am-pt) }
.info-box{ background:var(--am-pt-l) !important; border-left-color:var(--am-pt) !important; border-radius:10px !important }

/* 3) 문자메세지 — 휴대폰 목업(div.phone, 검정 #1A1A1A) 위에 #222 글자라 대비 1.09:1,
      '보내는사람·받는사람·즉시전송·예약전송' 이 사실상 보이지 않았다. */
.phone .smstel label, .phone .smstel dt,
.phone .smstel li label, .phone .smstel span{ color:#EAECEF !important }
.phone .smstel dd, .phone .smstel{ color:#C9CED6 }

/* 좁은 화면에서 표가 페이지를 밀지 않게 */
.table_wrap{ overflow-x:auto }