/* ===== هوية TAP — نظام التصميم الموحد =====
   مصدر واحد للألوان والخطوط والمكونات المشتركة بين: الموقع التعريفي، المنصة (الإدارة/المندوب/العميل)، والصفحة الذكية.
   اللون الأساسي: أزرق كحلي. الملكي والسماوي للتدرجات والعناصر التفاعلية. الأبيض للخلفيات.
   لا تضع ألوانًا خام في الصفحات الجديدة: استخدم المتغيرات --tap-* أو الأصناف .tap-* أدناه. */
:root{
  /* الأزرق الكحلي (الأساسي) */
  --tap-navy-950:#04122f; --tap-navy-900:#061b45; --tap-navy-800:#0a2b68;
  /* الأزرق الملكي (التفاعل) والسماوي (التدرجات والتمييز) */
  --tap-royal:#1b63e0; --tap-royal-strong:#1558d0; --tap-royal-bright:#2f7bf0;
  --tap-sky:#4eb3ff; --tap-sky-soft:#7cc4ff;
  /* الأبيض ودرجاته */
  --tap-white:#ffffff; --tap-mist:#f3f7fd; --tap-ice:#eaf3ff;
  /* النص والحدود (على الخلفية البيضاء: تباين النص ≥ 4.5) */
  --tap-ink:#0a1b3d; --tap-muted:#4a5f85; --tap-faint:#5b6f93; --tap-line:#d8e4f6; --tap-line-soft:#e6eefa;
  /* حالات وظيفية (لا تُستخدم كلون هوية) */
  --tap-ok:#0b7a55; --tap-bad:#c2284f; --tap-warn:#8a5a00;
  /* تدرجات */
  --tap-grad-brand:linear-gradient(135deg,var(--tap-navy-900) 0%,var(--tap-navy-800) 55%,var(--tap-royal) 100%);
  --tap-grad-accent:linear-gradient(90deg,var(--tap-royal),var(--tap-sky));
  --tap-grad-soft:linear-gradient(180deg,var(--tap-ice),var(--tap-white));
  /* خطوط: واجهة حديثة وواضحة بطابع تقني */
  --tap-font:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',system-ui,sans-serif;
  --tap-display:'Readex Pro','IBM Plex Sans Arabic',Tahoma,sans-serif;
  /* أبعاد */
  --tap-r:14px; --tap-r-sm:10px; --tap-r-lg:22px;
  --tap-shadow:0 10px 30px rgba(6,27,69,.10);
}

/* ===== مكونات مشتركة جاهزة لأي صفحة جديدة ===== */
.tap-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:12px;border:1.5px solid var(--tap-royal);background:var(--tap-royal);color:#fff;font:600 .95rem var(--tap-font);min-height:46px;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s}
.tap-btn:hover{background:var(--tap-royal-strong);border-color:var(--tap-royal-strong);box-shadow:0 8px 20px rgba(27,99,224,.28);text-decoration:none}
.tap-btn:active{transform:translateY(1px)}
.tap-btn.navy{background:var(--tap-navy-800);border-color:var(--tap-navy-800)} .tap-btn.navy:hover{background:var(--tap-navy-900);border-color:var(--tap-navy-900)}
.tap-btn.ghost{background:#fff;color:var(--tap-navy-800);border-color:var(--tap-line)} .tap-btn.ghost:hover{border-color:var(--tap-royal);box-shadow:none}
.tap-card{background:#fff;border:1px solid var(--tap-line-soft);border-radius:var(--tap-r);padding:20px;box-shadow:var(--tap-shadow)}
.tap-card.brand{background:var(--tap-grad-brand);color:#fff;border-color:transparent}
.tap-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:99px;font:500 .8rem var(--tap-font);background:var(--tap-ice);color:var(--tap-royal-strong)}
.tap-input{width:100%;min-height:46px;padding:10px 14px;border:1.5px solid var(--tap-line);border-radius:12px;background:#fff;color:var(--tap-ink);font:inherit}
.tap-input:focus{outline:none;border-color:var(--tap-royal);box-shadow:0 0 0 3px rgba(27,99,224,.16)}
.tap-notice{display:flex;gap:12px;align-items:center;padding:13px 16px;border-radius:14px;background:var(--tap-ice);color:var(--tap-ink);border:1px solid var(--tap-line)}
.tap-logo{display:inline-block;height:34px;width:auto;color:var(--tap-navy-800);vertical-align:middle}
.tap-logo .la{fill:var(--tap-sky)} .tap-logo .lb{fill:var(--tap-royal)} .tap-logo .w1{stroke:var(--tap-royal)} .tap-logo .w2{stroke:var(--tap-royal-bright)} .tap-logo .w3{stroke:var(--tap-sky)}
.tap-logo.on-dark{color:#fff} .tap-logo.on-dark .la{fill:var(--tap-sky-soft)}

/* الشعار على خلفية داكنة تلقائيًا في الوضع الداكن */
:root[data-theme=dark] .tap-logo:not(.on-dark){color:#fff}
:root[data-theme=dark] .tap-logo:not(.on-dark) .la{fill:var(--tap-sky-soft)}