.saas-rule-preview{gap:var(--saas-space-sm);flex-direction:column;display:flex}.saas-rule-preview__intro,.saas-rule-preview__month{align-items:flex-start;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;display:flex}.saas-rule-preview__month{padding:var(--saas-space-sm);border-radius:var(--saas-radius-md);background:var(--saas-brand-subtle);color:var(--saas-brand-strong);font-weight:600}.saas-rule-preview__card{gap:var(--saas-space-xs);padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);flex-direction:column;display:flex}.saas-rule-preview__card[data-try=true]{border-style:dashed;border-color:var(--saas-brand-primary)}.saas-rule-preview__time{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;font-weight:700;display:flex}.saas-rule-preview__reasons{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);margin:0;padding-inline-start:var(--saas-space-md);line-height:1.45}.saas-rule-preview__result{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-secondary);flex-wrap:wrap;margin:0;display:flex}.saas-rule-preview__pill{padding:2px var(--saas-space-sm);border-radius:var(--saas-radius-sm);background:var(--saas-status-success-subtle);color:var(--saas-status-success);font-size:var(--saas-font-body-sm);font-weight:700}.saas-rule-preview__pill[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-rule-preview__pill[data-tone=danger]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-rule-preview__pill[data-tone=info]{background:var(--saas-status-info-subtle);color:var(--saas-status-info)}.saas-rule-preview__inputs{gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-rule-preview__inputs label{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:600;display:inline-flex}.saas-rule-preview__inputs input{min-block-size:36px;padding-inline:var(--saas-space-xs);border:1px solid var(--saas-border-strong);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body)}.saas-rule-preview__inputs input:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}