/* 공시 화면 공통 스타일 */

.stock-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.stock-summary .item {
	border: 1px solid #dee2e6;
	border-radius: 0.35rem;
	padding: 0.5rem 0.9rem;
	background: #fff;
	min-width: 8rem;
}

.stock-summary .item .label {
	display: block;
	font-size: 0.75rem;
	color: #858796;
}

.stock-summary .item .value {
	display: block;
	font-size: 1.15rem;
	font-weight: 600;
}

.stock-search {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.75rem;
}

.stock-search label {
	margin: 0 0.1rem 0 0.6rem;
	font-size: 0.85rem;
	color: #5a5c69;
}

.stock-search .k-input {
	height: 2rem;
	border: 1px solid #d1d3e2;
	border-radius: 0.25rem;
	padding: 0 0.4rem;
}

/* 증감 표기 */
.stock-up {
	color: #e74a3b;
}

.stock-down {
	color: #4e73df;
}

/* 만기가 지난 사채 */
.stock-over {
	color: #858796;
	text-decoration: line-through;
}

/* 긴 사유는 한 줄로 줄이고 hover 로 전체를 본다 */
.stock-multi {
	display: inline-block;
	max-width: 22rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
	cursor: help;
}

/* 상세 화면 기본 정보 */
.stock-info-table {
	width: 100%;
	border-top: 2px solid #4e73df;
	margin-bottom: 1rem;
	background: #fff;
}

.stock-info-table th,
.stock-info-table td {
	border-bottom: 1px solid #e3e6f0;
	padding: 0.5rem 0.75rem;
	font-size: 0.9rem;
	text-align: left;
}

.stock-info-table th {
	width: 9rem;
	background: #f8f9fc;
	color: #5a5c69;
	font-weight: 600;
}

/* 결산일별 재무 요약 */
.stock-finance-table {
	width: 100%;
	background: #fff;
	border-top: 2px solid #4e73df;
}

.stock-finance-table th,
.stock-finance-table td {
	border-bottom: 1px solid #e3e6f0;
	padding: 0.45rem 0.6rem;
	font-size: 0.85rem;
	white-space: nowrap;
}

.stock-finance-table thead th {
	background: #f8f9fc;
	color: #5a5c69;
	text-align: center;
}

.stock-finance-table td.text-end {
	text-align: right;
}

.stock-tab {
	margin-bottom: 0.75rem;
}

/* 관심 보유자 별 */
.stock-star {
	cursor: pointer;
	color: #b7b9cc;
	font-size: 1.05rem;
	vertical-align: middle;
}

.stock-star:hover {
	color: #f6c23e;
}

.stock-star-on {
	color: #f6c23e;
}

/* 매수 / 매도 라벨 */
.stock-side {
	display: inline-block;
	min-width: 2.6rem;
	padding: 0.05rem 0.35rem;
	border-radius: 0.2rem;
	background: #f8f9fc;
	font-size: 0.8rem;
	text-align: center;
}

/* 관심 보유자 메모 */
.stock-memo {
	width: 100%;
	max-width: 40rem;
	min-height: 4rem;
	border: 1px solid #d1d3e2;
	border-radius: 0.25rem;
	padding: 0.4rem;
	font-size: 0.9rem;
}