/* ════════════════════════════════════════════════════════════════════════════
 * atheer-square.css — كلّ زوايا أثير حادّة · والإشعارات دائرةٌ حمراء كياستار (المالك ٢٢/١٠/٢٠٢٦)
 *
 *   «بدل ما تكون دائرية حادة لكافة القوائم والأقسام والعرض» · «للزوايا لكامل النظام أثير» ·
 *   «حتى هنا وجميع الصفحات والمربعات» · «اجعل الإشعارات دائرة حمراء مثل ياستار».
 *
 * تتغيّر الزوايا وحدها — الألوان والزجاج والخطوط والتخطيط (بصمة أثير) كما هي.
 * الطبقة الأخيرة في index.html ⇒ التراجع = حذف سطر <link> واحد.
 *
 *   ١ المقياس كلّه 0.
 *   ٢ كلّ عنصرٍ حادّ بـ!important: يغلب قواعد الأصناف والقيم الحرفيّة و<style> المحقون وقت التشغيل
 *     (لوحة العرض) وstyle="" — فلا يفوته مربّعٌ في أيّ صفحة.
 *   ٣ يبقى دائرةً ما للدائرة فيه معنى: الصورة الرمزيّة · نقطة الحالة · المفتاح وزرّ الاختيار · التقدّم
 *     · مؤشّر التحميل · نمطٌ مضمّن 50% — وعدّادات الإشعارات (§٤).
 *   ٤ عدّادات الإشعارات = دائرة ياستار الحمراء، مقيسةً من ياستار نفسه: #CA452D · 24px · 14px/500.
 *   الأشباه (::before/::after) لا تُمسّ: فيها نقاطٌ ومقابضُ ومؤشّرات تحميلٍ دائريّة.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── ١ · المقياس ───────────────────────────────────────────────────────────── */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --at-radius-xs: 0px; --at-radius-sm: 0px; --at-radius-md: 0px; --at-radius-lg: 0px; --at-radius-xl: 0px;
  --radius-xs: 0px; --radius-sm: 0px; --radius-md: 0px; --radius-lg: 0px; --radius-xl: 0px; --radius-2xl: 0px;
  --ax-radius-xs: 0px; --ax-radius-sm: 0px; --ax-radius-md: 0px; --ax-radius-lg: 0px; --ax-radius-xl: 0px;
  /* --radius-full · --at-radius-full · --ax-radius-pill تبقى: ترسم الدوائر (المفتاح والاختيار والصورة). */
}

/* ‏٢٢/١٠ ٠٩:٥٠ — بطلب المالك: نافذة المكالمة الواردة (‏.sip-overlay — الشريط الكبسوليّ وزرّا الردّ والرفض الدائريّان)
 * تبقى بتصميمها السابق «أجمل — فقط هذه»؛ لذا [class*="sip-overlay"] أوّلُ المستثنيات أدناه. بقيّة النظام حادّ كما هو. */
/* ── ٢ + ٣ · كلّ عنصرٍ حادّ، إلّا الدوائر ذات المعنى ─────────────────────────── */
*:not([class*="sip-overlay"], [class*="avatar"], [class*="dot"], [class*="spinner"], [class*="loading"], [class*="switch"], [class*="toggle__"], [class*="ax-toggle"], [class*="slider"], [class*="radio"], [class*="progress"], [class*="indicator"], [class*="pulse"], [class*="orb"], [class*="range__"], [class*="knob"], [class*="circle"], [class*="rounded-full"], [class*="__mark"], [class*="__ring"], [class*="marker"], [class*="stepper"], [class*="nav-index"], [class*="socialicon"], [class*="agent-status"], [class*="__rec"], [class*="__bar"], [class*="sla-bar"], [class*="section-bar"], [class*="__fill"], [class*="__track"], [class*="__thumb"], [class*="state__icon"], [class*="dialog__icon"], [class*="success-icon"], [class*="timeline"], [class*="unread"], [style*="radius: 50%"], [style*="radius:50%"], [style*="radius: 100%"], [style*="radius:100%"], [style*="radius: 999"]:empty, [style*="radius:999"]:empty, .nav-badge, .chat-nav-badge, .sidebar__item-badge, .ax-badge--count, .ax-badge-count, input[type="radio"]) {
  border-radius: 0 !important;
}

/* ── ٤ · عدّادات الإشعارات: دائرة ياستار الحمراء ────────────────────────────────
 * مقيسةٌ من قائمة ياستار (Call Logs 4 · Voicemails 3): خلفيّة rgb(202,69,45) · 24×24 (أدنى عرض) ·
 * نصف قطر 30px · نصٌّ أبيض 14px/500 · حشوة 2px 4px. الرقم ذو الخانتين يمدّها كبسولةً كما في ياستار. */
.nav-badge.nav-badge,
.chat-nav-badge.chat-nav-badge,
.sidebar__item-badge.sidebar__item-badge {
  display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box;
  min-width: 24px; height: 24px; padding: 2px 4px; margin-inline-start: auto; flex: 0 0 auto;
  border-radius: 30px !important; background: #CA452D !important; color: #fff !important;
  font-size: 14px; font-weight: 500; line-height: 20px; box-shadow: none !important;
  font-variant-numeric: tabular-nums;
}
/* داخل الصفحات (تبويب «دردشة خارجية»، قائمة المحادثات): الدائرة نفسها أصغر قليلًا لتلائم السطر. */
.at-unread.at-unread {
  display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box;
  min-width: 20px !important; height: 20px !important; padding: 0 5px !important;
  border-radius: 30px !important; background: #CA452D !important; color: #fff !important;
  font-size: 12px !important; font-weight: 500 !important; line-height: 20px !important;
  font-variant-numeric: tabular-nums;
  /* ٢٢/١٠ لقطة المالك: «2 new» في رأسٍ ضيّق انعصرت وانكسر سطرها فخرجت «new» تحت الدائرة. العدّاد لا ينعصر ولا ينكسر أبدًا؛
     وما فيه كلمة («2 new») يصير كبسولةً بسطرٍ واحد بنفس الارتفاع واللون. */
  white-space: nowrap !important; flex: 0 0 auto !important;
}