/* ================= Scrollbar (Calm + Clean) ================= */
:root{
  --sb-size: 10px;                 /* عرض الشريط */
  --sb-track: rgba(8, 59, 138, .08); /* خلفية المسار */
  --sb-thumb: rgba(8, 59, 138, .28); /* لون المقبض */
  --sb-thumb-hover: rgba(8, 59, 138, .45);
  --sb-border: rgba(255,255,255,.65);
}

/* Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar{
  width: var(--sb-size);
  height: var(--sb-size);
}

::-webkit-scrollbar-track{
  background: var(--sb-track);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid var(--sb-border);  /* يخليه ناعم ومندمج */
}

::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

/* Optional: corner */
::-webkit-scrollbar-corner{
  background: transparent;
}