/* =====================================================================
   توحيد المسار — طبقة مكمّلة لنظام الواجهة (ui.css)
   الهوية + الأقسام الخاصة بالمؤسسة + صور عروض الأسعار
   ===================================================================== */

/* ---------- الهوية في القائمة الجانبية ---------- */
.brand .mark{background:#fff!important;border-radius:10px;padding:3px;height:42px!important;width:42px!important;justify-content:center;border:1px solid var(--line)}
.brand .mark img{height:36px!important;width:36px!important;max-width:36px;border-radius:7px}
.brand .brand-name{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.brand .brand-name b{font-size:15px;font-weight:700;color:var(--ink)}
.brand .brand-name span{font-size:11.5px;color:var(--muted)}

/* ---------- شاشة الدخول ---------- */
.art-top .art-name{color:#fff;font-size:17px;font-weight:700}
.art-top img{width:44px;padding:4px!important}
.auth-brand-m{display:none;align-items:center;gap:10px;margin-bottom:22px}
.auth-brand-m .auth-logo{display:block!important;height:44px!important;width:44px;margin:0!important;border-radius:10px;border:1px solid var(--line);background:#fff;padding:3px}
.auth-brand-m b{font-size:18px;font-weight:700;color:var(--ink)}
@media (max-width:860px){ .auth-brand-m{display:flex} }
.auth-card .auth-form .btn.primary{width:100%;justify-content:center}

/* ---------- الجرس (تصميم توحيد المسار) بألوان النظام الجديد ---------- */
#themeBtn,.bell{width:38px;height:38px;min-width:38px;min-height:38px;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink-2);position:relative;cursor:pointer}
#themeBtn:hover,.bell:hover{background:var(--surface-3)}
#themeBtn svg,.bell svg{width:20px;height:20px}
.bell .badge{position:absolute;top:3px;inset-inline-end:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;line-height:1}
.bell-pop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-pop);z-index:300}
.bell-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.bell-list{max-height:420px;overflow:auto}
.bell-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font:inherit}
.bell-item:hover{background:var(--surface-2)}
.bell-item .dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none;background:var(--ok)}
.bell-item .dot.due{background:var(--due)} .bell-item .dot.warn{background:var(--warn)}
.bi-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.bi-main b{font-size:13px;font-weight:600}
.bi-sub{font-size:12px;color:var(--muted)}
.bell-f{padding:12px 16px}

/* ---------- عناصر قديمة لم تعد مستخدمة ---------- */
#burger,.burger,.side-backdrop{display:none!important}

/* ---------- صور بنود عرض السعر (المحرر) ---------- */
.qi-img{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qi-thumb{width:56px;height:56px;border-radius:var(--r-sm);border:1px dashed var(--line-2);background:var(--surface-2);display:grid;place-items:center;overflow:hidden;flex:none;color:var(--faint)}
.qi-thumb svg{width:22px;height:22px}
.qi-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.qi-thumb.has{border-style:solid}
.qi-img .btn.sm{min-height:34px}
.q-gallery-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}
.q-gal-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:8px}
.q-gal-item .ph{aspect-ratio:4/3;border-radius:var(--r-sm);background:#fff;display:grid;place-items:center;overflow:hidden}
.q-gal-item .ph img{width:100%;height:100%;object-fit:contain}
.q-gal-item input{font-size:13px;min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);width:100%}
.q-gal-item .row-a{display:flex;gap:6px;justify-content:space-between}
.q-upload-busy{opacity:.6;pointer-events:none}
@media (max-width:860px){
  .qi-thumb{width:64px;height:64px}
}

/* ---------- تحييد تنسيقات الواجهة القديمة التي تتعارض مع التصميم الجديد ---------- */
.auth-root{padding:0!important;background:var(--canvas)!important;align-items:stretch;justify-content:stretch}
.auth-root::before,.auth-root::after{content:none!important;display:none!important}
.auth-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;width:min(380px,100%)!important;animation:viewIn .35s var(--ease-out) both}
.auth-err{display:none}
.bell .badge{top:-3px!important;inset-inline-start:auto!important;inset-inline-end:-5px!important;background:var(--brand)!important;box-shadow:none!important;animation:none!important;transform:none!important}
.bell,.bell svg{animation:none!important;box-shadow:none!important}
.btn,.btn.primary,.btn.navy,.btn.success,.btn.danger{box-shadow:none!important}
.code-chip{box-shadow:none!important}
.panel,.card-soft,.stat,.kpi{box-shadow:none!important}
.panel:hover{box-shadow:none!important;transform:none!important}
.avatar{box-shadow:none!important}
.chip{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}

/* ---------- صورة البند داخل خانة الوصف ---------- */
.li-table td.q-desc-cell{min-width:220px}
.li-table td.q-desc-cell .qi-img{margin-top:6px}
.li-table td.q-desc-cell .qi-thumb{width:44px;height:44px}

/* أزرار أسفل نافذة التحرير على الجوال */
@media (max-width:860px){
  .drawer-f{flex-wrap:wrap}
  .drawer-f .btn{flex:1 1 45%;justify-content:center}
}