/* MIDE OS · Portal Cliente · Campañas (reference client/06). Layout of the view only:
   components come from ui/components.css and every value from ui/tokens.css. */
@layer views {
  .campaigns-requirements { display: grid; margin: 0; padding: 0; list-style: none; }
  .campaigns-requirement { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--mide-space-3) var(--mide-space-4); padding: var(--mide-space-4) 0; }
  .campaigns-requirement + .campaigns-requirement { border-top: 1px solid var(--mide-line-2); }
  .campaigns-requirement-text { display: grid; gap: 2px; min-width: 0; }
  .campaigns-requirement-text strong { color: var(--mide-ink); font-size: var(--mide-text-md); font-weight: var(--mide-weight-semibold); }
  .campaigns-requirement-text small { color: var(--mide-muted); font-size: var(--mide-text-sm); line-height: var(--mide-leading); }
  .campaigns-templates { display: flex; flex-wrap: wrap; gap: var(--mide-space-2); margin: var(--mide-space-2) 0 0; padding: 0; list-style: none; }
  .campaigns-templates li { padding: 2px var(--mide-space-2); border: 1px solid var(--mide-line); border-radius: var(--mide-radius-sm); background: var(--mide-surface-2); color: var(--mide-ink-2); font-size: var(--mide-text-xs); }
  .campaigns-help { margin: 0; color: var(--mide-ink-2); font-size: var(--mide-text-sm); line-height: var(--mide-leading); }
  .campaigns .ui-card-body { display: grid; gap: var(--mide-space-3); justify-items: start; }
  .campaigns .campaigns-requirements { justify-self: stretch; }
  @media (max-width: 640px) {
    .campaigns-requirement { grid-template-columns: auto minmax(0, 1fr); }
    .campaigns-requirement > .ui-chip { grid-column: 2; justify-self: start; }
  }
}