/* BoothNest v2.1.7 Smart Workflow UI */
:root {
  --bn-green: #16a34a;
  --bn-green-soft: #e9f8ef;
  --bn-yellow: #f59e0b;
  --bn-yellow-soft: #fff7e6;
  --bn-red: #dc2626;
  --bn-red-soft: #fdecec;
  --bn-border: #e5e7eb;
  --bn-text: #111827;
  --bn-muted: #6b7280;
}

.bn-guided-highlight {
  position: relative;
  border: 2px solid var(--bn-green) !important;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .12), 0 10px 24px rgba(17, 24, 39, .08) !important;
  animation: bnPulseGuide 1.8s ease-in-out infinite;
}

@keyframes bnPulseGuide {
  0%, 100% { box-shadow: 0 0 0 4px rgba(22, 163, 74, .10), 0 10px 24px rgba(17, 24, 39, .08); }
  50% { box-shadow: 0 0 0 7px rgba(22, 163, 74, .16), 0 10px 24px rgba(17, 24, 39, .10); }
}

.bn-next-step-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid var(--bn-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 24, 39, .06);
}

.bn-next-step-card strong { color: var(--bn-text); }
.bn-next-step-card p { margin: 3px 0 0; color: var(--bn-muted); font-size: 14px; }

.bn-action-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 12px;
  background: var(--bn-green);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  border: 0;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.bn-action-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(22, 163, 74, .22); }
.bn-action-primary:active { transform: scale(.98); }

.bn-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.bn-status-success { background: var(--bn-green-soft); color: #166534; }
.bn-status-warning { background: var(--bn-yellow-soft); color: #92400e; }
.bn-status-danger { background: var(--bn-red-soft); color: #991b1b; }

.bn-mobile-action-bar {
  position: sticky;
  bottom: 0;
  z-index: 30;
  display: flex;
  gap: 8px;
  padding: 10px;
  margin: 14px -10px -10px;
  background: rgba(255,255,255,.96);
  border-top: 1px solid var(--bn-border);
  backdrop-filter: blur(8px);
}

.bn-recent-sales-panel {
  padding: 14px;
  border: 1px solid var(--bn-border);
  border-radius: 16px;
  background: #fff;
}
.bn-recent-sales-panel h3 { margin: 0 0 10px; font-size: 16px; }
.bn-recent-sales-panel .empty { color: var(--bn-muted); font-size: 14px; }

@media (max-width: 720px) {
  .bn-next-step-card { align-items: stretch; flex-direction: column; }
  .bn-action-primary { width: 100%; }
}