/* Treble funded trading: order-type toggle, network badge, positions and stake page details. */
.treble-mode { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.live-terminal .treble-mode>button { min-height:40px; border:1px solid var(--stroke-2); background:#ecf6ef06; color:var(--text-muted); font:500 12px var(--font-label); letter-spacing:.8px; text-transform:uppercase; }
.live-terminal .treble-mode>button[aria-selected=true] { border-color:var(--accent); color:var(--accent); background:#5bd68a12; }
.live-terminal .treble-mode>button:hover { color:var(--text-body); }
.treble-network { display:inline-flex; align-items:center; gap:7px; height:28px; padding:0 10px; border:1px solid #e8c26b55; color:#e8c26b; font:500 10.5px/1 var(--font-label); letter-spacing:1px; white-space:nowrap; }
.treble-network::before { content:""; width:5px; height:5px; background:#e8c26b; }
.treble-link { all:unset; cursor:pointer; color:var(--text-body); font-weight:600; border-bottom:1px solid transparent; }
.treble-link:hover { color:var(--accent); border-bottom-color:var(--accent); }
.treble-positions td small { display:block; margin-top:2px; color:var(--text-faint); font-size:11px; }
.treble-positions td:first-child small { display:inline; margin-left:6px; }
.treble-unavailable { padding:18px 0; }
.treble-unavailable p:first-child { color:var(--text-body); font-size:15px; margin:0 0 8px; }
.treble-spot-note { margin:2px 0 0; }
.treble-faucet { min-height:30px!important; padding:0 12px!important; font-size:11.5px!important; margin-left:6px; }
.live-terminal .treble-faucet { border-radius:0; }
.sol-list-rows .treble-3x { margin-left:6px; padding:1px 5px; border:1px solid #5bd68a55; color:var(--accent); font:600 9.5px/1.3 var(--font-label); letter-spacing:.4px; vertical-align:1px; }
.treble-pool-notes h2 { margin:0 0 16px; font-size:26px; font-weight:400; letter-spacing:-1px; }
.treble-stake .live-pool-grid { grid-template-columns:360px minmax(0,1fr); }
@media(max-width:900px){ .treble-stake .live-pool-grid { grid-template-columns:1fr; } }
@media(max-width:700px){ .treble-network { display:none; } }

/* History */
.treble-history .live-stat-cells strong { font-size:22px; }
.treble-fee-summary { margin-bottom:26px; }
.treble-fee-summary h2 { margin:0 0 14px; font-size:22px; font-weight:400; letter-spacing:-.8px; }
.treble-history-bar { display:flex; align-items:center; gap:18px; margin:6px 0 10px; }
.treble-history-bar>span { margin-left:auto; color:var(--text-faint); font:11px var(--font-label); letter-spacing:.6px; text-transform:uppercase; }
.treble-history-bar>div { display:flex; gap:8px; }
.treble-history-table td small { display:inline; margin-left:6px; color:var(--text-faint); font-size:11px; }
.treble-history-row { cursor:pointer; }
.treble-history-row:hover td { background:#ecf6ef06; }
.treble-history-row.is-open td { background:#5bd68a0a; }
.treble-caret { width:28px; text-align:center; color:var(--text-muted); font-size:16px; }
.treble-history-detail td { padding:0!important; background:#0b140e; }
.treble-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; padding:20px 18px 18px; border-top:1px solid var(--stroke-1); }
.treble-detail-grid .tiny { display:block; margin-bottom:8px; color:var(--text-faint); font:11px var(--font-label); letter-spacing:1.2px; }
.treble-detail-grid .value-rows { background:none; }
.treble-tx-links { display:flex; gap:18px; margin:14px 0 0; font-size:12.5px; }
.treble-tx-links a { color:var(--accent); }
.treble-status { display:inline-block; padding:2px 8px; border:1px solid var(--stroke-2); font:500 11px var(--font-label); letter-spacing:.6px; text-transform:uppercase; }
.treble-status.is-closed { border-color:#5bd68a55; color:var(--accent); }
.treble-status.is-liquidated { border-color:#f2656f66; color:#f2656f; }
.treble-status.is-open { border-color:#e8c26b66; color:#e8c26b; }
@media(max-width:900px){ .treble-detail-grid { grid-template-columns:1fr; gap:14px; } .treble-history-bar { flex-wrap:wrap; } .treble-history-bar>span { margin-left:0; order:3; width:100%; } }
.treble-spot-history-note { margin:4px 0 12px; }
.treble-history-table td small { text-transform:capitalize; }
.table-scroll { max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
