@charset "UTF-8";
/* 共用 token：顶部导航 / 路由选中态高亮色（浅深主题一致） */
:root {
  --top-route-active: #eb3728;
  --text-primary-active: #eb3728;
  --text-secondary-active: #ff8c00;
  --btn-text-primary: #ffffff;
  --btn-bg-primary: #eb3728;
  --btn-bg-secondary2: #ff8c00;
}

:root,
html[data-bs-theme=light] {
  /* 浅色主题 */
  --bg-body: #f6f6f6;
  --bg-primary: #fff;
  --bg-bottom: #fff;
  --text-secondary: #999999;
  --text-primary: #000000;
  --bg-table-header: #f0f0f0;
  --bg-table-subheader: #e8e8e8;
  --bg-table-pin-top: #fffaf5;
  --pc-info-bnt-bg1: rgba(255, 140, 0, 0.1);
  --pc-info-bnt-bg2: rgba(235, 55, 40, 0.1);
  --pc-info-bnt-active: #b9b5b5;
  --bg-pagination-active: #eb3728;
  --bg-pagination-default: #f0f0f0;
  --bg-pagination-hover: #eae6e6;
  --btn-bg-hover: #dddddd;
  --btn-bg-primary-hover: #fd4a39;
  --popup-bg-primary: #fff;
  --top-icon-color: #999999;
  --search-bg-color: #f0f0f0;
  --search-btn-color: #cbcbcb;
  --btn-bg-secondary: #e7e7e7;
  --btn-text-secondary: #999999;
  --h5-info-bg: #fff;
  --form-input-bg: #f6f6f6;
  --border-primary-color: #e2e2e3;
  --icon-primary-color: #000000;
}

html[data-bs-theme=dark] {
  /* 深色主题 */
  --bg-body: #1c1c20;
  --bg-primary: #232426;
  --bg-bottom: #0f0f11;
  --text-secondary: #aaaaaa;
  --text-primary: #ffffff;
  --bg-table-header: #2e2e30;
  --bg-table-subheader: #18181b;
  --bg-table-pin-top: #29292c;
  --pc-info-bnt-bg1: #2e2e30;
  --pc-info-bnt-bg2: #2e2e30;
  --pc-info-bnt-active: #000000;
  --bg-pagination-active: #eb3728;
  --bg-pagination-default: #18181b;
  --bg-pagination-hover: #888888;
  --btn-bg-hover: #202020;
  --btn-bg-primary-hover: #db1301;
  --popup-bg-primary: #232426;
  --top-icon-color: #ffffff;
  --search-bg-color: #2e2e30;
  --search-btn-color: #404041;
  --btn-bg-secondary: #404041;
  --btn-text-secondary: #fff;
  --h5-info-bg: #1c1c20;
  --form-input-bg: #2e2e30;
  --border-primary-color: #333333;
  --icon-primary-color: #ffffff;
}

.contest-pro-section .modal-content {
  background-color: var(--popup-bg-primary);
  border-radius: 0;
}
.contest-pro-section .modal-content .info-table {
  color: var(--text-secondary);
}
.contest-pro-section .modal-header {
  border-bottom-style: dashed;
  color: var(--text-secondary);
}
.contest-pro-section .modal-footer {
  border-top-style: dashed;
}
.contest-pro-section .table-wrapper .contest-pro-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}
.contest-pro-section .table-wrapper .contest-pro-table th,
.contest-pro-section .table-wrapper .contest-pro-table td {
  background-color: #f8f9f9;
}
.contest-pro-section .table-wrapper .contest-pro-table thead {
  background: var(--bg-primary);
}
.contest-pro-section .table-wrapper .contest-pro-table thead tr th {
  opacity: 1;
  vertical-align: top;
  text-align: center;
  border-width: 0;
  background-color: var(--bg-table-header);
  font-size: 14px;
  font-weight: 300;
  color: var(--text-primary);
  font-family: "Rubik", sans-serif;
  padding: 10px 15px 10px 10px;
}
.contest-pro-section .table-wrapper .contest-pro-table thead tr th:last-child {
  padding: 10px 10px;
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr {
  border-bottom: 2px solid var(--border-primary-color);
  position: relative;
  transition: all 1s ease-in-out;
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr td {
  border: none;
  font-weight: 300;
  font-size: 14px;
  color: var(--text-primary);
  text-align: center;
  vertical-align: middle;
  word-break: keep-all;
  padding: 12px 5px 12px 0px;
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr td:nth-child(2) {
  font-weight: 500;
  color: var(--text-primary);
  font-family: "Rubik", sans-serif;
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr:hover {
  box-shadow: 0 4px 8px rgba(145, 145, 145, 0.1);
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr:hover .img-bottom-dash {
  opacity: 1;
}
.contest-pro-section .table-wrapper .contest-pro-table tbody tr:hover td {
  background-color: #f3f3f3;
}
.contest-pro-section .table-wrapper .contest-pro-table {
  /* 배지 스타일 */
}
.contest-pro-section .table-wrapper .contest-pro-table .badge {
  font-size: 0.75em;
  padding: 0.4em 0.6em;
  border-radius: 0 !important;
}
.contest-pro-section .table-wrapper .contest-pro-table {
  /* 버튼 호버 효과 */
}
.contest-pro-section .table-wrapper .contest-pro-table .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.contest-pro-section .table-wrapper .contest-pro-table {
  /* 테이블 셀 패딩 */
}
.contest-pro-section .table-wrapper .contest-pro-table .table td,
.contest-pro-section .table-wrapper .contest-pro-table .table th {
  padding: 0.75rem 1rem;
}
.contest-pro-section .table-wrapper .contest-pro-table .member-nickname-wrap .member-name {
  justify-content: center;
}
.contest-pro-section .table-wrapper .contest-pro-table .td-right {
  text-align: right;
  padding-right: 10px;
}

html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table th,
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table td {
  background-color: transparent;
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table thead {
  color: #AAAAAA; /* White text for eg-table header cells */
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table thead th {
  border-bottom: none; /* Subtle border for table header cells */
  background-color: #2E2E30; /* Dark background for table header */
  color: #AAAAAA; /* White text for table header cells */
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr {
  border-bottom: 1px dashed var(--border-primary-color);
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr td {
  color: #AAAAAA;
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr td:nth-child(2), html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr td:nth-child(3) {
  color: #AAAAAA; /* White text for table header cells */
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr:hover {
  box-shadow: 0 4px 8px rgba(145, 145, 145, 0.1);
}
html[data-bs-theme=dark] .contest-pro-section .table-wrapper .contest-pro-table tbody tr:hover td {
  background-color: #2a2a2a;
}