:root{
  --sc-font: 15px;
  --sc-line: 1.5;
}

html{ font-size: 16px; }

body{
  font-size: var(--sc-font);
  line-height: var(--sc-line);
}

/* headings a little calmer */
h1{ font-size: 26px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }

/* make form controls consistent */
.form-control, .form-select, .btn{
  border-radius: 10px;
}

.form-control, .form-select{
  min-height: 40px;
  font-size: 15px;
}

.table{
  font-size: 14px;
}

/* ── Table border fix ──────────────────────────────────────────────────────
   Bootstrap .table yalnız horizontal border verir. Nəticədə uzun
   cədvəllərdə hər sütunun sağından xətt kəsilmiş kimi görünür.
   Bu selector bütün layihə cədvəllərinə eyni vaxtda tətbiq olunur.
   Yalnız thead/tbody/tfoot içindəki th/td-lərə toxunur, kartları pozmur.
──────────────────────────────────────────────────────────────────────── */
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-right: 1px solid var(--bs-border-color);
}

.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
  border-right: none;
}
/* Table border fix */
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-right: 1px solid var(--bs-border-color);
}

.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
  border-right: none;
}