/* Toast */
#toastArea{position:fixed;top:10px;right:12px;z-index:10001;display:flex;flex-direction:column;gap:6px;pointer-events:none;}
.v5toast{background:#111;border:1px solid #333;border-radius:8px;padding:9px 14px;font-size:.82rem;font-family:monospace;opacity:0;transform:translateX(20px);transition:opacity .25s,transform .25s;min-width:220px;}
.v5toast.show{opacity:1;transform:translateX(0);}

/* Trade Feed */
#tradeFeedPanel{max-height:120px;overflow:auto;font-size:.75rem;font-family:monospace;border:1px solid #1a1208;border-radius:6px;padding:5px;margin-top:6px;background:#030201;}
#tradeFeedPanel .tf-row{padding:1px 0;opacity:.85;}
#tradeFeedPanel .tf-buy{color:#86ff6a;}
#tradeFeedPanel .tf-sell{color:#ff7b7b;}

/* Heatmap */
#heatGrid .hc{padding:5px 4px;border-radius:4px;text-align:center;font-size:.7rem;font-family:monospace;cursor:default;}
#heatGrid .hc .hs{font-weight:700;font-size:.78rem;}
#heatGrid .hc .hp{font-size:.68rem;margin-top:1px;}


/* Sector bars */
#sectorBars .sb-row{display:flex;align-items:center;gap:8px;margin-bottom:3px;}
#sectorBars .sb-name{width:90px;font-size:.72rem;opacity:.7;text-align:right;}
#sectorBars .sb-bg{flex:1;background:#111;border-radius:3px;height:8px;}
#sectorBars .sb-fill{height:8px;border-radius:3px;background:#ffb547;}
#sectorBars .sb-val{width:60px;font-size:.72rem;opacity:.6;text-align:right;}

/* Open orders */
#openOrders .oo-row{display:flex;gap:8px;align-items:center;padding:2px 0;border-bottom:1px solid #1a1208;}
#openOrders .oo-buy{color:#86ff6a;}
#openOrders .oo-sell{color:#ff7b7b;}
#openOrders .oo-cancel{cursor:pointer;opacity:.5;font-size:.7rem;margin-left:auto;}
#openOrders .oo-cancel:hover{opacity:1;}

/* Sound toggle */
#soundToggle{position:fixed;bottom:48px;right:12px;z-index:9998;background:#111;border:1px solid #333;border-radius:6px;padding:4px 10px;font-size:.75rem;cursor:pointer;font-family:monospace;color:#888;}
#soundToggle.on{color:#86ff6a;border-color:#86ff6a44;}