/* ---------- Barras de herramientas ---------- */
.toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:14px;
}
.toolbar input[type="search"]{flex:1 1 240px;max-width:420px;}
#viewClients .toolbar{justify-content:space-between;}
.toolbar .dd{flex:0 1 210px;min-width:170px;}

/* Resumen del tablero ("17 tareas · 2 vencidas · 1 para hoy") */
.summary{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:auto;
  font-size:12.5px;
  color:var(--ink-faint);
  font-variant-numeric:tabular-nums;
}
.summary .stat{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.summary .stat b{font-weight:600;color:var(--ink-soft);}
.summary .stat .dot{width:6px;height:6px;}
.summary .stat.is-danger b{color:var(--danger);}
.summary .stat.is-warn b{color:var(--st-wait);}

/* Pastillas genéricas */
.pill{
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:500;
  padding:2px 8px;
  border-radius:999px;
  font-variant-numeric:tabular-nums;
}

.hint{
  position:relative;
  font-size:12.5px;
  line-height:1.5;
  color:var(--ink-soft);
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:9px 12px 9px 36px;
  margin:0 0 14px;
}
.hint::before{
  content:"";
  position:absolute;
  left:12px;
  top:11px;
  width:15px;
  height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E8E97' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5v.01'/%3E%3C/svg%3E") no-repeat center/15px;
}
.hint strong{color:var(--ink);font-weight:600;}

.state-msg{
  text-align:center;
  color:var(--ink-faint);
  font-size:13px;
  padding:56px 20px;
  border:1px dashed var(--line-strong);
  border-radius:var(--r-xl);
}

@media (max-width:900px){
  .toolbar input[type="search"]{max-width:none;flex-basis:100%;}
  .toolbar .dd{flex:1 1 180px;}
  .summary{margin-left:0;flex-basis:100%;gap:12px;}
}