@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');:root{--text:#f5f7fb;--muted:#aeb4c0;--surface:rgba(0,0,0,.35);--line:rgba(255,255,255,.10);--accent1:#3a7afe;--accent2:#6a4ffb;--danger:#ff5d5d;--radius:14px;--shadow:0 12px 30px rgba(0,0,0,.25)}html,body{min-height:100%;margin:0;font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--accent1) 0%,var(--accent2) 100%);color:var(--text);overflow-x:hidden !important}.container,.container-fluid{max-width:1140px}.navbar,.panel,.card,.well,.modal-content,.dropdown-menu,.footer{background:var(--surface)!important;backdrop-filter:blur(8px);color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow),0 0 12px rgba(106,79,251,.18)}.navbar a,.dropdown-menu a{color:var(--text)!important}.btn,.btn-primary,.btn-success,.btn-info{background:linear-gradient(135deg,var(--accent1),var(--accent2))!important;border:0!important;color:#fff!important;border-radius:12px!important;padding:10px 16px;font-weight:700;transition:.2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(58,122,254,.35)}.btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 18px rgba(58,122,254,.55)}.btn-danger{background:linear-gradient(135deg,#ff7a7a,var(--danger))!important;box-shadow:0 4px 15px rgba(255,122,122,.35)}.form-control,select,textarea,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search]{background:rgba(0,0,0,.40)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important;font-size:16px !important;max-width:100% !important}input::placeholder,textarea::placeholder{color:#d0d0d0}input[type="url"],input[name*="link"],input[name*="url"]{direction:ltr !important;text-align:left !important;font-family:monospace,"Cairo",sans-serif}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none !important}select option{background:#0f131a;color:#f5f7fb}select:disabled,input:disabled,textarea:disabled{background:rgba(255,255,255,.12) !important;color:#9aa1ae !important;opacity:1 !important}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#f5f7fb !important;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,.40) inset !important;box-shadow:0 0 0px 1000px rgba(0,0,0,.40) inset !important}.table{background:transparent}.table>thead>tr>th,.table>tbody>tr>td{border-color:var(--line)!important;color:var(--text)}.table>thead>tr>th{color:var(--muted);font-weight:600}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}@media (max-width:992px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cards{grid-template-columns:1fr}}.card-modern{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),0 0 12px rgba(106,79,251,.18);padding:18px;position:relative;overflow:hidden}.card-badge{position:absolute;left:14px;top:14px;font-size:12px;padding:6px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ff9c5a,#ff5d8f)}.card-title{font-size:18px;font-weight:700;margin:2px 0 6px}.card-desc{color:var(--muted);margin:0}.card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag-chip{border:1px solid var(--line);background:rgba(0,0,0,.30);color:var(--muted);font-size:12px;padding:6px 10px;border-radius:999px}.card-meta{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:14px}.price{font-size:22px;font-weight:800}.per{font-size:12px;color:var(--muted)}.footer{margin:24px 0 40px;padding:16px;text-align:center;background:rgba(0,0,0,.22)!important;color:#cfd3dc!important}a{color:inherit;text-decoration:none}.badge,.label{border-radius:999px}.alert{border-radius:12px;border-color:var(--line)}.panel{margin-bottom:20px;background-color:var(--surface);border:1px solid var(--line);border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);color:var(--text)}.panel-body{padding:15px;background:transparent;color:var(--text)}.panel-heading{padding:10px 15px;background:rgba(0,0,0,.28);color:var(--text);border-bottom:1px solid var(--line);border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin:0 0 0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:rgba(0,0,0,.22);color:var(--text);border-top:1px solid var(--line);border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0;background:transparent;color:var(--text);border-color:var(--line)}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading + .panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading + .list-group .list-group-item:first-child{border-top-width:0}.list-group + .panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px;color:var(--text)}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-body + .table,.panel>.panel-body + .table-responsive,.panel>.table + .panel-body,.panel>.table-responsive + .panel-body{border-top:1px solid var(--line)}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel + .panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading + .panel-collapse>.panel-body,.panel-group .panel-heading + .panel-collapse>.list-group{border-top:1px solid var(--line)}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom:1px solid var(--line)}.panel-default{border-color:var(--line)}.panel-default>.panel-heading{color:var(--text);background-color:rgba(255,255,255,.06);border-color:var(--line)}.panel-default>.panel-heading + .panel-collapse>.panel-body{border-top-color:var(--line)}.panel-default>.panel-heading .badge{color:rgba(255,255,255,.85);background-color:rgba(0,0,0,.35)}.panel-default>.panel-footer + .panel-collapse>.panel-body{border-bottom-color:var(--line)}.panel-primary{border-color:rgba(58,122,254,.35)}.panel-primary>.panel-heading{color:var(--text);background-color:rgba(58,122,254,.22);border-color:rgba(58,122,254,.35)}.panel-primary>.panel-heading + .panel-collapse>.panel-body{border-top-color:rgba(58,122,254,.35)}.panel-primary>.panel-heading .badge{color:rgba(58,122,254,1);background-color:#fff}.panel-primary>.panel-footer + .panel-collapse>.panel-body{border-bottom-color:rgba(58,122,254,.35)}.panel-success{border-color:rgba(60,118,61,.35)}.panel-success>.panel-heading{color:var(--text);background-color:rgba(60,118,61,.22);border-color:rgba(60,118,61,.35)}.panel-success>.panel-heading + .panel-collapse>.panel-body{border-top-color:rgba(60,118,61,.35)}.panel-success>.panel-heading .badge{color:rgba(60,118,61,1);background-color:#fff}.panel-success>.panel-footer + .panel-collapse>.panel-body{border-bottom-color:rgba(60,118,61,.35)}.panel-info{border-color:rgba(49,112,143,.35)}.panel-info>.panel-heading{color:var(--text);background-color:rgba(49,112,143,.22);border-color:rgba(49,112,143,.35)}.panel-info>.panel-heading + .panel-collapse>.panel-body{border-top-color:rgba(49,112,143,.35)}.panel-info>.panel-heading .badge{color:rgba(49,112,143,1);background-color:#fff}.panel-info>.panel-footer + .panel-collapse>.panel-body{border-bottom-color:rgba(49,112,143,.35)}.panel-warning{border-color:rgba(138,109,59,.35)}.panel-warning>.panel-heading{color:var(--text);background-color:rgba(138,109,59,.22);border-color:rgba(138,109,59,.35)}.panel-warning>.panel-heading + .panel-collapse>.panel-body{border-top-color:rgba(138,109,59,.35)}.panel-warning>.panel-heading .badge{color:rgba(138,109,59,1);background-color:#fff}.panel-warning>.panel-footer + .panel-collapse>.panel-body{border-bottom-color:rgba(138,109,59,.35)}.panel-danger{border-color:rgba(169,68,66,.35)}.panel-danger>.panel-heading{color:var(--text);background-color:rgba(169,68,66,.22);border-color:rgba(169,68,66,.35)}.panel-danger>.panel-heading + .panel-collapse>.panel-body{border-top-color:rgba(169,68,66,.35)}.panel-danger>.panel-heading .badge{color:rgba(169,68,66,1);background-color:#fff}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}ul.nav.nav-tabs>li.active>a,ul.nav.nav-tabs>li.active>a:hover,ul.nav.nav-tabs>li.active>a:focus,ul.nav.nav-pills>li.active>a,ul.nav.nav-pills>li.active>a:hover,ul.nav.nav-pills>li.active>a:focus{background:linear-gradient(135deg,var(--accent1),var(--accent2)) !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;border-bottom-color:transparent !important;font-weight:600}
/* إصلاح لون العنصر النشط في النافبار */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: linear-gradient(135deg, var(--accent1), var(--accent2)) !important;
  color: var(--text) !important;
  border-radius: 6px !important;
  box-shadow: 0 0 8px rgba(0,0,0,.25) !important;
}

/* =========================================
   CYBA THEME (Unified – like orders page)
   ضع هذا الكود في آخر style.css
   ========================================= */

/* لوحة الألوان العامة */
:root{
  --bg-grad-1:#1E3C72;       /* خلفية: أزرق غامق */
  --bg-grad-2:#2A5298;       /* خلفية: أزرق بنفسجي */
  --card:#131320;            /* خلفية الكروت الداكنة */
  --stroke:rgba(255,255,255,.10);
  --ink:#ffffff;             /* نص أساسي */
  --ink-weak:#a0b4ff;        /* نص ثانوي */
  --field:#0f172a;           /* حقول */
  --field-stroke:rgba(255,255,255,.16);
  --primary-1:#6C5CE7;       /* بنفسجي */
  --primary-2:#0984E3;       /* أزرق ساطع */
  --btn-grad:linear-gradient(90deg,var(--primary-1),var(--primary-2));
  --shadow:0 12px 32px rgba(0,0,0,.40);

  /* شارات الحالة */
  --b-p:#fff5d1; --b-p-i:#9a7b00;                       /* Pending */
  --b-pro:#e9f2ff; --b-pro-i:#0d47a1;                   /* Processing */
  --b-ip:#e9f2ff; --b-ip-i:#0d47a1;                     /* In progress */
  --b-ok:#e8f8ee; --b-ok-i:#1b8f4b;                     /* Completed */
  --b-pa:#fff0f0; --b-pa-i:#bb2e3b;                     /* Partial */
  --b-ca:#f3e8ff; --b-ca-i:#7b2cbf;                     /* Canceled */
  --b-ref:#e7f7ff; --b-ref-i:#0a6f8a;                   /* Refunded */
}

/* خلفية عامة + ألوان نص */
body{
  background: linear-gradient(180deg,var(--bg-grad-1),var(--bg-grad-2)) fixed !important;
  color: var(--ink) !important;
}

/* الروابط */
a{ color:#8cc1ff }
a:hover{ color:#b2d4ff }

/* عناوين */
h1,h2,h3,h4,h5,.pane-title{ color:var(--ink) !important }

/* كروت/بانلز/ويل — نفس ستايل orders */
.card,.panel,.well,.box,.widget{
  background: var(--card) !important;
  border: 1px solid var(--stroke) !important;
  color: var(--ink) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
}

/* ترويسات داخلية للكروت (لو موجودة) */
.card .card-header,.panel .panel-heading,.well .well-header,.box .box-header{
  background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) !important;
  border-bottom: 1px solid var(--stroke) !important;
  color: var(--ink) !important;
}

/* أزرار */
.btn-primary,
button.btn.btn-primary,
a.btn.btn-primary{
  background: var(--btn-grad) !important;
  border: none !important;
  color:#fff !important;
  font-weight:700 !important;
  border-radius:10px !important;
  box-shadow:0 6px 20px rgba(9,132,227,.35) !important;
}
.btn-default,.btn-light,.btn-outline,
button.btn.btn-default,button.btn.btn-light,
a.btn.btn-default,a.btn.btn-light{
  background: rgba(255,255,255,.08) !important;
  border:1px solid var(--stroke) !important;
  color:#e6e9ff !important;
  border-radius:10px !important;
}

/* تبويبات nav-pills مثل orders */
.nav.nav-pills>li>a{
  background: linear-gradient(180deg,#1e3c72,#2a5298) !important;
  color:#fff !important;
  border-radius:24px !important;
  padding:6px 16px;
  font-weight:700;
  border:1px solid rgba(255,255,255,.12) !important;
}
.nav.nav-pills>li.active>a,
.nav.nav-pills>li.active>a:hover,
.nav.nav-pills>li.active>a:focus{
  background: var(--btn-grad) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(9,132,227,.35);
}

/* حقول الإدخال */
input[type="text"],input[type="search"],input[type="number"],
input[type="email"],input[type="url"],input[type="password"],
select,textarea,.form-control,.inp{
  background: var(--field) !important;
  border: 1px solid var(--field-stroke) !important;
  color:#e8ecff !important;
  border-radius:10px !important;
}
::placeholder{ color:#9fb0ff !important }

/* نصوص ثانوية/مساعدة */
.muted,.text-muted,.hint,.help-block,small{ color:#a0b4ff !important }

/* جداول — رأس خفيف ونص واضح */
.table{ color:var(--ink) !important }
.table thead th{
  color:#c6d2ff !important;
  border-bottom:1px solid var(--stroke) !important;
}
.table tbody tr{
  background: var(--card) !important;
  border:1px solid var(--stroke) !important;
}

/* شارات الحالة */
.badge{ border-radius:999px; font-weight:700; padding:4px 10px; }
.badge[data-status*="Pending" i]{background:var(--b-p);color:var(--b-p-i)}
.badge[data-status*="Processing" i]{background:var(--b-pro);color:var(--b-pro-i)}
.badge[data-status*="In progress" i],.badge[data-status*="inprogress" i]{background:var(--b-ip);color:var(--b-ip-i)}
.badge[data-status*="Completed" i]{background:var(--b-ok);color:var(--b-ok-i)}
.badge[data-status*="Partial" i]{background:var(--b-pa);color:var(--b-pa-i)}
.badge[data-status*="Canceled" i]{background:var(--b-ca);color:var(--b-ca-i)}
.badge[data-status*="Refunded" i]{background:var(--b-ref);color:var(--b-ref-i)}

/* مودال */
.modal-content{
  background: var(--card) !important;
  border:1px solid var(--stroke) !important;
  color:var(--ink) !important;
}
.modal-header{ border-bottom:1px solid var(--stroke) !important }
.modal-footer{ border-top:1px solid var(--stroke) !important }

/* شريط أدوات/فلاتر عام (مثل orders) */
.toolbar,.filters,.toolbox{
  background: rgba(0,0,0,.06) !important;
  border:1px solid var(--stroke) !important;
  border-radius:14px !important;
  padding:10px !important;
}

/* Pagination */
.pagination>li>a,.pagination>li>span{
  background: rgba(255,255,255,.06) !important;
  border:1px solid var(--stroke) !important;
  color:#e6e9ff !important;
}
.pagination>li.active>a,
.pagination>li.active>span{
  background: var(--btn-grad) !important;
  border:none !important;
  color:#fff !important;
}

/* عناصر خاصة من neworder (اختياري: يزيد التطابق) */
.steps{ border-bottom:1px solid var(--stroke) !important }
.step{ color:#cfd4ff !important }
.step span{ background:#1e2550 !important; color:#cfd4ff !important }
.step.is-active{ color:#fff !important }
.step.is-active span{ background:var(--btn-grad) !important; color:#fff !important }
.tile{ background:#0f1629 !important; border:1px solid var(--stroke) !important; color:#e8ecff !important }
.tile:hover{ border-color: rgba(140,180,255,.5) !important }
#service_description .panel-body,
#post-preview{ background:#0f1629 !important; border:1px solid var(--stroke) !important; border-radius:10px !important }

/* RTL تحسينات */
html[dir="rtl"] .nav.nav-pills>li{ float:right }
html[dir="rtl"] .pagination{ direction: rtl }
.modal-rtl .modal-dialog{ direction: rtl }

/* ===== Dropdowns (Language / Currency) Fix ===== */
.navbar .dropdown-menu,
.header .dropdown-menu,
.bootstrap-select .dropdown-menu,
.dropdown-menu {
  background: #0f1629 !important;                 /* خلفية داكنة ثابتة */
  color: #e6e9ff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.45) !important;
  border-radius: 10px !important;
  z-index: 2000 !important;                        /* فوق أي عناصر أخرى */
}

/* عناصر القائمة */
.dropdown-menu > li > a,
.bootstrap-select .dropdown-menu li a {
  color: #e6e9ff !important;
  padding: 10px 14px !important;
  background: transparent !important;
}

/* Hover / Focus */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* العنصر المحدد في bootstrap-select */
.bootstrap-select .dropdown-menu li.selected a {
  background: rgba(108,92,231,.25) !important;     /* بنفسجي خفيف */
  color: #fff !important;
}

/* فاصل داخلي إن وُجد */
.dropdown-menu .divider,
.bootstrap-select .dropdown-menu .divider {
  background-color: rgba(255,255,255,.07) !important;
}

/* زر الفتح نفسه (يتفعل عند فتح القائمة) */
.navbar .dropdown-toggle,
.bootstrap-select.open > .dropdown-toggle,
.btn-group.open .dropdown-toggle {
  background: rgba(255,255,255,.08) !important;
  color: #e6e9ff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
}

/* إزالة أي شفافية/blur قديمة لو كانت مضافة */
.dropdown-menu,
.bootstrap-select .dropdown-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}