/*
 * common.css
 * CDDP 공통 조회 흐름(ISSUE-M1-02) 예시 화면의 최소 스타일.
 * 향후 업무 화면은 docs/reference/project-wbs.md의 WBS-M1-03(공통 UI 이관)이
 * 제공하는 정식 디자인 시스템으로 대체될 수 있다.
 */

.cmn-wrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 24px 16px;
	font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.cmn-tit {
	font-size: 20px;
	margin-bottom: 16px;
}

.cmn-search {
	display: inline-block;
	margin-bottom: 12px;
}

.cmn-search-input {
	padding: 6px 8px;
	width: 240px;
}

.cmn-btn {
	display: inline-block;
	padding: 6px 14px;
	background-color: #2b5ea7;
	color: #fff;
	border: none;
	text-decoration: none;
	cursor: pointer;
}

.cmn-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
}

.cmn-table th,
.cmn-table td {
	border-bottom: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

.cmn-table td.al {
	text-align: left;
}

.cmn-paging {
	text-align: center;
}

.cmn-view-tit {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 2px solid #333;
}

.cmn-view-info {
	display: flex;
	gap: 24px;
	padding: 8px 0;
	color: #555;
}

.cmn-view-info dl {
	display: flex;
	gap: 4px;
	margin: 0;
}

.cmn-view-ctn {
	padding: 16px 0;
	white-space: pre-wrap;
}

.cmn-view-bot {
	margin-top: 16px;
}

/* ISSUE-24(WBS-M1-08) 공통 PDF 생성 데모 화면 */
.cmn-notice {
	padding: 8px 12px;
	background-color: #fff6e0;
	border: 1px solid #f0d78c;
	color: #6b5100;
	margin-bottom: 16px;
}

#cddp-pdf-sample-form div {
	margin-bottom: 12px;
}

#cddp-pdf-sample-form label {
	display: inline-block;
	width: 120px;
}

#cddp-pdf-sample-form input[type="text"] {
	padding: 6px 8px;
	width: 280px;
}

#cddp-pdf-preview-link,
#cddp-pdf-download-link {
	margin-right: 8px;
}