/* PS5 Arena V12 — Bidding loop styles */

/* ── BID COUNTDOWN ─────────────────────────────────────────── */
.bid-countdown{
  display:inline-flex;align-items:center;gap:5px;padding:3px 10px;
  border-radius:20px;font-size:.75rem;font-weight:700;
  background:rgba(245,158,11,.13);color:#f59e0b;
  border:.5px solid rgba(245,158,11,.3)
}
.bid-countdown.urgent{
  background:rgba(239,68,68,.13);color:#ef4444;
  border-color:rgba(239,68,68,.3);animation:urgentPulse 1.2s ease-in-out infinite
}
.bid-countdown.closed{
  background:rgba(107,114,128,.12);color:var(--tx3);
  border-color:var(--border)
}
@keyframes urgentPulse{0%,100%{opacity:1}50%{opacity:.6}}

/* ── BID FEED PANEL ─────────────────────────────────────────── */
.bid-feed-panel{
  background:var(--card);border:.5px solid var(--border);
  border-radius:12px;padding:14px 16px;margin:10px 0
}
.bid-feed-title{font-size:.78rem;font-weight:600;color:var(--tx2);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.bid-bars{display:flex;flex-direction:column;gap:5px}
.bid-bar-row{display:flex;align-items:center;gap:8px}
.bid-bar-rank{width:18px;font-size:.7rem;color:var(--tx3);text-align:right;flex-shrink:0}
.bid-bar-fill{height:8px;border-radius:4px;background:var(--blue);
  transition:width .4s ease;min-width:4px}
.bid-bar-fill.top{background:linear-gradient(90deg,var(--teal),var(--blue))}
.bid-bar-amt{font-size:.78rem;font-weight:700;color:var(--teal);
  white-space:nowrap;min-width:60px}
.bid-meta-row{display:flex;align-items:center;justify-content:space-between;
  font-size:.76rem;color:var(--tx2);margin-bottom:8px}
.bid-count-badge{
  display:inline-flex;align-items:center;gap:4px;padding:2px 8px;
  border-radius:20px;background:rgba(59,130,246,.12);color:var(--blue);
  font-size:.72rem;font-weight:600;border:.5px solid rgba(59,130,246,.25)
}

/* ── PLACE BID FORM ─────────────────────────────────────────── */
.bid-form-wrap{
  background:var(--card);border:.5px solid var(--border);
  border-radius:12px;padding:14px 16px;margin-top:8px
}
.bid-input-row{display:flex;gap:6px;align-items:flex-end;margin-top:8px}
.bid-input-row .fi{font-size:1rem;font-weight:700;text-align:center;
  border:1.5px solid var(--blue) !important}
.bid-wallet-hint{font-size:.74rem;color:var(--tx3);margin-top:5px}

/* ── MY BIDS TAB ────────────────────────────────────────────── */
.my-bid-card{
  background:var(--card);border:.5px solid var(--border);border-radius:12px;
  padding:12px 14px;margin-bottom:8px;display:flex;
  align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap
}
.mbc-info{flex:1;min-width:0}
.mbc-slot{font-weight:700;font-size:.9rem;margin-bottom:2px}
.mbc-meta{font-size:.76rem;color:var(--tx2);line-height:1.6}
.mbc-amount{font-size:1.1rem;font-weight:700;color:var(--teal);text-align:right}
.mbc-status{font-size:.72rem;font-weight:600;padding:2px 8px;
  border-radius:20px;margin-top:3px;display:inline-block}
.mbc-active{background:rgba(59,130,246,.13);color:var(--blue);border:.5px solid rgba(59,130,246,.3)}
.mbc-won{background:rgba(34,197,94,.13);color:var(--green);border:.5px solid rgba(34,197,94,.3)}
.mbc-lost{background:rgba(107,114,128,.12);color:var(--tx3);border:.5px solid var(--border)}
.mbc-outbid{background:rgba(245,158,11,.13);color:#f59e0b;border:.5px solid rgba(245,158,11,.3)}

/* ── NOTIFICATION DROPDOWN ─────────────────────────────────── */
.notif-item{
  display:flex;align-items:flex-start;gap:10px;padding:10px 12px;
  border-bottom:.5px solid var(--border);cursor:pointer;transition:background .15s
}
.notif-item:hover{background:var(--hover)}
.notif-item.unread{background:rgba(59,130,246,.05)}
.notif-item:last-child{border-bottom:none}
.notif-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}
.notif-title{font-size:.84rem;font-weight:600;margin-bottom:2px}
.notif-body{font-size:.76rem;color:var(--tx2);line-height:1.45}
.notif-time{font-size:.68rem;color:var(--tx3);margin-top:2px}

/* ── REBID BUTTON ────────────────────────────────────────────── */
.rebid-btn{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;
  background:var(--blue);color:#fff;cursor:pointer;border:none;
  margin-top:4px;transition:opacity .15s
}
.rebid-btn:hover{opacity:.85}

/* ── MOBILE ──────────────────────────────────────────────────── */
@media(max-width:600px){
  .bid-feed-panel{padding:10px 12px}
  .bid-bars{gap:4px}
  .bid-bar-amt{font-size:.72rem;min-width:50px}
  .bid-input-row{flex-direction:column}
  .bid-input-row .fi,.bid-input-row button{width:100%}
  .my-bid-card{flex-direction:column;gap:6px}
  .mbc-amount{text-align:left}
}