/* /Components/CatalogTextsPanel.razor.rz.scp.css */
.ut-bar[b-qiek9murcu] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0 8px; }
.ut-q[b-qiek9murcu] { font: inherit; font-size: 14px; padding: 6px 10px; border: 1px solid var(--line); border-radius: var(--radius); min-width: 260px; flex: 1 1 260px; background: var(--bg); color: var(--text); }
.ut-sel[b-qiek9murcu] { font: inherit; font-size: 14px; padding: 6px 8px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.ut-tbl td[b-qiek9murcu] { vertical-align: top; }
.ut-key[b-qiek9murcu] { min-width: 220px; max-width: 320px; word-break: break-all; }
.ut-key code[b-qiek9murcu] { font-size: 12px; color: var(--muted); }
.ut-in[b-qiek9murcu] { font: inherit; font-size: 13px; width: 100%; min-width: 220px; padding: 5px 7px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); resize: vertical; }
.ut-gap .ut-in[b-qiek9murcu] { border-color: var(--warning); background: var(--bg-tint); }
.ut-chk[b-qiek9murcu] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--text); }
/* /Components/ContractFields.razor.rz.scp.css */
/* حقولُ التعاقد — منقولةٌ حرفًا من لوحة ملفّ الجهاز لتتطابق الصفحتان أينما حلّت */
.acc-row[b-ccmmbrtzk3] { display: flex; gap: 14px; flex-wrap: wrap; }
.acc-field[b-ccmmbrtzk3] { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 210px; }
.acc-field label[b-ccmmbrtzk3] { font-size: 13px; color: var(--muted); font-weight: 600; }
.acc-field input[b-ccmmbrtzk3] { font: inherit; font-size: 14px; color: var(--text); background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 10px; unicode-bidi: plaintext; text-align: start; }
.acc-field input:disabled[b-ccmmbrtzk3] { color: var(--muted); background: var(--bg-tint); }
@media (max-width: 760px) {
    .acc-field[b-ccmmbrtzk3] { min-width: 100%; flex: 1 1 100%; }
    .acc-row[b-ccmmbrtzk3] { gap: 12px; }
}
/* /Components/DateField.razor.rz.scp.css */
/* حقلُ التاريخ الموحَّد — على هيئة حقول النماذج (acc-field) نفسِها */
.df[b-57d43fefz8] { position: relative; display: flex; align-items: center; gap: 8px; box-sizing: border-box; width: 100%;
      font: inherit; font-size: 14px; color: var(--text); background: var(--bg-alt);
      border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 10px; min-height: 38px; }
.df:focus-within[b-57d43fefz8] { border-color: var(--azure); background: var(--bg); }
.df-compact[b-57d43fefz8] { font-size: 13px; padding: 7px 10px; min-height: 34px; width: auto; min-width: 150px; }
.df-off[b-57d43fefz8] { color: var(--muted); background: var(--bg-tint); }
/* الخاناتُ الثلاث مستقلّةٌ يرتّبها اتّجاهُ الحاوية: اليومُ من بداية السطر يميناً في العربيّة ويساراً في الإنجليزيّة */
.df-txt[b-57d43fefz8] { flex: 1 1 auto; display: flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; }
.df-seg[b-57d43fefz8] { unicode-bidi: isolate; font-variant-numeric: tabular-nums; }
.df-sep[b-57d43fefz8] { color: var(--muted); }
.df-ph[b-57d43fefz8] { color: var(--muted); }
.df-ico[b-57d43fefz8] { width: 16px; height: 16px; flex: 0 0 auto; color: var(--muted); }
/* الحقلُ الأصليُّ شفّافٌ فوق العرض كلّه — منه التقويمُ والكتابة */
.df-native[b-57d43fefz8] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
             border: none; padding: 0; margin: 0; background: transparent; }
.df-native[b-57d43fefz8]::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; }
.df-clear[b-57d43fefz8] { position: relative; z-index: 1; flex: 0 0 auto; border: none; background: transparent; color: var(--muted);
            cursor: pointer; font-size: 12px; padding: 0 2px; line-height: 1; }
.df-clear:hover[b-57d43fefz8] { color: var(--danger-text); }

/* منتقي التقويم الهجريّ — منبثقٌ تحت الحقل، وخلفيّةٌ شفّافةٌ تغلقه بالنقر خارجه */
.df-back[b-57d43fefz8] { position: fixed; inset: 0; z-index: 40; }
.df-pop[b-57d43fefz8] { position: absolute; top: calc(100% + 4px); inset-inline-start: 0; z-index: 41; width: 280px; box-sizing: border-box;
          background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-lg);
          box-shadow: var(--shadow-menu); padding: 10px; font-size: 13px; color: var(--text); }
.df-pop-head[b-57d43fefz8] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
.df-pop-title[b-57d43fefz8] { font-weight: 600; color: var(--ink); }
.df-nav[b-57d43fefz8] { border: 1px solid var(--line); background: var(--bg-alt); border-radius: var(--radius-nav); width: 30px; height: 28px; cursor: pointer; font-size: 16px; line-height: 1; color: var(--ink); }
.df-nav:disabled[b-57d43fefz8] { opacity: .55; cursor: default; }
.df-grid[b-57d43fefz8] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
.df-wd[b-57d43fefz8] { font-size: 12px; color: var(--muted); padding: 4px 0; }
.df-day[b-57d43fefz8] { border: none; background: transparent; border-radius: var(--radius-nav); height: 32px; cursor: pointer; font: inherit; color: var(--text); font-variant-numeric: tabular-nums; }
.df-day:hover[b-57d43fefz8] { background: var(--bg-tint); }
.df-day.today[b-57d43fefz8] { box-shadow: inset 0 0 0 1px var(--azure); }
.df-day.sel[b-57d43fefz8] { background: var(--azure); color: var(--on-azure); }
.df-pop-foot[b-57d43fefz8] { display: flex; justify-content: space-between; margin-top: 8px; }
.df-link[b-57d43fefz8] { border: none; background: transparent; color: var(--azure); cursor: pointer; font: inherit; padding: 4px 6px; }
/* /Components/HelpHint.razor.rz.scp.css */
/* MOSAIC.Web/Components/HelpHint.razor.css — تنسيقُ التلميح الموضعيّ (معزولٌ على سنّة المشروع) */

.hh-root[b-srcwxdrwu6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-inline-start: 4px;
    line-height: 1;
    flex: 0 0 auto;   /* لا يتمدد في صفوف المرن فلا يبعثر توزيعها */
}

.hh-btn[b-srcwxdrwu6] {
    font: inherit;
    font-size: 11px;
    line-height: 1;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--muted);
    cursor: help;
    padding: 0;
}

.hh-btn:hover[b-srcwxdrwu6], .hh-btn:focus[b-srcwxdrwu6] {
    border-color: var(--azure);
    color: var(--azure);
}

.hh-pop[b-srcwxdrwu6] {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-start: 0;
    z-index: 60;
    display: block;
    width: 300px;
    max-width: 80vw;
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow-menu);
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.8;
    color: var(--ink);
    text-align: start;
    white-space: normal;
}

.hh-what[b-srcwxdrwu6] {
    display: block;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.hh-q[b-srcwxdrwu6] {
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: var(--azure);
    margin-top: 6px;
}

.hh-txt[b-srcwxdrwu6] { display: block; }
.hh-yes[b-srcwxdrwu6] { color: var(--success-text); }
.hh-no[b-srcwxdrwu6]  { color: var(--danger-text); }

/* ── وضعُ الغلاف: العلامةُ طافيةٌ على ركن زرّها — صفرُ أثرٍ على التخطيط ── */
.hh-wrap[b-srcwxdrwu6] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.hh-dot[b-srcwxdrwu6] {
    position: absolute;
    top: -6px;
    inset-inline-end: -6px;
    width: 15px;
    height: 15px;
    font: inherit;
    font-size: 11px;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--muted);
    cursor: help;
    padding: 0;
    opacity: .6;
    z-index: 5;
}

.hh-wrap:hover .hh-dot[b-srcwxdrwu6], .hh-dot:focus[b-srcwxdrwu6] { opacity: 1; border-color: var(--azure); color: var(--azure); }

.hh-wrap .hh-pop[b-srcwxdrwu6] {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-start: 0;
}
/* /Components/Inbox/InboxBell.razor.rz.scp.css */
.ib-bell[b-gndsy01yek] { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; color: var(--ink); text-decoration: none; }
.ib-bell:hover[b-gndsy01yek] { background: var(--bg-tint); }
.ib-bell svg[b-gndsy01yek] { width: 20px; height: 20px; }
.ib-cnt[b-gndsy01yek] { position: absolute; top: 1px; inset-inline-end: 0; }
.ib-x[b-gndsy01yek] { margin-inline-start: auto; background: none; border: 0; cursor: pointer; color: var(--muted); font-size: 14px; }
/* /Components/Inbox/TaskBoard.razor.rz.scp.css */
/* قائمةُ المهامّ في اللوحة — تبويبان وصفوفٌ مضغوطة */
.tb-head[b-zxmo6xo366] { flex-wrap: wrap; }
.tb-tabs[b-zxmo6xo366] { display: inline-flex; gap: 4px; margin-inline-start: 8px; background: var(--bg-alt); border-radius: var(--radius-pill); padding: 3px; }
.tb-tab[b-zxmo6xo366] { font: inherit; font-size: 13px; font-weight: 600; color: var(--muted); background: none; border: 0; border-radius: var(--radius-pill); padding: 4px 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.tb-tab.on[b-zxmo6xo366] { background: var(--bg); color: var(--ink); box-shadow: var(--shadow-sm); }
.tb-arch[b-zxmo6xo366] { margin-inline-start: auto; font-size: 13px; text-decoration: none; }
.tb-bulk[b-zxmo6xo366] { display: flex; justify-content: flex-end; padding: 8px 0 0; }
.tb-list[b-zxmo6xo366] { list-style: none; margin: 0; padding: 0; }
.tb-row[b-zxmo6xo366] { border-bottom: 1px solid var(--line); padding: 10px 2px; }
.tb-row:last-child[b-zxmo6xo366] { border-bottom: 0; }
.tb-row.alert[b-zxmo6xo366] { border-inline-start: 3px solid var(--danger); padding-inline-start: 8px; }
.tb-row.prio[b-zxmo6xo366] { background: linear-gradient(90deg, color-mix(in srgb,var(--warning-bg) 70%,transparent), transparent); }
.tb-top[b-zxmo6xo366] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tb-when[b-zxmo6xo366] { margin-inline-start: auto; font-size: 12px; color: var(--muted); white-space: nowrap; }
.tb-title[b-zxmo6xo366] { font-weight: 600; color: var(--ink); font-size: 14px; margin-top: 5px; }
.tb-ex[b-zxmo6xo366] { font-size: 13px; color: var(--text); margin-top: 3px; }
.tb-meta[b-zxmo6xo366] { font-size: 12px; color: var(--muted); margin-top: 3px; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.tb-acts[b-zxmo6xo366] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 7px; align-items: center; }
.mini-btn[b-zxmo6xo366] { font: inherit; font-size: 12px; font-weight: 600; border-radius: var(--radius); padding: 4px 11px; cursor: pointer; border: 1px solid var(--azure); background: var(--azure); color: var(--on-azure); }
.mini-btn.ghost[b-zxmo6xo366] { background: var(--bg); color: var(--azure); }
.mini-btn.ok[b-zxmo6xo366] { background: var(--success); border-color: var(--success); }
.mini-btn.bad[b-zxmo6xo366] { background: var(--bg); color: var(--danger-text); border-color: var(--danger-line); }
.mini-btn:disabled[b-zxmo6xo366] { opacity: .55; cursor: default; }
.tb-snz[b-zxmo6xo366] { position: relative; display: inline-flex; }
.tb-snz-menu[b-zxmo6xo366] { position: absolute; top: calc(100% + 4px); inset-inline-start: 0; z-index: 20; background: var(--bg); border: 1px solid var(--line); border-radius: 9px; box-shadow: var(--shadow); padding: 4px; display: flex; flex-direction: column; min-width: 130px; }
.tb-snz-menu button[b-zxmo6xo366] { font: inherit; font-size: 13px; background: none; border: 0; text-align: start; padding: 6px 9px; border-radius: var(--radius); cursor: pointer; color: var(--ink); }
.tb-snz-menu button:hover[b-zxmo6xo366] { background: var(--bg-tint); }
/* /Components/JobOrderEngine.razor.rz.scp.css */
/* المحرّكُ في صفحة أمر الشغل */
.je-strip[b-vvbo61zbd5] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 9px 14px; margin: 10px 0 0; font-size: 13px; }
.je-k[b-vvbo61zbd5] { color: var(--muted); }
.je-sep[b-vvbo61zbd5] { width: 1px; height: 18px; background: var(--line); margin: 0 4px; }
.je-strip select[b-vvbo61zbd5] { font: inherit; font-size: 13px; padding: 3px 7px; border: 1px solid var(--line); border-radius: var(--radius); }
.je-mini[b-vvbo61zbd5] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 2px 9px; cursor: pointer; }
.je-mini:disabled[b-vvbo61zbd5] { opacity: .55; }
.je-cycle[b-vvbo61zbd5] { display: flex; align-items: center; gap: 0; flex-wrap: wrap; row-gap: 8px; margin: 10px 0 0; padding: 10px 12px; background: var(--bg-alt); border-radius: var(--radius-lg); }
.je-node[b-vvbo61zbd5] { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 13px; font-weight: 600; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 4px 12px; cursor: pointer; }
.je-node .je-dot[b-vvbo61zbd5] { width: 9px; height: 9px; border-radius: 50%; background: var(--stat-muted); }
.je-node.ok .je-dot[b-vvbo61zbd5] { background: var(--success); } .je-node.warn .je-dot[b-vvbo61zbd5] { background: var(--warning); } .je-node.pur .je-dot[b-vvbo61zbd5] { background: var(--info-text); }
.je-node.teal .je-dot[b-vvbo61zbd5] { background: var(--success); } .je-node:not(.ok):not(.warn):not(.pur):not(.teal):not(.mute) .je-dot[b-vvbo61zbd5] { background: var(--azure); }
.je-node.late[b-vvbo61zbd5] { border-color: var(--danger-line); }
.je-arrow[b-vvbo61zbd5] { width: 22px; height: 2px; background: var(--stat-muted); position: relative; margin: 0 2px; }
.je-arrow[b-vvbo61zbd5]::after { content: ""; position: absolute; inset-inline-end: -1px; top: -3px; border: 4px solid transparent; border-inline-start-color: var(--line-strong); }
.je-two[b-vvbo61zbd5] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 860px) { .je-two[b-vvbo61zbd5] { grid-template-columns: 1fr; } }
.je-list[b-vvbo61zbd5] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.je-h[b-vvbo61zbd5] { font-size: 13px; color: var(--muted); font-weight: 600; }
.je-run[b-vvbo61zbd5], .je-step[b-vvbo61zbd5] { font: inherit; text-align: start; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; color: var(--text); }
.je-run.on[b-vvbo61zbd5] { border-color: var(--azure); box-shadow: var(--shadow-focus); }
.je-step[b-vvbo61zbd5] { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px; }
.je-sd[b-vvbo61zbd5] { font-weight: 600; color: var(--ink); font-size: 13px; }
.je-sw[b-vvbo61zbd5] { margin-inline-start: auto; }
.je-prog[b-vvbo61zbd5] { height: 5px; background: var(--bg-alt); border-radius: 4px; overflow: hidden; }
.je-prog span[b-vvbo61zbd5] { display: block; height: 100%; background: var(--azure); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-d3ikeqv6f0] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-d3ikeqv6f0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ================================================================
   شريطُ تنافر الإصدارات

   يزيح المحتوى ولا يطفو فوقه: التحذيرُ الذي يغطّي شيئًا يُغلَق ليُرى
   ما تحته، والمغلَقُ لا يحذّر. فإزاحتُه إقرارٌ بأنّه جزءٌ من الصفحة
   لا طارئٌ عليها.

   ولونُه ينقل الحالَ قبل قراءة الحرف: أحمرُ للتنافر المحقَّق، ورماديٌّ
   لتعذُّر القراءة — فالثانيةُ ليست عطلًا في التوافق بل جهلًا به، ولو
   حملت لونَ الأولى لأنذرت بما لم يثبت.

   ولا برتقاليّ.
   ================================================================ */

.ver-banner[b-d3ikeqv6f0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1.25rem;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    border-bottom: 1px solid;
}

.ver-banner-mismatch[b-d3ikeqv6f0] {
    background: var(--danger-bg);
    color: var(--danger-text);
    border-bottom-color: var(--danger-line);
}

.ver-banner-unknown[b-d3ikeqv6f0] {
    background: var(--neutral-bg);
    color: var(--neutral-text);
    border-bottom-color: var(--line);
}

.ver-banner-text[b-d3ikeqv6f0] {
    flex: 1;
    min-width: 0;
}

.ver-banner-link[b-d3ikeqv6f0] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
    font-weight: 600;
    flex-shrink: 0;
}

    .ver-banner-link:hover[b-d3ikeqv6f0] {
        opacity: 0.75;
    }

@media (max-width: 640px) {
    .ver-banner[b-d3ikeqv6f0] {
        padding: 0.55rem 0.9rem;
        font-size: 13px;
        align-items: flex-start;
    }
}

/* ================================================================
   هويّةُ الرأس والقائمةُ المنسدلة

   سطرُ النطاق الفاعل: القراءةُ الوحيدةُ التي تُخبر «أين أنا الآن» —
   فموضعُه تحت الاسم والوظيفة، وحجمُه أصغر، ولونُه أخفت. ويلتفّ
   سطرين ثمّ يُقصّ: فأسماءُ الجهات طويلةٌ بطبعها، وسطرٌ واحدٌ مبتورٌ
   يُخفي ما يميّز الدفترَ عن أخيه.

   والطبقةُ الشفّافةُ خلف القائمة هي ما يغلقها بالنقر الخارجيّ. ولم
   نستعمل onfocusout لأنّه يقع قبل نقرة الخيار فيبتلع الاختيار —
   والطبقةُ تلتقط الخارجَ وحدَه فلا تسبق الداخل.
   ================================================================ */

.acct-wrap[b-d3ikeqv6f0] {
    position: relative;
}

.user-meta[b-d3ikeqv6f0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    max-width: 200px;
}

.uz[b-d3ikeqv6f0] {
    font-size: 11px;
    line-height: 1.3;
    color: var(--muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-align: start;
}

.acct-head .tn[b-d3ikeqv6f0] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* الطبقةُ الشفّافة: تغطّي اللوحَ كلَّه فيغلق النقرُ في أيّ موضعٍ خارج القائمة */
.acct-backdrop[b-d3ikeqv6f0] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: transparent;
}

.acct-menu[b-d3ikeqv6f0] {
    z-index: 1201;
}

@media (max-width: 640px) {
    .user-meta[b-d3ikeqv6f0] {
        max-width: 130px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-r1htou0c9o],
.components-reconnect-repeated-attempt-visible[b-r1htou0c9o],
.components-reconnect-failed-visible[b-r1htou0c9o],
.components-pause-visible[b-r1htou0c9o],
.components-resume-failed-visible[b-r1htou0c9o],
.components-rejoining-animation[b-r1htou0c9o] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-retrying[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-failed[b-r1htou0c9o],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-r1htou0c9o] {
    display: block;
}


#components-reconnect-modal[b-r1htou0c9o] {
    background-color: var(--bg);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-lg);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-r1htou0c9o 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-r1htou0c9o 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-r1htou0c9o 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-r1htou0c9o]::backdrop {
    background-color: var(--scrim);
    animation: components-reconnect-modal-fadeInOpacity-b-r1htou0c9o 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-r1htou0c9o {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-r1htou0c9o {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-r1htou0c9o {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-r1htou0c9o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-r1htou0c9o] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-r1htou0c9o] {
    border: 0;
    background-color: var(--azure);
    color: var(--on-azure);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 24px;
    border-radius: var(--radius);
}

    #components-reconnect-modal button:hover[b-r1htou0c9o],
    #components-reconnect-modal button:active[b-r1htou0c9o] {
        background-color: var(--azure-strong);
    }

.components-rejoining-animation[b-r1htou0c9o] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-r1htou0c9o] {
        position: absolute;
        border: 3px solid var(--azure);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-r1htou0c9o 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-r1htou0c9o] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-r1htou0c9o {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/LeaveImpactView.razor.rz.scp.css */
.li[b-m2ll7profu] { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; background: var(--bg-alt); border-radius: var(--radius-lg); font-size: 13px; }
.li-row[b-m2ll7profu] { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.li-k[b-m2ll7profu] { color: var(--muted); min-width: 150px; }
/* /Components/OwnershipFields.razor.rz.scp.css */
/* حقولُ الملكيّة — منقولةٌ حرفًا من لوحة ملفّ الجهاز لتتطابق الصفحتان أينما حلّت */
.acc-row[b-ah3y1erzfe] { display: flex; gap: 14px; flex-wrap: wrap; }
.acc-field[b-ah3y1erzfe] { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 210px; }
.acc-field label[b-ah3y1erzfe] { font-size: 13px; color: var(--muted); font-weight: 600; }
.acc-field input[b-ah3y1erzfe], .acc-field select[b-ah3y1erzfe] { font: inherit; font-size: 14px; color: var(--text); background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 10px; }
.acc-field input[b-ah3y1erzfe] { unicode-bidi: plaintext; text-align: start; }
.acc-field input:focus[b-ah3y1erzfe], .acc-field select:focus[b-ah3y1erzfe] { outline: none; border-color: var(--azure); background: var(--bg); }
.acc-field input:disabled[b-ah3y1erzfe], .acc-field select:disabled[b-ah3y1erzfe] { color: var(--muted); background: var(--bg-tint); }
.goto-wrap[b-ah3y1erzfe] { position: relative; }
.pd-flag[b-ah3y1erzfe] { position: absolute; top: calc(50% + 11px); transform: translateY(-50%); inset-inline-start: 8px; font-size: 11px; color: var(--muted); opacity: .55; pointer-events: none; white-space: nowrap; }
.goto-btn[b-ah3y1erzfe] { position: absolute; top: calc(50% + 11px); transform: translateY(-50%); inset-inline-end: 6px; z-index: 2; font: inherit; font-size: 12px; color: var(--azure); background: color-mix(in srgb, var(--bg) 75%, transparent); border: 1px solid var(--azure); border-radius: var(--radius); padding: 3px 9px; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .12s ease; }
.goto-wrap:hover .goto-btn[b-ah3y1erzfe] { opacity: 1; pointer-events: auto; }
.goto-btn:hover[b-ah3y1erzfe] { background: var(--azure); color: var(--on-azure); }
@media (max-width: 760px) {
    .acc-field[b-ah3y1erzfe] { min-width: 100%; flex: 1 1 100%; }
    .acc-row[b-ah3y1erzfe] { gap: 12px; }
    .goto-btn[b-ah3y1erzfe] { opacity: 1; pointer-events: auto; }
}
/* /Components/Pages/BacklogPage.razor.rz.scp.css */
.bl-grid[b-ndnqhduh6r] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.bl-badge[b-ndnqhduh6r] { font: inherit; text-align: start; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; cursor: pointer; display: flex; flex-direction: column; gap: 6px; color: var(--text); }
.bl-badge.on[b-ndnqhduh6r] { border-color: var(--azure); box-shadow: var(--shadow-focus); }
.bl-bar[b-ndnqhduh6r] { height: 6px; background: var(--bg-alt); border-radius: 4px; overflow: hidden; }
.bl-bar span[b-ndnqhduh6r] { display: block; height: 100%; background: var(--success); }
.bl-bar span.warn[b-ndnqhduh6r] { background: var(--warning); } .bl-bar span.bad[b-ndnqhduh6r] { background: var(--danger); }
.wr-form[b-ndnqhduh6r] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; align-items: end; margin-bottom: 12px; }
.wr-form label[b-ndnqhduh6r] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.wr-form input[b-ndnqhduh6r], .wr-form select[b-ndnqhduh6r] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
/* /Components/Pages/KpiDefs.razor.rz.scp.css */
.kd[b-uaqmcuu8uj] { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.3fr); gap: 16px; align-items: start; margin-top: 12px; }
@media (max-width: 900px) { .kd[b-uaqmcuu8uj] { grid-template-columns: 1fr; } }
.kd-list[b-uaqmcuu8uj] { display: flex; flex-direction: column; gap: 8px; }
.kd-card[b-uaqmcuu8uj] { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; }
.kd-card:hover[b-uaqmcuu8uj] { border-color: var(--azure); }
.kd-card.on[b-uaqmcuu8uj] { border-color: var(--azure); box-shadow: var(--shadow-focus); }
.kd-grid[b-uaqmcuu8uj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin: 6px 0 10px; }
.kd-grid label[b-uaqmcuu8uj] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.kd-grid input[b-uaqmcuu8uj], .kd-grid select[b-uaqmcuu8uj] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.kd-grid input:disabled[b-uaqmcuu8uj], .kd-grid select:disabled[b-uaqmcuu8uj] { background: var(--bg-alt); color: var(--muted); cursor: not-allowed; }
.kd-ro[b-uaqmcuu8uj] { background: var(--warning-bg); color: var(--warning-text); border-radius: var(--radius-nav); padding: 8px 10px; font-size: 13px; margin: 0 0 8px; }
.mini-btn[b-uaqmcuu8uj] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 3px 10px; cursor: pointer; }
.mini-btn:disabled[b-uaqmcuu8uj] { opacity: .55; }
/* /Components/Pages/KpiPlans.razor.rz.scp.css */
.kp[b-txx3xdzfwn] { display: grid; grid-template-columns: minmax(270px, 1fr) minmax(340px, 2fr); gap: 16px; align-items: start; margin-top: 12px; }
@media (max-width: 900px) { .kp[b-txx3xdzfwn] { grid-template-columns: 1fr; } }
.kp-side[b-txx3xdzfwn] { display: flex; flex-direction: column; gap: 8px; }
.kp-tabs[b-txx3xdzfwn] { display: inline-flex; gap: 4px; background: var(--bg-alt); border-radius: var(--radius-pill); padding: 3px; align-self: flex-start; }
.kp-tabs button[b-txx3xdzfwn] { font: inherit; font-size: 13px; font-weight: 600; color: var(--muted); background: none; border: 0; border-radius: var(--radius-pill); padding: 5px 13px; cursor: pointer; }
.kp-tabs button.on[b-txx3xdzfwn] { background: var(--bg); color: var(--ink); box-shadow: var(--shadow-sm); }
.kp-card[b-txx3xdzfwn] { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; cursor: pointer; display: flex; flex-direction: column; gap: 4px; }
.kp-card:hover[b-txx3xdzfwn], .kp-card.on[b-txx3xdzfwn] { border-color: var(--azure); }
.kp-grid[b-txx3xdzfwn] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-bottom: 8px; }
.kp-grid label[b-txx3xdzfwn] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.kp-grid input[b-txx3xdzfwn], .kp-grid select[b-txx3xdzfwn] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.kp-bar[b-txx3xdzfwn] { display: inline-block; width: 80px; height: 6px; background: var(--bg-alt); border-radius: 4px; overflow: hidden; vertical-align: middle; margin-inline-end: 6px; }
.kp-bar span[b-txx3xdzfwn] { display: block; height: 100%; background: var(--azure); }
.kp-bar span.ok[b-txx3xdzfwn] { background: var(--success); } .kp-bar span.warn[b-txx3xdzfwn] { background: var(--warning); } .kp-bar span.bad[b-txx3xdzfwn] { background: var(--danger); }
.kp-note[b-txx3xdzfwn] { background: var(--bg-alt); border-radius: var(--radius-nav); padding: 8px 10px; font-size: 13px; }
.kp-ev[b-txx3xdzfwn] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.mini-btn[b-txx3xdzfwn] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 3px 10px; cursor: pointer; }
.mini-btn:disabled[b-txx3xdzfwn] { opacity: .55; }
.kit-x[b-txx3xdzfwn] { background: none; border: 0; color: var(--danger-text); cursor: pointer; }
/* /Components/Pages/KpiReports.razor.rz.scp.css */
.kr-f[b-da09flpxfo] { margin: 12px 0; }
.kr-grid[b-da09flpxfo] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; margin-bottom: 10px; }
.kr-grid label[b-da09flpxfo] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.kr-grid input[b-da09flpxfo], .kr-grid select[b-da09flpxfo] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.kr-sum[b-da09flpxfo] { margin: 0 0 10px; }
/* /Components/Pages/MentionHandles.razor.rz.scp.css */
.mh-q[b-ctkmj8s5xl] { font: inherit; font-size: 14px; padding: 6px 10px; border: 1px solid var(--line); border-radius: var(--radius); min-width: 240px; }
.mh-in[b-ctkmj8s5xl] { font: inherit; font-size: 13px; padding: 4px 7px; border: 1px solid var(--line); border-radius: var(--radius); width: 170px; color: var(--azure); }
.mh-at[b-ctkmj8s5xl] { color: var(--azure); margin-inline-end: 2px; }
/* /Components/Pages/MyTasks.razor.rz.scp.css */
.mt-filters[b-yo5cb96i4s] { margin: 12px 0; }
.mt-grid[b-yo5cb96i4s] { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.mt-grid label[b-yo5cb96i4s] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.mt-grid input[b-yo5cb96i4s], .mt-grid select[b-yo5cb96i4s] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.mt-wide[b-yo5cb96i4s] { grid-column: span 2; }
.mt-when[b-yo5cb96i4s] { white-space: nowrap; font-size: 13px; }
.mt-ex[b-yo5cb96i4s] { font-size: 13px; color: var(--muted); margin-top: 2px; font-weight: 400; }
.mt-alert td:first-child[b-yo5cb96i4s] { border-inline-start: 3px solid var(--danger); }
.mt-acts[b-yo5cb96i4s] { white-space: nowrap; }
.mt-acts .mini-btn[b-yo5cb96i4s] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 3px 9px; cursor: pointer; margin-inline-end: 4px; }
@media (max-width: 640px) { .mt-wide[b-yo5cb96i4s] { grid-column: span 1; } }
/* /Components/Pages/PathDesigner.razor.rz.scp.css */
/* مصمّمُ المسارات — مطابقٌ للعيّنة المعتمدة (pe2 · base/extra)؛ وبطاقاتُ اللوحة يرسمها المتصفّح فتُبلَغ بـ ::deep */
.pd[b-gwdccndwug]{display:flex;flex-direction:column;gap:12px}
.pd-bar[b-gwdccndwug]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pd-banner[b-gwdccndwug]{display:flex;gap:10px;align-items:center;padding:10px 16px;border-radius:10px;font-size: 13px;background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-line);line-height:1.8}
.pd-banner.info[b-gwdccndwug]{background:var(--bg-tint);color:var(--azure);border-color:var(--info-line)}
.pd-head[b-gwdccndwug]{padding:0}
.pd-hero[b-gwdccndwug]{display:flex;gap:12px;align-items:center;padding:14px 18px}
.pd-mark[b-gwdccndwug]{width:44px;height:44px;border-radius:12px;background:var(--brand-navy);color:var(--on-fill);display:grid;place-items:center;font-weight:700;flex:none}
.pd-hero-t[b-gwdccndwug]{flex:1;min-width:0}
.pd-hero-n[b-gwdccndwug]{font-size: 18px;font-weight:600;color:var(--ink)}
.pd-hero-s[b-gwdccndwug]{display:flex;gap:5px;flex-wrap:wrap}
.pd-fields[b-gwdccndwug]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;padding:0 18px 12px}
.pd-fields.two[b-gwdccndwug]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
.pd-fields label[b-gwdccndwug],.pd-pb label[b-gwdccndwug]{display:flex;flex-direction:column;gap:4px;font-size: 12px;color:var(--muted);min-width:0}
.pd-fields label.wide[b-gwdccndwug]{grid-column:1/-1}
.pd-fields input[b-gwdccndwug],.pd-fields select[b-gwdccndwug],.pd-pb input[b-gwdccndwug],.pd-pb select[b-gwdccndwug]{font:inherit;font-size: 13px;color:var(--text);background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:7px 9px;min-width:0}
.pd-fields input:focus[b-gwdccndwug],.pd-fields select:focus[b-gwdccndwug],.pd-pb input:focus[b-gwdccndwug],.pd-pb select:focus[b-gwdccndwug]{outline:none;border-color:var(--azure);background:var(--bg)}
/* الحقلُ المقفل ظاهرُ القفل لا خافتٌ كأنّه معطوب */
.pd-fields input:disabled[b-gwdccndwug],.pd-fields select:disabled[b-gwdccndwug],.pd-pb input:disabled[b-gwdccndwug],.pd-pb select:disabled[b-gwdccndwug]{opacity: .55;cursor:not-allowed;background:var(--neutral-bg)}
.pd-cost[b-gwdccndwug]{display:flex;gap:18px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--line);font-size: 13px;color:var(--muted)}
.pd-cost b[b-gwdccndwug]{color:var(--ink)}

.pd-dz[b-gwdccndwug]{display:grid;grid-template-columns:minmax(0,1fr) 10px var(--pw,360px);gap:6px;align-items:start}
.pd-cv[b-gwdccndwug]{padding:0;overflow:hidden}
.pd-sect[b-gwdccndwug]{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink);font-size: 14px;flex-wrap:wrap}
.pd-tbar[b-gwdccndwug]{display:flex;gap:8px;align-items:center;font-weight:400}
.pd-seg[b-gwdccndwug]{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:150px}
.pd-seg button[b-gwdccndwug]{flex:1;border:0;background:var(--bg);padding:6px 8px;cursor:pointer;color:var(--muted);font:inherit;font-size: 13px}
.pd-seg button.on[b-gwdccndwug]{background:var(--azure);color:var(--on-azure)}
.pd-seg button:disabled[b-gwdccndwug]{cursor:not-allowed;opacity: .55}
.pd-wrap[b-gwdccndwug]{position:relative;height:620px;overflow:auto}
.pd-canvas[b-gwdccndwug]{position:relative;width:2260px;height:1100px;background-color:var(--bg);background-image:radial-gradient(var(--line-strong) 1.2px,transparent 1.2px);background-size:20px 20px;cursor:grab;direction:ltr}
.pd-canvas svg.edges[b-gwdccndwug]{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pd-hint[b-gwdccndwug]{position:absolute;top:10px;right:10px;z-index:5}
.pd-canvas[b-gwdccndwug]  .edge{fill:none;stroke:var(--line-strong);stroke-width:2;cursor:pointer}
.pd-canvas[b-gwdccndwug]  .edge.rej{stroke:var(--danger);stroke-dasharray:6 5}
.pd-canvas[b-gwdccndwug]  .edge.sel{stroke:var(--azure);stroke-width:3}
.pd-canvas[b-gwdccndwug]  .edge-hit{fill:none;stroke:transparent;stroke-width:14;cursor:pointer}
.pd-canvas[b-gwdccndwug]  .node{position:absolute;width:230px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);cursor:grab;user-select:none;font-size: 12px}
.pd-canvas[b-gwdccndwug]  .node.sel{border-color:var(--azure);box-shadow:var(--shadow-focus),var(--shadow)}
.pd-canvas[b-gwdccndwug]  .node.opt{border-style:dashed}
.pd-canvas[b-gwdccndwug]  .node .nh{display:flex;align-items:center;gap:6px;padding:8px 10px 4px}
.pd-canvas[b-gwdccndwug]  .node .nh b{font-size: 13px;color:var(--ink);line-height:1.35}
.pd-canvas[b-gwdccndwug]  .node .no{width:22px;height:22px;flex:none;border-radius: var(--radius);background:var(--bg-tint);color:var(--azure);display:grid;place-items:center;font-weight:700;font-size: 11px}
.pd-canvas[b-gwdccndwug]  .node .nb{padding:2px 10px 8px;display:flex;flex-direction:column;gap:2px;color:var(--muted)}
.pd-canvas[b-gwdccndwug]  .node .nb span b{color:var(--text);font-weight:600}
.pd-canvas[b-gwdccndwug]  .node .nf{display:flex;gap:4px;flex-wrap:wrap;padding:0 10px 9px}
.pd-canvas[b-gwdccndwug]  .node .nf .fsn{background:var(--bg-tint);color:var(--azure)}
.pd-canvas[b-gwdccndwug]  .node .port{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--azure);cursor:crosshair;padding:0}
.pd-canvas[b-gwdccndwug]  .node .port.out{left:-10px}
.pd-canvas[b-gwdccndwug]  .node .port.in{right:-10px;border-color:var(--line-strong);pointer-events:none}
.pd-canvas.ltrc[b-gwdccndwug]  .node .port.out{left:auto;right:-10px}
.pd-canvas.ltrc[b-gwdccndwug]  .node .port.in{right:auto;left:-10px}
.pd-dz.ro .pd-canvas[b-gwdccndwug]  .node{cursor:default}

.pd-split[b-gwdccndwug]{align-self:stretch;cursor:col-resize;border-radius: var(--radius);position:relative;min-height:200px}
.pd-split[b-gwdccndwug]::before{content:"";position:absolute;inset:0 3px;border-radius:3px;background:var(--line)}
.pd-split:hover[b-gwdccndwug]::before,.pd-split.on[b-gwdccndwug]::before{background:var(--azure)}
.pd-panel[b-gwdccndwug]{padding:0;position:sticky;top:78px;max-height:calc(100vh - 100px);overflow:auto}
.pd-pb[b-gwdccndwug]{padding:14px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px;align-items:start}
.pd-pb .full[b-gwdccndwug]{grid-column:1/-1}
.pd-help[b-gwdccndwug]{padding:14px 16px;font-size: 13px;color:var(--muted);line-height:1.9}
.pd-help p[b-gwdccndwug]{margin:0 0 8px}
.pd-help b[b-gwdccndwug]{color:var(--ink)}
.acc-btn.danger[b-gwdccndwug]{background:var(--bg);color:var(--danger-text);border:1px solid var(--danger-line)}
.acc-btn.sm[b-gwdccndwug]{padding:4px 10px;font-size: 12px}
.pd-val[b-gwdccndwug]{display:flex;flex-direction:column;gap:6px;font-size: 13px}
.pd-issue[b-gwdccndwug]{display:flex;gap:6px;align-items:flex-start}
@media (max-width:1100px){.pd-dz[b-gwdccndwug]{grid-template-columns:1fr}.pd-split[b-gwdccndwug]{display:none}.pd-panel[b-gwdccndwug]{position:static;max-height:none}.pd-fields[b-gwdccndwug]{grid-template-columns:1fr 1fr}}
/* /Components/Pages/PathRun.razor.rz.scp.css */
/* بطاقةُ التشغيل — على هيئة العيّنة المعتمدة */
.prn-bar[b-fgtf4m2p6q] { margin: 4px 0 12px; }
.prn-hero[b-fgtf4m2p6q] { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.prn-mark[b-fgtf4m2p6q] { width: 46px; height: 46px; border-radius: 12px; background: var(--brand-navy); color: var(--on-fill); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: none; }
.prn-ht[b-fgtf4m2p6q] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.prn-name[b-fgtf4m2p6q] { font-size: 18px; font-weight: 700; color: var(--ink); }
.prn-tags[b-fgtf4m2p6q] { margin-top: 6px; }
.prn-tag[b-fgtf4m2p6q] { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; background: var(--bg-alt); border: 1px solid var(--line); border-radius: 20px; padding: 2px 10px; color: var(--text); text-decoration: none; }
.prn-tag i[b-fgtf4m2p6q] { font-style: normal; color: var(--muted); }
a.prn-tag:hover[b-fgtf4m2p6q] { border-color: var(--azure); }
.eg-card[b-fgtf4m2p6q] { margin-bottom: 12px; }

/* الخطّ */
.prn-trk[b-fgtf4m2p6q]  .trk-wrap { overflow-x: auto; padding: 4px 0; }
.prn-trk[b-fgtf4m2p6q]  .trk { position: relative; margin: 0 auto; }
.prn-trk[b-fgtf4m2p6q]  .trk svg { position: absolute; inset: 0; overflow: visible; max-width: none; }
.prn-trk[b-fgtf4m2p6q]  .tl { fill: none; stroke: var(--line-strong); stroke-width: 2; stroke-linejoin: round; }
.prn-trk[b-fgtf4m2p6q]  .tl.on { stroke: var(--azure); }
.prn-trk[b-fgtf4m2p6q]  .tl.rej { stroke: var(--danger); stroke-width: 1.5; stroke-dasharray: 5 5; }
.prn-trk[b-fgtf4m2p6q]  .tc { position: absolute; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1.5px solid var(--line-strong); border-radius: var(--radius-nav); background: var(--bg); font-size: 12px; font-weight: 600; color: var(--muted); cursor: pointer; white-space: nowrap; text-align: start; z-index: 1; text-decoration: none; box-sizing: border-box; }
.prn-trk[b-fgtf4m2p6q]  .tc:hover { box-shadow: var(--shadow); }
.prn-trk[b-fgtf4m2p6q]  .tc .nm { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.prn-trk[b-fgtf4m2p6q]  .dt, .dt[b-fgtf4m2p6q] { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--line-strong); background: var(--bg); flex: none; box-sizing: border-box; }
.prn-trk[b-fgtf4m2p6q]  .st-done .dt, .st-done .dt[b-fgtf4m2p6q] { background: var(--azure); border-color: var(--azure); }
.prn-trk[b-fgtf4m2p6q]  .st-ready .dt, .st-ready .dt[b-fgtf4m2p6q] { border-color: var(--warning-line); background: var(--warning-bg); }
.prn-trk[b-fgtf4m2p6q]  .st-work .dt, .st-work .dt[b-fgtf4m2p6q] { border-color: var(--azure); box-shadow: 0 0 0 3px var(--bg-tint); }
.prn-trk[b-fgtf4m2p6q]  .st-appr .dt, .st-appr .dt[b-fgtf4m2p6q] { border-color: var(--info-line); background: var(--bg-tint); }
.prn-trk[b-fgtf4m2p6q]  .st-wait .dt, .st-wait .dt[b-fgtf4m2p6q] { border-color: var(--teal-text); background: var(--teal-bg); }
.prn-trk[b-fgtf4m2p6q]  .st-skip .dt, .prn-trk[b-fgtf4m2p6q]  .st-cancel .dt, .st-skip .dt[b-fgtf4m2p6q], .st-cancel .dt[b-fgtf4m2p6q] { border-style: dashed; }
.prn-trk[b-fgtf4m2p6q]  .tc.st-done { border-color: var(--azure); color: var(--ink); }
.prn-trk[b-fgtf4m2p6q]  .tc.st-ready { border-color: var(--warning-line); color: var(--warning-text); }
.prn-trk[b-fgtf4m2p6q]  .tc.st-work { border-color: var(--azure); color: var(--azure); box-shadow: 0 0 0 3px var(--bg-tint); }
.prn-trk[b-fgtf4m2p6q]  .tc.st-appr { border-color: var(--info-line); color: var(--info-text); }
.prn-trk[b-fgtf4m2p6q]  .tc.st-wait { border-color: var(--teal-text); color: var(--teal-text); }
.prn-trk[b-fgtf4m2p6q]  .tc.st-skip, .prn-trk[b-fgtf4m2p6q]  .tc.st-cancel { border-style: dashed; opacity: .6; }
.prn-trk[b-fgtf4m2p6q]  .tc.st-cancel .nm { text-decoration: line-through; }
.prn-trk[b-fgtf4m2p6q]  .tc.opt:not(.st-done):not(.st-skip) { border-style: dashed; }
.prn-cost[b-fgtf4m2p6q] { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 10px; margin-top: 8px; }
.prn-cost b[b-fgtf4m2p6q] { color: var(--text); }

/* الخطوات */
.ps-h[b-fgtf4m2p6q] { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.ps-h b[b-fgtf4m2p6q] { color: var(--ink); }
.ps-grp[b-fgtf4m2p6q] { position: relative; }
.ps-grp.par[b-fgtf4m2p6q] { border-inline-start: 3px solid var(--line-strong); margin: 6px 0; margin-inline-start: 12px; }
.ps-tag[b-fgtf4m2p6q] { position: absolute; top: -1px; inset-inline-end: 12px; font-size: 11px; color: var(--muted); background: var(--bg); padding: 0 6px; }
.ps[b-fgtf4m2p6q] { display: flex; align-items: center; gap: 10px; width: 100%; text-align: start; border: 0; border-bottom: 1px solid var(--line); background: var(--bg); padding: 9px 16px; cursor: pointer; color: inherit; font: inherit; }
.ps:hover[b-fgtf4m2p6q] { background: var(--bg-alt); }
.ps .no[b-fgtf4m2p6q] { width: 30px; flex: none; font-size: 12px; color: var(--muted); font-weight: 600; }
.ps .tx[b-fgtf4m2p6q] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ps .tx b[b-fgtf4m2p6q] { font-size: 13px; color: var(--ink); font-weight: 600; }
.ps .tm2[b-fgtf4m2p6q] { display: block; font-size: 12px; color: var(--muted); }
.ps .tm2[b-fgtf4m2p6q]  b, .ps .tm2 b[b-fgtf4m2p6q] { color: var(--text); font-weight: 600; }
.ps.st-skip[b-fgtf4m2p6q], .ps.st-cancel[b-fgtf4m2p6q] { opacity: .6; }
.ps.st-cancel .tx b[b-fgtf4m2p6q] { text-decoration: line-through; }
.ps-log summary[b-fgtf4m2p6q] { cursor: pointer; padding: 9px 16px; font-size: 13px; color: var(--azure); border-top: 1px solid var(--line); }
.prn-log[b-fgtf4m2p6q] { padding: 4px 16px 12px; font-size: 12px; color: var(--muted); display: flex; flex-direction: column; gap: 3px; max-height: 320px; overflow: auto; }

/* نافذةُ الخطوة */
.prn-veil[b-fgtf4m2p6q] { position: fixed; inset: 0; background: var(--scrim); z-index: 800; display: flex; justify-content: flex-end; }
[dir="ltr"] .prn-veil[b-fgtf4m2p6q] { justify-content: flex-end; }
.prn-drawer[b-fgtf4m2p6q] { background: var(--bg); width: min(680px, 100%); height: 100%; overflow: auto; padding: 16px 20px 22px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-lg); animation: prnIn-b-fgtf4m2p6q .18s ease-out; }
@keyframes prnIn-b-fgtf4m2p6q { from { transform: translateX(12px); opacity: 0; } to { transform: none; opacity: 1; } }
.prn-dh[b-fgtf4m2p6q] { display: flex; align-items: center; gap: 8px; }
.prn-dh h3[b-fgtf4m2p6q] { font-size: 16px; color: var(--ink); margin: 0; }
.prn-x[b-fgtf4m2p6q] { margin-inline-start: auto; border: 0; background: none; color: var(--muted); font-size: 16px; cursor: pointer; padding: 4px 8px; border-radius: var(--radius); }
.prn-x:hover[b-fgtf4m2p6q] { background: var(--bg-tint); color: var(--ink); }
.prn-dk[b-fgtf4m2p6q] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 12px 0; }
.prn-dk div[b-fgtf4m2p6q] { display: flex; flex-direction: column; font-size: 12px; color: var(--muted); }
.prn-dk div b[b-fgtf4m2p6q] { font-size: 13px; color: var(--text); font-weight: 600; }
.prn-tt[b-fgtf4m2p6q] { width: 100%; border-collapse: collapse; font-size: 12px; }
.prn-tt th[b-fgtf4m2p6q] { text-align: start; color: var(--muted); font-weight: 600; border-bottom: 1px solid var(--line); padding: 6px; }
.prn-tt td[b-fgtf4m2p6q] { border-bottom: 1px solid var(--line); padding: 6px; vertical-align: top; }
.prn-dl[b-fgtf4m2p6q] { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted); }
.prn-dl[b-fgtf4m2p6q]  b, .prn-dl b[b-fgtf4m2p6q] { color: var(--text); }
.prn-acts[b-fgtf4m2p6q] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.prn-formtag[b-fgtf4m2p6q] { display: inline-flex; gap: 6px; align-items: center; border: 1px solid var(--line); border-radius: var(--radius-nav); padding: 2px 9px; text-decoration: none; color: var(--ink); background: var(--bg-alt); }
@media (max-width: 640px) { .prn-dk[b-fgtf4m2p6q] { grid-template-columns: 1fr; } }
/* /Components/Pages/PathRuns.razor.rz.scp.css */
/* أرشيفُ تشغيلات المسارات */
.pr-filters label[b-mqyjr71ceg] { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: var(--muted); }
.pr-filters select[b-mqyjr71ceg], .pr-filters input[b-mqyjr71ceg] { font: inherit; font-size: 14px; min-width: 120px; padding: 6px 8px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.pr-filters .dt-in[b-mqyjr71ceg] { width: 112px; min-width: 0; }
.pr-filters .eg-row[b-mqyjr71ceg] { align-items: flex-end; }
.pr-sp[b-mqyjr71ceg] { flex: 1; }
.pr-row[b-mqyjr71ceg] { cursor: pointer; }
.pr-row:hover td[b-mqyjr71ceg] { background: var(--bg-alt); }
.pr-prog[b-mqyjr71ceg] { display: flex; align-items: center; gap: 8px; min-width: 120px; }
.prog[b-mqyjr71ceg] { flex: 1; height: 6px; border-radius: 4px; background: var(--bg-tint); overflow: hidden; min-width: 60px; display: block; }
.prog i[b-mqyjr71ceg] { display: block; height: 100%; background: var(--success); }
.pr-launch[b-mqyjr71ceg] { display: flex; flex-direction: column; gap: 10px; min-width: min(420px, 80vw); }
.pr-launch label[b-mqyjr71ceg] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.pr-launch select[b-mqyjr71ceg], .pr-launch input:not([type=checkbox])[b-mqyjr71ceg] { font: inherit; font-size: 14px; padding: 7px 9px; border: 1px solid var(--line); border-radius: var(--radius); }
.pr-launch .pr-chk[b-mqyjr71ceg] { flex-direction: row; align-items: center; gap: 8px; color: var(--text); }
/* /Components/Pages/Paths.razor.rz.scp.css */
/* مكتبةُ المسارات — بطاقاتٌ بحالها وأفعالها */
.pl-banner[b-kqpl152swr]{margin:12px 0;padding:10px 14px;border-radius:10px;font-size: 13px;background:var(--bg-tint);color:var(--azure);border:1px solid var(--info-line);line-height:1.8}
.pl-grid[b-kqpl152swr]{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.pl-card[b-kqpl152swr]{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;padding:12px 14px;transition:box-shadow .15s,border-color .15s}
.pl-card:hover[b-kqpl152swr]{border-color:var(--info-line);box-shadow:var(--shadow)}
.pl-card.off[b-kqpl152swr]{background:var(--bg)}
.pl-card.off .pl-name[b-kqpl152swr]{color:var(--muted)}
.pl-top[b-kqpl152swr]{display:flex;gap:10px;cursor:pointer;align-items:flex-start}
.pl-av[b-kqpl152swr]{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size: 13px;background:var(--bg-tint);color:var(--azure);letter-spacing:.04em}
.pl-av.k2[b-kqpl152swr]{background:var(--bg-tint);color:var(--azure)}
.pl-av.k3[b-kqpl152swr]{background:var(--teal-bg);color:var(--teal-text)}
.pl-txt[b-kqpl152swr]{min-width:0;flex:1}
.pl-name[b-kqpl152swr]{font-weight:600;color:var(--ink);font-size: 14px;line-height:1.4}
.pl-sub[b-kqpl152swr]{font-size: 12px;color:var(--muted)}
.pl-desc[b-kqpl152swr]{font-size: 13px;color:var(--text);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-chips[b-kqpl152swr]{display:flex;gap:5px;flex-wrap:wrap}
.pl-cost[b-kqpl152swr]{display:flex;gap:10px;font-size: 13px;color:var(--muted)}
.pl-cost b[b-kqpl152swr]{color:var(--ink)}
.pl-acts[b-kqpl152swr]{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
.pl-acts .mini-btn[b-kqpl152swr]{font:inherit;font-size: 13px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius);padding:4px 10px;cursor:pointer}
.pl-acts .mini-btn:hover:not(:disabled)[b-kqpl152swr]{border-color:var(--azure);color:var(--azure)}
.pl-acts .mini-btn.danger[b-kqpl152swr]{color:var(--danger-text)}
.pl-acts .mini-btn:disabled[b-kqpl152swr]{opacity: .55;cursor:default}
.pl-form[b-kqpl152swr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.pl-form label[b-kqpl152swr]{display:flex;flex-direction:column;gap:4px;font-size: 12px;color:var(--muted)}
.pl-form label.wide[b-kqpl152swr]{grid-column:1/-1}
.pl-form input[b-kqpl152swr],.pl-form select[b-kqpl152swr]{font:inherit;font-size: 14px;color:var(--text);background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:7px 9px}
@media (max-width:640px){.pl-form[b-kqpl152swr]{grid-template-columns:1fr}}
/* /Components/Pages/UiTexts.razor.rz.scp.css */
.ut-bar[b-2a70n5tu72] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0 8px; }
.ut-q[b-2a70n5tu72] { font: inherit; font-size: 14px; padding: 6px 10px; border: 1px solid var(--line); border-radius: var(--radius); min-width: 260px; flex: 1 1 260px; background: var(--bg); color: var(--text); }
.ut-sel[b-2a70n5tu72] { font: inherit; font-size: 14px; padding: 6px 8px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.ut-gaps[b-2a70n5tu72] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.ut-tbl td[b-2a70n5tu72] { vertical-align: top; }
.ut-key[b-2a70n5tu72] { min-width: 220px; max-width: 320px; word-break: break-all; }
.ut-key code[b-2a70n5tu72] { font-size: 12px; color: var(--muted); }
.ut-in[b-2a70n5tu72] { font: inherit; font-size: 13px; width: 100%; min-width: 220px; padding: 5px 7px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); resize: vertical; }
.ut-gap .ut-in[b-2a70n5tu72] { border-color: var(--warning); background: var(--bg-tint); }

.ut-xch[b-2a70n5tu72] { margin: 12px 0; }
.ut-xch > summary[b-2a70n5tu72] { cursor: pointer; font-weight: 600; padding: 6px 0; }
.ut-xgrid[b-2a70n5tu72] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; margin-top: 8px; }
.ut-xcard[b-2a70n5tu72] { display: flex; flex-direction: column; gap: 10px; }
.ut-xcard h4[b-2a70n5tu72] { margin: 0; }
.ut-lbl[b-2a70n5tu72] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.ut-checks[b-2a70n5tu72] { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ut-chk[b-2a70n5tu72] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--text); }
.ut-note[b-2a70n5tu72] { margin: 0; font-size: 12px; }
.ut-result[b-2a70n5tu72] { display: flex; flex-wrap: wrap; gap: 6px; }
.ut-tabs[b-2a70n5tu72] { display: flex; gap: 6px; margin: 8px 0 4px; border-bottom: 1px solid var(--line); }
.ut-tab[b-2a70n5tu72] { font: inherit; font-size: 14px; padding: 7px 14px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--muted); cursor: pointer; }
.ut-tab.on[b-2a70n5tu72] { color: var(--text); border-bottom-color: var(--accent, var(--text)); font-weight: 600; }
/* /Components/Pages/WorkCalendarPage.razor.rz.scp.css */
/* التقويمُ والجدولة — على العيّنة المعتمدة */
.wc-banner[b-ndsx2n8acq] { background: var(--bg-tint); color: var(--ink); border-radius: var(--radius-lg); padding: 10px 14px; margin: 12px 0; font-size: 13px; line-height: 1.8; }
.wc-tabs[b-ndsx2n8acq] { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.wc-tab[b-ndsx2n8acq] { font: inherit; font-size: 14px; font-weight: 600; color: var(--muted); background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 12px; cursor: pointer; }
.wc-tab.on[b-ndsx2n8acq] { color: var(--ink); border-bottom-color: var(--azure); }
.wc-in[b-ndsx2n8acq], .wc-d[b-ndsx2n8acq], .wc-t[b-ndsx2n8acq], .wc-n[b-ndsx2n8acq], .wc-sel[b-ndsx2n8acq] { font: inherit; font-size: 13px; padding: 4px 7px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.wc-in[b-ndsx2n8acq] { width: 150px; display: block; margin: 2px 0; }
.wc-d[b-ndsx2n8acq] { width: 110px; }
.wc-t[b-ndsx2n8acq] { width: 104px; }
.wc-n[b-ndsx2n8acq] { width: 100px; }
.wc-in:disabled[b-ndsx2n8acq], .wc-d:disabled[b-ndsx2n8acq], .wc-t:disabled[b-ndsx2n8acq], .wc-n:disabled[b-ndsx2n8acq] { background: var(--bg-alt); color: var(--muted); }
.wc-days[b-ndsx2n8acq] { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; }
.wc-days label[b-ndsx2n8acq] { display: inline-flex; align-items: center; gap: 3px; }
.wc-pair[b-ndsx2n8acq] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.wc-chk[b-ndsx2n8acq] { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--muted); }
.wc-acts[b-ndsx2n8acq] { white-space: nowrap; }
.wc-sel[b-ndsx2n8acq] { margin-inline-start: 10px; font-weight: 400; }
.wc-grid[b-ndsx2n8acq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.wc-grid[b-ndsx2n8acq]  label, .wc-grid label[b-ndsx2n8acq] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.wc-grid[b-ndsx2n8acq]  input, .wc-grid[b-ndsx2n8acq]  select, .wc-grid select[b-ndsx2n8acq], .wc-grid input[b-ndsx2n8acq] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.wc-week[b-ndsx2n8acq] { display: flex; flex-direction: column; gap: 6px; }
.wc-day[b-ndsx2n8acq] { display: grid; grid-template-columns: 110px 1fr minmax(160px, 34%); align-items: center; gap: 10px; font-size: 13px; }
.wc-dl[b-ndsx2n8acq] { color: var(--ink); font-weight: 600; white-space: nowrap; }
.wc-bar[b-ndsx2n8acq] { position: relative; height: 14px; background: var(--bg-alt); border-radius: 7px; overflow: hidden; direction: ltr; }
.wc-seg[b-ndsx2n8acq] { position: absolute; top: 0; bottom: 0; background: var(--azure); border-radius: 7px; inset-inline-start: 0; }
.wc-seg.ot[b-ndsx2n8acq] { background: var(--success); }
.wc-note[b-ndsx2n8acq] { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
@media (max-width: 760px) { .wc-day[b-ndsx2n8acq] { grid-template-columns: 90px 1fr; } .wc-note[b-ndsx2n8acq] { grid-column: 1 / -1; } }
/* /Components/Pages/WorkFormFill.razor.rz.scp.css */
/* WorkFormFill.razor.css — صفحةُ تعبئة النموذج وحكمه */
.wff[b-leiiqom643]{display:flex;flex-direction:column;gap:12px;max-width:1100px}
.wff-bar[b-leiiqom643]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wff-bar h2[b-leiiqom643]{font-size: 18px;color:var(--ink);margin:0}
.wff-head[b-leiiqom643]{display:flex;flex-direction:column;gap:4px}
.wff-banner[b-leiiqom643]{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-text);border-radius:10px;padding:10px 14px;font-size: 14px}
.wff-acts[b-leiiqom643]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 18px}
.wff-ok[b-leiiqom643]{background:var(--success)!important;border-color:var(--success)!important}
.wff-bad[b-leiiqom643]{background:var(--danger)!important;border-color:var(--danger-text)!important}
/* /Components/Pages/WorkForms.razor.rz.scp.css */
/* WorkForms.razor.css — مكتبةُ نماذج العمل ومصمّمُها: مطابقةٌ لعيّنة المالك المعتمدة (forms_new) */
.wf[b-801u6al16n]  .fx{width:100%;border:1px solid var(--line);border-radius: var(--radius);padding:7px 9px;background:var(--bg-alt);color:var(--text);font:inherit;font-size: 13px;min-width:0;box-sizing:border-box}
.wf[b-801u6al16n]  .fx:focus{outline:none;border-color:var(--azure);background:var(--bg)}
.wf[b-801u6al16n]  .fx:disabled,.wf[b-801u6al16n]  input:disabled,.wf[b-801u6al16n]  select:disabled,.wf[b-801u6al16n]  textarea:disabled{opacity: .55;cursor:not-allowed;background:var(--neutral-bg)}
.wf .cap[b-801u6al16n]{display:flex;flex-direction:column;gap:4px;font-size: 12px;color:var(--muted);min-width:0}
.wf .kbtn[b-801u6al16n]{border:1px solid var(--line);background:var(--bg);border-radius: var(--radius);padding:4px 8px;cursor:pointer;color:var(--ink);font-size: 12px;line-height:1.2}
.wf .kbtn:hover:not(:disabled)[b-801u6al16n]{border-color:var(--azure);color:var(--azure)}
.wf .kbtn:disabled[b-801u6al16n]{opacity: .55;cursor:not-allowed}
.wf-bar[b-801u6al16n]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.wf-pick[b-801u6al16n]{width:auto!important;min-width:300px;max-width:100%}
.wf-sp[b-801u6al16n]{flex:1}
.wf-del[b-801u6al16n]{color:var(--danger-text)!important}
.wf .acc-btn.on[b-801u6al16n]{background:var(--bg-tint);border-color:var(--azure);color:var(--azure)}
.wf-banner[b-801u6al16n]{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-text);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size: 14px}
.wf-hero[b-801u6al16n]{padding:0;margin-bottom:14px}
.wf-hero-top[b-801u6al16n]{display:flex;align-items:center;gap:14px;padding:16px 22px}
.wf-mark[b-801u6al16n]{width:44px;height:44px;border-radius:12px;background:var(--brand-navy);color:var(--on-fill);display:grid;place-items:center;font-weight:700;letter-spacing:.04em;flex:none}
.wf-name[b-801u6al16n]{font-size: 18px;font-weight:600;color:var(--ink)}
.wf-stat[b-801u6al16n]{margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.wf-id[b-801u6al16n]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.8fr);gap:12px;padding:0 22px 18px}
.wf-zone[b-801u6al16n]{display:grid;grid-template-columns:minmax(0,1fr) 10px var(--fpw,420px);gap:6px;align-items:start}
.wf-body[b-801u6al16n]{display:flex;flex-direction:column;gap:14px;min-width:0}
.wf-sec[b-801u6al16n]{padding:0;overflow:hidden}
.wf-sec-h[b-801u6al16n]{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 16px;background:var(--bg-tint);border-bottom:1px solid var(--line)}
.wf-sec-h[b-801u6al16n]  .fx,.wf-sec-h .fx[b-801u6al16n]{background:var(--bg);font-weight:600;color:var(--ink)}
.wf-sn[b-801u6al16n]{width:28px;height:28px;border-radius: var(--radius-nav);background:var(--brand-navy);color:var(--on-fill);display:grid;place-items:center;font-weight:700;font-size: 13px}
.wf-ihd[b-801u6al16n],.wf-it[b-801u6al16n]{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) 112px 64px 30px;gap:8px;align-items:center;padding:0 16px}
.wf-ihd[b-801u6al16n]{font-size: 12px;color:var(--muted);font-weight:600;padding-top:10px;padding-bottom:6px}
.wf-it[b-801u6al16n]{padding-top:10px;padding-bottom:12px;border-top:1px solid var(--line)}
.wf-it:nth-of-type(even)[b-801u6al16n]{background:var(--bg)}
.wf-ni[b-801u6al16n]{width:24px;height:24px;border-radius:50%;background:var(--bg-tint);color:var(--azure);display:grid;place-items:center;font-size: 12px;font-weight:700}
.wf-it2[b-801u6al16n]{grid-column:2/-1;display:grid;gap:8px;margin-top:2px}
.wf-it2.plain[b-801u6al16n]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wf-it2.num[b-801u6al16n]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px 90px 90px}
.wf-it2.list[b-801u6al16n]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wf-it2 .wf-wide[b-801u6al16n]{grid-column:span 1}
.wf-ix[b-801u6al16n]{padding:4px 0!important;width:30px;color:var(--danger-text)!important}
.wf-sec-f[b-801u6al16n]{padding:10px 16px 14px;border-top:1px solid var(--line)}
.wf-addsec[b-801u6al16n]{align-self:flex-start}
.wf-sw[b-801u6al16n]{position:relative;display:inline-block;width:40px;height:22px;justify-self:center}
.wf-sw input[b-801u6al16n]{opacity:0;width:0;height:0;position:absolute}
.wf-sw i[b-801u6al16n]{position:absolute;inset:0;border-radius:22px;background:var(--line-strong);cursor:pointer;transition:.15s}
.wf-sw i[b-801u6al16n]:before{content:"";position:absolute;width:16px;height:16px;top:3px;inset-inline-start:3px;border-radius:50%;background:var(--bg);transition:.15s;box-shadow:var(--shadow-sm)}
.wf-sw input:checked+i[b-801u6al16n]{background:var(--azure)}
.wf-sw input:checked+i[b-801u6al16n]:before{transform:translateX(18px)}
[dir=rtl] .wf-sw input:checked+i[b-801u6al16n]:before{transform:translateX(-18px)}
.wf-sw input:disabled+i[b-801u6al16n]{opacity: .55;cursor:not-allowed}
.wf-split[b-801u6al16n]{align-self:stretch;cursor:col-resize;border-radius: var(--radius);position:relative;min-height:200px;touch-action:none}
.wf-split[b-801u6al16n]:before{content:"";position:absolute;inset:0 3px;border-radius:3px;background:var(--line)}
.wf-split:hover[b-801u6al16n]:before,.wf-split.on[b-801u6al16n]:before{background:var(--azure)}
.wf-prev[b-801u6al16n]{position:sticky;top:78px;max-height:calc(100vh - 100px);overflow:auto;padding:0}
.wf-prev h3[b-801u6al16n]{padding:12px 16px 0}
.wf-pv-head[b-801u6al16n]{display:flex;flex-direction:column;gap:2px;padding:4px 16px 12px;border-bottom:1px solid var(--line)}
.wf-pv-head b[b-801u6al16n]{color:var(--ink);font-size: 16px}
.wf-pv-s[b-801u6al16n]{padding:10px 16px;background:var(--bg-alt);border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.wf-pv-it[b-801u6al16n]{display:flex;flex-direction:column;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line)}
.wf-pv-q[b-801u6al16n]{font-weight:600;font-size: 13px}
.wf-req[b-801u6al16n]{color:var(--danger-text);margin-inline-start:4px}
.wf-pv-g[b-801u6al16n]{font-size: 12px;color:var(--muted)}
.wf-pv-it[b-801u6al16n]  input,.wf-pv-it select[b-801u6al16n],.wf-pv-it textarea[b-801u6al16n],.wf-pv-it input[b-801u6al16n]{border:1px solid var(--line);border-radius: var(--radius);padding:6px 8px;background:var(--bg-alt);font:inherit;font-size: 13px;max-width:100%}
.wf-pv-it[b-801u6al16n]  input.oor{border-color:var(--danger-text);background:var(--danger-bg)}
.wf-pv-num[b-801u6al16n]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wf-pv-num[b-801u6al16n]  input{width:120px}
.wf-dt[b-801u6al16n]{width:130px}
.wf-seg[b-801u6al16n]{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;width:160px}
.wf-seg button[b-801u6al16n]{flex:1;border:0;background:var(--bg);padding:6px 0;cursor:pointer;font:inherit;font-size: 13px}
.wf-seg button+button[b-801u6al16n]{border-inline-start:1px solid var(--line)}
.wf-seg button.on[b-801u6al16n]{background:var(--azure);color:var(--on-azure)}
.wf-seg button:disabled[b-801u6al16n]{cursor:not-allowed;opacity: .55}
.wf-pv-foot[b-801u6al16n]{padding:10px 16px}
@media (max-width:1100px){.wf-zone[b-801u6al16n]{grid-template-columns:1fr}.wf-split[b-801u6al16n]{display:none}.wf-prev[b-801u6al16n]{position:static;max-height:none}.wf-id[b-801u6al16n]{grid-template-columns:1fr}}
/* /Components/Pages/WorkFormView.razor.rz.scp.css */
/* WorkFormView.razor.css — عرضُ التعبئة للقراءة */
.wff[b-pipaaxi08s]{display:flex;flex-direction:column;gap:12px;max-width:1100px}
.wff-bar[b-pipaaxi08s]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wff-bar h2[b-pipaaxi08s]{font-size: 18px;color:var(--ink);margin:0}
.wff-head[b-pipaaxi08s]{display:flex;flex-direction:column;gap:4px}
.wff-banner[b-pipaaxi08s]{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-text);border-radius:10px;padding:10px 14px;font-size: 14px}
.wff-acts[b-pipaaxi08s]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 18px}
.wff-ok[b-pipaaxi08s]{background:var(--success)!important;border-color:var(--success)!important}
.wff-bad[b-pipaaxi08s]{background:var(--danger)!important;border-color:var(--danger-text)!important}
/* /Components/QuoteDelivery.razor.rz.scp.css */
.qd[b-s5nick9zmr] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; padding: 9px 12px; background: var(--bg-alt); border-radius: var(--radius-lg); font-size: 13px; }
.qd-k[b-s5nick9zmr] { color: var(--muted); }
.qd input[b-s5nick9zmr] { font: inherit; font-size: 13px; width: 120px; padding: 4px 8px; border: 1px solid var(--line); border-radius: var(--radius); }
.qd-btn[b-s5nick9zmr] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 3px 10px; cursor: pointer; }
.qd-btn:disabled[b-s5nick9zmr] { opacity: .55; }
/* /Components/WorkCalendarRequests.razor.rz.scp.css */
.wr-form[b-mzyg964agd] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; align-items: end; margin-bottom: 12px; }
.wr-form label[b-mzyg964agd] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.wr-form input[b-mzyg964agd], .wr-form select[b-mzyg964agd] { font: inherit; font-size: 14px; padding: 6px 9px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); }
.wr-wide[b-mzyg964agd] { grid-column: span 2; }
.wr-list[b-mzyg964agd] { margin-top: 10px; }
.wr-h[b-mzyg964agd] { font-size: 13px; font-weight: 600; color: var(--muted); margin: 6px 0; }
.wr-acts[b-mzyg964agd] { white-space: nowrap; }
.mini-btn[b-mzyg964agd] { font: inherit; font-size: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--azure); border-radius: var(--radius); padding: 3px 9px; cursor: pointer; margin-inline-end: 4px; }
.mini-btn:disabled[b-mzyg964agd] { opacity: .55; cursor: default; }
@media (max-width: 640px) { .wr-wide[b-mzyg964agd] { grid-column: span 1; } }
/* /Components/WorkFormSheet.razor.rz.scp.css */
/* WorkFormSheet.razor.css — ورقةُ النموذج: أقسامٌ مؤطّرة، وبنودٌ بسؤالها وإرشادها وقيمتها وملاحظاتها ومرفقاتها */
.wfs[b-dvkdykg8sk]{display:flex;flex-direction:column;gap:12px}
.wfs-sec[b-dvkdykg8sk]{border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:visible}
.wfs-sec-h[b-dvkdykg8sk]{padding:9px 14px;background:var(--bg-alt);border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;font-weight:600;color:var(--ink)}
.wfs-it[b-dvkdykg8sk]{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.wfs-it:last-child[b-dvkdykg8sk]{border-bottom:0}
.wfs-q[b-dvkdykg8sk]{font-weight:600;color:var(--text);font-size: 14px}
.wfs-req[b-dvkdykg8sk]{color:var(--danger-text);margin-inline-start:4px}
.wfs-g[b-dvkdykg8sk]{font-size: 12px;color:var(--muted)}
.wfs-row[b-dvkdykg8sk]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wfs-row[b-dvkdykg8sk]  .mx-wrap{flex:1;min-width:220px}
.wfs[b-dvkdykg8sk]  input.wfs-num,.wfs-dt[b-dvkdykg8sk],.wfs-sel[b-dvkdykg8sk]{border:1px solid var(--line);border-radius: var(--radius);padding:6px 8px;background:var(--bg-alt);font:inherit;font-size: 13px}
.wfs[b-dvkdykg8sk]  input.wfs-num{width:130px}
.wfs-dt[b-dvkdykg8sk]{width:130px}
.wfs[b-dvkdykg8sk]  input.oor,.wfs-dt.oor[b-dvkdykg8sk]{border-color:var(--danger-text)!important;background:var(--danger-bg)!important}
.wfs[b-dvkdykg8sk]  input:disabled,.wfs-dt:disabled[b-dvkdykg8sk],.wfs-sel:disabled[b-dvkdykg8sk]{opacity: .55;cursor:not-allowed;background:var(--neutral-bg)}
.wfs-sel[b-dvkdykg8sk]{min-width:200px}
.wfs-seg[b-dvkdykg8sk]{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;width:180px}
.wfs-seg button[b-dvkdykg8sk]{flex:1;border:0;background:var(--bg);padding:6px 0;cursor:pointer;font:inherit;font-size: 13px}
.wfs-seg button+button[b-dvkdykg8sk]{border-inline-start:1px solid var(--line)}
.wfs-seg button.on[b-dvkdykg8sk]{background:var(--azure);color:var(--on-azure)}
.wfs-seg button:disabled[b-dvkdykg8sk]{cursor:not-allowed;opacity: .55}
.wfs-notes[b-dvkdykg8sk]{flex:1;min-width:220px}
.wfs-saved[b-dvkdykg8sk]{background:var(--bg-alt);border:1px solid var(--line);border-radius: var(--radius);padding:6px 9px;font-size: 13px;min-height:32px;flex:1}
.wfs-att[b-dvkdykg8sk]{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.wfs-attbtn[b-dvkdykg8sk]{border:1px dashed var(--line);background:var(--bg);border-radius: var(--radius);padding:5px 10px;cursor:pointer;font:inherit;font-size: 13px;color:var(--ink)}
.wfs-attbtn:hover:not(:disabled)[b-dvkdykg8sk]{border-color:var(--azure);color:var(--azure)}