/* ============================================================
   Pipezoom - leadapollo.css

   The pick column and the bar of enrichment presses over the lead
   table. A picked row shows its own checked box and is counted in the
   bar, with no colored edge.

   Doc: docs/notes/app.pipezoom.com/css/leadapollo.css.md
   ============================================================ */

.apo{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:10px 12px;margin-bottom:10px;
  background:var(--surface-raised);
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.apo-l{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.84rem;}
.apo-l i{color:var(--ink-faint);}
.apo-n{font-weight:600;}
.apo.apo-on .apo-n{color:var(--ink);}
.apo-r{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto;}
.apo-rep{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ink-soft);cursor:pointer;}
.apo-say{flex-basis:100%;margin:0;font-size:.79rem;color:var(--ink-faint);}
.apo-say:empty{display:none;}

/* The column itself, narrow for its 1 box. It leads the table, and the
   bulk bar acts on the rows checked down this edge. */
.lds-c-pick{width:34px;text-align:center;}
.lds-c-pick input{cursor:pointer;accent-color:var(--accent-strong);}
.lds-pick-all:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring-soft);border-radius:var(--radius-sm);}

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