/* ============================================================
   Pipezoom - css/leadbulk.css, the bulk bar over the lead table.

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

   Notes: 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;}

/* The Queue reply is 1 line, then 1 line per row not sent: the line breaks of its text are drawn. */
.lbk-say{flex-basis:100%;margin:0;font-size:.79rem;color:var(--ink-soft);white-space:pre-line;}

/* 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%;}
}