/* Dark mode styling for Trade Details Modal */
[data-theme="dark"] #trade-details-modal .modal-body .text-body,
[data-theme="dark"] #trade-details-modal .modal-body p,
[data-theme="dark"] #trade-details-modal .modal-body h6,
[data-theme="dark"] #trade-details-modal #trade-details-partner-name,
[data-theme="dark"] #trade-details-modal #you-offer-title,
[data-theme="dark"] #trade-details-modal #you-receive-title,
[data-theme="dark"] #trade-details-modal #you-offer-stickers,
[data-theme="dark"] #trade-details-modal #you-receive-stickers,
[data-theme="dark"] #trade-details-modal .sticker-item,
[data-theme="dark"] #trade-details-modal .sticker-item *,
[data-theme="dark"] #trade-details-modal .trade-stickers-list * {
  color: #ffffff !important; /* Force white text in dark mode */
}

/* Target sticker numbers and names specifically */
[data-theme="dark"] #you-offer-stickers .sticker-item span,
[data-theme="dark"] #you-receive-stickers .sticker-item span,
[data-theme="dark"] #trade-details-modal .sticker-number,
[data-theme="dark"] #trade-details-modal .sticker-name {
  color: #ffffff !important;
}

/* Improve contrast for trade status badges in dark mode */
[data-theme="dark"] #trade-details-modal #trade-status {
  font-weight: bold;
}