/* ========== ثيم عام + ألوان ========== */
/* ========== ثيم عام + ألوان ========== */
:root{
  --btnR:12px;
  --blue:#0f4f7a; --blue2:#0d476f; --blueH:#0b4165; --blueB:#08344f; --blueG:rgba(15,79,122,.25);
  --green:#2c8a3f; --green2:#237a36; --greenH:#237135; --greenB:#1e5d2b; --greenG:rgba(44,138,63,.18);
  --red:#c73b3b; --red2:#b23434; --redH:#a93030; --redB:#8a2828; --redG:rgba(199,59,59,.18);
  --gray:#6c757d; --gray2:#565e64; --grayH:#5c636a; --grayB:#4f565c; --grayG:rgba(108,117,125,.18);

  /* ==== Actions sizing (تنطبق على كل الصفحات) ==== */
  --ax-gap-x:.10rem;       /* فجوة أفقية بين عناصر Actions */
  --ax-gap-y:.10rem;       /* فجوة عمودية */
  --ax-icon-gap:.10rem;    /* مسافة أيقونة↔نص داخل الزر */

  --ax-big-h:26px;         /* ارتفاع أزرار الأعمدة يمين/يسار */
  --ax-radius:6px;         /* تدوير الحواف */
  --ax-font:14px;          /* حجم الخط */
  --ax-pad-x:.50rem;       /* الحشوة الأفقية للأزرار الكبيرة */

  --ax-sm-h:40px;          /* ارتفاع Show/Delete */
  --ax-sm-w:96px;          /* عرض ثابت لـ Show/Delete */
  --ax-btn-gap:1rem;       /* مسافة بين Delete وShow */
}

/* … بقية قواعد الألوان العامة … */

/* ========== Actions: مقاسات ومسافات (مش الألوان) ========== */
.actions-col{ gap:var(--ax-gap-y) var(--ax-gap-x); }
.actions-col .row{ --bs-gutter-x:var(--ax-gap-x); --bs-gutter-y:var(--ax-gap-y); }

/* الأعمدة يمين/يسار */
.actions-col .btn{
  margin:0!important;
  height:var(--ax-big-h)!important;
  line-height:calc(var(--ax-big-h) - 2px)!important;
  padding:0 var(--ax-pad-x)!important;
  border-radius:var(--ax-radius)!important;
  font-size:var(--ax-font)!important; font-weight:500!important;
  display:inline-flex; align-items:center; justify-content:center;
  gap:var(--ax-icon-gap);
}
.actions-col.d-grid > .btn{ width:100%; }

/* الوسط: input + Show/Delete */
.actions-col .input-group{ flex-wrap: nowrap; }                  /* منع اللف */
.actions-col .input-group > :not(:first-child){ margin-left:0!important; } /* إلغاء دمج الهوامش */
.actions-col .input-group > .btn + .btn{ margin-left:var(--ax-btn-gap)!important; } /* مسافة بين الزرين */
.actions-col .input-group > .btn{
  height:var(--ax-sm-h)!important;
  line-height:calc(var(--ax-sm-h) - 2px)!important;
  width:var(--ax-sm-w)!important; min-width:var(--ax-sm-w)!important; flex:0 0 var(--ax-sm-w)!important;
  border-top-right-radius:var(--ax-radius)!important; border-bottom-right-radius:var(--ax-radius)!important;
  padding:0 .70rem!important; font-size:var(--ax-font)!important; white-space: nowrap;
}
.actions-col .input-group > .form-control{
  height:var(--ax-sm-h)!important;
  border-top-left-radius:var(--ax-radius)!important; border-bottom-left-radius:var(--ax-radius)!important;
}

/* ألوان الأزرار العامة */
.btn:not(.btn-link):not([class*="btn-outline"])
  :not(.btn-tb-blue):not(.btn-tb-red):not(.btn-tb-green)
  :not(.btn-chev):not(.lov-btn),
button:not(.btn-link):not([class*="btn-outline"])
  :not(.btn-tb-blue):not(.btn-tb-red):not(.btn-tb-green)
  :not(.btn-chev):not(.lov-btn),
a.btn:not(.btn-link):not([class*="btn-outline"])
  :not(.btn-tb-blue):not(.btn-tb-red):not(.btn-tb-green)
  :not(.btn-chev):not(.lov-btn),
[role="button"]:not(.btn-link):not([class*="btn-outline"])
  :not(.btn-tb-blue):not(.btn-tb-red):not(.btn-tb-green)
  :not(.btn-chev):not(.lov-btn){
  background:linear-gradient(to bottom,var(--blue)0%,var(--blue2)100%)!important;
  border:1px solid var(--blueB)!important; color:#fff!important;
  border-radius:var(--btnR)!important; padding:.45rem 1rem!important;
  text-shadow:0 1px 0 rgba(0,0,0,.2)!important;
  box-shadow:0 2px 0 var(--blueB), 0 0 0 3px var(--blueG) inset!important;
  line-height:1!important; transition:.15s ease-in-out;
}
.btn:hover:not(.btn-link):not([class*="btn-outline"])
  :not(.btn-tb-blue):not(.btn-tb-red):not(.btn-tb-green)
  :not(.btn-chev):not(.lov-btn){
  background:linear-gradient(to bottom,var(--blueH)0%,#0a3b5b 100%)!important;
}
.btn:active{ transform:translateY(1px); }

/* success / danger / secondary */
.btn-success{
  background:linear-gradient(to bottom,var(--green)0%,var(--green2)100%)!important;
  border-color:var(--greenB)!important;
  box-shadow:0 2px 0 var(--greenB),0 0 0 3px var(--greenG) inset!important;
}
.btn-success:hover{ background:linear-gradient(to bottom,var(--greenH)0%,#1e6930 100%)!important; }

.btn-danger{
  background:linear-gradient(to bottom,var(--red)0%,var(--red2)100%)!important;
  border-color:var(--redB)!important;
  box-shadow:0 2px 0 var(--redB),0 0 0 3px var(--redG) inset!important;
  color:#fff!important;
}
.btn-danger:hover{ background:linear-gradient(to bottom,var(--redH)0%,#932828 100%)!important; }

.btn-secondary{
  background:linear-gradient(to bottom,var(--gray)0%,var(--gray2)100%)!important;
  border-color:var(--grayB)!important;
  box-shadow:0 2px 0 var(--grayB),0 0 0 3px var(--grayG) inset!important;
  color:#fff!important;
}
.btn-secondary:hover{ background:linear-gradient(to bottom,var(--grayH)0%,#4f565c 100%)!important; }

/* أسهم التنقل و LOV و Soft */
.btn-chev{ background:#0d6efd!important; border:1px solid #0b5ed7!important; color:#fff!important; border-radius:var(--btnR)!important; padding:.45rem .8rem!important; box-shadow:0 2px 0 #0b5ed7!important; }
.btn-chev:hover{ background:#0b5ed7!important; }
.lov-btn{ min-width:34px }
.lov-btn.btn{ background:#fff!important; color:#495057!important; border:1px solid #ced4da!important; box-shadow:none!important; text-shadow:none!important; padding:.25rem .5rem!important; border-radius:8px!important; }
.btn-soft-success{ background:rgba(44,138,63,.08); border:1px solid rgba(44,138,63,.25); color:#2c8a3f; border-radius:9999px; width:32px; height:32px; padding:0; display:inline-flex; align-items:center; justify-content:center; }
.btn-soft-danger{ background:rgba(199,59,59,.08); border:1px solid rgba(199,59,59,.25); color:#c73b3b; border-radius:9999px; width:32px; height:32px; padding:0; display:inline-flex; align-items:center; justify-content:center; }

/* ========== Toolbar (مقاسات) ========== */
.toolbar .btn{ min-width:80px; height:40px; font-size:14px; font-weight:500; margin-right:6px; border-radius:6px; display:flex; align-items:center; justify-content:center; }
.toolbar .btn-chev{ min-width:40px; height:40px; padding:0; font-size:16px; font-weight:bold; }

/* ========== Actions: ألوان ========== */
.actions-col .btn:not(.btn-danger){
  background:linear-gradient(to bottom,var(--blue)0%,var(--blue2)100%)!important;
  border:1px solid var(--blueB)!important; color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.2)!important;
  box-shadow:0 2px 0 var(--blueB),0 0 0 3px var(--blueG) inset!important;
}
.actions-col .btn-danger{
  background:linear-gradient(to bottom,var(--red)0%,var(--red2)100%)!important;
  border:1px solid var(--redB)!important;
  box-shadow:0 2px 0 var(--redB),0 0 0 3px var(--redG) inset!important;
  color:#fff!important;
}
.actions-col .btn:not(.btn-danger):hover{ background:linear-gradient(to bottom,var(--blueH)0%,#0a3b5b 100%)!important; }
.actions-col .btn-danger:hover{ background:linear-gradient(to bottom,var(--redH)0%,#932828 100%)!important; }

/* حواف input-group في العمود الأوسط */
.actions-col .input-group > .form-control{ border-top-left-radius:12px!important; border-bottom-left-radius:12px!important; }
.actions-col .input-group > .btn{ border-top-right-radius:12px!important; border-bottom-right-radius:12px!important; z-index:1; }

/* إلغاء الدمج الإفتراضي للهوامش داخل input-group */
.actions-col .input-group > :not(:first-child){ margin-left:0 !important; }

/* ========== Actions: المقاسات والمسافات (تنطبق عالمياً) ========== */
.actions-col{ gap:var(--ax-gap-y) var(--ax-gap-x); }
.actions-col .row{ --bs-gutter-x:var(--ax-gap-x); --bs-gutter-y:var(--ax-gap-y); }

/* الأعمدة يمين/يسار */
.actions-col .btn{
  margin:0!important;
  height:var(--ax-big-h)!important;
  line-height:calc(var(--ax-big-h) - 2px)!important;
  padding:0 var(--ax-pad-x)!important;
  border-radius:var(--ax-radius)!important;
  font-size:var(--ax-font)!important; font-weight:500!important;
  display:inline-flex; align-items:center; justify-content:center;
  gap:var(--ax-icon-gap);
}
.actions-col.d-grid > .btn{ width:100%; }

/* الوسط: input + Show/Delete */
.actions-col .input-group > .form-control{
  height:var(--ax-sm-h)!important;
  border-top-left-radius:var(--ax-radius)!important;
  border-bottom-left-radius:var(--ax-radius)!important;
}
.actions-col .input-group > .btn{
  height:var(--ax-sm-h)!important;
  line-height:calc(var(--ax-sm-h) - 2px)!important;
  width:var(--ax-sm-w)!important; min-width:var(--ax-sm-w)!important; flex:0 0 var(--ax-sm-w)!important;
  border-top-right-radius:var(--ax-radius)!important; border-bottom-right-radius:var(--ax-radius)!important;
  padding:0 .70rem!important; font-size:var(--ax-font)!important;
  display:inline-flex; align-items:center; justify-content:center;
  gap:var(--ax-icon-gap);
}
/* مسافة بين Delete و Show فقط */
.actions-col .input-group > .btn + .btn{ margin-left:var(--ax-btn-gap)!important; }