/* KillSync Community Workspace — creator, referral, and supporter pages */

body.ks-community-workspace-page,
body.ks-referrals-page {
  --ks-community-accent: var(--ks-bg-picker-accent, var(--ks-accent, #66e7ff));
  --ks-community-accent-2: var(--ks-bg-picker-accent-2, var(--ks-accent-2, #ff5d8f));
  --ks-community-text: var(--ks-text, #e8f4fb);
  --ks-community-muted: var(--ks-muted, #9fb5c6);
  --ks-community-panel: color-mix(in srgb, var(--ks-surface, #111923) 91%, transparent);
  --ks-community-panel-2: color-mix(in srgb, var(--ks-surface-2, #162231) 86%, transparent);
  --ks-community-border: color-mix(in srgb, var(--ks-community-accent) 26%, var(--ks-border, rgba(255,255,255,.14)) 74%);
}

html.ks-bg-picker-has-bg body.ks-community-workspace-page,
html.ks-bg-picker-has-bg body.ks-referrals-page,
body.ks-community-workspace-page.ks-bg-picker-has-bg,
body.ks-referrals-page.ks-bg-picker-has-bg {
  background: transparent !important;
  background-image: none !important;
}

body.ks-community-workspace-page .ks-creator-wrap,
body.ks-community-workspace-page .ks-kofi-wrap,
body.ks-community-workspace-page .ks-ref-wrap {
  position: relative;
  z-index: 1;
}

body.ks-community-workspace-page .ks-creator-card,
body.ks-community-workspace-page .ks-kofi-card,
body.ks-community-workspace-page .ks-ref-card,
body.ks-community-workspace-page .ks-creator-current,
body.ks-community-workspace-page .ks-video-mini,
body.ks-community-workspace-page .ks-video-curation-row,
body.ks-community-workspace-page .ks-creator-link-row,
body.ks-community-workspace-page .ks-kofi-codebox,
body.ks-community-workspace-page .ks-kofi-kpi,
body.ks-community-workspace-page .ks-kofi-table-wrap,
body.ks-community-workspace-page .ks-kofi-pre,
body.ks-community-workspace-page .ks-ref-codebox,
body.ks-community-workspace-page .ks-ref-stat,
body.ks-community-workspace-page .ks-ref-step,
body.ks-community-workspace-page .ks-signal-shell {
  border-color: var(--ks-community-border);
  border-radius: var(--ks-radius, 16px);
  background:
    linear-gradient(180deg, var(--ks-community-panel), var(--ks-community-panel-2));
  box-shadow:
    var(--ks-shadow, 0 14px 40px rgba(0,0,0,.28)),
    0 0 calc(24px * var(--ks-panel-glow-strength, .45)) color-mix(in srgb, var(--ks-community-accent) 13%, transparent);
}

body.ks-community-workspace-page .ks-creator-card,
body.ks-community-workspace-page .ks-kofi-card,
body.ks-community-workspace-page .ks-ref-card {
  margin-bottom: 1rem;
}

body.ks-community-workspace-page .ks-creator-input,
body.ks-community-workspace-page .ks-creator-textarea,
body.ks-community-workspace-page .ks-creator-select,
body.ks-community-workspace-page .ks-ref-form input,
body.ks-community-workspace-page select,
body.ks-community-workspace-page textarea {
  border-color: color-mix(in srgb, var(--ks-community-border) 78%, transparent);
  border-radius: var(--ks-radius, 12px);
  background: color-mix(in srgb, var(--ks-surface-2, #101923) 82%, transparent);
  color: var(--ks-community-text);
}
body.ks-community-workspace-page .ks-creator-input:focus,
body.ks-community-workspace-page .ks-creator-textarea:focus,
body.ks-community-workspace-page .ks-creator-select:focus,
body.ks-community-workspace-page .ks-ref-form input:focus,
body.ks-community-workspace-page select:focus,
body.ks-community-workspace-page textarea:focus {
  border-color: var(--ks-community-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ks-community-accent) 17%, transparent);
  outline: none;
}

body.ks-community-workspace-page .ks-creator-btn,
body.ks-community-workspace-page .ks-kofi-btn,
body.ks-community-workspace-page .ks-ref-btn {
  border-color: color-mix(in srgb, var(--ks-community-accent) 62%, var(--ks-community-border) 38%);
  border-radius: var(--ks-radius, 999px);
  background: color-mix(in srgb, var(--ks-community-accent) 11%, var(--ks-surface, transparent) 89%);
  color: var(--ks-community-text);
}
body.ks-community-workspace-page .ks-creator-btn:hover,
body.ks-community-workspace-page .ks-kofi-btn:hover,
body.ks-community-workspace-page .ks-ref-btn:hover {
  box-shadow: 0 0 18px color-mix(in srgb, var(--ks-community-accent) 30%, transparent) inset;
}

body.ks-community-workspace-page .ks-creator-label,
body.ks-community-workspace-page .ks-creator-small,
body.ks-community-workspace-page .ks-creator-section-help,
body.ks-community-workspace-page .ks-video-mini span,
body.ks-community-workspace-page .ks-video-checks,
body.ks-community-workspace-page .ks-kofi-small,
body.ks-community-workspace-page .ks-kofi-kpi-label,
body.ks-community-workspace-page .ks-kofi-kpi-sub,
body.ks-community-workspace-page .ks-kofi-message,
body.ks-community-workspace-page .ks-kofi-ref,
body.ks-community-workspace-page .ks-ref-small,
body.ks-community-workspace-page .ks-ref-pill {
  color: var(--ks-community-muted);
}
body.ks-community-workspace-page .ks-creator-card h2,
body.ks-community-workspace-page .ks-creator-card h3,
body.ks-community-workspace-page .ks-creator-section-title,
body.ks-community-workspace-page .ks-video-mini b,
body.ks-community-workspace-page .ks-video-curation-row b,
body.ks-community-workspace-page .ks-kofi-card h2,
body.ks-community-workspace-page .ks-kofi-card h3,
body.ks-community-workspace-page .ks-kofi-kpi-value,
body.ks-community-workspace-page .ks-kofi-money,
body.ks-community-workspace-page .ks-ref-card h2,
body.ks-community-workspace-page .ks-ref-card h3,
body.ks-community-workspace-page .ks-ref-code,
body.ks-community-workspace-page .ks-ref-stat b {
  color: var(--ks-community-text);
}

/* Logged-out referral landing page remains public, but follows the shared shell. */
html body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-wrap.ks-public-tool-shell {
  width: min(1460px, calc(100% - 2rem));
  max-width: 1460px;
  margin: 2rem auto 3rem;
  padding: 0;
}
body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-hero,
body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-card {
  border-color: var(--ks-community-border);
  border-radius: var(--ks-radius, 16px);
  background: linear-gradient(180deg, var(--ks-community-panel), var(--ks-community-panel-2));
  box-shadow: var(--ks-shadow, 0 16px 46px rgba(0,0,0,.30));
}
body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-eyebrow,
body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-step-num {
  color: var(--ks-community-accent);
  border-color: color-mix(in srgb, var(--ks-community-accent) 46%, var(--ks-community-border) 54%);
}

@media (max-width: 720px) {
  html body.ks-referrals-page:not(.ks-community-workspace-page) .ks-ref-wrap.ks-public-tool-shell {
    width: min(100% - 1rem, 1460px);
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}