/* MIDE OS · Portal Cliente · Automatizaciones (reference client/05). Layout of the view only:
   components come from ui/components.css and every value from ui/tokens.css. */
@layer views {
  .auto-callout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--mide-space-3); align-items: start; padding: var(--mide-space-4) var(--mide-space-5); border: 1px solid var(--mide-warn); border-radius: var(--mide-radius-lg); background: var(--mide-warn-bg); color: var(--mide-ink-2); }
  .auto-callout > .ui-icon { color: var(--mide-warn); }
  .auto-callout strong { color: var(--mide-ink); font-size: var(--mide-text-md); }
  .auto-callout p { margin: var(--mide-space-1) 0 0; font-size: var(--mide-text-sm); line-height: var(--mide-leading); }
  .auto-status, .auto-feedback { margin: 0; color: var(--mide-ink-2); font-size: var(--mide-text-sm); font-weight: var(--mide-weight-semibold); }
  .auto-status:empty, .auto-feedback:empty { display: none; }
  .auto-parameters { display: grid; gap: var(--mide-space-3); }
  .auto-parameters:empty { display: none; }
  .auto-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--mide-space-2) var(--mide-space-4); margin: 0; font-size: var(--mide-text-sm); }
  .auto-facts dt { color: var(--mide-muted); }
  .auto-facts dd { margin: 0; color: var(--mide-ink); font-weight: var(--mide-weight-semibold); overflow-wrap: anywhere; }
  .auto-help { margin: 0; color: var(--mide-ink-2); font-size: var(--mide-text-sm); line-height: var(--mide-leading); }
  .automations .ui-inspector-body { justify-items: start; }

  /* Account-limited action and its reason are one group (reason under the button, never under the banner). */
  .auto-schedule-group { display: flex; flex-direction: column; align-items: flex-end; gap: var(--mide-space-1, 4px); max-width: 100%; }
  .auto-schedule-group[hidden] { display: none; }
  .auto-schedule-group .auto-account-note { max-width: 260px; text-align: right; justify-content: flex-end; }
  @media (max-width: 720px) { .auto-schedule-group { align-items: flex-start; width: 100%; } .auto-schedule-group .auto-account-note { max-width: none; text-align: left; justify-content: flex-start; } }
}