/* ------------------------------------------------------ */
/* 공통 레이아웃 및 폼 구조                               */
/* ------------------------------------------------------ */

.search-form {
	max-width: 1100px;
	margin: 0;
	font-size: 14px;
}

/* ------------------------------------------------------ */
/* 입력 요소                                              */
/* ------------------------------------------------------ */

.row select,
.row input[type="text"] {
	padding: 4px 6px;
	font-size: 14px;
	border: 1px solid;
	border-radius: 4px;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.tier-wrapper {
	flex-direction: row;
	align-items: center;
	gap: 6px;
}
.tier-wrapper select { width: 60px; }
.tier-wrapper label { white-space: nowrap; }

.row label {
	font-weight: bold;
	font-size: 13px;
}

/* ------------------------------------------------------ */
/* 결과 테이블                                             */
/* ------------------------------------------------------ */

#result .depth-block { margin-bottom: 10px; }

.path-table {
	border-collapse: collapse;
	margin-top: 5px;
}

.path-table td {
	padding: 2px 8px;
	vertical-align: bottom;
	font-size: 16px;
}

.path-table td:not(.arrow):not(.dir) { text-align: left; }
.path-table .arrow { text-align: center; font-weight: bold; font-size: 16px; }
.path-table .dir { text-align: center; font-size: 14px; padding-top: 0; }
.path-table tr:last-child td.dir:last-child { text-align: right; }
.path-table td.dir { text-align: right; }
.path-table td.copy-cell { text-align: left; padding-left: 6px; }
.path-table .path-copy-btn { padding: 2px 6px; font-size: 12px; cursor: pointer; }

/* ------------------------------------------------------ */
/* 🌞 라이트 모드                                          */
/* ------------------------------------------------------ */
body[theme="light"] .path-table .dir { color: #666; }

/* ------------------------------------------------------ */
/* 🌙 다크 모드                                            */
/* ------------------------------------------------------ */
body[theme="dark"] .path-table td { color: #ddd; }
body[theme="dark"] .path-table .dir { color: #aaa; }