/* atheer-sharp.css — أشكال المكوّنات كما يُسنِدها Vireo حرفيًّا
 * ════════════════════════════════════════════════════════════════════════════
 * 🔴 **عدلتُ عن سلّمٍ حادّ من عندي إلى إسناد القالب نفسه** — بطلب المالك:
 * «نستفيد من القوالب حتّى باستخدام نفس حواف القالب». والوفاء أصحّ من ذوقي:
 * سلّمٌ مخترَع يجعل النتيجة «مستوحاة من» لا «مبنيّة على».
 *
 * سلّم Vireo (مطبَّق أصلًا في atheer-vireo-map.css):
 *   none 0 · xs 8 · sm 12 · md 14 · lg 18 · xl 24 · pill 999
 *
 * وإسناده لكلّ مكوّن — مقروءًا من `vireo-D45lZWjH.css` لا مقدَّرًا:
 *   .ax-badge  → radius-xs   (8px)    ← **مستطيل لا كبسولة**
 *   .ax-btn    → radius-sm   (12px)
 *   .ax-card   → radius-xl   (24px)
 *   .ax-avatar → radius-pill (دائرة) · و`--squircle` → radius-sm (12px)
 *   .ax-table  → بلا حافّة   (0)
 *
 * ✅ **ومصادفةٌ في صالحك:** شارة أثير كانت كبسولة (999px) وشارة القالب
 * مستطيل 8px. فالوفاء للقالب يُعطيك «المربّع الحديث» الذي طلبته — بلا اختراع.
 *
 * ⚠️ **وموضع تعارض واحد أعلنه ولا أُخفيه:** بطاقة Vireo **24px** — أدور ممّا
 * يوحي به ميلك إلى التربيع. طبّقتُ الوفاء، فانظرها بعينك: إن رأيتها دائريّة
 * أكثر ممّا تريد فالانحراف عن القالب هنا قرارك، وتغييرها سطرٌ واحد.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── الشارة: مستطيل القالب لا كبسولة أثير ────────────────────────────────── */
.at-badge, .badge { border-radius: var(--at-radius-xs, 8px); }
/* الكبسولة تبقى متاحة بنيّة صريحة — كما هي في القالب `--pill` */
.at-badge[data-shape="pill"], .badge--pill { border-radius: 999px; }

/* ── الزرّ ─────────────────────────────────────────────────────────────────*/
.btn, button.btn, .at-btn { border-radius: var(--at-radius-sm, 12px); }

/* ── البطاقة: حافّة القالب الكبرى ─────────────────────────────────────────*/
.at-card, .card, .settings-card, .form-section,
.at-metric-card, .at-health-card, .dash-card {
  border-radius: var(--at-radius-xl, 24px);
}

/* ── الجدول: بلا حافّة، كما في القالب ────────────────────────────────────
 * الخليّة لا تُدوَّر في أيّ منصّة بيانات — التدوير يكسر اصطفاف الأعمدة.
 * البطاقة الحاضنة هي ما يحمل الحافّة، وهي تقصّ ما يفيض. */
.at-grid, .at-grid__th, .at-grid__td,
.data-table, .data-table th, .data-table td { border-radius: 0; }

/* ── الصورة الشخصيّة: دائرة ───────────────────────────────────────────────
 * `.ax-avatar` في Vireo **دائرة** (`radius-pill`)، و`--squircle` نسخةٌ اختياريّة.
 * جرّبتُ الـsquircle أوّلًا فاختار المالك الدائرة — وهي **الافتراضيّ في القالب
 * نفسه** وفي كلّ منصّة محادثة. فالوفاء للقالب ورغبته يلتقيان هنا.
 * ⚠️ والوجه دائرةٌ عرفًا: تربيعه يبدو خطأً لا خيارًا. */
.at-cell-avatar__circle, .at-cell-avatar__img,
.app-shell__header .avatar, .at-avatar--user { border-radius: 999px; }

/* ── الحقل ────────────────────────────────────────────────────────────────*/
.input, input.input, select.input, textarea.input,
.field__input, .at-listpage__search { border-radius: var(--at-radius-sm, 12px); }