/* ── Urdu / RTL ──────────────────────────────────── */
[lang="ur"] {
  font-family: 'Noto Nastaliq Urdu', serif;
  line-height: 2;
}

/* Prevent Noto font on UI chrome elements */
[lang="ur"] .font-monospace,
[lang="ur"] input,
[lang="ur"] select {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

/* ── Layout ──────────────────────────────────────── */
body {
  background-color: #f8f9fa;
  font-size: 0.9rem;
}

.navbar-brand { letter-spacing: .02em; }

/* ── Cards ───────────────────────────────────────── */
.card { border-radius: 10px; }
.card-header { border-radius: 10px 10px 0 0 !important; border-bottom: 1px solid #eee; }

/* ── Tables ──────────────────────────────────────── */
.table > :not(caption) > * > * { padding: .45rem .65rem; }

/* ── Badges ──────────────────────────────────────── */
.badge { font-weight: 500; }

/* ── Forms ───────────────────────────────────────── */
.form-control:focus, .form-select:focus {
  border-color: #212529;
  box-shadow: 0 0 0 2px rgba(33,37,41,.12);
}

/* ── Utility ─────────────────────────────────────── */
.fs-tight { font-size: .82rem; }

/* ── Mobile tweaks ───────────────────────────────── */
@media (max-width: 575px) {
  .container-fluid { padding-left: .75rem; padding-right: .75rem; }
  .table > :not(caption) > * > * { padding: .35rem .45rem; font-size: .8rem; }
}