/* ============================================================
   GP Team Hub - leadbulk.css

   The strip of presses over the lead table that act on every picked
   row at once. It wears the page's own card tokens, the ones the rows
   under it wear, so the four themes all read. The prefix is lbk: ldb
   is already the lead dialog box in leads.css, and a bar wearing it
   took that window's full-screen scrim.

   Doc: docs/notes/new/css/leadbulk.css.md
   ============================================================ */

.lbk{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:10px 12px;margin:0 0 10px;
  background:var(--surface-raised);
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.lbk-l{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.84rem;}
.lbk-l i{color:var(--ink-faint);}
.lbk-n b{font-weight:700;}
.lbk-r{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto;}

/* A mark and its opposite are one control with two ends, so they are
   drawn joined and the pair reads as the one question it asks. */
.lbk-set{display:flex;}
.lbk-set .btn{border-radius:0;}
.lbk-set .btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);}
.lbk-set .btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);margin-left:-1px;}
.lbk-set .btn:hover{position:relative;z-index:1;}

/* Removing is the one press here a rep cannot undo from this bar, so
   it stands away from the four marks beside it. */
.lbk-rm{margin-left:14px;}

.lbk-say{flex-basis:100%;margin:0;font-size:.79rem;color:var(--ink-soft);}

/* Working, so a second press on a bar mid-run changes nothing. */
.lbk-busy .btn{pointer-events:none;opacity:.55;}

@media (max-width:760px){
  .lbk-r{margin-left:0;width:100%;}
}