/* SnappySocials — app-specific styles.
   All shared UI (buttons, cards, forms, nav, badges, stat cards, etc.) is in style.css,
   copied from the SolStack master at deploy time. Only add SnappySocials-unique styles here. */

/* Post-status badges */
.badge-draft     { background: var(--text2);   color: #ffffff; }
.badge-queued    { background: var(--accent);   color: #ffffff; }
.badge-rendering { background: var(--warning);  color: #ffffff; }
.badge-posted    { background: var(--accent2);  color: #ffffff; }
.badge-failed    { background: var(--danger);   color: #ffffff; }

/* Media upload zone (used from Phase 2) */
.media-zone {
    border: 2px dashed var(--border);
    border-radius: 16px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 12px 0;
    color: var(--text2);
    font-size: 0.85rem;
    transition: border-color 0.2s;
}
.media-zone:hover { border-color: var(--accent); }
.media-zone.has-media { border-style: solid; border-color: var(--accent); }
.media-zone img, .media-zone video { max-width: 100%; border-radius: 14px; }