/* =====================================================================
   خطوط واجهة النظام — Tajawal موحّد لكل عناصر UI
   محتوى الخطاب (.letter-format-a4) يبقى على خطوطه الرسمية من letter_print.css
   ===================================================================== */
@import url('../fonts/ui-fonts.css');

:root {
  --ui-font: 'Tajawal', Tahoma, 'Segoe UI', sans-serif;
}

html, body {
  font-family: var(--ui-font);
}

/* عناصر واجهة المستخدم — المتصفحات غالباً تفرض خط النظام على الحقول */
button,
input,
select,
textarea,
optgroup,
option,
label,
.btn,
.form-control,
.form-select,
.combo-trigger,
.combo-value,
.combo-list,
.seg-btn,
.fmt-btn,
.fmt-select,
.fmt-label,
.numctl-input,
.numctl-unit,
.zoom-btn,
.nav-link,
.sidebar,
.sidebar-nav,
.topbar,
.top-toolbar,
.user-chip,
.user-chip-name,
.user-chip-role,
.user-chip-logout,
.modal,
.modal-content,
.toast,
.app-toast,
.flash-message,
.badge,
.global-search-input,
.global-search-hint,
.global-search-results,
.transactions-table,
.section-title,
.page-title {
  font-family: var(--ui-font);
}

/* إجبار خط الحقول والأمثلة (placeholders) */
input,
select,
textarea,
.form-control,
.form-select,
.global-search-input,
.btn {
  font-family: var(--ui-font) !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.global-search-input::placeholder {
  font-family: var(--ui-font) !important;
  font-weight: 400;
  opacity: 0.85;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: var(--ui-font) !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: var(--ui-font) !important;
  opacity: 0.85;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
  font-family: var(--ui-font) !important;
}

/* لا تلمس نص الخطاب المطبوع — قواعد letter_print.css لها الأولوية داخل الورقة */
.letter-format-a4 input,
.letter-format-a4 select,
.letter-format-a4 textarea,
.letter-format-a4 button {
  font-family: inherit !important;
}