@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700;800;900&display=swap");

:root {
  --app-font: "Noto Naskh Arabic", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.modal,
.swal2-popup {
  font-family: var(--app-font) !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
canvas,
video {
  max-width: 100%;
}

table {
  max-width: 100%;
}

.table-responsive,
.dataTables_wrapper,
.dt-container {
  max-width: 100%;
  overflow-x: auto;
}

html.app-in-frame body > .page,
html.app-in-frame body > .wrap,
html.app-in-frame body > .container,
html.app-in-frame body > .container-lg,
html.app-in-frame body > .container-xl,
html.app-in-frame body > .container-xxl {
  width: calc(100vw - 28px) !important;
  max-width: none !important;
}

@media print {
  html,
  body {
    overflow: visible !important;
  }

  body {
    zoom: 1 !important;
    width: auto !important;
  }
}