/* positions.css - Position cards, bottom bar */
/* Positions */
.positions-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 14px 14px;scrollbar-width:thin;scrollbar-color:#2B2F36 transparent}
.positions-area::-webkit-scrollbar{width:3px}
.positions-area::-webkit-scrollbar-track{background:transparent}
.positions-area::-webkit-scrollbar-thumb{background:#2B2F36;border-radius:0}
.pos-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 8px;position:sticky;top:0;background:#0d0e12;z-index:1}
.pos-count{font-size:12px;color:#5E6673}

.pos-card{background:#1a1d24;border-radius:3px;padding:7px 10px 6px;margin-bottom:4px;position:relative;overflow:hidden;animation:slideIn 0.3s ease;border:1px solid #2B2F36}
@keyframes slideIn{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
.pos-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px}
.pos-card.pos-up::before{background:#0ecb81}
.pos-card.pos-down::before{background:#f6465d}
.pos-card.pos-winning{border-color:rgba(14,203,129,0.3)}
.pos-card.pos-losing{border-color:rgba(246,70,93,0.3)}
.pos-r1{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.pos-r1-l{display:flex;align-items:center;gap:5px}
.pos-dir{font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:0.3px}
.pos-dir.up{color:#0ecb81}
.pos-dir.down{color:#f6465d}
.pos-lev{font-size:9px;font-weight:700;color:#FCD535;background:rgba(252,213,53,0.1);padding:1px 4px;border-radius:2px}
.pos-r1-r{display:flex;align-items:center;gap:5px}
.pos-badge{font-size:9px;font-weight:800;padding:1px 6px;border-radius:2px;letter-spacing:0.3px}
.pos-badge.active{background:rgba(252,213,53,0.15);color:#FCD535}
.pos-badge.won{background:rgba(14,203,129,0.15);color:#0ecb81}
.pos-badge.lost{background:rgba(246,70,93,0.15);color:#f6465d}
.pos-badge.expired{background:rgba(132,142,156,0.15);color:#848E9C}
.pos-timer{font-size:9px;font-weight:700;color:#FCD535}
.pos-r2{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.pos-stake{font-size:14px;font-weight:700;color:#EAECEF}
.pos-pnl{font-size:14px;font-weight:700}
.pos-pnl.win{color:#0ecb81}
.pos-pnl.lose{color:#f6465d}
.pos-live{font-size:13px;font-weight:700}
.pos-live.winning{color:#0ecb81}
.pos-live.losing{color:#f6465d}
.pos-r3{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#848E9C;letter-spacing:0.2px}
.pos-r3-arrow{color:#5E6673;font-size:10px}


/* Bottom bar — status line */
.bottombar{grid-column:1/-1;background:#0d0e12;border-top:1px solid #FCD535;display:flex;align-items:center;padding:0 16px;gap:20px;font-size:12px;color:#5E6673;position:relative;z-index:65}
.bottombar .bb-item{display:flex;gap:4px;align-items:center}
.bottombar .bb-val{color:#EAECEF;font-weight:600}
.bottombar .bb-green{color:#0ecb81}
.bottombar .bb-red{color:#f6465d}
.bottombar .bb-yellow{color:#FCD535}