/* ===== سجل تعديلات أوامر الشراء (shares the .sd-* look of لوحة المبيعات) ===== */
.pel .sd-kpis { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
.pel-in { border: 1.5px solid var(--line); border-radius: 10px; padding: .35rem .6rem; font-family: inherit; font-size: .85rem; min-width: 0; background: #fff; }
#pel_q { width: 260px; max-width: 100%; }
.pel .sd-table tr[data-actor] { cursor: pointer; }
.pel .sd-table tr[data-actor]:hover { background: #f8fafc; }
.pel-warn { color: var(--red); font-weight: 900; }
.pel-list { display: flex; flex-direction: column; }
.pel-item { padding: 12px 4px; border-bottom: 1px solid var(--line); }
.pel-item:last-child { border-bottom: 0; }
.pel-item > header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; align-items: baseline; }
.pel-item time { color: var(--muted); font-size: .8rem; font-weight: 700; }
.pel-who { font-size: .92rem; }
.pel-ref { margin-top: 4px; color: var(--muted); font-size: .84rem; font-weight: 700; }
.pel-link { border: 0; background: none; padding: 0; color: var(--orange); font-weight: 800; font-family: inherit; cursor: pointer; }
.pel-link:hover, .pel-link:focus-visible { text-decoration: underline; }
.pel-tag { display: inline-block; margin-inline-start: 4px; padding: .05rem .5rem; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: .72rem; font-weight: 800; }
.pel-tag.is-warn { background: #fee2e2; color: #b91c1c; }
.pel-diff { margin-inline-start: 6px; font-weight: 900; }
.pel-diff.is-up { color: var(--red); }
.pel-diff.is-down { color: var(--green); }
.pel-msg { margin-top: 4px; font-weight: 600; }
.pel-reason { margin-top: 2px; font-size: .85rem; color: var(--dark); }
@media (max-width: 640px) { #pel_q { width: 100%; } }