/* ============ أوامر التغيير ============ */
.co-desc { max-width: 340px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-plus { color: var(--ok); font-weight: 700; margin-inline-end: 1px; }
.co-del { width: 30px; height: 30px; border: 0; background: none; }
.co-del:hover { color: var(--bad); background: var(--bad-soft); }
.flow-step.co-step-bad { background: var(--bad); color: var(--surface); border-color: transparent; }

/* بطاقة ملخص العقد لكل مشروع */
.co-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.co-sum { display: flex; flex-direction: column; gap: 12px; cursor: pointer; position: relative; overflow: hidden; transition: transform .15s, box-shadow .15s; }
.co-sum::before { content: ''; position: absolute; inset-block-start: 0; inset-inline: 0; height: 3px; background: var(--pc, var(--primary)); }
.co-sum:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.co-sum h3 { font-size: 14.5px; }
.co-fees { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; font-size: 12.5px; }
.co-fees b { display: block; font-size: 14px; }
.co-stack { display: flex; height: 8px; border-radius: 10px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--border); }
.co-stack i { display: block; height: 100%; background: var(--primary); }
.co-stack i.add { background: var(--s3); }
.co-end { font-size: 12px; display: flex; flex-direction: column; gap: 2px; padding-top: 10px; border-top: 1px dashed var(--border); }
.co-end .ic { width: 14px; height: 14px; vertical-align: -2px; }
.co-old { text-decoration: line-through; }
.co-impact { background: var(--surface-2); }
.co-impact .ic { width: 15px; height: 15px; vertical-align: -3px; color: var(--primary); }

@media (max-width: 640px) {
  .co-desc { max-width: 220px; }
}