.text-muted,.muted { color: var(--cw-text-secondary) !important; }
.text-success { color: var(--cw-success) !important; } .text-danger { color: var(--cw-danger) !important; }
.text-small { font-size: var(--cw-text-sm); } .text-xs { font-size: var(--cw-text-xs); }
.cluster { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.full-width { width: 100%; }
.number { font-variant-numeric: tabular-nums; }
/* Compatibility for existing admin/employee pages, without the retired themes. */
.card { border: 1px solid var(--cw-border); border-radius: var(--cw-radius-md); background: var(--cw-surface); }
.card-header { padding: 18px 24px; border-color: var(--cw-border); background: var(--cw-surface); } .card-body { padding: 24px; }

/* Móvil: controles con tamaño suficiente para el dedo (unos 44 px de alto). */
@media (max-width: 700px) {
  .profile-button { min-height: 44px; }
  .check-field input[type=checkbox] { width: 22px; height: 22px; }
}