/* ============================================
   تم شب (Dark Mode) برای GMO Gold Market
   ============================================ */

/* متغیرهای تم شب */
:root {
    --dark-bg-primary: #1a1a2e;
    --dark-bg-secondary: #16213e;
    --dark-bg-card: #1e2a4a;
    --dark-bg-card-hover: #2a3a5e;
    --dark-text-primary: #e8e8e8;
    --dark-text-secondary: #b0b0b0;
    --dark-text-muted: #7a7a7a;
    --dark-border: #2a3a5e;
    --dark-shadow: rgba(0, 0, 0, 0.6);
    --dark-accent-blue: #336db1;
    --dark-accent-green: #4CAF50;
    --dark-accent-red: #ff6b6b;
    --dark-accent-yellow: #ffd93d;
    --dark-gradient-start: #1a1a2e;
    --dark-gradient-end: #16213e;
}

/* ===== ستون مخاطبین گفتگو =====*/
.chat-bubble strong {
    color: var(--dark-accent-red);
}
.code-badge {
    background-color: rgba(13, 71, 161, 0.7);
    color: var(--dark-text-primary);
}
.chat-sidebar {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-bg-primary) !important;
}

.sidebar-title{
    color: #fff !important;
    border-bottom: 1px solid #000;
}

.contact-name{
    color: #fff !important;
}

.contact-item.active{
    background: var(--dark-accent-blue) !important;
}

.contact-item:hover {
    background: var(--dark-accent-blue);
}

/* ===== تغییرات اصلی Body ===== */
body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== جعبه‌های محتوا ===== */
.box-container {
    background-color: var(--dark-bg-secondary) !important;
    box-shadow: 0 2px 10px var(--dark-shadow) !important;
    border: 1px solid var(--dark-border) !important;
}

/* ===== کارت‌ها ===== */
.card2 {
    background-color: var(--dark-bg-card) !important;
    border-right-color: var(--dark-accent-blue) !important;
    color: var(--dark-text-primary) !important;
}

.card2-blink {
    animation: blinkBorderDark 0.6s ease-in-out infinite;
}

@keyframes blinkBorderDark {
    0% { border-right-color: var(--dark-accent-blue); background-color: var(--dark-bg-card); }
    50% { border-right-color: var(--dark-accent-red); background-color: #2a1a1a; }
    100% { border-right-color: var(--dark-accent-blue); background-color: var(--dark-bg-card); }
}
.card3{
    background-color: rgba(244, 67, 54, 0.15);
    color: #fff;
}
/* ===== جدول ===== */
.tbl-css-1 tr:nth-child(even),
.tbl-css-2 tr:nth-child(even),
.tbl-css-3 tr:nth-child(even) {
    background-color: var(--dark-bg-card) !important;
}

.tbl-css-1 tr:nth-child(odd),
.tbl-css-2 tr:nth-child(odd),
.tbl-css-3 tr:nth-child(odd) {
    background-color: var(--dark-bg-secondary) !important;
}

.tbl-css-1 td,
.tbl-css-1 th,
.tbl-css-2 td,
.tbl-css-2 th,
.tbl-css-3 td,
.tbl-css-3 th {
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

.tbl-css-1 tr:first-child,
.tbl-css-2 caption,
.tbl-css-3 caption {
    background-color: var(--dark-bg-card-hover) !important;
    color: #fff !important;
}

.tbl-css-1 tr:hover,
.tbl-css-2 tr:hover,
.tbl-css-3 tr:hover {
    color: var(--dark-accent-blue) !important;
    background-color: var(--dark-bg-card-hover) !important;
}

/* ===== برچسب‌های قیمت ===== */
.txt-container {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

.lblnum {
    color: var(--dark-text-primary) !important;
}

/* ===== وضعیت‌های قیمت ===== */
.gColor-transition {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-accent-green) !important;
}

.rColor-transition {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-accent-red) !important;
}

@keyframes GcolorCycle {
    0% { background-color: var(--dark-bg-card); color: var(--dark-text-primary); }
    1.67% { background-color: #1a3a1a; color: var(--dark-accent-green); }
    100% { background-color: var(--dark-bg-card); color: var(--dark-text-primary); }
}

@keyframes RcolorCycle {
    0% { background-color: var(--dark-bg-card); color: var(--dark-text-primary); }
    1.67% { background-color: #3a1a1a; color: var(--dark-accent-red); }
    100% { background-color: var(--dark-bg-card); color: var(--dark-text-primary); }
}

/* ===== نمودار پیوت ===== */
#ppchart {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--dark-accent-blue) !important;
}

#ppchart canvas {
    background-color: var(--dark-bg-secondary) !important;
}

/* ===== کانوس نمودار سیگنال ===== */
#signalchart {
    background-color: var(--dark-bg-secondary) !important;
}

/* ===== وضعیت‌های بازار ===== */
.status-bull {
    color: var(--dark-accent-green) !important;
    border-right-color: var(--dark-accent-green) !important;
    background-color: rgba(76, 175, 80, 0.15) !important;
}

.status-bear {
    color: var(--dark-accent-red) !important;
    border-right-color: var(--dark-accent-red) !important;
    background-color: rgba(244, 67, 54, 0.15) !important;
}

.status-neutral {
    color: var(--dark-text-secondary) !important;
    border-right-color: var(--dark-text-muted) !important;
    background-color: rgba(117, 117, 117, 0.1) !important;
}

/* ===== نوار درصد خریدار/فروشنده ===== */
.bpbull {
    background-color: rgba(76, 175, 80, 0.12) !important;
    border-color: var(--dark-accent-green) !important;
}

.bpbear {
    background-color: rgba(244, 67, 54, 0.2) !important;
    border-color: var(--dark-accent-red) !important;
}

.blbull {
    color: var(--dark-accent-green) !important;
}

.blbear {
    color: var(--dark-accent-red) !important;
}

/* ===== نوار وضعیت ===== */
.status-bar {
    color: var(--dark-text-secondary) !important;
}

.status-item {
    color: var(--dark-text-secondary) !important;
}

/* ===== مودال تحلیل ===== */
.modal-content {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}

.modal-body {
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
    color: var(--dark-text-primary) !important;
}

#analysis-text {
    color: var(--dark-text-primary) !important;
}

.close-button {
    color: var(--dark-text-secondary) !important;
}

.close-button:hover {
    color: var(--dark-text-primary) !important;
}

/* ===== جعبه پیام ===== */
#smsbox {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
}

#smsboxtext {
    color: var(--dark-text-primary) !important;
}

.closebtn {
    color: var(--dark-text-secondary) !important;
}

.closebtn:hover {
    color: var(--dark-text-primary) !important;
}

/* ===== جعبه انتظار سیگنال ===== */
#waitingsignal {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

#waitingsignal_lbl {
    color: var(--dark-text-primary) !important;
}

._vbar {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ===== دکمه‌ها ===== */
.nav-button.back {
    background-color: #2a2a3a !important;
    color: var(--dark-text-primary) !important;
    border-left-color: #3a3a4a !important;
}

.nav-button.back:hover {
    background-color: #3a3a4a !important;
}

.nav-button.forward {
    background-color: var(--dark-accent-blue) !important;
    color: #fff !important;
    border-right-color: #2a6aaa !important;
}

.nav-button.forward:hover {
    background-color: #2a7add !important;
}

/* ===== سوئیچ‌ها ===== */
.switch .slider {
    background-color: #3a3a4a !important;
}

.switch input:checked + .slider {
    background-color: var(--dark-accent-blue) !important;
}

.switch-lable {
    color: var(--dark-text-secondary) !important;
}

.switch-sub-lable {
    color: var(--dark-text-muted) !important;
}

/* ===== وضعیت اتصال ===== */
#connectionText {
    color: var(--dark-text-secondary) !important;
}

.status-dot.offline {
    background: var(--dark-accent-red) !important;
}

/* ===== تیترها ===== */
.caption {
    color: var(--dark-text-primary) !important;
}

/* ===== حباب‌های چت ===== */
.chat-bubble {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-bg-primary) !important
}

.message-row.received .chat-bubble {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

.message-row.sent .chat-bubble {
    background-color: var(--dark-accent-blue) !important;
    color: #fff !important;
}

/* ===== اسکرول بار ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--dark-bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--dark-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--dark-accent-blue);
}

/* ===== اگر فریم OD18 دارید ===== */
#OD18 {
    background-color: var(--dark-bg-secondary) !important;
}

/* ===== کادرهای ورودی ===== */
input, select, textarea {
    background-color: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--dark-accent-blue) !important;
    outline: none !important;
}

/* ===== برچسب قیمت‌ها ===== */
.lblPer {
    color: var(--dark-text-secondary) !important;
}

/* ===== عددهای پیوت ===== */
.ppsize {
    color: var(--dark-text-muted) !important;
}

/* ===== وضعیت دات ===== */
.status-dot {
    background: var(--dark-text-muted) !important;
}

.status-dot.online {
    background: var(--dark-accent-green) !important;
    box-shadow: 0 0 12px rgba(76, 175, 80, 0.3) !important;
}

.status-dot.updating {
    background: var(--dark-accent-yellow) !important;
}

/* ============================================
   تم شب (Dark Mode) برای IDE
   ============================================ */
.strategy-header{
    background: var(--dark-bg-card-hover);
    border-bottom: 1px solid var(--dark-border);
}
.strategy-line-numbers {
    border-right: 1px solid var(--dark-border);
    background: var(--dark-bg-secondary);
}

.strategy-body{
    border-right: 1px solid var(--dark-border);
}

.strategy-hint{
    background: var(--dark-bg-card-hover);
    border-top: 1px solid var(--dark-border);
}
.strategy-body {
    border: 1px solid var(--dark-border);
}
.strategy-lang-badge {
    border: 1px solid var(--dark-border);
    background: var(--dark-bg-card);
    color: var(--dark-accent-green);
}
.strategy-title {
    color: var(--dark-text-secondary);
}

.strategy-hint .key{
    color: var(--dark-text-secondary);
    background: var(--dark-bg-card);
    border: 1px solid var(--dark-border);
}

.strategy-textarea::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.strategy-textarea::-webkit-scrollbar-thumb {
    background: #424242;
    border-radius: 4px;
}

.strategy-textarea::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

.strategy-icon-btn {
    background: #2a2a2a;
    border-color: #444;
    color: #ccc;
}
.strategy-icon-btn:hover {
    background: #1a3a5c;
    border-color: #3498db;
    color: #3498db;
}

/* ============================================
   تم شب (Dark Mode) - دکمه حذف استراتژی
   ============================================ */
#deleteStrategyBtn {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

#deleteStrategyBtn:hover {
    background: rgba(255, 107, 107, 0.15) !important;
    border-color: var(--dark-accent-red) !important;
    color: var(--dark-accent-red) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.25) !important;
}

#deleteStrategyBtn:active {
    transform: translateY(0);
}

/* ============================================
   تم شب (Dark Mode) - منوی آبشاری استراتژی
   ============================================ */
.strategy-select {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

.strategy-select:hover {
    border-color: var(--dark-accent-blue) !important;
    background: var(--dark-bg-card-hover) !important;
}

.strategy-select:focus {
    border-color: var(--dark-accent-blue) !important;
    box-shadow: 0 0 0 3px rgba(51, 109, 177, 0.2) !important;
}

.strategy-select option {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

/* ============================================
   تم شب (Dark Mode) - مودال حذف استراتژی
   ============================================ */
.strategy-modal-overlay {
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.strategy-modal-box {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(42, 58, 94, 0.5) !important;
}

/* ===== آیکون سطل زباله ===== */
.strategy-modal-icon {
    background: linear-gradient(145deg, rgba(255, 107, 107, 0.2), rgba(255, 107, 107, 0.1)) !important;
}

.strategy-modal-icon svg {
    fill: var(--dark-accent-red) !important;
}

@keyframes iconPulseDark {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.35);
    }
    50% {
        box-shadow: 0 0 0 12px rgba(255, 107, 107, 0);
    }
}

.strategy-modal-icon {
    animation: iconPulseDark 1.5s ease-in-out infinite !important;
}

/* ===== عنوان ===== */
.strategy-modal-title {
    color: var(--dark-text-primary) !important;
}

/* ===== پیام ===== */
.strategy-modal-message {
    color: var(--dark-text-secondary) !important;
}

.strategy-modal-message strong {
    color: var(--dark-accent-red) !important;
    background: rgba(255, 107, 107, 0.12) !important;
}

/* ===== هشدار ===== */
.strategy-modal-warning {
    color: var(--dark-accent-yellow) !important;
    background: rgba(255, 217, 61, 0.08) !important;
    border-right-color: var(--dark-accent-yellow) !important;
}

/* ===== دکمه انصراف ===== */
.strategy-modal-btn.cancel {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

.strategy-modal-btn.cancel:hover {
    background: var(--dark-bg-card-hover) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-accent-blue) !important;
    box-shadow: 0 4px 12px rgba(51, 109, 177, 0.25) !important;
}

/* ===== دکمه تأیید ===== */
.strategy-modal-btn.confirm {
    background: linear-gradient(145deg, #c0392b, #a02020) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(255, 107, 107, 0.3) !important;
}

.strategy-modal-btn.confirm:hover {
    background: linear-gradient(145deg, #ff6b6b, #e74c3c) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.5) !important;
}

.strategy-modal-btn.confirm:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3) !important;
}

/* ===== افکت ripple روی دکمه‌ها ===== */
.strategy-modal-btn::before {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* ============================================
   تم شب (Dark Mode) - دکمه موردعلاقه (ستاره)
   ============================================ */
#favoriteStrategyBtn {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

#favoriteStrategyBtn:hover {
    background: rgba(255, 217, 61, 0.12) !important;
    border-color: var(--dark-accent-yellow) !important;
    color: var(--dark-accent-yellow) !important;
    box-shadow: 0 3px 8px rgba(255, 217, 61, 0.2) !important;
}

#favoriteStrategyBtn.is-favorite {
    background: linear-gradient(145deg, #ffd93d, #f5a623) !important;
    border-color: #e0951f !important;
    color: #1a1a2e !important;
    box-shadow: 0 3px 12px rgba(255, 217, 61, 0.4) !important;
}

#favoriteStrategyBtn.is-favorite:hover {
    background: linear-gradient(145deg, #ffe66d, #ffb74d) !important;
    box-shadow: 0 5px 18px rgba(255, 217, 61, 0.6) !important;
}

/* ============================================
   تم شب (Dark Mode) - پنجره احراز هویت (Auth LockWin)
   ============================================ */

/* ===== پس‌زمینه overlay ===== */
#authLockwin {
    background: radial-gradient(
        circle at center,
        rgba(10, 15, 30, 0.75) 0%,
        rgba(10, 15, 30, 0.92) 100%
    ) !important;
}

/* ===== کارت اصلی احراز هویت ===== */
.auth-card {
    background: var(--dark-bg-secondary) !important;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(42, 58, 94, 0.5) !important;
}

/* ===== هدر ===== */
.auth-title {
    color: var(--dark-text-primary) !important;
}

.auth-subtitle {
    color: var(--dark-text-secondary) !important;
}

/* ===== آیکون اصلی (قفل) ===== */
.auth-icon {
    background: linear-gradient(145deg, #1a3a5c, #16213e) !important;
    color: #60a5fa !important;
    animation: authIconPulseDark 2s ease-in-out infinite !important;
}

@keyframes authIconPulseDark {
    0%, 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.3); }
    50% { box-shadow: 0 0 0 12px rgba(59, 130, 246, 0); }
}

/* ===== آیکون فرم فراموشی ===== */
.auth-icon-forgot {
    background: linear-gradient(145deg, #4a3a1a, #3a2a10) !important;
    color: var(--dark-accent-yellow) !important;
}

/* ===== برچسب‌ها ===== */
.auth-label {
    color: var(--dark-text-primary) !important;
}

/* ===== کادرهای ورودی ===== */
.auth-input {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

.auth-input:focus {
    border-color: var(--dark-accent-blue) !important;
    background: #1a1a2e !important;
    box-shadow: 0 0 0 3px rgba(51, 109, 177, 0.2) !important;
}

.auth-input::placeholder {
    color: var(--dark-text-muted) !important;
}

/* ===== کادر تصویر کپچا ===== */
.auth-captcha-img {
    border-color: var(--dark-border) !important;
    background: var(--dark-bg-card) !important;
}

/* ===== دکمه تغییر کپچا ===== */
.auth-captcha-refresh {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

.auth-captcha-refresh:hover {
    background: #1a3a5c !important;
    border-color: var(--dark-accent-blue) !important;
    color: #60a5fa !important;
}

.auth-captcha-refresh:hover .fa-refresh {
    transform: rotate(180deg);
}

/* ===== پیام خطای فرم (زیر هر فیلد) ===== */
.auth-error-msg {
    color: var(--dark-accent-red) !important;
}

/* ===== کادر خطای سرور ===== */
.auth-server-error {
    background: rgba(244, 67, 54, 0.12) !important;
    color: var(--dark-accent-red) !important;
    border-right-color: var(--dark-accent-red) !important;
}

.auth-server-error b,
.auth-server-error strong {
    color: #fca5a5 !important;
}

.auth-server-error a {
    color: #60a5fa !important;
}

.auth-server-error ul,
.auth-server-error ol,
.auth-server-error li {
    color: var(--dark-accent-red) !important;
}

/* ===== کادر موفقیت ===== */
.auth-success-box {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
    border-right-color: var(--dark-accent-green) !important;
}

.auth-success-box strong {
    color: #86efac !important;
}

/* ===== دکمه ارسال (ورود / فراموشی) ===== */
.auth-submit-btn {
    background: linear-gradient(145deg, var(--dark-accent-blue), #2a5a9e) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(51, 109, 177, 0.35) !important;
}

.auth-submit-btn:hover:not(:disabled) {
    background: linear-gradient(145deg, #4a8ad0, var(--dark-accent-blue)) !important;
    box-shadow: 0 6px 20px rgba(51, 109, 177, 0.5) !important;
}

.auth-submit-btn:disabled {
    opacity: 0.5 !important;
}

/* ===== لینک‌های پایین فرم ===== */
.auth-footer-links {
    border-top-color: var(--dark-border) !important;
}

.auth-link {
    color: #60a5fa !important;
}

.auth-link:hover {
    color: #93c5fd !important;
}

.auth-remember-label{
    color: var(--dark-text-primary) !important;
}

.auth-remember-label:hover {
    color: #ffffff !important;
}


.strategy-highlight {
    color: var(--dark-text-primary);
    background-color: var(--dark-bg-card);
}
.strategy-highlight .kw         { color: #c586c0; }
.strategy-highlight .var        { color: #9cdcfe; }
.strategy-highlight .fn         { color: #dcdcaa; }
.strategy-highlight .num        { color: #b5cea8; }
.strategy-highlight .act-buy    { color: #4ec9b0; }
.strategy-highlight .act-sell   { color: #f48771; }
.strategy-highlight .siggreen  { color: #6a9955; }
.strategy-highlight .sigred    { color: #f48771; }
.strategy-highlight .sigblue   { color: #569cd6; }
.strategy-highlight .sigyellow { color: #d7ba7d; }
.strategy-highlight .com        { color: #6a9955; font-style: italic; }