/* TEKLİFSENDE – LIVE UI FINAL */

.ts-live{max-width:460px;margin:0 auto;padding:10px;font-family:Arial, sans-serif;}
.ts-live__top{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 10px;}
.ts-live__brand{display:flex;gap:10px;align-items:center}
.ts-live__logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#1f7ae0,#34c3ff);}
.ts-live__domain{font-weight:900;font-size:22px;color:#111}
.ts-live__domain span{color:#9aa0a6;font-weight:700}
.ts-live__stats{display:flex;gap:12px;align-items:center;color:#222;font-size:13px}
.ts-live__stat{display:flex;gap:6px;align-items:center}
.ts-live__stat b{font-weight:900}

.ts-live__card{background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.08);padding:14px;border:1px solid rgba(0,0,0,.06);}
.ts-live__product{display:flex;gap:12px}
.ts-live__img{width:86px;height:86px;object-fit:contain;border-radius:14px;background:#f3f6ff;padding:6px}
.ts-live__meta{flex:1}
.ts-live__title{font-weight:900;font-size:20px;line-height:1.2}
.ts-live__badges{margin-top:8px;color:#1f7ae0;font-weight:700;font-size:13px;display:flex;gap:10px;align-items:center}
.ts-live__badge{display:inline-flex;gap:6px;align-items:center}

.ts-live__grid2{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ts-live__timerBox{background:#ffb347;border-radius:14px;padding:10px;color:#fff}
.ts-live__timerLbl{font-weight:700;opacity:.95}
.ts-live__timer{font-weight:900;font-size:32px;margin-top:4px}
.ts-live__priceBox{border-radius:14px;padding:10px;background:#f3f5ff}
.ts-live__priceLbl{font-weight:700;color:#6b7280}
.ts-live__price{font-weight:900;font-size:28px;color:#111;margin-top:4px}

.ts-live__buttons{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ts-btn{border:0;border-radius:14px;padding:14px 12px;font-weight:900;font-size:16px;cursor:pointer}
.ts-btn__sub{font-weight:700;font-size:12px;opacity:.9;margin-left:6px}
.ts-btn--blue{background:linear-gradient(135deg,#1f7ae0,#34c3ff);color:#fff}
.ts-btn--green{background:linear-gradient(135deg,#78c850,#4caf50);color:#fff}
.ts-btn[disabled]{opacity:.55;cursor:not-allowed}

.ts-live__rulesMini{margin-top:10px;color:#6b7280;font-size:13px;line-height:1.5}

.ts-live__tokens{margin-top:12px;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px;background:#fafbff}
.ts-live__tokensHead{display:flex;gap:8px;align-items:center;font-weight:800;color:#111}
.ts-live__tokensHead b{font-weight:900}
.ts-live__drop{margin-left:auto;color:#6b7280}
.ts-user-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;color:#fff}
.ts-standard{background:#9e9e9e}
.ts-silver{background:linear-gradient(135deg,#bfc5c7,#8e9aa0);color:#111}
.ts-vip{background:linear-gradient(135deg,#f5b301,#ff9800);color:#111}

.ts-live__autotopup{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:14px;color:#111}
.ts-live__autotopup input{width:18px;height:18px}
.ts-live__autotopupSub{margin-left:28px;color:#6b7280;font-size:12px;margin-top:4px}

.ts-live__tabs{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.06)}
.ts-live__tab{background:#fff;border:0;padding:12px 10px;font-weight:900;color:#6b7280;cursor:pointer}
.ts-live__tab--active{color:#1f7ae0;border-bottom:2px solid #1f7ae0}

.ts-live__bids{margin-top:10px}
.ts-live__bidRow{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.ts-live__avatar{width:28px;height:28px;border-radius:50%;background:#e5e7eb}
.ts-live__bidTxt{flex:1;color:#111}
.ts-live__bidAgo{color:#6b7280;font-size:12px}

.ts-live__ruleBox{margin-top:12px;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:12px;background:#fff}
.ts-live__ruleTitle{font-weight:900;margin-bottom:6px}
.ts-live__ruleList{margin:0;padding-left:18px;color:#374151;font-size:13px;line-height:1.5}
.ts-live__winnerLine{margin-top:10px;font-weight:900;color:#111}