/* ======================================================
   GLOBAL FONT FIX — AZƏRBAYCAN ƏLİFBASI
   Clean version: 20260521-extra-modal-font1
   Məqsəd: bütün modullarda eyni, oxunaqlı şrift.
====================================================== */

:root {
  --app-font: Arial, Tahoma, "Segoe UI", "Helvetica Neue", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
label,
span,
div,
p,
a,
small,
strong,
b,
i,
em,
h1,
h2,
h3,
h4,
h5,
h6,
option,
optgroup {
  font-family: var(--app-font) !important;
  font-variant-ligatures: none !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ======================================================
   MODULE FONT NORMALIZATION
   Modul daxilində sonradan gələn xüsusi font-ları da sabitləyir.
====================================================== */

:where(
  #topHeader,
  #tabsDrawer,
  #loginModal,
  #unlockModal,
  #recipeViewModal,
  #tndashboard,
  #doctors,
  #doctorModal,
  #preparats,
  #recipes,
  #reports,
  #tnplan,
  #dailyplan,
  #tnvisit,
  #tnvExtraPanel,
  #dualwork,
  #mbgroupadmin,
  #catalogadmin,
  #users,
  #audit,
  .autolist,
  .toast
),
:where(
  #topHeader,
  #tabsDrawer,
  #loginModal,
  #unlockModal,
  #recipeViewModal,
  #tndashboard,
  #doctors,
  #doctorModal,
  #preparats,
  #recipes,
  #reports,
  #tnplan,
  #dailyplan,
  #tnvisit,
  #tnvExtraPanel,
  #dualwork,
  #mbgroupadmin,
  #catalogadmin,
  #users,
  #audit,
  .autolist,
  .toast
) * {
  font-family: var(--app-font) !important;
  font-variant-ligatures: none !important;
}


/* ======================================================
   AZƏRBAYCAN HƏRFLƏRİ ÜÇÜN OXUNAQLILIQ
====================================================== */

.users-title,
.users-node-title,
.users-stat-value,
.users-role-badge,
.users-status-badge,
#doctorModal .doctor-modal-title,
#doctorModal .doctor-section-title,
#tnvExtraPanel .tnv-extra-modal-head h3,
#tnvExtraPanel .tnv-create-modal-title {
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

:where(
  #users,
  #dailyplan,
  #doctors,
  #doctorModal,
  #tnvisit,
  #tnvExtraPanel,
  #dualwork,
  #tndashboard,
  #tnplan
),
:where(
  #users,
  #dailyplan,
  #doctors,
  #doctorModal,
  #tnvisit,
  #tnvExtraPanel,
  #dualwork,
  #tndashboard,
  #tnplan
) * {
  text-rendering: optimizeLegibility !important;
}


/* ======================================================
   TNVISIT EXTRA MODAL FONT FIX
   Əlavə ziyarət və Yeni həkim modalı ayrıca layer olduğu üçün
   burada da font sabitlənir.
====================================================== */

#tnvExtraPanel,
#tnvExtraPanel * {
  font-family: var(--app-font, Arial, Tahoma, "Segoe UI", "Helvetica Neue", sans-serif) !important;
  font-variant-ligatures: none !important;
  letter-spacing: 0 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#tnvExtraPanel .tnv-extra-modal-head h3,
#tnvExtraPanel .tnv-create-modal-title {
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#tnvExtraPanel .tnv-extra-modal-kicker,
#tnvExtraPanel .tnv-extra-modal-head p,
#tnvExtraPanel .tnv-create-modal-subtitle,
#tnvExtraPanel .tnv-field span,
#tnvExtraPanel button,
#tnvExtraPanel input,
#tnvExtraPanel select,
#tnvExtraPanel textarea {
  letter-spacing: 0 !important;
}

#tnvExtraPanel .tnv-extra-modal-kicker,
#tnvExtraPanel .tnv-field span {
  font-weight: 700 !important;
}

#tnvExtraPanel button {
  font-weight: 800 !important;
}


/* ======================================================
   MOBILE TEXT SAFETY
   Uzun ad/soyad və mətnlər font səbəbilə ekranı genişləndirməsin.
====================================================== */

@media (max-width: 820px) {
  :where(
    #tndashboard,
    #doctors,
    #doctorModal,
    #tnplan,
    #dailyplan,
    #tnvisit,
    #tnvExtraPanel,
    #dualwork,
    #mbgroupadmin,
    #catalogadmin,
    #users,
    #reports,
    #recipes
  ),
  :where(
    #tndashboard,
    #doctors,
    #doctorModal,
    #tnplan,
    #dailyplan,
    #tnvisit,
    #tnvExtraPanel,
    #dualwork,
    #mbgroupadmin,
    #catalogadmin,
    #users,
    #reports,
    #recipes
  ) * {
    min-width: 0;
  }

  #tnvExtraPanel,
  #tnvExtraPanel * {
    min-width: 0;
  }
}