.custom-scroll::-webkit-scrollbar { width:4px; height:4px; }
.custom-scroll::-webkit-scrollbar-thumb { background:#374151; border-radius:4px; }

/* Ticker bar coin select arrow */
#coin-select { appearance:none; -webkit-appearance:none; padding-right:16px; background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 2px center; }

/* Order book ob-panel-book/trades flex */
#ob-panel-book { display:flex; flex-direction:column; }
#ob-panel-trades { display:none; flex-direction:column; }
#ob-panel-trades.flex { display:flex; }

/* Position panel empty state */
#pos-panel-body svg { opacity:0.4; }

/* Coin list popup slide-in animation */
#col-coins {
    animation: slideInLeft 0.18s ease-out;
}
@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

/* Chart height: trading area should not overflow */
#trading-area { overflow: hidden; }
#col-chart { min-height: 0; }
#chart-container { min-height: 0; }

/* Mobile responsive */
@media (max-width: 767px) {
    #col-orderbook, #col-order { display:none; }
    #pos-panel { height:300px !important; }
    #mob-tabs { display:flex !important; }
    body { height: auto !important; overflow-y: auto !important; }
    .flex-1.overflow-hidden { overflow: visible !important; }
    #trading-area { min-height: 400px; }
    #pos-panel { flex-shrink: 0; }
    #col-coins { width:240px !important; }
}