/* ——— تحميل الصفحة (عالمي — layout) ——— */
#app-nav-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:1041;
  pointer-events:none;
  overflow:hidden;
  opacity:0;
  transition:opacity .15s ease;
}
html.app-page-loading #app-nav-progress,
body.app-page-loading #app-nav-progress{
  opacity:1;
}
#app-nav-progress .app-nav-progress-bar{
  height:100%;
  width:45%;
  background:linear-gradient(90deg,#0d6efd,#86b7fe,#0d6efd);
  background-size:200% 100%;
  animation:appNavProgressIndeterminate 1s ease-in-out infinite;
  border-radius:0 2px 2px 0;
}
@keyframes appNavProgressIndeterminate{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(280%); }
}
#app-page-loading-overlay{
  position:fixed;
  inset:0;
  z-index:1040;
  background:rgba(248,249,250,.72);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  pointer-events:auto;
  cursor:wait;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease, visibility .18s ease;
}
html.app-page-loading #app-page-loading-overlay,
body.app-page-loading #app-page-loading-overlay{
  opacity:1;
  visibility:visible;
}
@media (prefers-reduced-motion: reduce){
  #app-nav-progress .app-nav-progress-bar{
    animation:none;
    width:100%;
    opacity:.88;
    transform:none;
  }
}

:root{--card:#fff}.card{box-shadow:0 1px 2px rgba(0,0,0,.06)}
.list-suggest{position:absolute; left:0; right:0; z-index:1000; max-height:260px; overflow:auto;}

/* حقول تاريخ HTML5 في واجهة RTL: فايرفوكس قد يعرض الترتيب بشكل مربك — القيمة دائماً ISO */
input.form-control.input-date-iso[type="date"] {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
  min-width: 10.5rem;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 575.98px) {
  input.form-control.input-date-iso[type="date"] {
    min-width: 0;
    display: block;
  }
  .report-client-finance-filters {
    overflow-x: hidden;
  }
}
.report-client-finance-filters .rf-client-suggest {
  left: 0;
  right: 0;
  z-index: 1050;
  max-height: 260px;
  overflow: auto;
}

/* تبويبات قابلة للسحب أفقيًا على الموبايل (عروض/باقات وغيرها) */
.nav-tabs-scroll{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  margin:0 -0.25rem;
  padding:0 0.25rem;
}
.nav-tabs-scroll .nav-tabs{
  flex-wrap:nowrap;
  white-space:nowrap;
  margin-bottom:0;
  min-width:min-content;
}
.nav-tabs-scroll .nav-tabs .nav-link{
  white-space:nowrap;
}

/* صفوف إجراءات في جداول الإدارة: أزرار أسهل على اللمس */
.table-actions-stack{
  display:flex;
  flex-wrap:wrap;
  gap:0.35rem;
  justify-content:center;
  align-items:center;
  max-width:100%;
}
.table-actions-stack .btn{
  min-height:2.25rem;
  touch-action:manipulation;
}
@media (max-width:575.98px){
  .table-actions-stack{
    justify-content:flex-start;
  }
  .table-actions-stack .btn{
    flex:1 1 auto;
    min-width:4.5rem;
  }
}
/* تمييز مصطلحات تقنية في شروحات لوحة التحكم */
.dashboard-tech {
  color: #ad1457;
  font-family: ui-monospace, "Segoe UI Mono", monospace;
  font-size: 0.88em;
  font-weight: 600;
}
