@import url("fonts.css");
@import url("theme.css");
@import url("components/reset.css");
@import url("components/header.css");
@import url("components/header-menu.css");
@import url("components/history.css");
@import url("components/panels.css");
@import url("components/saved-center.css");
@import url("components/stats.css");
@import url("components/settings.css");
@import url("components/misc.css");
@import url("components/chat.css");

@import url("components/settings-custom.css");
@import url("components/animations.css");

/* ── فصل اللوحة عن محيطها: بالتعبئة لا بالخط (Material 3 — الحاوية المعبّأة تبرز دون إطار) ──
   حُذف كيلاين الإطار ثلاثي الجوانب: كان ينقطع عند ركني النهاية (خطّان أفقيان بلا رأسيّ يقفلهما).
   على الناصع فقط تصير اللوحة سطحاً معبّأً (surface-2)، فتفصلها التعبئة عن أبيض كروم،
   والبطاقات/الحقول الداخلية (--color-surface الأبيض) تكسب فصلاً أوضح فوقها.
   الورقي/الداكن خلفياتهما ملوّنة تفصل أصلاً — بلا تغيير. */
[data-theme="olive"] body {
  background: var(--color-surface-2);
}

/* ── RTL & Arabic Font (Scoped to sidepanel) ── */
html {
  font-family: var(--font-main);
  color-scheme: light dark;
}
html[dir="rtl"],
:lang(ar) {
  font-family: var(--font-arabic);
  direction: rtl;
  unicode-bidi: embed;
}