/* sadakat modülü stilleri — renkler sofra.css jetonlarından, koyu/açık tema ikisinde de */
.sd-izgara { margin-bottom: 18px; }
.sd-not { font-size: 13px; margin: 12px 0 0; }

/* ödüle yakın misafirler */
.sd-liste { list-style: none; margin: 0; padding: 0; }
.sd-misafir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); min-width: 0; }
.sd-misafir:last-child { border-bottom: 0; }
.sd-misafir__sol { display: grid; gap: 5px; min-width: 0; flex: 1 1 220px; }
.sd-misafir__sol > strong { font-weight: 600; }
.sd-masa { justify-self: start; background: var(--siparis-zemin); color: var(--siparis); }
.sd-masada { position: relative; }
.sd-masada::before { content: ""; position: absolute; left: -12px; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: var(--siparis); }
.sd-ilerleme { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.sd-ilerleme small { color: var(--soluk); font-size: 12px; }
.sd-damgalar { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.sd-damgalar i { width: 11px; height: 11px; border-radius: 50%; border: 1.5px solid var(--cizgi); background: var(--yuzey); }
.sd-damgalar i.sd-dolu { background: var(--marka); border-color: var(--marka); }
.sd-damgalar i.sd-odul { border-radius: 3px; border-color: var(--siparis); }
.sd-damgalar i.sd-odul.sd-dolu { background: var(--siparis); }
.sd-cubuk { display: inline-block; width: 120px; height: 6px; border-radius: 6px; background: var(--yuzey-2); overflow: hidden; }
.sd-cubuk i { display: block; height: 100%; background: var(--marka); border-radius: 6px; }
.sd-haklar { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; min-width: 0; }
.sd-hak { display: inline-flex; align-items: center; gap: 6px; }
.sd-hak .btn.kucuk { padding: 4px 10px; font-size: 13px; }
.sd-bir { font-size: 12px; color: var(--marka); font-weight: 600; }

/* kural formu */
.sd-grup { border: 1px solid var(--cizgi); border-radius: 12px; margin: 0; padding: 10px 12px 12px; min-width: 0; display: grid; gap: 10px; }
.sd-grup legend { padding: 0 4px; }
.sd-grup.sd-aktif { border-color: var(--marka); background: var(--marka-acik); }
.sd-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.sd-grup .alan input, .sd-kural select { width: 100%; min-width: 0; }

/* kullanılan ödül izi */
.sd-izler { list-style: none; margin: 0; padding: 0; }
.sd-izler li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 14px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.sd-izler li:last-child { border-bottom: 0; }
.sd-iz__sol, .sd-iz__sag { display: grid; gap: 2px; min-width: 0; }
.sd-iz__sag { text-align: right; }
.sd-izler small { color: var(--soluk); font-size: 12px; }

@media (max-width: 520px) {
  .sd-iki { grid-template-columns: 1fr; }
  .sd-haklar { justify-content: flex-start; }
  .sd-iz__sag { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .sd-cubuk i, .sd-damgalar i { transition: none; }
}