/* ═══════════════ إصلاحات تدقيق ui-ux-pro-max (19 سبتمبر 2026 — tools/ui_audit.py) ═══════════════
   القياس قبل الإصلاح: 206 نص أصغر من 12px، 247 هدف لمس أصغر من 44px على الجوال، 45 نص بتباين أقل من 4.5:1.
   القواعد: لا نص أقل من 12px · هدف اللمس ≥44×44 على الجوال · تباين ≥4.5:1 · أيقونات SVG لا إيموجي بالعناوين. */

/* ─── 1) أحجام النص الدنيا ─── */
html[data-skin="calm"] .cell :is(.p, .g, .d) { font-size: 12.5px; }
html[data-skin="calm"] .cell .p small, html[data-skin="calm"] .wk .p small { font-size: 12px; opacity: .85; }
html[data-skin="calm"] :is(.row, .list, .card, .tile, .kpi, .panel) small { font-size: max(12px, 0.85em); }
html[data-skin="calm"] :is(.day-chip, .date-chip, .row-date) :is(small, span) { font-size: 12px; }
html[data-skin="calm"] :is(.muted.small, .small, .hint, .row-sub, .tile-sub, .kpi .delta, .badge, .trend, th) { font-size: max(12px, 1em); }
html[data-skin="calm"] .badge, html[data-skin="calm"] .trend { font-size: 12px; }
html[data-skin="calm"] th { font-size: 12.5px; }

/* ─── 2) تباين الأيام الماضية بالتقويم (كان 3.28:1 و3.76:1) ─── */
html[data-skin="calm"][data-theme="dark"] .cell.past:not(.booked), html[data-skin="calm"][data-theme="dark"] .cell.past:not(.booked) :is(.d, .p, .p small) { color: #858a98; }
html[data-skin="calm"][data-theme="dark"] .cell.past.weekend:not(.booked) :is(.d, .p, .p small) { color: #a3915f; }
html[data-skin="calm"][data-theme="dark"] .cell.past.booked :is(.d, .p, .g, .p small) { color: #7fd0c5; }

/* ─── 3) أهداف اللمس على الجوال ≥44px ─── */
@media (max-width: 767px) {
  html[data-skin="calm"] :is(.icon-btn, .user-btn) { min-width: 44px; min-height: 44px; }
  html[data-skin="calm"] .icon-btn.sm { min-width: 44px; min-height: 44px; }
  html[data-skin="calm"] :is(.btn, .btn-sm) { min-height: 44px; }
  html[data-skin="calm"] :is(.subtab, .nav-sub-item, .nav-item, .menu-item, .pal-item, .seg button, .chip, .day-chip) { min-height: 44px; display: inline-flex; align-items: center; }
  html[data-skin="calm"] :is(.nav-sub-item, .nav-item, .menu-item, .pal-item) { display: flex; }
  html[data-skin="calm"] .seg button { padding-inline: 14px; }
  html[data-skin="calm"] :is(input, select, textarea, .input) { min-height: 44px; font-size: 16px; }   /* 16px يمنع تكبير iOS التلقائي */
  html[data-skin="calm"] .topbar-actions { gap: 6px; }
}

/* بقايا الجولة الثانية من القياس: «صافي» بقائمة الحجوزات 11px، اسم الضيف بشريط الأسبوع 11.5px، وتبويبات/أزرار البطل/مفاتيح على الجوال */
html[data-skin="calm"] small { font-size: max(12px, 0.85em); }
html[data-skin="calm"] .wk .g { font-size: 12px; }
html[data-skin="calm"] .row .row-end .money small { font-size: 12px; }
@media (max-width: 767px) { html[data-skin="calm"] .row-sub a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 6px; } }
@media (max-width: 767px) {
  html[data-skin="calm"] :is(.tab, .month-range, .hero-actions .btn, summary) { min-height: 44px; }
  html[data-skin="calm"] :is(.tab, summary) { display: inline-flex; align-items: center; }
  html[data-skin="calm"] .hero-actions .btn { min-height: 44px; }
  html[data-skin="calm"] :is(.btn-sm, .switch, input[type="checkbox"], input[type="radio"]) { min-width: 44px; }
}

/* ─── 4) أيقونات العناوين (بدل الإيموجي — pro.js يستبدلها) ─── */
html[data-skin="calm"] .h-ico { width: 18px; height: 18px; vertical-align: -3px; margin-inline-end: 8px; color: var(--primary); flex: none; }