/* Sadakat puanı (E12): kademe rozetleri, POS kazanım notu, Kampanya&Sadakat paneli. */

.tier-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.7;
    white-space: nowrap;
}

.tier-bronze { background: #f2e4d5; color: #8a5a2b; }
.tier-silver { background: #e9edf1; color: #566673; }
.tier-gold { background: #fbf1cf; color: #927015; }
.tier-platinum { background: #e5e9f2; color: #3d4870; }

.tier-progress { color: #8a8880; font-weight: 500; }

.tier-progress-note {
    margin: 10px 0 0;
    font-size: 12px;
    color: #77746d;
}

/* POS ödeme modalı — kazanılacak puan bilgisi */
.payment-earn-note {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0;
    padding: 8px 10px;
    background: #f5f2e6;
    border: 1px solid #e7e1cd;
    border-radius: 8px;
    font-size: 12px;
    color: #6b5e2e;
}

.payment-earn-note b { color: #0f1b2d; }

/* Kampanya & Sadakat → Sadakat Programı kartı */
.loyalty-panel {
    background: #fff;
    border: 1px solid #d6d3ca;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 8px;
}

.loyalty-panel > header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.loyalty-panel h2 {
    margin: 0;
    font: 600 16px "DM Sans", sans-serif;
    letter-spacing: 0;
}

.loyalty-panel header p {
    margin: 2px 0 0;
    font-size: 12px;
    color: #77746d;
}

.loyalty-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #44433f;
    white-space: nowrap;
}

.loyalty-rules {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0;
}

.loyalty-rules > div {
    flex: 1 1 140px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #f6f5f0;
    border: 1px solid #e4e1d9;
    border-radius: 8px;
    padding: 8px 10px;
}

.loyalty-rules span {
    font-size: 10px;
    color: #8a8880;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.loyalty-rules b { font-size: 14px; color: #282724; }

.loyalty-tiers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.loyalty-tier-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 108px;
    background: #faf9f5;
    border: 1px solid #e4e1d9;
    border-radius: 8px;
    padding: 8px 10px;
}

.loyalty-tier-card small { color: #8a8880; font-size: 11px; }

/* Dashboard kasa kapanış Z-raporu (Kasa sayım) */
.zreport-expected,
.zreport-diff {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 9px 0;
    margin-top: 8px;
    border-top: 1px solid #e4e1d9;
}

.zreport-expected strong { font-size: 16px; color: #0f1b2d; }
.zreport-diff strong { font-size: 15px; }
.zreport-diff.ok strong { color: #2e7d32; }
.zreport-diff.over strong { color: #94721a; }
.zreport-diff.short strong { color: #b93434; }
.zreport-summary { margin-top: 8px; font-size: 12px; color: #77746d; }

/* Sayfalama kontrolü (K1) — tüm liste sayfalarında ortak */
.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 12px 0;
    font-size: 13px;
    color: #5f5e5a;
}

.pager button {
    border: 1px solid #cbc8bf;
    background: #fff;
    color: #185fa5;
    padding: 7px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.pager button:disabled { opacity: .45; cursor: default; color: #8a8880; }
.pager b { color: #0f1b2d; }
.pager em { color: #8a8880; font-style: normal; }

/* Eşzamanlılık (iki sekme) çakışma uyarı banner'ı (K3) */
.demo-conflict-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 16px 0;
    padding: 10px 14px;
    background: #fdeede;
    border: 1px solid #f0c98a;
    border-radius: 8px;
    color: #8a5a1a;
    font-size: 13px;
    font-weight: 600;
}

.demo-conflict-banner span { flex: 1; }
.demo-conflict-banner button {
    border: 0;
    background: transparent;
    font-size: 18px;
    line-height: 1;
    color: #8a5a1a;
    cursor: pointer;
}