/* MT5 Terminal additions on top of the demo's styles.css */
.statusbar { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; min-height: 44px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 10px 16px; font: 12.5px var(--mono); color: var(--muted); }
.statusbar b { color: var(--fg); font-weight: 600; }
.statusbar .st { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.statusbar .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--faint); display: inline-block; }
.statusbar .dot.ok { background: var(--up); box-shadow: 0 0 0 3px var(--up-bg); }
.statusbar .dot.warn { background: var(--warn); box-shadow: 0 0 0 3px var(--warn-bg); }
.statusbar .dot.bad { background: var(--down); box-shadow: 0 0 0 3px var(--down-bg); }
.statusbar .last { flex-basis: 100%; white-space: normal; color: var(--faint); }
.gatecard { min-height: 330px; }
.tag.live { color: var(--down); background: var(--down-bg); }
.pill.held { background: var(--info-bg); color: var(--info); }
.pill.book { background: var(--warn-bg); color: var(--warn); }
.pill.long { background: var(--up-bg); color: var(--up); }
.pill.short { background: var(--down-bg); color: var(--down); }
tr.isheld td { background: var(--info-bg); }
tr.inbook td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
td.why { white-space: normal; text-align: left; min-width: 240px; }
.tabs button { min-width: 44px; }
.rbar { display: inline-block; position: relative; width: 120px; height: 8px; border-radius: 4px; background: var(--panel-2); vertical-align: middle; }
.rbar i { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.rbar b { position: absolute; top: -3px; width: 2px; height: 14px; background: var(--faint); }
#stats .tile .v { font-size: 18px; }
.brand span { white-space: nowrap; }