/* 다크 모드 스타일 - 전역 적용 */
.dark-mode {
    color-scheme: dark;
}

/* 기본 body 및 텍스트 색상 */
.dark-mode body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* 모든 텍스트 요소 기본 색상 */
.dark-mode,
.dark-mode * {
    color: #e0e0e0;
}

/* 검정색 텍스트를 회색으로 변경 */
.dark-mode p,
.dark-mode span,
.dark-mode div,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode li,
.dark-mode td,
.dark-mode th,
.dark-mode label {
    color: #e0e0e0 !important;
}

/* 링크 색상 */
.dark-mode a {
    color: #60b0f2 !important;
}

.dark-mode a:hover {
    color: #7fc4ff !important;
}

/* 배경색이 흰색인 모든 요소 */
.dark-mode [style*="background-color: #fff"],
.dark-mode [style*="background-color:#fff"],
.dark-mode [style*="background: #fff"],
.dark-mode [style*="background:#fff"],
.dark-mode [style*="background-color: white"],
.dark-mode [style*="background: white"] {
    background-color: #2a2a2a !important;
}

/* stats-section.sticky 인라인 스타일 오버라이드 */
.dark-mode .stats-section.sticky[style*="background-color: #fff"],
.dark-mode .stats-section.sticky[style*="background-color:#fff"],
.dark-mode .stats-section.sticky[style*="background: #fff"],
.dark-mode .stats-section.sticky[style*="background:#fff"] {
    background-color: #2a2a2a !important;
}

/* 설정 페이지 */
.dark-mode .settings-container {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.dark-mode .user-profile-section {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .user-name {
    color: #e0e0e0 !important;
}

.dark-mode .user-start-date {
    color: #a0a0a0 !important;
}

.dark-mode .user-info-btn {
    background-color: #3a3a3a !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.dark-mode .menu-section {
    background-color: #1a1a1a !important;
}

.dark-mode .menu-item {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .menu-item:hover {
    background-color: #333333 !important;
}

.dark-mode .menu-item-text {
    color: #e0e0e0 !important;
}

.dark-mode .toggle-item {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .toggle-item:hover {
    background-color: #333333 !important;
}

.dark-mode .toggle-label {
    color: #e0e0e0 !important;
}

.dark-mode .theme-setting-item {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .theme-setting-item:hover {
    background-color: #333333 !important;
}

.dark-mode .theme-label {
    color: #e0e0e0 !important;
}

.dark-mode .theme-option {
    background-color: #3a3a3a !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.dark-mode .theme-option:hover {
    background-color: #4a4a4a !important;
    border-color: #2f6bff !important;
}

.dark-mode .theme-option.active {
    background-color: #2f6bff !important;
    border-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .api-key-section {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .api-linked-status {
    background-color: #2a2a2a !important;
}

.dark-mode .api-status-text {
    color: #a0a0a0 !important;
}

.dark-mode .logout-section {
    border-top-color: #3a3a3a !important;
    background-color: #1a1a1a !important;
}

.dark-mode .logout-section .menu-item {
    background-color: #1a1a1a !important;
}

.dark-mode .footer-info-section {
    background-color: #2a2a2a !important;
}

.dark-mode .business-info-toggle {
    color: #a0a0a0 !important;
}

.dark-mode .business-info-toggle:hover {
    color: #e0e0e0 !important;
}

.dark-mode .business-details {
    color: #a0a0a0 !important;
}

.dark-mode .copyright-info {
    color: #999999 !important;
}

.dark-mode .event-section {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .event-title {
    color: #e0e0e0 !important;
}

.dark-mode .event-expiry {
    color: #a0a0a0 !important;
}

.dark-mode .social-icon {
    background-color: #3a3a3a !important;
    color: #a0a0a0 !important;
}

.dark-mode .social-icon:hover {
    background-color: #4a4a4a !important;
}

/* 헤더 다크 모드 */
.dark-mode #header_wi100 {
    background-color: #1a1a1a !important;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3) !important;
}
.dark-mode #header_wi100 .titleBar .wrap .leftBox .logoBox {background-image:url('/image/header/logo_full_dk.png');}
.dark-mode #header_wi100 .navigator .wrap ul > li > a:hover {background-color:#444;}

.dark-mode .footer_box {background-color:#222;}
.dark-mode .footer_box .footer_box1100 > .copyright {border-top-color:#999;}

.dark-mode .titleBar {
    background-color: #1a1a1a !important;
}

.dark-mode .navigator {
    background-color: #1a1a1a !important;
}

.dark-mode .navBar a {
    color: #e0e0e0 !important;
}

.dark-mode .app-bottom-nav {
    background-color: #1a1a1a !important;
    border-top-color: #3a3a3a !important;
}

.dark-mode .app-bottom-nav .nav-item {
    color: #a0a0a0 !important;
}

.dark-mode .app-bottom-nav .nav-item.is-active {
    color: #2f6bff !important;
}

/* 일반 페이지 요소들 */
.dark-mode .contentsBox {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.dark-mode .wrap {
    background-color: #1a1a1a !important;
}

.dark-mode .body {
    background-color: #1a1a1a !important;
}

/* 입력 필드 */
.dark-mode input[type="text"],
.dark-mode input[type="password"],
.dark-mode input[type="email"],
.dark-mode input[type="number"],
.dark-mode input[type="date"],
.dark-mode input[type="time"],
.dark-mode textarea,
.dark-mode select {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode input[type="text"]:focus,
.dark-mode input[type="password"]:focus,
.dark-mode input[type="email"]:focus,
.dark-mode input[type="number"]:focus,
.dark-mode input[type="date"]:focus,
.dark-mode textarea:focus,
.dark-mode select:focus {
    border-color: #2f6bff !important;
    background-color: #333333 !important;
    color: #e0e0e0 !important;
}

/* 버튼 */
.dark-mode button {
    color: #e0e0e0 !important;
}

.dark-mode .filter-button,
.dark-mode .filter-select {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

.dark-mode .filter-button:hover,
.dark-mode .filter-select:hover {
    background-color: #4a4a4a !important;
}

/* profit.php 페이지 스타일 */
.dark-mode .profit-container {
    background-color: #1a1a1a !important;
}

.dark-mode .profit-container .content {
    background-color: #1a1a1a !important;
}

.dark-mode .filter-bar {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .custom-select-button {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .custom-select-button::after {
    border-top-color: #e0e0e0 !important;
}

.dark-mode .custom-select-button:hover {
    background-color: #4a4a4a !important;
}

.dark-mode .custom-select-dropdown {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .custom-select-option {
    color: #e0e0e0 !important;
}

.dark-mode .custom-select-option:hover {
    background-color: #333333 !important;
}

.dark-mode .custom-select-option.selected {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .date-modal-content {
    background-color: #2a2a2a !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .date-modal-header {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .date-modal-title {
    color: #e0e0e0 !important;
}

.dark-mode .date-modal-close {
    color: #a0a0a0 !important;
}

.dark-mode .date-modal-body {
    background-color: #2a2a2a !important;
}

.dark-mode .date-range-container {
    background-color: #2a2a2a !important;
}

.dark-mode .date-input-wrapper {
    background-color: #2a2a2a !important;
}

.dark-mode .body .listtable {
    background-color: #2a2a2a !important;
}

.dark-mode .body .listtable > ul > li {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .body .listtable > ul > li > span {
    color: #e0e0e0 !important;
}

.dark-mode .body .listtable > ul > li > span.onlymobile {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .body .listtable > ul > li > span.onlymobile .hdiv {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .body .listtable > ul > li > span.onlymobile .hdiv .title {
    color: #e0e0e0 !important;
}

.dark-mode .body .listtable > ul > li > span.onlymobile .hlabel {
    color: #a0a0a0 !important;
}

.dark-mode .body .listtable > ul > li > span.onlymobile .hvalue {
    color: #e0e0e0 !important;
}

/* 인라인 스타일이 있는 요소들 덮어쓰기 */
.dark-mode .inlinBlock {
    background-color: #3a3a3a !important;
    color: #a0a0a0 !important;
}

.dark-mode [style*="background-color:#eee"],
.dark-mode [style*="background-color: #eee"],
.dark-mode [style*="background:#eee"],
.dark-mode [style*="background: #eee"] {
    background-color: #3a3a3a !important;
}

.dark-mode [style*="color:#777"],
.dark-mode [style*="color: #777"] {
    color: #a0a0a0 !important;
}

.dark-mode .profit-summary {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
}

.dark-mode .summary-metric .label {
    color: #a0a0a0 !important;
}

.dark-mode .summary-metric .value {
    color: #e0e0e0 !important;
}

.dark-mode .profit-item {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .profit-header-title-left .exchange {
    color: #a0a0a0 !important;
}

.dark-mode .profit-header-title-left .strategy {
    color: #e0e0e0 !important;
}

.dark-mode .profit-header-time {
    color: #888888 !important;
}

.dark-mode .profit-badge {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .profit-badge.status-done {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .symbol-row {
    color: #e0e0e0 !important;
}

.dark-mode .symbol-text .name {
    color: #e0e0e0 !important;
}

.dark-mode .symbol-text .pair {
    color: #a0a0a0 !important;
}

.dark-mode .deal-grid {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
}

.dark-mode .deal-grid-head {
    background-color: #333333 !important;
}

.dark-mode .deal-head {
    color: #e0e0e0 !important;
}

.dark-mode .deal-row {
    border-top-color: #3a3a3a !important;
}

.dark-mode .deal-label {
    color: #a0a0a0 !important;
}

.dark-mode .deal-val {
    color: #e0e0e0 !important;
}

.dark-mode .profit-footer.compact {
    border-top-color: #3a3a3a !important;
}

.dark-mode .profit-footer-label {
    color: #e0e0e0 !important;
}

.dark-mode .date-modal {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.dark-mode .date-modal-content {
    background-color: #2a2a2a !important;
}

.dark-mode .date-modal-header {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .date-modal-title {
    color: #e0e0e0 !important;
}

.dark-mode .date-modal-close {
    color: #a0a0a0 !important;
}

.dark-mode .period-button {
    background-color: #3a3a3a !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.dark-mode .period-button.active {
    background-color: #2f6bff !important;
    border-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .date-submit-button {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .pagingBox.profit-paging li {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .pagingBox.profit-paging li.on {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .pagingBox.profit-paging li:hover {
    background-color: #4a4a4a !important;
}

.dark-mode .profit-empty {
    color: #a0a0a0 !important;
}

.dark-mode #currentProfitPeriodLabel {
    color: #a0a0a0 !important;
}

.dark-mode #ytdButton {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode #ytdButton:hover {
    background-color: #1d4ed8 !important;
}

/* 테이블 */
.dark-mode table {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

.dark-mode thead th {
    background-color: #333333 !important;
    color: #e0e0e0 !important;
}

.dark-mode tbody td,
.dark-mode tbody th {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}

/* 카드 및 박스 */
.dark-mode .card,
.dark-mode .box {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

/* 스크롤바 */
.dark-mode ::-webkit-scrollbar {
    background-color: #1a1a1a !important;
}

.dark-mode ::-webkit-scrollbar-thumb {
    background-color: #3a3a3a !important;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background-color: #4a4a4a !important;
}

/* trade/list.php 페이지 스타일 */
.dark-mode .body {
    background-color: #1a1a1a !important;
}

.dark-mode .body .wrap {
    background-color: #1a1a1a !important;
}

.dark-mode .body .content {
    background-color: #1a1a1a !important;
}

.dark-mode .body .titleLine {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.dark-mode .body .titleLine .title {
    color: #e0e0e0 !important;
}

.dark-mode .body .titleLine .nav {
    color: #a0a0a0 !important;
}

.dark-mode .body .titleLine .nav a {
    color: #a0a0a0 !important;
}

.dark-mode .body .paragraph {
    background-color: #2a2a2a !important;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .filter-bar {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .infotable {
    background-color: #2a2a2a !important;
}

.dark-mode .infotable .inp {
    background-color: #3a3a3a !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.dark-mode .infotable .inp::placeholder {
    color: #888888 !important;
}

.dark-mode .listtable {
    background-color: #1a1a1a !important;
}

.dark-mode .listtable > ul > li {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .listtable > ul > li > span {
    color: #e0e0e0 !important;
}

.dark-mode .listtable > ul > li > span.onlymobile {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .btn {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .btn.active {
    background-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .redFont {
    color: #ff6b6b !important;
}

.dark-mode .blueFont {
    color: #60b0f2 !important;
}

.dark-mode .greenFont {
    color: #51cf66 !important;
}

.dark-mode .alimFont {
    color: #a0a0a0 !important;
}

/* trade/calendar.php 페이지 스타일 */
.dark-mode .calendar-container {
    background-color: #1a1a1a !important;
}

.dark-mode .calendar-wrapper {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .calendar-nav-btn {
    color: #e0e0e0 !important;
}

.dark-mode .calendar-nav-btn:hover {
    background-color: #333333 !important;
}

.dark-mode .calendar-month-year {
    color: #e0e0e0 !important;
}

.dark-mode .calendar-weekday {
    color: #a0a0a0 !important;
}

.dark-mode .calendar-day {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .calendar-day:hover {
    background-color: #333333 !important;
    border-color: #2f6bff !important;
}

.dark-mode .calendar-day.today {
    background-color: #2f6bff !important;
    border-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .calendar-day.has-profit {
    background-color: #1a3a1a !important;
}

.dark-mode .calendar-day.has-loss {
    background-color: #3a1a1a !important;
}

.dark-mode .calendar-day-profit {
    color: #51cf66 !important;
}

.dark-mode .calendar-day-loss {
    color: #ff6b6b !important;
}

.dark-mode .calendar-day.other-month {
    background-color: #1f1f1f !important;
    color: #666666 !important;
}

.dark-mode .calendar-summary {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
}

.dark-mode .calendar-summary-label {
    color: #a0a0a0 !important;
}

.dark-mode .calendar-summary-value {
    color: #e0e0e0 !important;
}

.dark-mode .calendar-summary-value.positive {
    color: #ff6b6b !important;
}

.dark-mode .calendar-summary-value.negative {
    color: #60b0f2 !important;
}

.dark-mode .calendar-day.selected .calendar-day-profit {
    color: #ffffff !important;
}

.dark-mode .calendar-day.other-month {
    background-color: #1f1f1f !important;
    color: #666666 !important;
}

.dark-mode .calendar-summary {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
}

.dark-mode .calendar-summary-label {
    color: #a0a0a0 !important;
}

.dark-mode .calendar-summary-value {
    color: #e0e0e0 !important;
}

.dark-mode .calendar-summary-value.positive {
    color: #ff6b6b !important;
}

.dark-mode .calendar-summary-value.negative {
    color: #60b0f2 !important;
}

.dark-mode .calendar-day.selected .calendar-day-profit {
    color: #ffffff !important;
}

.dark-mode .body .wrap {
    background-color: #1a1a1a !important;
}

.dark-mode .body .content {
    background-color: #1a1a1a !important;
}

/* strategy/list.php 페이지 스타일 */
.dark-mode .status-bar ul li {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .status-bar ul li:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .status-bar ul li .label {
    color: #a0a0a0 !important;
}

.dark-mode .status-bar ul li .value {
    color: #e0e0e0 !important;
}

.dark-mode .status-bar ul li.total .value {
    color: #2f6bff !important;
}

.dark-mode .status-bar ul li.running .value {
    color: #51cf66 !important;
}

.dark-mode .status-bar ul li.done .value {
    color: #60b0f2 !important;
}

.dark-mode .status-bar ul li.pending .value {
    color: #ffa726 !important;
}

.dark-mode .status-bar ul li.stopped .value {
    color: #ff6b6b !important;
}

.dark-mode .custom-select-dropdown {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .fab-add-strategy {
    background: linear-gradient(135deg, #2f6bff 0%, #1f8ef1 100%) !important;
    box-shadow: 0 4px 12px rgba(47, 107, 255, 0.6) !important;
}

.dark-mode .grayFont {
    color: #a0a0a0 !important;
}

/* main.php 페이지 스타일 */
.dark-mode .main {
    background-color: #1a1a1a !important;
}

.dark-mode .main .assetArea {
    background-color: #1a1a1a !important;
}

.dark-mode .main .assetArea .wrap .title,
.dark-mode .main .tickerArea .tickerWatchlistHead .title {
    color: #e0e0e0 !important;
}

.dark-mode .main .assetArea .wrap ul {
    background-color: #2a2a2a !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .main .assetArea .wrap ul > li {
    border-bottom-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .main .assetArea .wrap ul > li > span {
    color: #e0e0e0 !important;
}

.dark-mode .main .assetArea .wrap ul > li > span:nth-child(2),
.dark-mode .main .assetArea .wrap ul > li > span:nth-child(3),
.dark-mode .main .assetArea .wrap ul > li > span:nth-child(4) {
    border-left-color: #3a3a3a !important;
}

.dark-mode .main .assetArea #asset_repaly:hover {
    background-color: #3a3a3a !important;
}

.dark-mode .main .tickerArea {
    background-color: #1a1a1a !important;
}

.dark-mode .main .tickerArea .navExchange > span {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .main .tickerArea .navExchange > span:hover {
    border-color: #4a4a4a !important;
}

.dark-mode .main .tickerArea .navExchange > span.active {
    background-color: #2f6bff !important;
    border-color: #2f6bff !important;
    color: #ffffff !important;
}

.dark-mode .main .tickerArea .navExchange > span.active:hover {
    border-color: #1d4ed8 !important;
}

.dark-mode .main .tickerArea .tickerListSection {
    background-color: #1f2937 !important;
    border-bottom-color: #374151 !important;
}
.dark-mode .main .tickerArea .tickerList > li .wrap {
    background-color: #2a2a2a !important;
    border-color: #374151 !important;
    border-left-color: #60a5fa !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .main .tickerArea .tickerList > li .wrap .label {
    color: #e0e0e0 !important;
}

.dark-mode .main .tickerArea .tickerList > li .wrap .title {
    color: #a0a0a0 !important;
}

.dark-mode .main .tickerArea .tickerList > li .wrap .price {
    color: #e0e0e0 !important;
}

.dark-mode .main .tickerArea .tickerList .rate.up {
    color: #ff6b6b !important;
}

.dark-mode .main .tickerArea .tickerList .rate.down {
    color: #60b0f2 !important;
}

.dark-mode .main .tickerArea .tickerList .rate.flat {
    color: #888888 !important;
}

/* 프리미엄 관련 스타일 제거됨 (해외주식은 프리미엄 개념 없음)
.dark-mode .main .tickerArea .tickerList .premium.up {
    color: #ff6b6b !important;
}

.dark-mode .main .tickerArea .tickerList .premium.down {
    color: #60b0f2 !important;
}

.dark-mode .main .tickerArea .tickerList .premium.flat {
    color: #888888 !important;
}
*/

.dark-mode #mainLoadingOverlay {
    background: rgba(26, 26, 26, 0.98) !important;
}

.dark-mode .progress-container {
    background: #3a3a3a !important;
}

/* 모든 하얀 배경 요소 */
.dark-mode [style*="background: white"],
.dark-mode [style*="background:white"],
.dark-mode [style*="background-color: white"],
.dark-mode [style*="background-color:white"],
.dark-mode [style*="background: #fff"],
.dark-mode [style*="background:#fff"],
.dark-mode [style*="background-color: #fff"],
.dark-mode [style*="background-color:#fff"] {
    background-color: #2a2a2a !important;
}

/* 모든 검정색 텍스트를 회색으로 */
.dark-mode [style*="color: #000"],
.dark-mode [style*="color:#000"],
.dark-mode [style*="color: black"],
.dark-mode [style*="color:black"],
.dark-mode [style*="color: #1c2026"],
.dark-mode [style*="color:#1c2026"],
.dark-mode [style*="color: #333"],
.dark-mode [style*="color:#333"] {
    color: #e0e0e0 !important;
}

/* preview_page.php 헤더 및 탭 스타일 */
/* preview_page.php와 preview_page_completed.php 다크모드 */
.dark-mode .stg-preview-page {
    background-color: #1a1a1a !important;
}

.dark-mode .preview-card {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

.dark-mode .preview-card * {
    color: inherit;
}

.dark-mode .preview-card .stgPreviewSection {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

.dark-mode .stgPreviewSection {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

.dark-mode .preview-page-header {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .preview-page-header.sticky {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dark-mode .preview-tab-menu {
    background-color: #2a2a2a !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .preview-tab-menu.sticky {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.dark-mode .stats-section {
    background-color: #2a2a2a !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) !important;
    color: #e0e0e0 !important;
}

.dark-mode .stats-section * {
    color: inherit;
}

.dark-mode .stats-section.sticky {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    color: #e0e0e0 !important;
}

.dark-mode .stats-section.sticky * {
    color: inherit;
}

.dark-mode .stats-section.sticky .coin-info-section {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stats-section.sticky .coin-name {
    color: #e0e0e0 !important;
}

.dark-mode .stats-section.sticky .stats-label {
    color: #a0a0a0 !important;
}

.dark-mode .stats-section.sticky .stats-value {
    color: #e0e0e0 !important;
}

.dark-mode .stats-section.sticky .stats-value.profit {
    color: #ff4d4f !important;
}

.dark-mode .stats-section.sticky .stats-value.loss {
    color: #ff4d4f !important;
}

.dark-mode .stats-section .coin-info-section {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stats-section .coin-name {
    color: #e0e0e0 !important;
}

.dark-mode .stats-section .stats-label {
    color: #a0a0a0 !important;
}

.dark-mode .stats-section .stats-value {
    color: #e0e0e0 !important;
}

.dark-mode .stats-section .stats-value.profit {
    color: #ff4d4f !important;
}

.dark-mode .stats-section .stats-value.loss {
    color: #ff4d4f !important;
}

.dark-mode .coin-info-section {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .coin-name {
    color: #e0e0e0 !important;
}

.dark-mode .stats-label {
    color: #a0a0a0 !important;
}

.dark-mode .stats-value {
    color: #e0e0e0 !important;
}

.dark-mode .stats-value.profit {
    color: #ff4d4f !important;
}

.dark-mode .stats-value.loss {
    color: #ff4d4f !important;
}

.dark-mode .back-button {
    color: #e0e0e0 !important;
}

.dark-mode .back-button:hover {
    background-color: #333333 !important;
    color: #2f6bff !important;
}

.dark-mode .preview-tab-menu .tab-item {
    color: #a0a0a0 !important;
}

.dark-mode .preview-tab-menu .tab-item:hover {
    color: #2f6bff !important;
    background-color: #333333 !important;
}

.dark-mode .preview-tab-menu .tab-item.active {
    color: #2f6bff !important;
    border-bottom-color: #2f6bff !important;
    background-color: #2a2a2a !important;
}

.dark-mode .completed-round-item {
    background-color: #2a2a2a !important;
    border-left-color: #2f6bff !important;
    color: #e0e0e0 !important;
}

.dark-mode .completed-round-item * {
    color: inherit;
}

.dark-mode .completed-round-item .round-number {
    color: #e0e0e0 !important;
    background-color: #3a3a3a !important;
}

.dark-mode .completed-round-item .round-status {
    color: #ffffff !important;
    background-color: #2f6bff !important;
}

.dark-mode .completed-round-item .round-date {
    color: #a0a0a0 !important;
}

.dark-mode .completed-round-item .trade-header-value {
    color: #a0a0a0 !important;
}

.dark-mode .completed-round-item .trade-label {
    color: #a0a0a0 !important;
}

.dark-mode .completed-round-item .trade-value {
    color: #e0e0e0 !important;
}

.dark-mode .completed-round-item .profit-label {
    color: #a0a0a0 !important;
}

.dark-mode .completed-round-item .profit-value {
    color: #e0e0e0 !important;
}

.dark-mode .completed-round-item .profit-value.profit {
    color: #ff4d4f !important;
}

.dark-mode .completed-round-item .profit-value.loss {
    color: #ff4d4f !important;
}

.dark-mode .round-header {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .round-number {
    color: #e0e0e0 !important;
    background-color: #3a3a3a !important;
}

.dark-mode .round-status {
    color: #ffffff !important;
    background-color: #2f6bff !important;
}

.dark-mode .round-date {
    color: #a0a0a0 !important;
}

.dark-mode .trade-header {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .trade-header-value {
    color: #a0a0a0 !important;
}

.dark-mode .trade-label {
    color: #a0a0a0 !important;
}

.dark-mode .trade-value {
    color: #e0e0e0 !important;
}

.dark-mode .round-profit {
    border-top-color: #3a3a3a !important;
}

.dark-mode .profit-label {
    color: #a0a0a0 !important;
}

.dark-mode .profit-value {
    color: #e0e0e0 !important;
}

.dark-mode .profit-value.profit {
    color: #ff4d4f !important;
}

.dark-mode .profit-value.loss {
    color: #ff4d4f !important;
}

/* preview_page.php 추가 다크모드 스타일 */
.dark-mode .stgCurrentPrice {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stgCurrentPrice.sticky {
    background-color: #2a2a2a !important;
}

.dark-mode .stgCurrentPrice .price-label {
    color: #a0a0a0 !important;
}

.dark-mode .stgCurrentPrice .price-value {
    color: #e0e0e0 !important;
}

.dark-mode .stgCurrentPrice .price-value.price-up {
    color: #39cc45 !important;
}

.dark-mode .stgCurrentPrice .price-value.price-down {
    color: #ff4d4f !important;
}

.dark-mode .stgCurrentPrice .price-value.price-same {
    color: #e0e0e0 !important;
}

.dark-mode .stgHeader {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stgHeader.sticky {
    background-color: #2a2a2a !important;
}

.dark-mode .stgHeader .hdiv .btn {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .stgHeader .hdiv .title-text {
    color: #e0e0e0 !important;
}

.dark-mode .stgRow {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) !important;
}

.dark-mode .stgRow:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.4) !important;
}

.dark-mode .loadingMsg,
.dark-mode .emptyRows {
    color: #a0a0a0 !important;
    border-color: #3a3a3a !important;
}

.dark-mode #stgPreviewRoundsBox {
    background-color: rgba(0,0,0,0.1) !important;
}

.dark-mode .stgHeader .hdiv {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stgHeader .hdiv .edit-title-btn {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%) !important;
    border-color: #4a4a4a !important;
}

.dark-mode .stgHeader .hdiv .edit-title-btn:hover {
    background: linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 100%) !important;
}

.dark-mode .stgHeader .hdiv .edit-title-btn svg {
    fill: #2f6bff !important;
}

.dark-mode .stgHeader .hgrid {
    color: #e0e0e0 !important;
}

.dark-mode .stgHeader .hitem {
    color: #e0e0e0 !important;
}

.dark-mode .stgHeader .hlabel {
    color: #a0a0a0 !important;
}

.dark-mode .stgHeader .hvalue {
    color: #e0e0e0 !important;
}

.dark-mode .stgRowHead {
    border-bottom-color: #3a3a3a !important;
}

.dark-mode .stgRowHead .headLabel {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .stgRowHead .btn {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .stgRowHead .roundErrorBadge {
    background-color: #2a2a2a !important;
    border-color: #ff4d4f !important;
    color: #ff4d4f !important;
}

.dark-mode .stgRowErrorBox {
    background-color: #2a2a2a !important;
    border-left-color: #ff4d4f !important;
}

.dark-mode .stgRowErrorBox .errorTimestamp {
    color: #a0a0a0 !important;
}

.dark-mode .stgRowErrorBox .errorText {
    color: #e0e0e0 !important;
}

.dark-mode .stgRowControlGrid {
    border-top-color: #3a3a3a !important;
}

.dark-mode .stgRowBody {
    color: #e0e0e0 !important;
}

.dark-mode .stgRowBody .label {
    color: #a0a0a0 !important;
}

.dark-mode .stgRowBody .value {
    color: #e0e0e0 !important;
}

.dark-mode .stateBadgeSell {
    color: #2f6bff !important;
}

.dark-mode .title-edit-modal {
    background-color: rgba(0,0,0,0.7) !important;
}

.dark-mode .title-edit-modal-content {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

.dark-mode .title-edit-modal-title {
    color: #e0e0e0 !important;
}

.dark-mode .title-edit-modal-title svg {
    fill: #2f6bff !important;
}

.dark-mode .title-edit-modal-input {
    background-color: #3a3a3a !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.dark-mode .title-edit-modal-input:focus {
    border-color: #2f6bff !important;
    box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.2) !important;
}

.dark-mode .title-edit-modal-input::placeholder {
    color: #a0a0a0 !important;
}

.dark-mode .title-edit-modal-btn.cancel {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.dark-mode .title-edit-modal-btn.cancel:hover {
    background-color: #4a4a4a !important;
}