/* Bling POS — jewelry screens + brand (loaded on every page after styles.css) */
body.bling .home-tile.primary { background: linear-gradient(135deg, #2f6fe8, #1b2a5e); }
.dj-wrap { padding: 16px 20px; max-width: 1100px; margin: 0 auto; }
.dj-topline { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.dj-topline h2 { margin: 0; }

/* ---------- P1: pieces / memo / counts / re-price screens ---------- */
.dj-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.dj-chip { display: inline-block; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--border, rgba(127,127,127,.3)); background: var(--panel, transparent); font-size: 12px; cursor: pointer; white-space: nowrap; }
.dj-chip.on { background: #2f6fe8; border-color: #2f6fe8; color: #fff; }
.dj-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 8px; background: rgba(127,127,127,.15); display: inline-block; vertical-align: middle; }
.dj-thumb.ph { display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
.dj-st { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; background: rgba(127,127,127,.18); }
.dj-st.in_stock { background: rgba(34,197,94,.18); color: #16a34a; }
.dj-st.sold { background: rgba(59,130,246,.18); color: #2563eb; }
.dj-st.on_layaway, .dj-st.reserved { background: rgba(245,158,11,.2); color: #d97706; }
.dj-st.consigned, .dj-st.memo_in { background: rgba(168,85,247,.18); color: #9333ea; }
.dj-st.memo_out, .dj-st.in_repair { background: rgba(14,165,233,.18); color: #0284c7; }
.dj-st.missing, .dj-st.scrapped, .dj-st.returned_to_vendor, .dj-st.consumed { background: rgba(239,68,68,.18); color: #dc2626; }
.dj-photos { display: flex; flex-wrap: wrap; gap: 8px; }
.dj-photos .ph { position: relative; width: 96px; height: 96px; border-radius: 10px; overflow: hidden; background: rgba(127,127,127,.15); }
.dj-photos .ph img { width: 100%; height: 100%; object-fit: cover; }
.dj-photos .ph a.x { position: absolute; top: 2px; right: 4px; color: #fff; text-shadow: 0 0 4px #000; cursor: pointer; font-weight: 800; }
.dj-photos .add { width: 96px; height: 96px; border: 2px dashed var(--border, rgba(127,127,127,.4)); border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 28px; }
.dj-stones table { width: 100%; }
.dj-stones input, .dj-stones select { width: 100%; min-width: 0; padding: 4px 6px; font-size: 13px; }
.dj-events { max-height: 220px; overflow-y: auto; font-size: 13px; }
.dj-events .ev { display: flex; gap: 10px; padding: 4px 0; border-bottom: 1px solid var(--border, rgba(127,127,127,.2)); }
.dj-events .ev .t { color: var(--muted); white-space: nowrap; width: 128px; }
.dj-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 8px 0 14px; }
.dj-kpi { border: 1px solid var(--border, rgba(127,127,127,.3)); border-radius: 12px; padding: 10px 12px; background: var(--panel, transparent); }
.dj-kpi .l { font-size: 12px; color: var(--muted); }
.dj-kpi .v { font-size: 22px; font-weight: 800; }
.dj-kpi .v.red { color: #dc2626; }
.dj-kpi .v.green { color: #16a34a; }
.dj-scanbox { font-size: 22px; padding: 12px 14px; width: 100%; letter-spacing: .08em; }
.dj-count-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 800px) { .dj-count-grid { grid-template-columns: 1fr; } }
.dj-tagprev { background: #fff; border: 1px solid #ccc; border-radius: 6px; padding: 4px; display: inline-block; }
.dj-tagprev canvas { display: block; height: 42px; width: auto; }
.dj-row-sel td { background: rgba(47,111,232,.12); }
.dj-bar { height: 10px; background: #2f6fe8; border-radius: 5px; display: inline-block; vertical-align: middle; }
.cards-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .cards-2 { grid-template-columns: 1fr; } }