/* Stream-specific polish */

.scc-post-content {
  overflow-wrap: anywhere;
}

.scc-comments {
  margin-top: 10px;
}

.scc-comments-loading,
.scc-comments-empty,
.scc-comments-error {
  color: var(--scc-muted);
  font-size: 13px;
  padding: 10px 12px;
  background: var(--scc-soft);
  border: 1px solid var(--scc-border);
  border-radius: var(--scc-radius-sm);
}

.scc-comment {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--scc-border);
}

.scc-comment:last-child {
  border-bottom: 0;
}

.scc-comment-avatar img,
.scc-comment-avatar--empty {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--scc-soft);
  border: 1px solid var(--scc-border);
}

.scc-comment-meta {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.scc-comment-author {
  font-weight: 650;
  font-size: 13.5px;
  color: var(--scc-text);
}

.scc-comment-time {
  font-size: 12px;
  color: var(--scc-muted);
}

.scc-comment-content {
  font-size: 13.5px;
  color: var(--scc-text);
  line-height: 1.45;
  margin-top: 4px;
}


/* SCC-STREAM-SURFACE-VARS
   Truth for session: Feed/Home (stream) must be themed via scoped --scc-* variable overrides (no global :root drift).
   Scope: only the stream page wrapper (SSR scaffold).
*/
.shiftcontrol-app[data-sc-page="stream"]{
  background: var(--scc-bg);
  min-height: 100vh;

  /* Nebula / glass direction — tune later; structure is the point. */
  --scc-bg: radial-gradient(1200px 700px at 20% 10%, rgba(180, 210, 255, 0.55), transparent 60%),
            radial-gradient(900px 520px at 80% 30%, rgba(210, 180, 255, 0.50), transparent 65%),
            linear-gradient(180deg, rgba(235, 245, 255, 0.95), rgba(220, 225, 255, 0.92));
  --scc-surface: rgba(255,255,255,0.20);
  --scc-surface-2: rgba(255,255,255,0.16);
  --scc-border: rgba(255,255,255,0.35);
  --scc-soft: rgba(255,255,255,0.12);
  --scc-text: rgba(20, 24, 40, 0.94);
  --scc-muted: rgba(20, 24, 40, 0.62);
  --scc-shadow: 0 18px 48px rgba(40, 40, 80, 0.18);
  --scc-radius: 26px;
  --scc-radius-sm: 14px;
}

/* Ensure stream surface uses the page bg token (keep scoped). */
.shiftcontrol-app[data-sc-page="stream"] .sc-shell{
  background: transparent;
}


/* SCC-STREAM-GLASS-OVERRIDES
   Apply glass visual primitives to stream surface only, using the scoped vars above.
*/
.shiftcontrol-app[data-sc-page="stream"] .scc-card,
.shiftcontrol-app[data-sc-page="stream"] .scc-post,
.shiftcontrol-app[data-sc-page="stream"] .scc-profile-card{
  background: var(--scc-surface);
  border: 1px solid var(--scc-border);
  box-shadow: var(--scc-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.shiftcontrol-app[data-sc-page="stream"] .scc-section-title,
.shiftcontrol-app[data-sc-page="stream"] .scc-h2,
.shiftcontrol-app[data-sc-page="stream"] .scc-h3,
.shiftcontrol-app[data-sc-page="stream"] .scc-post-author,
.shiftcontrol-app[data-sc-page="stream"] .scc-comment-author{
  color: var(--scc-text);
}

.shiftcontrol-app[data-sc-page="stream"] .scc-muted,
.shiftcontrol-app[data-sc-page="stream"] .scc-comment-time,
.shiftcontrol-app[data-sc-page="stream"] .scc-comments-loading,
.shiftcontrol-app[data-sc-page="stream"] .scc-comments-empty,
.shiftcontrol-app[data-sc-page="stream"] .scc-comments-error{
  color: var(--scc-muted);
}

.shiftcontrol-app[data-sc-page="stream"] .scc-post-input{
  background: rgba(255,255,255,0.14);
  border: 1px solid var(--scc-border);
  color: var(--scc-text);
}

.shiftcontrol-app[data-sc-page="stream"] .scc-post-input::placeholder{
  color: var(--scc-muted);
}