/* TGM LCM — Artist updates feed + post cards (Phase 11d part 2). */

.tgm-lcm-feed, .tgm-lcm-feed-gate { max-width: 680px; margin: 0 auto; color: var(--tgm-lcm-text); }
.tgm-lcm-feed-gate { text-align: center; padding: 48px 16px; }
.tgm-lcm-feed-login {
    display: inline-block; padding: 10px 18px; border-radius: 999px;
    background: var(--tgm-lcm-accent); color: #1a1d24; font-weight: 700; text-decoration: none;
}
.tgm-lcm-feed-title { font-size: 24px; margin: 0 0 18px; }
.tgm-lcm-feed-empty { color: var(--tgm-lcm-text-muted); padding: 32px 8px; text-align: center; }
.tgm-lcm-feed-empty-lead { font-size: 17px; color: var(--tgm-lcm-text); margin: 0 0 6px; }
.tgm-lcm-feed-empty .tgm-lcm-member-cta {
    display: inline-block; margin-top: 10px; padding: 10px 18px; border-radius: 999px;
    background: var(--tgm-lcm-accent); color: #1a1d24; font-weight: 700; text-decoration: none;
}
.tgm-lcm-feed-empty .tgm-lcm-member-cta:hover { filter: brightness(1.07); }

.tgm-lcm-post-list { display: flex; flex-direction: column; gap: 14px; }

.tgm-lcm-post {
    background: var(--tgm-lcm-surface);
    border: 1px solid var(--tgm-lcm-border-strong);
    border-radius: var(--tgm-lcm-radius);
    padding: 14px 16px;
}
.tgm-lcm-post-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; }
.tgm-lcm-post-artist { font-weight: 700; color: var(--tgm-lcm-text); text-decoration: none; font-size: 15px; }
.tgm-lcm-post-artist:hover { color: var(--tgm-lcm-accent); }
.tgm-lcm-post-time { color: var(--tgm-lcm-text-faint, var(--tgm-lcm-text-muted)); font-size: 12px; }
.tgm-lcm-post-body { font-size: 15px; line-height: 1.6; }
.tgm-lcm-post-body p { margin: 0 0 8px; }
.tgm-lcm-post-body p:last-child { margin: 0; }

.tgm-lcm-post-actions { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.tgm-lcm-post-react, .tgm-lcm-post-reply {
    background: transparent; border: 1px solid var(--tgm-lcm-border-strong); border-radius: 999px;
    color: var(--tgm-lcm-text-muted); font-size: 13px; font-weight: 600; padding: 5px 12px; cursor: pointer;
}
.tgm-lcm-post-react:hover { border-color: var(--tgm-lcm-accent); color: var(--tgm-lcm-accent); }
.tgm-lcm-post-react.is-on { background: rgba(212,168,74,0.16); border-color: var(--tgm-lcm-accent); color: var(--tgm-lcm-accent); }
.tgm-lcm-post-react:disabled { opacity: 0.6; cursor: default; }
.tgm-lcm-post-react-static { color: var(--tgm-lcm-text-muted); font-size: 13px; }

/* Dashboard composer */
.tgm-lcm-artist-updates { margin-bottom: 32px; }
.tgm-lcm-artist-updates h2 { font-size: 18px; margin: 0 0 14px; }
.tgm-lcm-artist-composer { margin-bottom: 18px; }
.tgm-lcm-artist-update-input {
    width: 100%; min-height: 64px; resize: vertical; font: inherit;
    background: var(--tgm-lcm-surface, #1a1d24) !important; color: var(--tgm-lcm-text, #e8e8ec) !important;
    -webkit-text-fill-color: var(--tgm-lcm-text, #e8e8ec);
    border: 1px solid var(--tgm-lcm-border-strong); border-radius: var(--tgm-lcm-radius); padding: 10px 12px;
}
.tgm-lcm-artist-update-input::placeholder { color: var(--tgm-lcm-text-muted, #9aa0ab); -webkit-text-fill-color: var(--tgm-lcm-text-muted, #9aa0ab); }
.tgm-lcm-post-update-btn {
    margin-top: 10px; padding: 9px 18px; border: 0; border-radius: 999px;
    background: var(--tgm-lcm-accent); color: #1a1d24; font-weight: 700; cursor: pointer;
}
.tgm-lcm-post-update-btn:hover { filter: brightness(1.07); }
.tgm-lcm-post-update-btn:disabled { opacity: 0.6; cursor: default; }
.tgm-lcm-post-update-status { margin-left: 10px; font-size: 13px; color: var(--tgm-lcm-text-muted); }
.tgm-lcm-artist-posts-list { display: flex; flex-direction: column; gap: 12px; }

/* Artist public page "Updates" section reuses .tgm-lcm-post cards. */
.tgm-lcm-artist-updates-public { margin-top: 8px; }

/* Mobile */
@media (max-width: 600px) {
    .tgm-lcm-feed, .tgm-lcm-feed-gate { padding: 0 14px; }
    .tgm-lcm-feed-title { font-size: 21px; }
    .tgm-lcm-post { padding: 12px 13px; }
    .tgm-lcm-post-head { flex-wrap: wrap; gap: 4px 10px; }
    .tgm-lcm-post-actions { flex-wrap: wrap; }
    .tgm-lcm-post-update-btn { width: 100%; }
}

/* Respect reduced-motion: no hover filters / transitions on the feed. */
@media (prefers-reduced-motion: reduce) {
    .tgm-lcm-feed *, .tgm-lcm-post *, .tgm-lcm-artist-updates * {
        transition: none !important;
        animation: none !important;
    }
    .tgm-lcm-post-update-btn:hover,
    .tgm-lcm-feed-empty .tgm-lcm-member-cta:hover { filter: none; }
}