.progress { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.progress span { padding: 5px 9px; border-radius: 8px; background: #eee9de; font-size: 13px; }
.wrap { flex-wrap: wrap; }
.section-title { margin: 28px 0 14px; }
.bulk-actions { position: sticky; bottom: 12px; z-index: 2; padding: 10px 14px; border: 1px solid var(--grid); border-radius: 14px; background: #f9f6ef; box-shadow: 0 8px 30px rgba(23, 63, 53, .12); }
.action-panel { margin-top: 14px; padding: 12px; border-left: 4px solid var(--accent); border-radius: 10px; background: #faf8f2; }
.action-panel.live { border-left-color: #21845f; }
.action-panel.manual { border-left-color: #8b6b2c; }
.action-panel.disabled { border-left-color: #898989; color: #52605c; }
.action-panel form { margin-top: 8px; }
.notice { color: #775d23; }
.success-note { color: #176c59; font-weight: 700; }
.error-note { color: var(--danger); font-weight: 700; }
.status.muted { background: #68736f; }
.integrations .card { min-height: 210px; }
.carousel-assets { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin: 22px 0; }
.carousel-assets figure { margin: 0; }
.carousel-assets img { width: 100%; max-height: none; aspect-ratio: 4 / 5; object-fit: cover; }
.carousel-assets figcaption { text-align: center; }

@media (max-width: 800px) {
  header { height: auto; min-height: 68px; gap: 12px; }
  header nav { gap: 10px; flex-wrap: wrap; }
}