/**
 * Backpack Admin — Design System Overrides
 * خط Cairo + ألوان موحدة + تحسينات احترافية
 * مجموعة التلبيشي الاستثمارية
 */

/* ===== Cairo Font (كيارو) — تطبيق عالمي ===== */
:root {
  --font-cairo: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-500: #FF4D6D;
  --brand-600: #E64562;
  --brand-700: #C8344E;
  --ink-50: #F8FAFC;
  --ink-300: #CBD5E1;
  --ink-400: #94A3B8;
  --ink-500: #64748B;
  --ink-600: #475569;
  --ink-700: #334155;
  --ink-800: #1F2937;
  --ink-900: #0F172A;
  --success-500: #059669;
  --success-600: #047857;
  --warning-500: #D97706;
  --warning-600: #B45309;
  --danger-500: #DC2626;
  --danger-600: #B91C1C;
}

body,
.page,
.page-wrapper,
.page-body,
.navbar,
.sidebar,
.menu,
.card,
.card-body,
.table,
input,
select,
textarea,
button,
.btn,
.form-control,
.form-label,
label,
.breadcrumb,
.dropdown-menu,
.modal,
.alert {
  font-family: var(--font-cairo) !important;
}

/* تنبيه التحصيل: خلفية صفراء مع نص داكن لتحسين القراءة */
.alert.alert-warning {
  color: var(--ink-800) !important;
  background-color: #FEF3C7 !important;
  border-color: var(--warning-600) !important;
}

/* ===== الجداول — خط Cairo احترافي + محاذاة لليمين ===== */
#crudTable,
#crudTable_wrapper table,
table.dataTable,
.card-table,
.table {
  font-family: var(--font-cairo) !important;
  font-size: 0.95rem;
}

#crudTable thead th,
#crudTable_wrapper thead th,
table.dataTable thead th,
.card-table thead th,
.table thead th {
  font-family: var(--font-cairo) !important;
  font-size: 1.05rem !important;
  font-weight: 700;
  color: var(--ink-800);
  text-align: right !important;
  padding-inline-start: 0.875rem;
  padding-inline-end: 0.875rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  letter-spacing: 0.01em;
}

/* جدول بعمودين: تساوي عرض العمود الأول والثاني */
#crudTable_wrapper #crudTable thead th:nth-child(1),
#crudTable_wrapper #crudTable thead th:nth-child(2),
#crudTable_wrapper #crudTable tbody td:nth-child(1),
#crudTable_wrapper #crudTable tbody td:nth-child(2) {
  width: 50% !important;
  min-width: 0;
}

#crudTable tbody td,
#crudTable_wrapper tbody td,
table.dataTable tbody td,
.card-table tbody td,
.table tbody td {
  font-family: var(--font-cairo) !important;
  text-align: right !important;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: none !important;
  text-overflow: unset !important;
  overflow: visible !important;
}

/* إخفاء تكرر أسماء الأعمدة في الأسفل (tfoot) */
#crudTable tfoot,
#crudTable_wrapper tfoot,
table.dataTable tfoot {
  display: none !important;
}

.card-table tbody tr:hover,
.table tbody tr:hover {
  background-color: rgba(255, 77, 109, 0.04);
}

/* ===== النماذج ===== */
.form-label,
label {
  font-weight: 600;
  color: var(--ink-700);
}

/* Checkbox: مسافة بين الشيك بوكس والنص + قراءة أوضح */
.form-check .form-check-label,
.form-check label.form-check-label {
  font-weight: 600 !important;
  margin-inline-start: 0.75rem !important;
}
/* فراغ أوضح بين الـ checkbox والـ label (مثل: عقد فعّال) */
.form-check.d-flex,
.form-check.d-flex.align-items-center {
  gap: 1rem !important;
}
.form-check.d-flex .form-check-label,
.form-check.d-flex label.form-check-label,
.form-check.d-flex.align-items-center .form-check-label,
.form-check.d-flex.align-items-center label.form-check-label,
.form-check.d-flex label.form-check-label.ms-3,
.form-check.d-flex.align-items-center label.ms-3 {
  margin-inline-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.form-control:focus {
  border-color: var(--brand-500);
  box-shadow: 0 0 0 0.2rem rgba(255, 77, 109, 0.15);
}

/* ===== الأزرار — موحدة مع Design System ===== */
.btn-primary {
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
}

.btn-primary:hover {
  background-color: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
}

.btn-outline-primary {
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
  border-color: var(--brand-500) !important;
  color: var(--brand-600) !important;
}

.btn-outline-primary:hover {
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
  color: white !important;
}

.btn-secondary,
.btn-outline-secondary {
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
}

.btn-secondary {
  background-color: var(--ink-600) !important;
  border-color: var(--ink-600) !important;
  color: white !important;
}

.btn-secondary:hover {
  background-color: var(--ink-700) !important;
  border-color: var(--ink-700) !important;
  color: white !important;
}

.btn-outline-secondary {
  background-color: white !important;
  border-color: var(--ink-300) !important;
  color: var(--ink-700) !important;
}

.btn-outline-secondary:hover {
  background-color: var(--ink-50) !important;
  border-color: var(--ink-400) !important;
  color: var(--ink-800) !important;
}

.btn-danger {
  background-color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
}

.btn-danger:hover {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}

.btn-warning {
  background-color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
  color: white !important;
}

.btn-warning:hover {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
  color: white !important;
}

.btn-success {
  background-color: var(--success-500) !important;
  border-color: var(--success-500) !important;
  border-radius: 0.75rem !important;
  font-weight: 700 !important;
}

.btn-success:hover {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}

/* ===== أزرار الإجراءات في الجداول (تعديل / حذف) — تطابق الهوية البصرية ===== */
/* Base: جميع أزرار الإجراءات */
#crudTable tbody td .btn-link,
#crudTable_wrapper tbody td .btn-link,
table.dataTable tbody td .btn-link {
  text-decoration: none !important;
  border-radius: 0.5rem !important;
  padding: 0.35rem 0.65rem !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  margin-inline-start: 0.35rem !important;
  transition: background-color 0.15s, color 0.15s !important;
}

/* زر التعديل / عرض — لون الهوية (يعمل في الجداول والتقارير) */
.btn-action-edit,
a.btn-action-edit {
  text-decoration: none !important;
  border-radius: 0.5rem !important;
  padding: 0.4rem 0.85rem !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  color: var(--brand-600) !important;
  border: 1px solid var(--brand-500) !important;
  background-color: rgba(255, 77, 109, 0.06) !important;
  transition: background-color 0.15s, color 0.15s !important;
}

.btn-action-edit:hover,
a.btn-action-edit:hover {
  color: white !important;
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
}

/* زر الحذف — لون الخطر */
.btn-action-delete,
a.btn-action-delete,
a[data-button-type="delete"] {
  color: var(--danger-600) !important;
  border: 1px solid var(--danger-500) !important;
  background-color: rgba(220, 38, 38, 0.06) !important;
}

.btn-action-delete:hover,
a.btn-action-delete:hover,
a[data-button-type="delete"]:hover {
  color: white !important;
  background-color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}

/* زر كشف الحساب — لون الهوية (إجراء رئيسي) */
.btn-action-statement,
a.btn-action-statement {
  color: var(--brand-600) !important;
  border: 1px solid var(--brand-500) !important;
  background-color: rgba(255, 77, 109, 0.06) !important;
}

.btn-action-statement:hover,
a.btn-action-statement:hover {
  color: white !important;
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
}

/* أزرار أخرى (إنهاء عقد) — نمط ثانوي */
#crudTable tbody td .btn-link:not(.btn-action-edit):not(.btn-action-delete):not(.btn-action-statement):not([data-button-type="delete"]),
#crudTable_wrapper tbody td .btn-link:not(.btn-action-edit):not(.btn-action-delete):not(.btn-action-statement):not([data-button-type="delete"]) {
  color: var(--ink-600) !important;
  border: 1px solid var(--ink-300) !important;
  background-color: var(--ink-50) !important;
}

#crudTable tbody td .btn-link:not(.btn-action-edit):not(.btn-action-delete):not(.btn-action-statement):not([data-button-type="delete"]):hover,
#crudTable_wrapper tbody td .btn-link:not(.btn-action-edit):not(.btn-action-delete):not(.btn-action-statement):not([data-button-type="delete"]):hover {
  color: var(--ink-800) !important;
  background-color: var(--ink-200) !important;
  border-color: var(--ink-400) !important;
}

/* عمود التسميات في جدول العرض (show) — عدم كسر الكلمات على سطرين */
.content-card table.table.table-striped tbody td:first-child {
  white-space: nowrap !important;
  font-size: 1rem !important;
  min-width: 7rem;
  padding-inline-end: 1rem !important;
}

/* صف الإجراءات في جدول العرض (show) — تطابق الهوية البصرية */
.content-card table.table.table-striped tbody tr:last-child td {
  padding: 0.75rem 1rem !important;
  vertical-align: middle !important;
  border-top: 1px solid var(--ink-200, rgba(0, 0, 0, 0.08)) !important;
}
.content-card table.table.table-striped tbody tr:last-child td:first-child {
  font-weight: 600;
  color: var(--ink-800);
  width: 1%;
  white-space: nowrap;
}
.content-card table.table.table-striped tbody tr:last-child td:last-child {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  vertical-align: middle;
}
.content-card table.table.table-striped tbody tr:last-child td:last-child .btn-action-edit,
.content-card table.table.table-striped tbody tr:last-child td:last-child .btn-action-delete,
.content-card table.table.table-striped tbody tr:last-child td:last-child a[data-button-type="delete"] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 1rem !important;
  font-size: 0.9375rem !important;
  border-radius: 0.5rem !important;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.content-card table.table.table-striped tbody tr:last-child td:last-child .btn-action-edit:hover,
.content-card table.table.table-striped tbody tr:last-child td:last-child .btn-action-delete:hover,
.content-card table.table.table-striped tbody tr:last-child td:last-child a[data-button-type="delete"]:hover {
  transform: none;
}

/* محاذاة أزرار الإجراءات */
#crudTable_wrapper tbody td:last-child,
table.dataTable tbody td:last-child {
  white-space: nowrap;
}

#crudTable tbody td .btn-group,
#crudTable_wrapper tbody td .btn-group {
  gap: 0.25rem;
}

/* زر القائمة المنسدلة للإجراءات: أيقونة فقط (ثلاث نقاط عمودية) */
a.actions-buttons-column,
button.actions-buttons-column {
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  border-color: var(--brand-500) !important;
  color: var(--brand-600) !important;
  background-color: rgba(255, 77, 109, 0.06) !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  padding: 0.35rem 0.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
a.actions-buttons-column:hover,
button.actions-buttons-column:hover {
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
  color: white !important;
}
a.actions-buttons-column i,
button.actions-buttons-column i {
  font-size: 1.25rem;
  margin: 0;
}

/* تصميم موحّد لقائمة الإجراءات المنسدلة في الجداول — بدون بوردر أو خلفيات مختلفة */
#crudTable_wrapper .dropdown-menu {
  min-width: 10rem;
  padding: 0.35rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
  border: 1px solid var(--tblr-border-color, rgba(0, 0, 0, 0.08));
}
#crudTable_wrapper .dropdown-menu .dropdown-item,
#crudTable_wrapper .dropdown-menu .dropdown-item.btn-action-edit,
#crudTable_wrapper .dropdown-menu .dropdown-item.btn-action-delete,
#crudTable_wrapper .dropdown-menu .dropdown-item[data-button-type="delete"] {
  padding: 0.5rem 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border: none !important;
  border-radius: 0.35rem !important;
  background-color: transparent !important;
  color: var(--ink-800, #1e293b) !important;
  text-decoration: none !important;
  margin: 0 0.25rem !important;
  min-height: 2.25rem !important;
}
#crudTable_wrapper .dropdown-menu .dropdown-item i.la {
  width: 1.25em;
  text-align: center;
  opacity: 0.85;
}
#crudTable_wrapper .dropdown-menu .dropdown-item:hover,
#crudTable_wrapper .dropdown-menu .dropdown-item:focus,
#crudTable_wrapper .dropdown-menu .dropdown-item.btn-action-edit:hover,
#crudTable_wrapper .dropdown-menu .dropdown-item.btn-action-delete:hover,
#crudTable_wrapper .dropdown-menu .dropdown-item[data-button-type="delete"]:hover {
  background-color: rgba(255, 77, 109, 0.08) !important;
  color: var(--brand-600) !important;
  border: none !important;
}
#crudTable_wrapper .dropdown-menu .dropdown-divider {
  margin: 0.35rem 0;
}

/* أزرار النماذج داخل القائمة (مثل إنهاء العقد): نفس مظهر عناصر القائمة (تطبيق تحليل زر التعديل) */
#crudTable_wrapper .dropdown-menu .dropdown-item-form {
  margin: 0 0.25rem;
  padding: 0;
  border: none;
  background: none;
}
/* زر إنهاء العقد: نفس تنسيق dropdown-item (تعديل / كشف الحساب) — لون محايد + هَوفر بلون الهوية */
#crudTable_wrapper .dropdown-menu button.btn-dropdown-action,
#crudTable_wrapper .dropdown-menu .btn.btn-dropdown-action {
  padding: 0.5rem 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border: none !important;
  border-radius: 0.35rem !important;
  background-color: transparent !important;
  color: var(--ink-800, #1e293b) !important;
  text-decoration: none !important;
  min-height: 2.25rem !important;
  width: 100% !important;
  text-align: right !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
}
#crudTable_wrapper .dropdown-menu .btn-dropdown-action i.la {
  width: 1.25em;
  text-align: center;
  opacity: 0.85;
}
#crudTable_wrapper .dropdown-menu .btn-dropdown-action:hover,
#crudTable_wrapper .dropdown-menu .btn-dropdown-action:focus,
#crudTable_wrapper .dropdown-menu .btn-dropdown-action:active {
  background-color: rgba(255, 77, 109, 0.08) !important;
  color: var(--brand-600) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* نفس تصميم قائمة الإجراءات للصفحات غير الـ CRUD (تقرير المديونيات، أرشيف العقود) */
.actions-dropdown-menu.dropdown-menu {
  min-width: 10rem;
  padding: 0.35rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
  border: 1px solid var(--tblr-border-color, rgba(0, 0, 0, 0.08));
}
.actions-dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border: none !important;
  border-radius: 0.35rem !important;
  background-color: transparent !important;
  color: var(--ink-800, #1e293b) !important;
  margin: 0 0.25rem !important;
  min-height: 2.25rem !important;
}
.actions-dropdown-menu .dropdown-item i.la {
  width: 1.25em;
  text-align: center;
  opacity: 0.85;
}
.actions-dropdown-menu .dropdown-item:hover,
.actions-dropdown-menu .dropdown-item:focus {
  background-color: rgba(255, 77, 109, 0.08) !important;
  color: var(--brand-600) !important;
  border: none !important;
}

/* ===== تقارير الجداول (المديونيات، التحصيل، المياه، إلخ): جدول عادي بدون DataTables ===== */
/* البطاقة: overflow-y visible للقائمة المنسدلة؛ إن كسر التخطيط استخدم auto */
.content-card.overflow-hidden:has(.table-responsive table .dropdown) {
  overflow-x: auto !important;
  overflow-y: visible !important;
}
.content-card .table-responsive:has(table .dropdown) {
  overflow-x: auto !important;
  overflow-y: visible !important;
}
/* عند فتح القائمة: الصف بأكمله فوق الصف التالي وفوق الـ pagination */
/* الصنف dropdown-open-row يُضاف عبر JS لصفحة المديونيات (احتياط عند عدم دعم :has()) */
.content-card .table-responsive table tbody tr.dropdown-open-row td,
.content-card .table-responsive table tbody tr:has(.dropdown.show) td {
  position: relative;
  z-index: 100;
}
.content-card .table-responsive table tbody tr.dropdown-open-row td:has(.dropdown),
.content-card .table-responsive table tbody td:has(.dropdown.show) {
  z-index: 101;
}
/* قائمة الإجراءات فوق كل المحتوى (صفوف، أزرار، بيجر) */
.content-card .table-responsive .dropdown-menu,
.content-card .table-responsive .actions-dropdown-menu {
  z-index: 9999 !important;
}

/* عمود الإجراءات: القائمة المنسدلة تُوضَع بـ strategy:fixed (Popper) فلا تحتاج overflow:visible */
/* البطاقة التي تحتوي الجدول: احتواء الجدول داخل main وعدم خروجه أفقياً (تمرير أفقي داخل البطاقة) */
/* إخفاء الشريط الأفقي لتفادي تعارضه مع العمل — التمرير يبقى ممكناً بالماوس/اللمس */
.content-card.overflow-hidden:has(#crudTable_wrapper) {
  overflow-x: auto !important;
  overflow-y: auto !important;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: none; /* Firefox: إخفاء شريط التمرير */
  -ms-overflow-style: none; /* IE/Edge */
}
.content-card.overflow-hidden:has(#crudTable_wrapper)::-webkit-scrollbar {
  display: none; /* Chrome/Safari: إخفاء شريط التمرير */
}
/* رأس الجدول وجسمه: إرجاع القيم الافتراضية لـ DataTables لتفادي تكرار الرؤوس وكسر التخطيط */
#crudTable_wrapper .dataTables_scrollHead {
  overflow: hidden !important;
}
#crudTable_wrapper .dataTables_scrollBody {
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#crudTable_wrapper .dataTables_scrollBody::-webkit-scrollbar {
  display: none;
}
#crudTable_wrapper .dataTables_scroll {
  overflow: auto !important;
}
#crudTable_wrapper {
  overflow: visible !important;
  max-width: 100%;
}
/* منع توسّع main: الصف والعمود الذي فيه الجدول يسمحان بالانكماش فيحتوي الجدول داخل الحاوية */
[bp-section="crud-operation-list"],
[bp-section="crud-operation-list"] > div {
  min-width: 0;
}
.page-body main.container-xl {
  min-width: 0;
  max-width: 100%;
}
/* DataTables: no row/cell z-index layering; dropdown menu is rendered in portal. */
#crudTable_wrapper tbody td:last-child,
#crudTable_wrapper tbody td:first-child {
  overflow: visible !important;
}
#actions-dropdown-portal .dropdown-menu,
#actions-dropdown-portal .dropdown-menu.show {
  z-index: 2147483000 !important;
}
/* touch target للموبايل: زر فتح القائمة المنسدلة */
@media (max-width: 767.98px) {
  a.actions-buttons-column,
  button.actions-buttons-column {
    min-height: 44px;
    min-width: 44px;
    padding: 0.5rem 0.75rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* تجاوب صفحة القائمة (قيود الصندوق وجميع قوائم CRUD): موبايل وويب */
@media (max-width: 991.98px) {
  .page-hero .d-flex.flex-wrap {
    gap: 0.75rem !important;
  }
  .page-hero .subtitle {
    font-size: 0.875rem;
  }
  .filter-form .filter-row {
    gap: 0.5rem 0.75rem !important;
  }
  .filter-form .filter-item {
    min-width: 0;
    flex: 1 1 140px;
  }
  .filter-form .filter-actions {
    flex: 1 1 100%;
    margin-inline-start: 0 !important;
    margin-top: 0.25rem;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  .container-fluid.px-3.px-lg-4 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .page-hero h1 {
    font-size: 1.25rem !important;
  }
  .page-hero .d-flex.align-items-center.gap-2 {
    width: 100%;
    justify-content: flex-start;
  }
  .filter-form.content-card,
  form.filter-form.content-card {
    padding: 0.65rem 0.75rem !important;
  }
  .filter-form .filter-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .filter-form .filter-item .form-select,
  .filter-form .filter-item .form-control {
    width: 100% !important;
    min-width: 0 !important;
  }
  .filter-form .filter-actions {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* جدول: التمرير الأفقي مُطبَّق عالمياً في .content-card:has(#crudTable_wrapper) */
  /* تقارير وصفحات بجدول عادي: تمرير أفقي */
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* لوحة التحكم: نموذج البحث */
  .dashboard-hero-search-form {
    width: 100%;
    flex-wrap: wrap;
  }
  .dashboard-hero-search-form .dashboard-hero-search-input {
    flex: 1 1 100%;
    min-width: 0;
  }
  .dashboard-hero-search-form .dashboard-hero-search-btn {
    flex: 0 0 auto;
  }
  /* بطاقات ملخص العملة وتقرير المديونيات — عرض كامل على الموبايل */
  .currency-summary-card {
    min-width: 0;
    flex: 1 1 100%;
  }
  .debts-total-item {
    min-width: 0;
    flex: 1 1 100%;
  }
}

/* تجاوب إضافي للشاشات المتوسطة: نموذج التصفية (المصروفات لها 6 عناصر) */
@media (max-width: 767.98px) {
  .filter-form .filter-row {
    gap: 0.5rem !important;
  }
  .filter-form .filter-item {
    flex: 1 1 calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
  .filter-form .filter-item .form-select,
  .filter-form .filter-item .form-control {
    min-width: 0 !important;
  }
}

/* صفحة المصروفات: تأكيد تطبيق التجاوب على التصفية والجدول */
@media (max-width: 991.98px) {
  .expense-list-filter.filter-form .filter-row { gap: 0.5rem 0.75rem !important; }
  .expense-list-filter.filter-form .filter-item { min-width: 0; flex: 1 1 140px; }
  .expense-list-filter.filter-form .filter-actions { flex: 1 1 100%; margin-inline-start: 0 !important; margin-top: 0.25rem; justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  .expense-list-filter.filter-form .filter-item { flex: 1 1 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); }
  .expense-list-filter.filter-form .filter-item .form-select,
  .expense-list-filter.filter-form .filter-item .form-control { min-width: 0 !important; }
}
@media (max-width: 575.98px) {
  .expense-list-filter.filter-form .filter-item { flex: 1 1 100%; max-width: 100%; }
  .expense-list-filter.filter-form .filter-item .form-select,
  .expense-list-filter.filter-form .filter-item .form-control { width: 100% !important; min-width: 0 !important; }
  .expense-list-filter.filter-form .filter-actions { flex-wrap: wrap; gap: 0.5rem; }
}

/* ===== الروابط ===== */
a.text-primary,
a:not([class]):hover {
  color: var(--brand-600) !important;
}

/* ===== القائمة الأفقية — تطابق الهوية البصرية في كل الصفحات ===== */
.navbar .nav-link,
.navbar-nav .nav-link {
  text-align: right;
  font-family: var(--font-cairo) !important;
  font-weight: 700;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.5rem;
  transition: background-color 0.2s, color 0.2s;
}

.navbar .nav-link:hover,
.menu .nav-link:hover,
.navbar-nav .nav-link:hover {
  color: var(--brand-600) !important;
  background-color: rgba(255, 77, 109, 0.08);
}

.navbar .nav-item.active .nav-link,
.navbar .nav-item.dropdown.show .nav-link.dropdown-toggle {
  color: var(--brand-600) !important;
  font-weight: 700;
  background-color: rgba(255, 77, 109, 0.12);
}

header.top .navbar-nav .dropdown-menu {
  border-radius: 0.75rem;
  border: 1px solid var(--ink-200);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 0.35rem;
}

header.top .navbar-nav .dropdown-item {
  border-radius: 0.5rem;
  padding: 0.45rem 0.75rem;
  font-family: var(--font-cairo) !important;
  font-weight: 700;
}

header.top .navbar-nav .dropdown-item:hover {
  background-color: rgba(255, 77, 109, 0.08);
  color: var(--brand-600);
}

/* ===== Breadcrumbs ===== */
.breadcrumb-item.active {
  color: var(--ink-600);
}

/* ===== البطاقات ===== */
.card {
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.card-header {
  font-weight: 600;
  color: var(--ink-800);
}

/* ===== Page Hero — لوحة التحكم / العقود / إلخ (موحد للنظام) ===== */
.page-hero {
  background: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 100%);
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  color: white;
}
.page-hero h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.25rem; }
.page-hero .subtitle { opacity: 0.9; font-size: 0.9rem; }
/* نص الملخص تحت العنوان (مثل: العمارة — المستأجر — رقم العقد) — مقروء وواضح */
.page-hero .d-flex.flex-column.gap-2 > p.mb-0.opacity-90:first-of-type {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: white !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.02em;
}
.page-hero .breadcrumb { margin-bottom: 0.5rem; }
.page-hero .breadcrumb-item a { color: rgba(255,255,255,0.9); text-decoration: none; }
.page-hero .breadcrumb-item a:hover { color: white; }
.page-hero .breadcrumb-item.active { color: rgba(255,255,255,0.8); }

/* رابط "العودة إلى الكل" — تطابق الهوية البصرية */
.page-hero-back-link {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: white !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.page-hero-back-link:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.8);
  color: white !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* أزرار الإجراءات في page-hero (سجل دفعة، طباعة) — حجم أكبر وتطابق الهوية */
.page-hero .page-hero-action-btn {
  padding: 0.5rem 1.25rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border-radius: 0.5rem !important;
}

.page-hero .page-hero-action-btn.btn-primary {
  background-color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  color: var(--brand-600) !important;
}

.page-hero .page-hero-action-btn.btn-primary:hover {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: white !important;
  color: var(--brand-700) !important;
}

.page-hero .page-hero-action-btn.btn-outline-secondary {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  color: white !important;
}

.page-hero .page-hero-action-btn.btn-outline-secondary:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-color: white !important;
  color: white !important;
}

/* أزرار page-hero (إضافة، إنشاء) — حدود بيضاء للوضوح على الخلفية الوردية */
.page-hero .btn-primary,
.page-hero a.btn-primary {
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.page-hero .btn-primary:hover,
.page-hero a.btn-primary:hover {
  border-color: white !important;
  box-shadow: 0 0 0 1px white;
}

/* بحث لوحة التحكم في الهيدر — مقروء ومتناسق */
.dashboard-hero-search-form .dashboard-hero-search-input {
  min-width: 14rem;
  font-size: 1rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
}
.dashboard-hero-search-form .dashboard-hero-search-btn {
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dashboard-hero-search-form .dashboard-hero-search-btn .la-search {
  font-size: 1.1rem;
}

/* أزرار الهيدر (أضافة، إدخال جماعي) — نفس المقاس والترتيب */
.page-hero-top-buttons .btn,
.page-hero-top-buttons a.btn {
  min-height: 2.25rem;
  padding: 0.45rem 1rem !important;
  font-size: 0.9375rem !important;
  border-radius: 0.5rem !important;
  display: inline-flex;
  align-items: center;
}

/* ===== Stat Card / Content Card — صندوق العمارة / مجموع الديون / بطاقات المحتوى ===== */
.stat-card,
.content-card {
  background: white;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s;
}
.stat-card:hover,
.content-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

/* ===== Filter Form — نموذج التصفية المضغوط (موحد للنظام) ===== */
.filter-form.content-card,
form.filter-form.content-card {
  padding: 0.75rem 1rem !important;
}
.filter-form .section-header {
  margin-bottom: 0.5rem !important;
  font-size: 0.875rem !important;
}
.filter-form .filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem 1rem;
}
.filter-form .filter-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.filter-form .filter-item .form-label {
  margin-bottom: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 600;
  color: var(--ink-500);
}
.filter-form .filter-actions {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  margin-inline-start: auto;
}

/* ===== نموذج تحويل العملات — ترتيب احترافي ===== */
/* داخل الـ hero النص يرث الأبيض — نُعيد لون النص والخلفية لحقول التحويل لظهور القيمة */
#transfer-form-section .form-control,
#transfer-form-section .form-select {
  color: var(--ink-800) !important;
  background-color: #fff !important;
}
#transfer-form-section .form-control::placeholder {
  color: var(--ink-400);
}

.transfer-form {
  font-family: var(--font-cairo) !important;
}
.transfer-form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.25rem 1.5rem;
}
.transfer-form-row + .transfer-form-row {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--ink-200);
}
.transfer-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.transfer-form-group label.form-label {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--ink-800) !important;
  margin-bottom: 0;
}
.transfer-form-row .transfer-form-group {
  flex: 0 0 auto;
  width: 12rem;
}
.transfer-form-row .transfer-form-group .form-control,
.transfer-form-row .transfer-form-group .form-select {
  width: 100% !important;
  min-height: 3rem !important;
  font-size: 1rem !important;
  padding: 0.5rem 0.75rem !important;
  box-sizing: border-box;
}

.transfer-form-row-first .transfer-form-group + .transfer-form-group {
  padding-inline-start: 2rem;
  border-inline-start: 1px solid var(--ink-200);
  margin-inline-start: 2rem;
}
.transfer-form-row-first {
  gap: 0 2rem;
}
.transfer-form-row-amounts .transfer-form-group + .transfer-form-group {
  padding-inline-start: 1.25rem;
  border-inline-start: 1px solid var(--ink-200);
  margin-inline-start: 0.75rem;
}
.transfer-form-row-amounts .transfer-form-submit {
  padding-inline-start: 1.25rem;
  border-inline-start: 1px solid var(--ink-200);
  margin-inline-start: 0.75rem;
}
.transfer-form-row-amounts .transfer-form-group {
  width: 12rem;
}
.transfer-form-row-amounts .transfer-form-notes {
  flex: 1 1 16rem;
  min-width: 16rem;
  width: auto;
}
.transfer-form-notes textarea {
  min-height: 3.5rem !important;
  font-size: 1rem !important;
  padding: 0.5rem 0.75rem !important;
  resize: vertical;
}
.transfer-form-submit {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.15rem;
  width: auto;
}
.transfer-form-submit .btn {
  font-weight: 600;
  font-size: 1rem !important;
  padding: 0.6rem 1.25rem !important;
  min-height: 3rem;
}

/* فلاتر CRUD (row/col) — نفس التنسيق المضغوط */
.filter-form.row,
form.filter-form .row {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.5rem;
}
/* فلتر قراءات المياه — حقول أكبر ومقروءة */
.water-reading-filters-form .water-reading-filter-input,
.water-reading-filters-form .water-reading-filter-select {
  font-size: 1rem;
  min-height: 2.25rem;
  padding: 0.45rem 0.65rem;
}
.water-reading-filters-form .water-reading-filter-input {
  min-width: 12rem;
}
.water-reading-filters-form .filter-item-tenant-name .form-label {
  font-size: 0.875rem !important;
}

.filter-form .form-label,
form.filter-form .form-label {
  margin-bottom: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 600;
  color: var(--ink-500);
}
.stat-card .stat-label,
.content-card .section-label { font-size: 0.8rem; color: var(--ink-500); font-weight: 600; margin-bottom: 0.35rem; }
.stat-card .stat-value { font-size: 1.35rem; font-weight: 700; color: var(--ink-800); }
.stat-card .stat-value.text-danger { color: var(--danger-600); }
.stat-card .stat-hint { font-size: 0.75rem; color: var(--ink-400); margin-top: 0.25rem; }

/* ملخص الفترة (معاينة استحقاقات المصروف الثابت) — خط أوضح وأكبر */
.fixed-expense-summary-card .fixed-expense-summary-label {
  font-size: 1rem !important;
  color: var(--ink-600);
}
.fixed-expense-summary-card .fixed-expense-summary-value {
  font-size: 1.25rem !important;
  font-weight: 700;
  color: var(--ink-800);
}

/* ===== form-select في RTL — إصلاح ظهور النص المختار (كل القوائم المنسدلة) ===== */
[dir="rtl"] .form-select,
[dir="rtl"] select.form-control {
  background-position: left 0.75rem center !important;
  padding: 0.5rem 1rem 0.5rem 2.25rem !important;
  color: var(--ink-800) !important;
  text-align: right !important;
}

[dir="rtl"] .form-select.form-select-sm,
[dir="rtl"] select.form-select-sm {
  padding: 0.4rem 0.85rem 0.4rem 2rem !important;
  min-height: 2.25rem !important;
}

/* قوائم التصفية — حجم واضح وظهور النص (لوحة التحكم، التقارير، CRUD) */
.filter-select {
  min-width: 14rem !important;
  min-height: 2.5rem !important;
  font-size: 0.95rem !important;
}

/* حقل الشهر (type="month") — إظهار النص المختار بعد الاختيار (RTL + WebKit) */
[dir="rtl"] input[type="month"].form-control,
[dir="rtl"] input.filter-select[type="month"] {
  color: var(--ink-800) !important;
  text-align: right !important;
}
input[type="month"].form-control,
input.filter-select[type="month"] {
  color: var(--ink-800) !important;
}
input[type="month"]::-webkit-datetime-edit,
input[type="month"]::-webkit-datetime-edit-month-field,
input[type="month"]::-webkit-datetime-edit-year-field,
input[type="month"]::-webkit-datetime-edit-text {
  color: var(--ink-800) !important;
}

/* ===== نموذج التعديل/الإضافة داخل content-card — تطابق الهوية البصرية ===== */
.content-card .form-control,
.content-card .form-select {
  border-radius: 0.5rem !important;
  border-color: var(--ink-300);
}
.content-card .form-group {
  margin-bottom: 1rem;
}
.content-card #saveActions {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.content-card #saveActions .btn-success {
  border-radius: 0.5rem !important;
}

/* ===== Section Header — الصندوق المالي / الوحدات والعقود ===== */
.section-header {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink-600);
  margin-bottom: 0.75rem;
}
.section-header i { margin-inline-end: 0.25rem; }

/* ===== إعدادات الدفعة (إدخال جماعي قراءات المياه) — واضح ومقروء ===== */
.readings-meta-block {
  background: var(--ink-50);
  border: 1px solid var(--ink-200);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
}
.readings-meta-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--ink-600);
  margin-bottom: 0.75rem;
  letter-spacing: 0.01em;
}
.readings-meta-form-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink-700);
  margin-bottom: 0.4rem;
  display: block;
}
.readings-meta-input {
  min-width: 10rem;
  font-size: 1rem;
}

/* ===== حقل القراءة الحالية في جدول الإدخال الجماعي — بدون سهم زيادة/نقصان، مقروء ===== */
.current-reading-input {
  min-width: 8rem;
  font-size: 1rem;
  padding: 0.5rem 0.65rem;
  text-align: center;
  border-radius: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
}
.current-reading-input::-webkit-outer-spin-button,
.current-reading-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ===== ملخص العملة (تقرير الصندوق) — تطابق الهوية البصرية ===== */
.currency-summary-section { font-family: var(--font-cairo) !important; }
.currency-summary-card {
  background: var(--ink-50);
  border: 1px solid var(--ink-200);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  min-width: 10rem;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.currency-summary-card:hover {
  border-color: var(--brand-500);
  box-shadow: 0 2px 8px rgba(255, 77, 109, 0.12);
}
.currency-summary-code {
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink-800);
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--ink-200);
}
.currency-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}
.currency-summary-row:last-child { margin-bottom: 0; }
.currency-summary-label { color: var(--ink-500); font-weight: 600; }
.currency-summary-value { color: var(--ink-800); }
.currency-summary-deposit .currency-summary-value { color: var(--success-600); }
.currency-summary-withdrawal .currency-summary-value { color: var(--danger-600); }
.currency-summary-net .currency-summary-value { color: var(--brand-600); }

/* ===== المجموع حسب العملة (تقرير المديونيات) — مقروءية عالية ===== */
.debts-totals-section {
  font-family: var(--font-cairo) !important;
}
.debts-totals-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
.debts-total-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  background: var(--ink-50);
  border: 1px solid var(--ink-200);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  min-width: 12rem;
}
.debts-total-currency {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink-600);
}
.debts-total-amount {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--danger-600);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.collection-total-amount {
  color: var(--success-600) !important;
}
.expenses-total-amount {
  color: var(--warning-600) !important;
}
.water-total-amount {
  color: #0d9488 !important;
}

/* ===== إخفاء معلومات DataTables وزر إعادة الضبط ===== */
#datatable_info_stack,
#crudTable_info,
#crudTable_reset_button,
.dataTables_info {
  display: none !important;
}

/* ===== المنيو الجانبي (vertical) — إظهار القائمة على الشاشات الكبيرة ===== */
@media (min-width: 992px) {
  .navbar-vertical .navbar-collapse.collapse {
    display: block !important;
    visibility: visible;
  }
}

/* ===== المنيو الأفقي (horizontal) — إظهار الشريط العلوي على الشاشات الكبيرة ===== */
@media (min-width: 992px) {
  header.top .navbar-collapse.collapse#navbar-menu {
    display: flex !important;
    visibility: visible;
  }
}

/* ===== منيو الموبايل (aside) — ظهور ثابت بدون وميض ===== */
@media (max-width: 991.98px) {
  aside.d-block.d-lg-none.navbar {
    position: relative;
    z-index: 1030;
    background-color: var(--bs-body-bg, #fff);
    border-bottom: 1px solid var(--ink-200, rgba(0, 0, 0, 0.08));
  }

  #mobile-menu.navbar-collapse {
    overflow: visible;
    background-color: var(--ink-50, #f8fafc);
    border-top: 1px solid var(--ink-200, rgba(0, 0, 0, 0.08));
  }

  #mobile-menu.navbar-collapse.show {
    visibility: visible;
    opacity: 1;
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #mobile-menu .navbar-nav {
    flex-direction: column;
    width: 100%;
    padding: 0.5rem 0;
  }

  #mobile-menu .nav-item {
    width: 100%;
    border-bottom: 1px solid var(--ink-200, rgba(0, 0, 0, 0.06));
  }

  #mobile-menu .nav-item:last-child {
    border-bottom: none;
  }

  #mobile-menu .nav-link {
    display: block;
    width: 100%;
    padding: 0.65rem 1rem !important;
    color: var(--ink-800) !important;
    font-weight: 600;
    text-align: right;
  }

  #mobile-menu .nav-link:hover {
    color: var(--brand-600) !important;
    background-color: rgba(255, 77, 109, 0.08);
  }

  #mobile-menu .nav-item.dropdown.show .nav-link.dropdown-toggle {
    color: var(--brand-600) !important;
    background-color: rgba(255, 77, 109, 0.12);
  }

  #mobile-menu .dropdown-menu {
    position: static !important;
    float: none !important;
    display: none;
    width: 100%;
    margin: 0 !important;
    padding: 0.25rem 0 0.25rem 0 !important;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    background-color: var(--ink-50, #f8fafc);
  }

  #mobile-menu .dropdown-menu.show {
    display: block;
  }

  #mobile-menu .dropdown-item {
    padding: 0.5rem 1rem 0.5rem 2rem !important;
    color: var(--ink-800) !important;
    text-align: right;
    border-radius: 0;
  }

  #mobile-menu .dropdown-item:hover {
    background-color: rgba(255, 77, 109, 0.08);
    color: var(--brand-600) !important;
  }

  [dir="rtl"] #mobile-menu .dropdown-item {
    padding: 0.5rem 2rem 0.5rem 1rem !important;
  }
}

/* ===== Receipt Pages — سندات القبض/الصرف (هوية بصرية + طباعة) ===== */
.receipt-page {
  font-family: var(--font-cairo) !important;
  color: var(--ink-800);
}

.receipt-card {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  margin-bottom: 1.25rem;
  page-break-inside: avoid;
}

.receipt-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ink-800);
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--brand-500);
}

.receipt-section {
  margin-bottom: 1.25rem;
}

.receipt-section:last-child {
  margin-bottom: 0;
}

.receipt-section-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink-600);
  margin-bottom: 0.5rem;
}

.receipt-field {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.5rem;
}

.receipt-field:last-child {
  margin-bottom: 0;
}

.receipt-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink-600);
  min-width: 7rem;
}

.receipt-value {
  font-size: 1rem;
  color: var(--ink-800);
}

.receipt-amount {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--brand-600);
}

.receipt-amount-words {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink-800);
  margin-top: 0.25rem;
}

@media print {
  .receipt-page {
    font-size: 13px;
  }
  .receipt-card {
    box-shadow: none;
    border: 1px solid #333;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
  }
  .receipt-card-title {
    font-size: 1.1rem;
    border-bottom-color: #333;
  }
  .receipt-section-title {
    font-size: 0.9rem;
  }
  .receipt-label {
    font-size: 0.85rem;
  }
  .receipt-value {
    font-size: 0.95rem;
  }
  .receipt-amount {
    font-size: 1.2rem;
    color: #000;
  }
  .receipt-amount-words {
    font-size: 0.95rem;
  }
}