/* Font + reset shared by every page. Previously this exact @font-face block
   and universal font-family rule were copy-pasted verbatim into 13 separate
   per-page CSS files. */
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/woff/IRANSansWeb\(FaNum\).woff');
}

* {
  font-family: var(--font-family-base);
}

html {
  font-size: var(--font-size-base);
}

body,
button,
input,
select,
textarea {
  font-size: 1rem;
  line-height: 1.45;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  font-weight: 700;
}

.tabulator,
.tabulator .tabulator-header,
.tabulator .tabulator-footer,
.tabulator-row,
.tabulator-row .tabulator-cell,
.tabulator-popup-container,
.tabulator-edit-list {
  font-size: var(--font-size-base) !important;
}

.tabulator {
  max-width: 100%;
}

.tabulator .tabulator-footer {
  font-weight: 500 !important;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.tabulator .tabulator-footer .tabulator-page-counter,
.tabulator .tabulator-footer .tabulator-paginator {
  display: flex;
  align-items: center;
  font-size: var(--font-size-base) !important;
  font-weight: 500 !important;
  line-height: 1.4;
  margin: 0 !important;
}

.tabulator .tabulator-footer .tabulator-paginator {
  flex: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.2rem;
  text-align: unset;
  color: inherit;
}

.tabulator.tabulator-rtl .tabulator-footer .tabulator-paginator {
  justify-content: flex-start;
}

.tabulator .tabulator-footer .tabulator-page,
.tabulator .tabulator-footer .tabulator-page-size {
  font-size: var(--font-size-base) !important;
  font-weight: 500;
  line-height: 1.4;
  height: auto;
  margin: 0 2px !important;
  padding: 0.15rem 0.5rem !important;
  vertical-align: middle;
}

.tabulator .tabulator-footer .tabulator-pages {
  display: inline-flex;
  align-items: center;
  margin: 0 0.35rem;
}

.hide {
  display: none !important;
}

/* Tabulator mounts its tooltip/menu popups directly on <body> rather than
   inside the RTL table container, so without this they fall back to the
   browser's default ltr direction and mixed Persian/Latin text renders with
   segments reordered. */
.tabulator-tooltip {
  direction: rtl;
}

#app-copyright {
  position: fixed;
  bottom: 2px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: var(--font-size-xs);
  color: #888;
  direction: rtl;
  pointer-events: none;
  z-index: 1;
}