/* ============================================================
   Pipezoom - leadbulk.css

   The strip of presses over the lead table that act on every picked
   row together. It wears the page's own card tokens, the ones the rows
   under it wear, in all 4 themes. Because ldb is already the lead
   dialog box in leads.css, the prefix is lbk.

   Doc: docs/notes/app.pipezoom.com/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 1 control with 2 ends, drawn joined. */
.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;}

/* Because Remove is the only press here a rep cannot undo from this bar,
   it stands apart from the 4 marks beside it. */
.lbk-rm{margin-left:14px;}

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

/* While a run works, the bar ignores a second press. */
.lbk-busy .btn{pointer-events:none;opacity:.55;}

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