/* كاشير العقيل 2026 — وضوح الخط والاحترافية (يُحمّل بعد الأنماط الأساسية) */
@font-face { font-family: 'AqeelArabic'; src: url('fonts/nsa-400.ttf') format('truetype'); font-weight: 400; font-display: swap }
@font-face { font-family: 'AqeelArabic'; src: url('fonts/nsa-600.ttf') format('truetype'); font-weight: 600; font-display: swap }
@font-face { font-family: 'AqeelArabic'; src: url('fonts/nsa-700.ttf') format('truetype'); font-weight: 700; font-display: swap }
@font-face { font-family: 'AqeelArabic'; src: url('fonts/nsa-800.ttf') format('truetype'); font-weight: 800; font-display: swap }
:root { --ink: #10201b; --muted: #5f6a63; }

html { -webkit-text-size-adjust: 100%; }
body {
  font-family: "AqeelArabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Segoe UI", "Dubai", "Cairo",
    "Geeza Pro", "Al Bayan", "Tahoma", "Arial", sans-serif !important;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0 !important;
  word-spacing: .02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1, "calt" 1;
}
body, button, input, select, textarea, .btn, .nav-item, td, th, label, small, p, b, span, div {
  letter-spacing: 0 !important;
}

/* أحجام أوضح */
h1, .hero h1 { line-height: 1.5 !important; }
h2 { font-size: 22px; line-height: 1.6; }
h3, .ct { font-size: 16.5px !important; line-height: 1.7; }
p, li { font-size: 14.5px; line-height: 1.9; }
label { font-size: 14px !important; font-weight: 700 !important; color: #26332d; }
input, select, textarea { font-size: 15px !important; padding: 13px 15px !important; }
.btn { font-size: 15px !important; font-weight: 800 !important; padding: 13px 22px !important; }
.btn-sm { font-size: 13.5px !important; padding: 9px 15px !important; }
td { font-size: 14.5px !important; line-height: 1.8; color: #1b2a24; }
th { font-size: 13.5px !important; color: #4a5450 !important; font-weight: 800; }
.badge { font-size: 12.5px !important; padding: 4px 13px !important; }
.nav-item { font-size: 15px !important; color: #e4eae7 !important; }
.nav-item.on { color: #fff !important; }
.sb-btxt small, .sb-foot, .sb-branch { font-size: 12.5px !important; }
.subnote, .auth-note, .kpi .l, .f-card p, .bell-panel .n, .pos-hint { font-size: 13.5px !important; color: var(--muted) !important; line-height: 1.9 }
.auth-copy { font-size: 12px !important }
.cloud-ind, .trial-pill { font-size: 13px !important; padding: 6px 14px !important }
.p-tile .nm { font-size: 14px !important; min-height: 40px }
.tot-row { font-size: 14.5px !important }
.chips span, .chip { font-size: 14px !important }
.ld-foot { font-size: 13.5px !important; color: #cfd8d4 !important }
.ld-foot .cp { font-size: 15px !important }
.hero-badge { font-size: 14px !important }
.hero p, .ld-sec .sub { font-size: 15.5px !important; line-height: 2 !important; color: #4c574f !important }
.as-msg { font-size: 14.5px !important; line-height: 2 !important }
.welcome-box p { font-size: 14px !important }
.pkg b { font-size: 17px }
.pkg ul li { font-size: 13.8px }
details summary { font-size: 14.5px; font-weight: 700; padding: 6px 0 }
.toast { font-size: 14.5px !important; line-height: 1.9 }

/* المساعد الذكي — أوضح وأكبر */
#asst { width: 400px; height: 560px }
#asst .ah b { font-size: 16px }
#asst .ah small { font-size: 12.5px }
.as-chips button { font-size: 12.5px; font-weight: 700 }
#ai-fab { width: 64px; height: 64px; font-size: 28px }
#ai-fab::after {
  content: "مساعدك";
  position: absolute; inset-inline-start: 72px; top: 50%; transform: translateY(-50%);
  background: #10201b; color: #fff; font-size: 13px; font-weight: 800; padding: 7px 13px;
  border-radius: 10px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s;
}
#ai-fab:hover::after { opacity: 1 }
.ai-hint {
  position: fixed; bottom: 96px; left: 20px; z-index: 9989; max-width: 260px;
  background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16); font-size: 13.5px; line-height: 1.9; animation: fadeUp .5s ease;
}
.ai-hint b { color: var(--primary) }
.ai-hint button { margin-top: 8px; width: 100% }

@media (max-width:600px) {
  body { font-size: 15.5px }
  #asst { width: calc(100vw - 20px); left: 10px; height: 68vh }
  .ai-hint { display: none }
}