:root{ 
	--wc-primary:#316fb6; 
}
.bg-body{ 
	background:var(--wc-bg, #f7f9fc); 
}
[data-bs-theme=dark]{ 
	--wc-bg:#0b0e12; 
}
.wc-table td,.wc-table th{
	vertical-align:middle; 
}
.pagination .page-item.active .page-link{
	background-color:var(--wc-primary);
	border-color:var(--wc-primary); 
}

table tr:nth-child(even) {
	background-color: #1e1e1e;
}
table tr:nth-child(odd) {
	background-color: #252525;
}


th, td { text-align: center; }
th:nth-child(2), td:nth-child(2) { text-align: left; }
th:last-child, td:last-child { text-align: right; }

tr:hover {
	background-color: #333;
	transition: 0.2s;
}

td, th {
	padding: 10px 12px;
	white-space: nowrap;
}

.table-container {
	max-height: 70vh;
	overflow-y: auto;
}
thead th {
	position: sticky;
	top: 0;
	background: #111;
	z-index: 1;
}

/* 데스크탑용 메뉴 */
.mainMenu {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	background-color: rgba(0, 0, 0, 0.1);
}

.mainMenu a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.mainMenu a:hover {
	color: var(--accent-color);
}


/* ===== Topbar Theme Aware ===== */
[data-bs-theme="light"] .topbar {
	background-color: #f8f9fa !important; /* 밝은 회색 */
	color: #222 !important;               /* 어두운 글자 */
}
[data-bs-theme="dark"] .topbar {
  background-color: #212529 !important; /* 어두운 배경 */
  color: #f8f9fa !important;            /* 밝은 글자 */
}
.topbar a {
  color: inherit !important;            /* 부모 색상 상속 */
  text-decoration: none;
}
.topbar a:hover {
  opacity: 0.8;
}


/* board */
.board-table th, .board-table td { vertical-align: middle; }