/* =====================================================================
   context-menu.css — مظهر قائمة الزرّ الأيمن
   ---------------------------------------------------------------------
   ألوانها من متغيّرات نظام التصميم لا قيمًا ثابتة: الصفحة قد تكون فاتحة أو
   داكنة، وقائمةٌ بلونٍ مكتوب تظهر بيضاء فوق سطحٍ داكن — وهي العلّة نفسها
   التي أصابت أسهم القوائم المنسدلة في الثيم الليليّ.

   والاحتياطات بعد الفاصلة (‎var(--f-surface, #fff)‎) لصفحات لم تُحمِّل
   ‎fluent.css‎ بعد: القائمة عامّة على كلّ الموقع، ولا يصحّ أن تُرى بلا لون.
   ===================================================================== */

.lms-ctx {
    position: fixed;
    z-index: 100000;
    min-inline-size: 208px;
    max-inline-size: 320px;
    padding: 6px;
    background: var(--f-surface, var(--bg-card, #fff));
    color: var(--f-fg, var(--text-main, #161d2f));
    border: 1px solid var(--f-border, var(--border-color, rgba(128, 128, 128, .32)));
    border-radius: 10px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .30);
    font: 400 .875rem var(--f-font, var(--font-ar, inherit));
    /* الانبثاق من نقطة الضغط لا من الوسط — أوضح في تتبّع العين */
    animation: lms-ctx-in .09s ease-out;
}
.lms-ctx[hidden] { display: none; }

@keyframes lms-ctx-in {
    from { opacity: 0; transform: scale(.97); }
    to   { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .lms-ctx { animation: none; }
}

.lms-ctx .lc-head {
    padding: 7px 9px 6px;
    font-weight: 700;
    color: var(--f-fg, var(--text-main, #161d2f));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-block-end: 1px solid var(--f-border, rgba(128, 128, 128, .22));
    margin-block-end: 4px;
}

.lms-ctx .lc-item {
    display: flex;
    align-items: center;
    gap: 9px;
    inline-size: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    white-space: nowrap;
}
.lms-ctx .lc-item > span {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lms-ctx .lc-item > i {
    inline-size: 16px;
    text-align: center;
    flex-shrink: 0;
    opacity: .85;
}
/* أمرٌ بلا أيقونة يبقى محاذياً لما فوقه — بلا هذه النقطة يتعرّج السطر */
.lms-ctx .lc-dot::before { content: '•'; opacity: .45; }

.lms-ctx .lc-item:hover,
.lms-ctx .lc-item:focus-visible {
    background: var(--f-surface-hover, rgba(128, 128, 128, .16));
    outline: none;
}

.lms-ctx .lc-warn { color: var(--f-warn, #b26b00); }
.lms-ctx .lc-err  { color: var(--f-err,  #c0392b); }

/* العنصر الذي فُتحت عليه القائمة يُميَّز — كي يُعرف على أيّ سطرٍ سيقع الأمر.
   ‎!important‎ لأنّ خلفيات الأسطر في بعض الجداول معرَّفة بأولوية أعلى. */
.lms-ctx-target > td,
.lms-ctx-target.sub-item,
.lms-ctx-target.sub-main-headwrap {
    background: var(--f-surface-hover, rgba(128, 128, 128, .14)) !important;
}