/* يُحمَّل بعد @section Styles (مثل select2) لضمان تباين النوافذ المنبثقة — فاتورة شراء/بيع وغيرها */

body.ef-app .modal-dialog .modal-content {
  --bs-modal-bg: var(--ef-surface-elevated);
  --bs-modal-color: var(--ef-text);
  --bs-modal-border-color: var(--ef-border);
  --bs-modal-header-border-color: var(--ef-border);
  --bs-modal-footer-border-color: var(--ef-border);
  --bs-body-color: var(--ef-text);
  background-color: var(--ef-surface-elevated) !important;
  color: var(--ef-text) !important;
  border-color: var(--ef-border) !important;
}

body.ef-app .modal-header,
body.ef-app .modal-footer {
  background-color: var(--ef-surface) !important;
  border-color: var(--ef-border) !important;
  color: var(--ef-text) !important;
}

body.ef-app .modal-title {
  color: var(--ef-text) !important;
}

body.ef-app .modal-body {
  background-color: var(--ef-surface-elevated) !important;
  color: var(--ef-text) !important;
}

body.ef-app .modal-body .table,
body.ef-app .modal-body .table td,
body.ef-app .modal-body .table th {
  color: var(--ef-text) !important;
  --bs-table-color: var(--ef-text);
}

body.ef-app .modal-body thead.table-light th,
body.ef-app .modal-body .table thead th {
  background-color: var(--ef-table-header-bg) !important;
  color: var(--ef-text) !important;
  border-color: var(--ef-table-border) !important;
}

body.ef-app .modal-body .btn-outline-primary {
  color: #93c5fd !important;
  border-color: rgba(147, 197, 253, 0.6) !important;
}

body.ef-app .modal-body .btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--ef-primary-hover) !important;
  border-color: var(--ef-primary) !important;
}

body.ef-app .modal-body .form-control {
  background-color: var(--ef-surface) !important;
  border-color: var(--ef-border-strong) !important;
  color: var(--ef-text) !important;
}
