/* Light Theme Overrides */
/* قم بتنظيم الملف لتقليل تكرار [data-theme="light"] عبر استخدام CSS Nesting داخل كتلة واحدة */

/* مثال تعريفي للمتغيرات للوضع النهاري (يمكن توسيعه لاحقاً): */
:root[data-theme="light"] {`n  --neutral-rgb: 0,0,0;
  --color-bg: #ffffff;
  --color-bg-soft: #f7f7f8;
  --color-surface: #ffffff;
  --color-text: #0f172a;
  --color-muted: #6b7280;
}

/* دعم القوائم المنسدلة في سياقات أخرى (Bootstrap و HTML body states) */
[data-bs-theme="light"] .dropdown-item,
.light .dropdown-item,
body.light .dropdown-item,
html[data-theme="light"] .dropdown-item { color: #212529 !important; background-color: transparent !important; }
[data-bs-theme="light"] .dropdown-item:hover,
[data-bs-theme="light"] .dropdown-item:focus,
.light .dropdown-item:hover,
.light .dropdown-item:focus,
body.light .dropdown-item:hover,
body.light .dropdown-item:focus,
html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .dropdown-item:focus { background-color: #f8f9fa !important; color: #212529 !important; }
[data-bs-theme="light"] .dropdown-divider,
.light .dropdown-divider,
body.light .dropdown-divider,
html[data-theme="light"] .dropdown-divider { border-color: #dee2e6 !important; }

/* نسخة خارجية لجدول Zebra عند تفعيل Bootstrap theme */
[data-bs-theme="light"] .table.zebra-dark {
  --bs-table-bg: transparent !important;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.03) !important;
  --bs-table-striped-color: var(--bs-body-color) !important;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="light"] .table.zebra-dark > tbody > tr:nth-of-type(odd) > * { background-color: rgba(0,0,0,0.03) !important; }
[data-bs-theme="light"] .table.zebra-dark > tbody > tr:nth-of-type(even) > * { background-color: transparent !important; }

/* جميع قواعد الوضع النهاري داخل هذا السكوپ باستخدام CSS Nesting */
[data-theme="light"] {
  /* Overrides الخاصة بأقسام الأدمن */
  & .admin-section-card { border-color: rgba(0,0,0,0.06); }
  & .section-header { border-bottom-color: rgba(0,0,0,0.08); }
  & .card-surface .nav-tabs { border-color: rgba(0,0,0,.1); }
  & .card-surface .card-header.bg-light {
    background-color: rgba(0,0,0, .02) !important;
    border-bottom-color: rgba(0,0,0,.1) !important;
    color: var(--color-text);
  }
  & .table thead.table-light th,
  & .table thead.table-light td,
  & .table thead.table-light {
    background-color: rgba(0,0,0,.02) !important;
    color: var(--color-muted) !important;
    border-color: rgba(0,0,0,.1) !important;
  }
  & .balance-pill { background: #fff; color: #111; border-color: rgba(0,0,0,0.1); }
  & .tool-item { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.06); }
  & .tool-item:hover { background: rgba(255,183,3,0.12); }
  & .profile-form .form-control { background-color: #fff; border-color: #dee2e6; color: #212529; }
  & .profile-form .form-control:focus { background-color: #fff; border-color: var(--color-primary); color: #212529; }
  & .profile-form .form-control::placeholder { color: #6c757d; opacity: 1; }
  & .profile-form .form-label { color: #212529; }
  & .profile-progress { background-color: #e9ecef; }
  & .profile-section { background: #fff; border-color: #dee2e6; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
  & .permissions-container { border: 1px solid rgba(0,0,0,.1) !important; background-color: #f8f9fa; }
  & .topbar{background: rgba(255,255,255,.8); border-color: rgba(0,0,0,.06);}
  & .theme-toggle { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.08); }
  & .theme-toggle .theme-icon-light { display: inline; }
  & .theme-toggle .theme-icon-dark { display: none; }
  & .sidebar { background: var(--color-bg-soft); border-inline-end: 1px solid rgba(0,0,0,.06); }

  /* Scrollbars */
  & ::-webkit-scrollbar-track { background: #f1f1f1; }
  & ::-webkit-scrollbar-thumb { background: rgba(108, 117, 125, 0.3); }
  & ::-webkit-scrollbar-thumb:hover { background: rgba(108, 117, 125, 0.5); }
  & ::-webkit-scrollbar-corner { background: #f1f1f1; }
  & * { scrollbar-color: rgba(108, 117, 125, 0.3) #f1f1f1; }

  & .sub-account-dropdown-menu { background-color: #ffffff; border-color: rgba(0,0,0,0.125); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
  & .profile-completion-bar { background-color: #e9ecef; }
  & .user-card, & .stats-card, & .filter-section { background: #fff; border-color: #dee2e6; }
  & .profile-dropdown { border-color: rgba(0, 0, 0, 0.125); background: var(--color-surface); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); }
  & .profile-dropdown .dropdown-header { background: rgba(255, 183, 3, 0.05); border-bottom-color: rgba(0, 0, 0, 0.1); }

  /* Zebra table variant */
  & .table.zebra-dark {
    --bs-table-bg: transparent !important;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.03) !important;
    --bs-table-striped-color: var(--bs-body-color) !important;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.05) !important;
  }
  & .table.zebra-dark > tbody > tr:nth-of-type(odd) > * { background-color: rgba(0,0,0,0.03) !important; }
  & .table.zebra-dark > tbody > tr:nth-of-type(even) > * { background-color: transparent !important; }

  & code { background-color: #f8f9fa; color: #d63384; border: 1px solid #dee2e6; }
  & .form-option-card.form-check { background-color: #fff; border-color: #dee2e6; }
  & .form-option-card.form-check:hover { background-color: #f8f9fa; }
  & .form-option-card.form-check.selected { background-color: rgba(255,183,3,.1); border-color: var(--color-primary); }
  & .text-muted { color: var(--color-muted) !important; }
  & .form-control:disabled,
  & .form-select:disabled { background-color: var(--color-bg-soft); }
  & .form-select { background-color: var(--color-bg-soft); border-color: rgba(0, 0, 0, 0.3); color: var(--color-text); }
  & .btn-outline-secondary { border-color: rgba(0, 0, 0, 0.2); color: var(--color-muted); }
  & .btn-outline-secondary:hover { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.3); }
  & .field-preview { border-color: rgba(0, 0, 0, 0.125); background-color: var(--color-bg-soft); }
  & .list-group-item { border-color: rgba(0, 0, 0, 0.125); }
  & .progress { background-color: rgba(0, 0, 0, 0.1); }

  & .badge.badge-primary { background-color: #0d6efd; color: #fff; border: 1px solid #0a58ca; }
  & .badge.badge-info { background-color: #0aa1c0; color: #fff; border: 1px solid #0a8099; }
  & .badge.badge-success { background-color: #198754; color: #fff; border: 1px solid #146c43; }
  & .badge.bg-secondary { background: rgba(108, 117, 125, 0.1) !important; color: #6c757d; }

  & .quill-editor{ background:#fff; }
  & .quill-editor .ql-toolbar{ background:#fff; border-color:#dee2e6; }
  & .quill-editor .ql-container{ background:#fff; color:#212529; }

  & .summary-card { border-color: rgba(0,0,0,.1); background-color: #fff; }
  & .progress.progress-thin{ background-color:#e9ecef; }
  & .service-card .title { color: #111; }
  & .service-card .desc { color: #555; }
  & .service-builder-container { background: #fff; border-color: rgba(0,0,0,.1); }
  & a { color: var(--color-text); }
  & a:hover { color: var(--color-primary); }
  & .table a { color: var(--color-text); }
  & .service-card { background: #fff; border-color: rgba(0,0,0,.1); }
  & .service-stat-card { background: #fff; border-color: rgba(0,0,0,.1); }
  & .field-designer-container { background: #fff; border-color: rgba(0,0,0,.1); }
  & .field-designer-sidebar { background: #f8f9fa; border-color: rgba(0,0,0,.1); }
  & .field-type-item { background: #fff; border-color: rgba(0,0,0,.1); }
  & .service-builder-sidebar,
  & .service-builder-properties { background: #fff; border-color: rgba(0,0,0,.1); }
  & .service-builder-canvas { background: #f8f9fa; border-color: rgba(0,0,0,.2); }

  /* Service preview */
  & .service-preview-container { background: #fff; border-color: rgba(0,0,0,.08); }
  & .service-preview-header { border-bottom-color: rgba(0,0,0,.08); background: rgba(0,0,0,.02); }
  & .service-preview-content { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .service-preview-step { background: #f8f9fa; border-color: rgba(0,0,0,.05); }
  & .service-preview-step-title { border-bottom-color: rgba(0,0,0,.08); }
  & .step-container { background: #f8f9fa; border-color: rgba(0,0,0,.2); }
  & .step-header { background: var(--color-primary-alpha-05); border-bottom-color: rgba(0,0,0,0.1); }
  & .step-action-btn { background: rgba(0,0,0,.05); }
  & .field-item { background: #fff; border-color: rgba(0,0,0,.1); }
  & .step-item { border-color: rgba(0,0,0,.1); }
  & .upload-placeholder { border-color: rgba(0,0,0,.2); background: var(--color-bg-soft); }
  & .field-action-btn { background: rgba(0,0,0,.05); }

  /* Transactions & Analytics */
  & .chart-container { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .timeline::before { background: rgba(0,0,0,0.2); }
  & .timeline-item { background: #f8f9fc; border-color: rgba(0,0,0,0.1); }
  & .timeline-item::before { border-color: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,0.1); }
  & .timeline-item::after { background: rgba(0,0,0,.1); }

  /* Filters */
  & .filter-chip { background: #f8f9fc; border-color: rgba(0,0,0,0.1); }
  & .filter-chip:hover { background: rgba(0,0,0,0.05); }
  & .advanced-filters { background: #f8f9fc; border-color: rgba(0,0,0,0.1); }

  /* Wizard steps */
  & .wizard-step::after { background: rgba(0,0,0,.1); }
  & .wizard-step-number { background: rgba(0,0,0,.1); }

  /* UI components */
  & .modal-content { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .modal-header { background: rgba(0,0,0,0.02); border-bottom-color: rgba(0,0,0,0.1); padding: 1.5rem; }
  & .modal-footer { background: rgba(0,0,0,0.02); border-top-color: rgba(0,0,0,0.1); padding: 1.5rem; }
  & .form-control, & .form-select { background: #fff; border-color: rgba(0,0,0,0.15); color: #333; }
  & .form-control:focus, & .form-select:focus { background: #fff; color: #333; }
  & .form-control::placeholder { color: #6c757d; opacity: 1; }
  & .card { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .alert-success { background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.2); color: #16a34a; }
  & .table { color: #333; }
  & .table th { border-bottom-color: rgba(0,0,0,0.1); background-color: var(--color-bg-soft); color: var(--color-muted); }
  & .transaction-card { border-color: rgba(0,0,0,0.1); background: #fff; }
  & .btn-outline-light {
    --bs-btn-color: #495057;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
  }
  & .card-surface { background: var(--color-surface); border-color: rgba(0, 0, 0, 0.125); box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
  & .form-text { color: var(--color-muted) !important; opacity: 0.8; }
  & .editor-container { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .editor-toolbar { background: rgba(0,0,0,0.02); border-bottom-color: rgba(0,0,0,0.1); }
  & .rich-editor { background: #fff; border-color: rgba(0,0,0,0.1); }
  & .rich-editor .ql-toolbar { background: rgba(0,0,0,0.02); border-bottom-color: rgba(0,0,0,0.1); }
  & .rich-editor .ql-container { color: #333; }
  & .editor-btn { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.15); color: #333; }
  & .editor-btn:hover { background: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.25); }
  & .small,
  & small { color: var(--color-muted) !important; opacity: 0.8; }
  & .text-secondary { color: var(--color-muted) !important; }
  & .card-text { color: var(--color-text); opacity: 0.8; }

  /* Additional migrated rules */
  & .role-specific-field { background: rgba(255, 183, 3, 0.03); }
  & .table tbody tr:hover { background-color: rgba(255, 183, 3, 0.15); }
  & #sortable-requirements tr:hover { background-color: rgba(255, 183, 3, 0.15); }
  & .input-group-text { border: 2px solid rgba(0, 0, 0, 0.3); border-right: none; }
  & .highlight { background-color: rgba(255, 183, 3, 0.5); color: var(--color-text); }
  & .service-preview-input { background: #f8f9fa; border-color: rgba(0,0,0,.12); }
  & .service-preview-file { border-color: rgba(0,0,0,.2); }
  & .field-designer-panel { background: #fff; border-color: rgba(0,0,0,.08); }
  & .field-designer-panel-header { border-bottom-color: rgba(0,0,0,.08); background: rgba(0,0,0,.02); }
  & .fee-rule-conditions { background: rgba(0,0,0,.02); }
  & .form-section { background: #fff; border-color: rgba(0,0,0,.1); }
  & .form-section-title { border-bottom-color: rgba(0,0,0,.1); }
  & .commission-rule, & .fee-rule { background: var(--color-bg-soft); border-color: rgba(0,0,0,.1); }
  & .field-type { border-color: rgba(0,0,0,.1); }
  & .table td { border-color: rgba(0, 0, 0, 0.125); border-bottom-color: rgba(0,0,0,0.05); color: #333; }
  & .editor-textarea { color: #333; }
  & .editor-textarea::placeholder { color: #6c757d; opacity: 1; }

  /* Builder and stats components */
  & .form-builder-canvas { background: #f8f9fa; border-color: rgba(0,0,0,.1); }
  & .form-step { background: #fff; border-color: rgba(0,0,0,.08); }
  & .form-step-header { background: rgba(0,0,0,.02); border-bottom-color: rgba(0,0,0,.08); }
  & .form-field { background: #f8f9fa; border-color: rgba(0,0,0,.08); }
  & .drop-zone { border-color: rgba(0,0,0,.2); }
  & .canvas-field { border-color: rgba(0,0,0,.1); }
  & .stat-card { border-color: rgba(0,0,0,.1); }
  & .fee-item { border-bottom-color: rgba(0,0,0,.1); }
}