/* ════════════════════════════════════════════════════════════════════════════
 * atheer-elevate.css — إلحاق «هيكل صفحات القوائم» بنظام Vireo
 *
 * ## لماذا هذه الطبقة موجودة
 *
 * `css/atheer/index.css` يستورد ثمانية شركاء (primitives · cells · data · …)،
 * والمستورَد **لا يظهر في `document.styleSheets` مباشرةً** بل تحت
 * `rule.styleSheet` — فكلّ تدقيق سابق كان أعمى عنه. وحين فُتِح ظهر الآتي:
 *
 *   ١. `css/atheer/tokens.css` يُعرّف مقياس أنصاف أقطار **مغايرًا**
 *      (xs 4 · sm 6 · md 8 · lg 12 · xl 16)، و`atheer-vireo-map.css`
 *      يُعيد تعريفه على مقياس Vireo (xs 8 · sm 12 · md 14 · lg 18 · xl 24).
 *      فكلّ مكوّن يقرأ رمزًا انتقل إلى Vireo تلقائيًّا…
 *
 *   ٢. …و**تسعة عشر قيمةً مكتوبةً بالأرقام** في cells/bridge/data لم تنتقل.
 *      وهي بالضبط هيكل صفحات القوائم: الأزرار والبحث والمرشِّح وبطاقات
 *      المؤشّرات والترقيم. فبقيت على مظهر Yeastar بينما انتقل ما حوله.
 *
 *   ٣. وثمانية ألوان `rgba(15, 98, 254, …)` — أزرق Yeastar — في التوهّج
 *      وحلقات التركيز، بينما `--at-accent` صار `#2a5fcc`. أزرقان على شاشة
 *      واحدة، ولا يُمسك ذلك بأيّ فحص آليّ لأنّ كليهما مقروء وحده.
 *
 * ## المبدأ
 *
 * لا رقم مكتوبًا هنا: كلّ قيمة **رمزٌ** يقرؤه بقيّة النظام أصلًا. فإن حُذفت
 * طبقة Vireo يومًا تراجع الهيكل مع النظام كلّه لا ضدّه.
 *
 * ولا `!important` ولا رفع تخصيص: المحدِّدات **تُطابق الأصل حرفًا بحرف**،
 * وهذا الملفّ يُحمَّل بعده فيفوز بالترتيب. أيّ محدِّد هنا لا يقابله أصلٌ
 * في cells/bridge/data هو خطأ — لا تحسين.
 *
 * التراجع: احذف سطر <link> واحدًا.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── ١ · شريط الأدوات: نطاق ارتفاع واحد ──────────────────────────────────
 * كان 36px للأدوات و34px لأزرار ترويسة الصفحة، وهما يظهران معًا في نفس
 * الشاشة — ففارق البكسلين يُرى تعرّجًا في صفّ واحد. */
.at-page-header__actions .at-btn {
  height: 36px;
  border-radius: var(--at-radius-sm);
}

.at-listpage__toolbar .at-btn,
.at-listpage__split .at-btn {
  border-radius: var(--at-radius-sm);
}

.at-listpage__search   { border-radius: var(--at-radius-sm); }
.at-listpage__filter-btn { border-radius: var(--at-radius-sm); }

/* ── ٢ · الزرّ المشقوق: الحواف الخارجيّة تستدير والداخليّة تبقى مستقيمة ──
 * هذا هو المفصل الذي يجعل الزرّين يُقرآن زرًّا واحدًا. القيمة تتغيّر
 * والمنطق لا — والاتّجاهان محفوظان كما في الأصل. */
[dir="rtl"] .at-listpage__split > .at-btn:first-child {
  border-end-end-radius: var(--at-radius-sm);
  border-start-end-radius: var(--at-radius-sm);
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
[dir="rtl"] .at-listpage__split > .at-btn:last-child {
  border-end-start-radius: var(--at-radius-sm);
  border-start-start-radius: var(--at-radius-sm);
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

.at-add-split__main {
  border-start-start-radius: var(--at-radius-sm);
  border-end-start-radius: var(--at-radius-sm);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.at-add-split__caret {
  border-start-end-radius: var(--at-radius-sm);
  border-end-end-radius: var(--at-radius-sm);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

/* ── ٣ · بطاقات المؤشّرات في صفّ القوائم ────────────────────────────────
 * 6px كان يجعلها صناديق. و`--at-radius-lg` هو نفسه نصف قطر
 * `.at-metric-card` الأساس — فتتّحد البطاقة مع نفسها في كلّ سياق.
 * وتبقى بلا ظلّ عمدًا: صفّ كثيف من البطاقات المظلَّلة يصير ضجيجًا. */
.at-listpage__metrics .at-metric-card { border-radius: var(--at-radius-lg); }

/* ── ٤ · عناصر متفرّقة على المقياس نفسه ─────────────────────────────────── */
.at-grid__pag-size-sel { border-radius: var(--at-radius-xs); }
.at-xfer__panel        { border-radius: var(--at-radius-lg); }
.at-pgt                { border-radius: var(--at-radius-lg); }

/* حقول bridge.css القديمة — تلتحق بنصف قطر `.at-input` نفسه (12px). */
.field__input,
input.form-input, select.form-input, textarea.form-input, .form-input:not(.at-input),
input.input, select.input, textarea.input, .input:not(.at-input):not(button),
select.select, .select:not(.at-input) {
  border-radius: var(--at-radius-sm);
}
.btn, .btn--xs, .btn-xs { border-radius: var(--at-radius-sm); }

/* ── ٥ · اللون: التوهّج وحلقة التركيز تتبع اللون الفعليّ ────────────────
 * `color-mix` على `--at-accent` بدل أزرق مكتوب: يتبع الثيم، ويتبع أيّ
 * تغيير مستقبليّ للّون، ولا يترك أزرقين على شاشة واحدة. */
.at-listpage__toolbar .at-btn[data-variant="primary"],
.at-listpage__split .at-btn[data-variant="primary"] {
  box-shadow: 0 1px 2px color-mix(in srgb, var(--at-accent) 18%, transparent);
}
.at-listpage__toolbar .at-btn[data-variant="primary"]:hover:not(:disabled),
.at-listpage__split .at-btn[data-variant="primary"]:hover:not(:disabled) {
  box-shadow: 0 2px 4px color-mix(in srgb, var(--at-accent) 28%, transparent);
}
.at-listpage__toolbar .at-btn[data-variant="primary"]:active:not(:disabled),
.at-listpage__split .at-btn[data-variant="primary"]:active:not(:disabled) {
  box-shadow: 0 1px 1px color-mix(in srgb, var(--at-accent) 15%, transparent);
}
.at-listpage__split > .at-btn:first-child:hover:not(:disabled) {
  box-shadow: 0 2px 4px color-mix(in srgb, var(--at-accent) 28%, transparent);
  /* المفصل يبقى مستقيمًا أثناء التحويم — وإلّا انفصل الزرّان لحظةَ اللمس. */
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.at-listpage__search:focus-within {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--at-accent) 15%, transparent);
}
.at-listpage__metrics .at-metric-card:hover:not(:disabled) {
  box-shadow: 0 1px 3px color-mix(in srgb, var(--at-accent) 12%, transparent);
}
.at-add-split__main,
.at-add-split__caret {
  box-shadow: 0 1px 2px color-mix(in srgb, var(--at-accent) 18%, transparent);
}
.at-add-split__main:hover,
.at-add-split__caret:hover {
  box-shadow: 0 2px 4px color-mix(in srgb, var(--at-accent) 28%, transparent);
}