/* Extracted from promotion-detail.html */

    .tr--out-of-stock { opacity: 0.5; }

    /* Quick Action Buttons */
    .quick-action-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      padding: 12px 8px;
      border: 1px solid #e2e8f0;
      border-radius: 4px;
      background: #fff;
      cursor: pointer;
      transition: all 0.15s;
    }
    .quick-action-btn:hover { border-color: var(--primary); background: #f8fafc; }
    .quick-action-btn svg { color: #64748b; }
    .quick-action-btn:hover svg { color: var(--primary); }
    .quick-action-label { font-size: 0.8125rem; font-weight: 600; color: var(--text-primary); }
    .quick-action-sub { font-size: 0.75rem; color: var(--text-secondary); text-align: center; }

    /* Action Log */
    .action-log { list-style: none; padding: 0; margin: 0; }
    .action-log li {
      display: flex;
      gap: 10px;
      padding: 8px 0;
      border-bottom: 1px solid #f1f5f9;
      font-size: 0.8125rem;
      color: var(--text-primary);
      line-height: 1.4;
    }
    .action-log li:last-child { border-bottom: none; }
    .action-log-date {
      flex-shrink: 0;
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--text-secondary);
      min-width: 52px;
    }

    /* Conversion Funnel */
    .funnel {
      display: flex;
      align-items: center;
      gap: 0;
      margin: 14px 0;
    }
    .funnel-step {
      flex: 1;
      text-align: center;
    }
    .funnel-step-value {
      font-size: 1.125rem;
      font-weight: 700;
      color: var(--text-primary);
    }
    .funnel-step-label {
      font-size: 0.75rem;
      color: var(--text-secondary);
      margin-top: 2px;
    }
    .funnel-step-rate {
      font-size: 0.75rem;
      color: #16a34a;
      font-weight: 600;
    }
    .funnel-arrow {
      color: #cbd5e1;
      font-size: 1.25rem;
      padding: 0 4px;
      flex-shrink: 0;
    }

    /* Suggestion badges */
    .suggestion-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 0.75rem;
      font-weight: 500;
    }
    .suggestion-badge--green { color: #16a34a; }
    .suggestion-badge--orange { color: #ea580c; }
    .suggestion-badge--red { color: #ef4444; }
    .suggestion-badge--muted { color: #94a3b8; }