/*!
 * core/ui.css — تنسيق عناصر النواة فقط
 *
 * ⚠ نطاق مقصود وضيّق: كل قاعدة هنا مسبوقة بـ .core-  فلا تلمس أي صنف
 * قائم في المشروع (.toast و.modal وغيرهما تبقى كما هي في صفحاتها).
 * هذا الملف يُستخدم فقط حين لا تملك الصفحة عنصر تنبيه خاصاً بها؛
 * الصفحات الـ18 التي لديها #toast أو #admin-toast تحتفظ بمظهرها كاملاً.
 *
 * المتغيرات تُقرأ من نظام الصفحة مع قيم احتياطية — نفس أسلوب
 * public/js/owner-dashboard.js المعتمد في المشروع.
 */

.core-toast {
    position: fixed;
    inset-block-start: 20px;
    inset-inline-start: 50%;
    transform: translateX(50%) translateY(-16px);
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 8px;
    max-width: min(90vw, 420px);
    padding: 11px 18px;

    font-family: 'Tajawal', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    text-align: start;

    color: #fff;
    background: var(--core-toast-bg, #1f2937);
    border-radius: var(--r, 10px);
    box-shadow: var(--sh2, 0 6px 20px rgba(15, 23, 42, .18));

    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease;
}

/* الاتجاه: المشروع RTL، فالمحاذاة الأفقية تُحسب من اليمين. */
[dir="ltr"] .core-toast { transform: translateX(-50%) translateY(-16px); }

.core-toast.on,
.core-toast.show,
.core-toast.visible {
    opacity: 1;
    transform: translateX(50%) translateY(0);
}

[dir="ltr"] .core-toast.on,
[dir="ltr"] .core-toast.show,
[dir="ltr"] .core-toast.visible {
    transform: translateX(-50%) translateY(0);
}

.core-toast.success { --core-toast-bg: var(--gr, #16a34a); }
.core-toast.error   { --core-toast-bg: var(--rd, #dc2626); }
.core-toast.warn    { --core-toast-bg: var(--yl, #d97706); }
.core-toast.info    { --core-toast-bg: var(--bl, #0d9be8); }

.core-toast-ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .22);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.core-toast-msg { min-width: 0; overflow-wrap: anywhere; }

@media (prefers-reduced-motion: reduce) {
    .core-toast { transition: opacity .01ms; }
}