/* HTML: <div class="custom-loader"></div> */
.loader-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  background-color: #00000016;
  height: 100vh;
}
.custom-loader {
  --s: 15px;
  width: calc(var(--s)*2.33);
  aspect-ratio: 1;
  display: flex;
  justify-content: space-between;
}
.custom-loader::before,
.custom-loader::after {
  content: "";
  width: var(--s);
  --_g: no-repeat radial-gradient(farthest-side,#000 94%,#0000);
  background:
    var(--_g) top,
    var(--_g) bottom;
  background-size: 100% var(--s);
  transform-origin: 50% calc(100% - var(--s)/2);
  animation: l30 1s infinite;
}
.custom-loader::after {
  transform-origin: 50% calc(var(--s)/2);
}
@keyframes l30 {
   70%,100% {transform:rotate(-270deg)}
}



.remaining-fee-indicator td, .remaining-fee-indicator th {
  background-color: #f8c072;

}
.remaining-fee-indicator {
  background-color: #f8c072;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  animation: pulse 1.5s infinite;
}

.gap-2 {
  gap: 10px;
}
.gap-4 {
  gap: 20px;
}

/* Admission View Screen */

  .admission-profile {
    width: 100px;
    aspect-ratio: 4/5;
    object-fit: contain;
  }
  .summary-bar {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    padding: .9rem 1rem;
  }
  .profile-pic {
    width: 56px; height: 56px; object-fit: cover;
    border-radius: .5rem;
  }
  .avatar-fallback {
    width: 56px; height: 56px; display: grid; place-items: center;
    background: #f1f5f9; color: #334155; border-radius: .5rem;
    border: 1px dashed #cbd5e1;
  }
  .status-pill {
    display:inline-flex;align-items:center;gap:.4rem;
    padding:.25rem .6rem;border-radius:999px;font-weight:600;font-size:.8rem;
  }
  .status-pill.success{ background:#dcfce7;color:#166534; }
  .status-pill.warn{ background:#fef9c3;color:#854d0e; }
  .status-pill.muted{ background:#e5e7eb;color:#374151; }

  .mini-stat {
    border:1px solid #e5e7eb;border-radius:.65rem;padding:.75rem .9rem;background:#fbfdff;
  }
  .mini-stat h6 { margin:0 0 .25rem;font-size:.78rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;}
  .mini-stat .value { font-weight:800;color:#0f172a;font-size:1.05rem; }

  .progress { height: 8px; border-radius:999px; background:#eef2f7; }
  .progress-bar { background: #16a34a; }

  .table-clean th { background:#f8fafc; color:#334155; width: 180px; }
  .table-clean td, .table-clean th { vertical-align: middle !important; }

  .list-docs .list-group-item {
    display:flex; align-items:center; justify-content:space-between;
  }

  .btn-soft { background:#eef2ff; color:#3730a3; border:0; }
  .btn-soft:hover { background:#e0e7ff; color:#1e1b4b; }

  .copy-btn { border:0; background:transparent; color:#6b7280; }
  .copy-btn:hover { color:#111827; }

  .sticky-col { position: sticky; top: 84px; }

  /* Small helpers */
  .muted { color:#6b7280; }

/* Admission View Screen End */

.img-preview-section {
  word-break: break-all;
}
.ar {
  font-family: "Noto Naskh Arabic", "Amiri", "Cairo", "Tahoma", sans-serif; /* fonts with Arabic support */
  direction: rtl;         /* right-to-left layout */
  unicode-bidi: isolate;  /* keep Arabic runs self-contained */
}

.enlarging-img {
  width: 100px;
  transition: 0.5s;
}

.printing-icons {
  font-size: 25px !important;
}
.cursor-pointer {
  cursor: pointer;
}
#question-answer-div .question-answer-row .add-question, #question-answer-div .question-answer-row .remove-question{
  display: none;
}

#question-answer-div .question-answer-row:not(:first-child) .remove-question, #question-answer-div .question-answer-row:last-child .add-question{
  display: inline-block;
}
#input-fields input {
  font-size: 35px;
  width: 40%;
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 164, 38, 0.7); }
  70%  { box-shadow: 0 0 0 15px rgba(255, 164, 38, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 164, 38, 0); }
}