/* يولّده migration/brand-tenant.mjs من brand.theme في ملفّ المستأجر — لا يُحرَّر ولا يُلتزَم. */
@font-face { font-family: 'Readex Pro'; src: url('../fonts/tenant/ReadexPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Readex Pro'; src: url('../fonts/tenant/ReadexPro-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('../fonts/tenant/IBMPlexSansArabic-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('../fonts/tenant/IBMPlexSansArabic-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('../fonts/tenant/IBMPlexSansArabic-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --teal: #4d7755;
  --on-brand: #ffffff;
  --orange: #2f4a35;
  --sand: #faf8e6;
  --ink: #1f2a22;
  --muted: #647164;
  --coral: #e85d5d;
  --brand-disabled: #9db4a2;
  --shadow-teal: 0 4px 12px rgba(77, 119, 85, 0.28);
  --line: #e3e3d9;
  --line-soft: #f3f2e8;
  --readonly: #f3f2e8;
  --border-strong: #d3d4c2;
  --border-field: #d8d8c8;
  --track: #edecdf;
  --grab: #d1d1c0;
  --spinner-track: #e3e3d3;
  --shadow-sm: 0 1px 2px rgba(31, 42, 34, 0.05), 0 1px 3px rgba(31, 42, 34, 0.04);
  --shadow-md: 0 2px 6px rgba(31, 42, 34, 0.06), 0 6px 18px rgba(31, 42, 34, 0.07);
  --shadow-lg: 0 6px 16px rgba(31, 42, 34, 0.08), 0 18px 40px rgba(31, 42, 34, 0.10);
  --employee-stripe: #719277;
}
.sheet-backdrop { background: rgba(31, 42, 34, 0.45); }
button.ghost:hover, .sheet-close:hover { background: rgba(77, 119, 85, 0.08); }
button.primary.orange { color: #ffffff; }
html, body { font-family: 'IBM Plex Sans Arabic', 'Tajawal', 'Segoe UI', Tahoma, sans-serif; }
h1, h2, .title { font-family: 'Readex Pro', 'IBM Plex Sans Arabic', 'Tajawal', sans-serif; }
.num, .money, .record-figure { font-family: system-ui, 'Segoe UI', Roboto, Tahoma, sans-serif; }
.login .brand-logo { width: 160px; height: auto; max-width: 100%; }