/* QAFlow - Space Settings page - extracted static styles (no inline style="") */

.sps-container { max-width: 700px; }

.sps-cursor-pointer { cursor: pointer; }
.sps-hidden { display: none; }

.sps-logo-preview { width: 80px; height: 80px; object-fit: cover; border-radius: 16px; border: 2px solid var(--border-color); }

/* Icon-based avatar preview: static box; background color is per-space (DB value) and set via data-bg-color + JS */
.sps-icon-preview { width: 80px; height: 80px; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
.sps-icon-white-lg { font-size: 2rem; color: #fff; }

.sps-cover-wrap { border-radius: 12px; overflow: hidden; max-height: 200px; }
.sps-cover-img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; }

.sps-cover-placeholder { border: 2px dashed var(--border-color); border-radius: 12px; background: var(--body-bg); }
.sps-placeholder-icon { font-size: 2rem; color: var(--text-secondary); }

.sps-color-input { height: 38px; }