/* Per-position Auto/Manual status pill + its shared floating action menu.
   ONE source shared by market.html (All-Open + Recent-Trades tables) and the
   positions page, driven by position-manage.js. Hairline, not a heavy button —
   matches the pro-table minimalist language. */
.pos-status {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap;
    padding: 4px 10px; border-radius: 999px; cursor: pointer; user-select: none;
    border: 1px solid var(--border); background: transparent;
    color: var(--text-secondary); transition: border-color .12s, color .12s;
}
.pos-status:hover { border-color: var(--text-secondary); }
.pos-status .dot { width: 6px; height: 6px; border-radius: 50%; flex: none; }
.pos-status .caret { font-size: 8px; opacity: .55; margin-left: 1px; }
.pos-status.is-auto   { color: var(--accent); }
.pos-status.is-auto   .dot { background: var(--accent); }
.pos-status.is-manual { color: #e0a23b; border-color: #e0a23b; }
.pos-status.is-manual .dot { background: #e0a23b; }
/* One shared floating menu, re-anchored under whichever pill was clicked. */
.row-menu {
    position: fixed; z-index: 1200; min-width: 188px; display: none;
    background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: 8px; padding: 5px; box-shadow: 0 10px 28px rgba(0,0,0,.5);
}
.row-menu.open { display: block; }
.row-menu .rm-head {
    font-size: 10px; color: var(--text-muted); padding: 4px 9px 6px;
    letter-spacing: .04em; text-transform: uppercase;
}
.row-menu button {
    display: flex; align-items: center; gap: 9px; width: 100%;
    background: transparent; border: none; color: var(--text-primary);
    font-size: 12px; text-align: left; padding: 8px 9px; border-radius: 5px;
    cursor: pointer; white-space: nowrap;
}
.row-menu button:hover { background: var(--bg-tertiary); }
.row-menu button.danger { color: var(--red); }
.row-menu button.danger:hover { background: rgba(239,68,68,.12); }
.row-menu .rm-sep { height: 1px; background: var(--border); margin: 4px 4px; }

/* Bulk-select checkboxes + the bulk-action bar — shared by market.html and the
   positions page via position-manage.js's createBulk(). */
.pro-table .row-sel, .pro-table .sel-all {
    width: 14px; height: 14px; cursor: pointer; accent-color: var(--accent);
    vertical-align: middle; margin: 0;
}
.pro-table th.sel-cell, .pro-table td.sel-cell {
    width: 1%; white-space: nowrap; text-align: center; padding-right: 6px;
}
/* Appears above the table only when ≥1 row is selected (.open toggled in JS). */
.bulk-bar {
    display: none; align-items: center; gap: 12px; margin-bottom: 10px;
    padding: 8px 13px; border-radius: 8px; font-size: 12px;
    background: var(--bg-tertiary); border: 1px solid var(--accent);
}
.bulk-bar.open { display: flex; }
.bulk-bar .bb-count { font-weight: 700; color: var(--text-primary); }
.bulk-bar .bb-spacer { flex: 1; }
.bulk-bar .bb-clear {
    background: none; border: none; color: var(--text-muted);
    cursor: pointer; font-size: 12px;
}
.bulk-bar .bb-clear:hover { color: var(--text-secondary); }