/* Purchase app styles (admin.css tokens only; logical properties for RTL). Shared KPI / attention cards live in inventory.css. */
.pur-dash .grid-dash .hbars { gap: 12px; }
.inv-lines + .inv-banner, .le + .inv-banner { margin-top: 12px; }
.w-share { width: 160px; }
.analysis .share i { background: var(--c3); }

/* quick action: purchase from a receipt photo */
.pur-quick { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 45%, var(--panel)); }
.pur-quick-ico { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-d); flex: 0 0 auto; }
.pur-quick-txt { flex: 1 1 220px; min-width: 0; display: grid; gap: 2px; }
.pur-bill-name { display: inline-flex; align-items: center; }
@media (max-width: 720px) { .pur-quick .btn { width: 100%; min-height: 48px; } }