/* تحسينات عامة للمظهر والإحساس بالسرعة — بتتحمّل بعد app.css */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* كروت وجداول */
.card{transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
a.card:hover,.cg-card:hover{box-shadow:0 8px 24px rgba(16,35,29,.10);transform:translateY(-2px)}
.table tbody tr{transition:background-color .15s var(--ease)}
.table tbody tr:hover{background:rgba(15,92,74,.045)}
.table-wrap{scrollbar-width:thin}
/* أزرار وحقول */
.btn{transition:background-color .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease)}
.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.input,.select,.textarea{transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
:focus-visible{outline:2px solid var(--primary,#0F5C4A);outline-offset:2px;border-radius:6px}
.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px rgba(15,92,74,.16)}
img{max-width:100%}
img[loading=lazy]{background:linear-gradient(90deg,#eef1ef,#f7f9f8,#eef1ef)}
/* مودال بحركة هادية */
.modal.is-open .modal__box{animation:pl-pop .18s var(--ease)}
@keyframes pl-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
/* تنبيهات الفلاش */
.alert{animation:pl-in .25s var(--ease)}
@keyframes pl-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* موبايل: أهداف لمس أكبر ومنع سكرول أفقي */
@media (max-width:720px){
  body{overflow-x:hidden}
  .btn{min-height:42px}.btn--sm{min-height:36px}
  .input,.select,.textarea{font-size:16px}
  .table-wrap{margin-inline:-4px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.card{box-shadow:none!important;transform:none!important}}
/* شارات داخل صفوف القوايم ما تتمدّدش */
.cl-mini .badge{display:inline-block;width:auto;max-width:max-content}

/* حسابات جهة العميل جوه كل عميل */
.cl-accts{border-top:1px dashed var(--line,#e4e7e5);background:var(--canvas,#fafbfa)}
.cl-accts>summary{cursor:pointer;padding:6px 14px;font-size:12.5px;color:var(--ink-2,#556);list-style:none}
.cl-accts>summary::-webkit-details-marker{display:none}
.cl-accts>summary b{background:var(--brand-tint,#e9f3ef);border-radius:99px;padding:0 8px;margin-inline-start:4px}
.cl-accts__body{padding:6px 14px 12px}
.cl-acct{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line,#eee)}
.cl-acct__who{display:flex;flex-direction:column;min-width:160px;flex:1}

/* صور بنود عروض الأسعار */
.dp__itm{display:flex;gap:12px;align-items:flex-start}
.dp__img{flex:none;width:92px;height:92px;border-radius:10px;overflow:hidden;border:1px solid var(--line,#e4e7e5);background:#f6f7f6;display:block}
.dp__img img{width:100%;height:100%;object-fit:cover;display:block}
.dp__table td small{display:block}
.dc-img{display:flex;align-items:center;gap:10px;margin-top:6px}
.dc-img__pick{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px dashed var(--border,#c8cfcb);border-radius:10px;cursor:pointer;font-size:12px;color:var(--muted,#667);overflow:hidden;background:var(--bg,#fafafa)}
.dc-img__pick:hover{border-color:var(--primary,#0F5C4A)}
.dc-img__pick img{width:100%;height:100%;object-fit:cover}
@media print{.dp__img{width:80px;height:80px;-webkit-print-color-adjust:exact;print-color-adjust:exact}}