/* Rozet bileseni - pill, polimorfik kaynak rozetleri (src-badge), stok noktasi (stock-dot) */

/* ============================================================
   9. PILLS / BADGES
   ============================================================ */
.pill {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 12px;
  font-size: 11px; font-weight: 500;
  white-space: nowrap;
}
.pill i { font-size: 10px; }
.pill.green   { background: var(--green-bg);  color: var(--green-dark); }
.pill.yellow  { background: var(--yellow-bg); color: var(--yellow-dark); }
.pill.red     { background: var(--red-bg);    color: var(--red-dark); }
.pill.gray    { background: rgba(0,0,0,0.07); color: var(--muted); }
.pill.purple  { background: var(--purple-bg); color: var(--purple-dark); }
.pill.orange  { background: var(--orange-soft); color: var(--orange-dark); }
.pill.blue    { background: rgba(0,122,255,0.14); color: #005FCC; }

/* Polymorphic source badges (Aile 6/10) */
.src-badge {
  display: inline-flex; align-items: center;
  padding: 3px 8px; border-radius: 6px;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.5px; text-transform: uppercase;
  white-space: nowrap;
}
.src-badge.tedarik       { background: var(--src-tedarik-bg);       color: #1B7A36; }
.src-badge.depo-talep    { background: var(--src-depo-talep-bg);    color: #005FCC; }
.src-badge.urun-zimmet   { background: var(--src-urun-zimmet-bg);   color: #6E2E96; }
.src-badge.depo-aktarim  { background: var(--src-depo-aktarim-bg);  color: #003078; }
.src-badge.urun-hurda    { background: var(--src-urun-hurda-bg);    color: #B0271F; }
.src-badge.depo-sayim    { background: var(--src-depo-sayim-bg);    color: #7A5400; }
.src-badge.manuel        { background: var(--src-manuel-bg);        color: #7A5400; }

/* Stock dot */
.stock-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  flex-shrink: 0;
}
.stock-dot.red    { background: var(--red);    box-shadow: 0 0 0 3px var(--red-bg); }
.stock-dot.yellow { background: var(--yellow); box-shadow: 0 0 0 3px var(--yellow-bg); }
.stock-dot.green  { background: var(--green);  box-shadow: 0 0 0 3px var(--green-bg); }
.stock-dot.gray   { background: var(--muted);  box-shadow: 0 0 0 3px rgba(134,134,139,0.2); }