/* cdp2004 [2026-06-12 01:00:00] : notice_4.3 팝업레이어·예약 색상 통일 (list / view / write) */
/* 예약 — blue #0066cc / 팝업 — orange #e67e22 */

/* list — 인라인 태그 */
.board-list .table-list-eb .td-subject a .reservation,
.notice43-tag-reserve {
	font-size: .75rem;
	background-color: #0066cc;
	color: #fff;
	padding: 0 .5rem;
	margin-left: .5rem;
	border-radius: 5px;
	white-space: nowrap;
}

.board-list .table-list-eb .td-subject a .popup-layer,
.notice43-tag-popup {
	font-size: .65rem;
	background-color: #e67e22;
	color: #fff;
	padding: 0 .5rem;
	margin-left: .5rem;
	border-radius: 5px;
	white-space: nowrap;
}

/* view — 한 줄 안내 바 */
.board_view_reservation {
	color: #fff;
}

.board_view_reservation.notice43-reserve-bar,
.board_view_reservation.board_view_reservation--reserve {
	background-color: #0066cc;
}

.board_view_reservation.notice43-popup-bar,
.board_view_reservation.board_view_reservation--popup {
	background-color: #e67e22;
}

.board_view_reservation .reservation {
	display: flex;
	margin:.25rem 0;
	font-size:.8rem;
}

.board_view_reservation .reservation dt,
.board_view_reservation .reservation dd {
	padding: .5rem;
}

.board_view_reservation .reservation dt {
	padding-left: 1rem;
}

.board_view_reservation .reservation dd {
	flex-grow: 1;
}

.board_view_reservation .reservation dd .notice43-status-badge {
	margin-left: .35rem;
	vertical-align: middle;
}

/* write — 패널 우측 상태 */
.notice43-pr-panel-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}

.notice43-pr-status-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
}

.notice43-pr-status-item {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-size: .7rem;
}

.notice43-pr-status-kind {
	color: #555;
	font-weight: 600;
}

.notice43-pr-status-item.notice43-kind-popup .notice43-pr-status-kind {
	color: #e67e22;
}

.notice43-pr-status-item.notice43-kind-reserve .notice43-pr-status-kind {
	color: #0066cc;
}

/* 상태 뱃지 — 공통 */
.notice43-status-badge {
	display: inline-block;
	padding: .25rem .65rem;
	border-radius: 3px;
	color: #fff;
	font-size: .7rem;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}

/* 팝업레이어 상태 (orange 계열) */
.notice43-status-popup-before {
	background: #f39c12;
}

.notice43-status-popup-active {
	background: #e67e22;
}

.notice43-status-popup-ended {
	background: #95a5a6;
}

/* 예약기능 상태 (blue 계열) */
.notice43-status-reserve-wait {
	background: #0066cc;
}

.notice43-status-reserve-done {
	background: #004a99;
}

/* view — 팝업 위치·크기 미세조정 (popup 톤) */
.notice43-popup-geom-bar {
	margin: 0;
	padding: .75rem 1rem;
	background: #fef5eb;
	border: 1px solid #f5cba7;
	border-radius: 4px;
}

.notice43-popup-geom-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
}

.notice43-popup-geom-title {
	font-weight: 600;
	font-size: .85rem;
	color: #d35400;
	white-space: nowrap;
}

.notice43-popup-geom-field {
	display: flex;
	align-items: center;
	gap: .35rem;
	font-size: .8rem;
	color: #444;
}

.notice43-popup-geom-field input {
	width: 72px;
	padding: .35rem .5rem;
	border: 1px solid #f0b27a;
	border-radius: 3px;
	font-size: .8rem;
	text-align: right;
}

.notice43-popup-geom-field .unit {
	font-size: .75rem;
	color: #888;
}

.notice43-popup-geom-save-wrap {
	margin-left: auto;
}
.notice43-popup-geom-save-wrap > button {padding:.5rem 1rem;font-size:.7rem;border-radius:.25rem;}

.notice43-popup-geom-hint {
	margin: .5rem 0 0;
	font-size: .75rem;
	color: #666;
	line-height: 1.4;
}

@media (max-width: 840px) {
	.notice43-popup-geom-save-wrap {
		width: 100%;
		margin-left: 0;
		text-align: right;
	}
}