/* نمودارهای SVG دیپ راش — رنگ‌ها نقش‌محور؛ مقادیر روشن/تیره جداگانه انتخاب و اعتبارسنجی شده‌اند */
.drc-root {
    --drc-pos: #2a78d6;        /* سود */
    --drc-neg: #e34948;        /* ضرر */
    --drc-line: #2a78d6;
    --drc-grid: #e7e6e2;
    --drc-zero: #8f8e89;
    --drc-text: #52514e;
    --drc-text-strong: #0b0b0b;
    --drc-surface: #ffffff;
    --drc-tip-bg: #0b0b0b;
    --drc-tip-text: #ffffff;
}
html.dark .drc-root {
    --drc-pos: #3987e5;
    --drc-neg: #e66767;
    --drc-line: #3987e5;
    --drc-grid: #2c2c2a;
    --drc-zero: #6f6e69;
    --drc-text: #c3c2b7;
    --drc-text-strong: #ffffff;
    --drc-surface: #111c33;
    --drc-tip-bg: #f4f4f2;
    --drc-tip-text: #0b0b0b;
}

.drc { display: block; width: 100%; height: auto; direction: ltr; overflow: visible; }
.drc text { font-family: inherit; }
.drc .drc-grid { stroke: var(--drc-grid); stroke-width: 1; }
.drc .drc-zero { stroke: var(--drc-zero); stroke-width: 1; }
.drc .drc-axis { fill: var(--drc-text); font-size: 11px; }
.drc .drc-label { fill: var(--drc-text-strong); font-size: 12px; }
.drc .drc-value { fill: var(--drc-text); font-size: 11px; }
.drc .drc-pos { fill: var(--drc-pos); }
.drc .drc-neg { fill: var(--drc-neg); }
.drc .drc-line { fill: none; stroke: var(--drc-line); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.drc .drc-dot { fill: var(--drc-line); stroke: var(--drc-surface); stroke-width: 2; }
.drc .drc-cross { stroke: var(--drc-zero); stroke-width: 1; stroke-dasharray: 3 3; }
.drc .drc-hit { fill: transparent; cursor: default; }
.drc .drc-hit:hover { fill: currentColor; fill-opacity: .05; }

.drc-tip {
    position: fixed; z-index: 10000; pointer-events: none;
    background: var(--drc-tip-bg); color: var(--drc-tip-text);
    padding: 6px 10px; border-radius: 6px; font-size: 12px; line-height: 1.6;
    white-space: pre-line; direction: rtl; max-width: 260px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

.drc-legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12px; color: var(--drc-text); margin-top: 6px; }
.drc-legend span::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-inline-end: 6px; vertical-align: -1px; }
.drc-legend .pos::before { background: var(--drc-pos); }
.drc-legend .neg::before { background: var(--drc-neg); }

/* سود/ضرر در متن: رنگ فقط کنار علامت +/− است، متن با رنگ خوانا */
.drp-pl, .pl { font-weight: 700; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.drp-pl.pos, .pl.pos { color: #1c5cab; }
.drp-pl.neg, .pl.neg { color: #b42f2e; }
html.dark .drp-pl.pos, html.dark .pl.pos { color: #6da7ec; }
html.dark .drp-pl.neg, html.dark .pl.neg { color: #f08c8b; }

@media print {
    .drc .drc-hit { display: none; }
    .no-print { display: none !important; }
}

/* جدول گزارش مشترک سایت و پنل */
.drt-wrap { overflow-x: auto; }
.drt { width: 100%; border-collapse: collapse; font-size: 13px; }
.drt th { text-align: start; font-weight: 600; color: var(--drc-text); padding: 10px 12px; border-bottom: 1px solid var(--drc-grid); white-space: nowrap; }
.drt td { padding: 10px 12px; border-bottom: 1px solid var(--drc-grid); white-space: nowrap; }
.drt td.num, .drt th.num { direction: ltr; text-align: left; font-variant-numeric: tabular-nums; }
.drt tr.is-empty td { color: var(--drc-text); opacity: .6; }
.drt-tiles { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) { .drt-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.drt-tile { border: 1px solid var(--drc-grid); border-radius: 10px; padding: 12px 14px; }
.drt-tile span { display: block; font-size: 12px; color: var(--drc-text); }
.drt-tile b { display: block; font-size: 20px; margin-top: 4px; }