:root {
  color-scheme: dark;
  font-size: 16px;
  --sf-bg: #050608;
  --sf-panel: rgba(13, 15, 21, 0.94);
  --sf-panel-soft: rgba(255, 255, 255, 0.06);
  --sf-panel-strong: rgba(255, 255, 255, 0.12);
  --sf-line: rgba(255, 255, 255, 0.12);
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.7);
  --sf-red: #ff335f;
  --sf-cyan: #26f4ee;
  --sf-green: #38d29d;
  --sf-shadow: 0 32px 90px rgba(0, 0, 0, 0.45);
  --sf-font-ui: "Avenir Next", "Space Grotesk", "IBM Plex Sans", sans-serif;
  --sf-font-display: "Space Grotesk", "Avenir Next", sans-serif;
}

:root[data-polis-display-size="compact"] {
  font-size: 14.88px;
}

:root[data-polis-display-size="large"] {
  font-size: 17.12px;
}

:root[data-polis-theme-resolved="light"] {
  color-scheme: light;
  --sf-bg: #f5f7fb;
  --sf-panel: rgba(255, 255, 255, 0.94);
  --sf-panel-soft: rgba(8, 14, 28, 0.06);
  --sf-panel-strong: rgba(8, 14, 28, 0.12);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.68);
  --sf-red: #d9284d;
  --sf-cyan: #057d84;
  --sf-green: #13845d;
  --sf-shadow: 0 24px 70px rgba(25, 35, 52, 0.14);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(
      circle at 12% 12%,
      rgba(255, 51, 95, 0.18),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 16%,
      rgba(38, 244, 238, 0.12),
      transparent 24%
    ),
    linear-gradient(180deg, #090b10 0%, var(--sf-bg) 100%);
  color: var(--sf-ink);
  font-family: var(--sf-font-ui);
  font-size: 1rem;
}

:root[data-polis-theme-resolved="light"] body {
  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(217, 40, 77, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 16%,
      rgba(5, 125, 132, 0.1),
      transparent 24%
    ),
    linear-gradient(180deg, #ffffff 0%, var(--sf-bg) 100%);
  color: var(--sf-ink) !important;
}

button,
input,
textarea {
  font: inherit;
}

button {
  color: inherit;
}

a {
  color: inherit;
}

#shared-feed-app {
  min-height: 100vh;
}

.shared-feed-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
}

.shared-feed-shell--public {
  display: block;
  grid-template-columns: minmax(0, 1fr);
}

.shared-feed-rail {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 28px 22px 26px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  border-right: 1px solid var(--sf-line);
  background: rgba(7, 9, 13, 0.88);
  backdrop-filter: blur(20px);
}

.shared-feed-rail__brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.shared-feed-rail__brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.shared-feed-rail__brand-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.shared-feed-rail__brand-name {
  font-family: var(--sf-font-display);
  font-size: 1.2rem;
  font-weight: 700;
}

.shared-feed-rail__brand-copy {
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.9rem;
}

.shared-feed-rail__nav-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shared-feed-rail__nav,
.shared-feed-rail__primary,
.shared-feed-rail__secondary,
.shared-feed-chip,
.shared-feed-action,
.shared-feed-post__volume,
.shared-feed-topbar__icon,
.shared-feed-topbar__mode,
.shared-feed-avatar__button,
.shared-feed-avatar__follow,
.shared-comments__close,
.shared-comments__locked,
.shared-likers__close,
.shared-likers__load-more,
.shared-liker__identity,
.shared-feed-action-detail,
.shared-media-tile__detail,
.shared-media-tile__corner-action,
.shared-media-tile__engagement-button,
.shared-message-reaction,
.shared-message-quick-reaction {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.shared-feed-rail__nav {
  width: 100%;
  padding: 14px 14px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--sf-muted);
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.shared-feed-rail__nav:hover,
.shared-feed-rail__nav.is-active {
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
}

.shared-feed-rail__nav.is-active {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.shared-feed-rail__icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
}

.shared-feed-rail__icon svg,
.shared-feed-topbar__icon svg,
.shared-feed-action__icon svg,
.shared-feed-post__volume svg,
.shared-comments__close svg,
.shared-likers__close svg,
.shared-feed-avatar__follow svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-feed-rail__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shared-feed-rail__cta-row {
  display: flex;
  gap: 10px;
}

.shared-feed-rail__primary,
.shared-feed-rail__secondary,
.shared-feed-chip,
.shared-comments__locked,
.shared-comments__form button {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 700;
  border-color: var(--sf-line);
  transition:
    transform 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.shared-feed-rail__primary,
.shared-feed-chip--primary,
.shared-comments__form button {
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-feed-rail__secondary,
.shared-feed-chip,
.shared-comments__locked {
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-ink);
}

.shared-feed-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
}

.shared-feed-chip svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-feed-stage {
  position: relative;
  min-width: 0;
  min-height: 100vh;
  padding-inline: 28px;
}

.shared-feed-topbar {
  position: sticky;
  top: 0;
  z-index: 6;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  min-height: 84px;
  padding: 14px 8px;
  background: linear-gradient(180deg, rgba(5, 6, 8, 0.74), rgba(5, 6, 8, 0));
  backdrop-filter: blur(10px);
}

.shared-feed-topbar__spacer {
  min-width: 0;
}

.shared-feed-topbar__toggle {
  justify-self: center;
  display: inline-flex;
  gap: 24px;
  align-items: center;
}

.shared-feed-topbar__mode {
  padding: 0;
  color: rgba(255, 255, 255, 0.55);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  font-weight: 700;
}

.shared-feed-topbar__mode.is-active {
  color: #fff;
}

.shared-feed-topbar__actions {
  justify-self: end;
  display: flex;
  gap: 10px;
}

.shared-feed-topbar__icon,
.shared-feed-post__volume {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(14px);
  border-color: rgba(255, 255, 255, 0.08);
}

.shared-feed-scroll {
  height: calc(100vh - 84px);
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
}

.shared-feed-scroll::-webkit-scrollbar {
  display: none;
}

.shared-feed-item {
  min-height: calc(100vh - 84px);
  padding-block: 18px 26px;
  scroll-snap-align: start;
  display: grid;
  place-items: center;
}

.shared-feed-post {
  width: min(94vw, 1120px);
  height: calc(100vh - 128px);
  display: grid;
  place-items: center;
}

.shared-feed-post__frame {
  position: relative;
  width: min(100%, 560px);
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
  background: #101318;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: var(--sf-shadow);
}

.shared-feed-post__video,
.shared-feed-post__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #090b10;
}

.shared-feed-post__overlay {
  position: absolute;
  inset: 0;
}

.shared-feed-post__overlay--gradient {
  background: linear-gradient(
      180deg,
      rgba(4, 7, 12, 0.35) 0%,
      rgba(4, 7, 12, 0) 24%
    ),
    linear-gradient(180deg, rgba(4, 7, 12, 0) 52%, rgba(4, 7, 12, 0.84) 100%);
  pointer-events: none;
  transition: background 180ms ease;
}

.shared-feed-post__overlay--gradient.is-expanded {
  background: linear-gradient(
      180deg,
      rgba(4, 7, 12, 0.02) 0%,
      rgba(4, 7, 12, 0.08) 18%,
      rgba(4, 7, 12, 0.42) 42%,
      rgba(4, 7, 12, 0.82) 70%,
      rgba(4, 7, 12, 0.96) 100%
    ),
    linear-gradient(180deg, rgba(4, 7, 12, 0) 0%, rgba(4, 7, 12, 0.3) 100%);
}

.shared-feed-post__overlay--chrome {
  padding: 22px 18px 18px;
  position: absolute;
  inset: 0;
  height: 100%;
  box-sizing: border-box;
}

.shared-feed-post__content {
  height: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  padding-right: 86px;
}

.shared-feed-post__actions {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.shared-feed-action {
  width: 58px;
  display: grid;
  gap: 4px;
  justify-items: center;
  color: #fff;
}

.shared-feed-action-group {
  width: 64px;
  display: grid;
  justify-items: center;
  gap: 4px;
}

.shared-feed-action-group .shared-feed-action {
  width: 58px;
}

.shared-feed-action-detail {
  min-height: 24px;
  max-width: 58px;
  padding: 0 9px;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(6, 10, 18, 0.38);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
}

.shared-feed-action__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}

.shared-feed-action__icon svg {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, 0.36));
}

.shared-feed-action__label {
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42);
}

.shared-feed-action--icon-only {
  width: 50px;
}

.shared-feed-action--icon-only .shared-feed-action__label {
  display: none;
}

.shared-feed-action.is-active {
  color: var(--sf-red);
}

.shared-feed-action--report {
  color: #fde68a;
}

.shared-feed-action--analytics {
  color: #bfdbfe;
}

.shared-feed-action--crossposts {
  color: #c4b5fd;
}

.shared-feed-action--delete {
  color: #fecdd3;
}

.shared-feed-avatar {
  position: relative;
}

.shared-feed-avatar__button {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.14);
  border: 2px solid rgba(255, 255, 255, 0.24);
  color: #fff;
  font-weight: 800;
}

.shared-feed-avatar__button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.shared-feed-avatar__follow {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: var(--sf-red);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
  border: 2px solid #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
}

.shared-feed-post__copy {
  max-width: min(52ch, 100%);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shared-feed-post__author-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 4px;
}

.shared-feed-post__author {
  padding: 0;
  background: transparent;
  border: 0;
  justify-self: start;
  width: fit-content;
  font-family: var(--sf-font-display);
  font-size: 1.12rem;
  font-weight: 700;
}

.shared-feed-post__author-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.shared-feed-post__handle,
.shared-feed-post__time {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.94rem;
}

.shared-feed-post__meta-separator {
  color: rgba(255, 255, 255, 0.44);
  font-size: 0.9rem;
}

.shared-feed-post__copy-toggle {
  width: 100%;
  max-width: min(52ch, 100%);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}

.shared-feed-post__copy-toggle.is-expanded {
  max-height: min(48vh, 420px);
  overflow-y: auto;
  padding-right: 8px;
}

.shared-feed-post__copy-stack {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-feed-post__copy-toggle:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.72);
  outline-offset: 6px;
  border-radius: 12px;
}

.shared-feed-post__caption {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  max-width: 100%;
  overflow-wrap: anywhere;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.shared-feed-post__copy-toggle.is-expanded .shared-feed-post__caption {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}

.shared-feed-post__tags {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-feed-post__tag {
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.9);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.shared-feed-post__tag span,
.shared-feed-post__tag small {
  min-width: 0;
}

.shared-feed-post__tag span {
  overflow-wrap: anywhere;
}

.shared-feed-post__tag small {
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-feed-post__tag:hover,
.shared-feed-post__tag:focus-visible {
  border-color: rgba(38, 244, 238, 0.52);
  background: rgba(38, 244, 238, 0.18);
  outline: none;
}

.shared-feed-post__tag.is-followed {
  border-color: rgba(38, 244, 238, 0.46);
  background: rgba(38, 244, 238, 0.18);
  color: #fff;
}

.shared-feed-post__tag.is-followed small {
  background: rgba(38, 244, 238, 0.2);
  color: #d8fffd;
}

.shared-feed-post__tag.is-pending,
.shared-feed-post__tag:disabled {
  cursor: wait;
  opacity: 0.78;
}

.shared-feed-post__copy-hint {
  display: inline-flex;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shared-feed-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-feed-scrubber {
  display: grid;
  gap: 4px;
  width: min(100%, 52ch);
}

.shared-feed-scrubber__time {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.74rem;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.shared-feed-scrubber__slider {
  width: 100%;
  margin: 0;
  accent-color: #fff;
  background: transparent;
}

.shared-feed-post__playback-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
}

.shared-feed-post__playback-indicator svg {
  width: 40px;
  height: 40px;
}

.shared-feed-post__playback-indicator.is-visible {
  opacity: 1;
}

.shared-feed-post__duration {
  position: absolute;
  right: 18px;
  top: 22px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.38);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.78rem;
  font-weight: 700;
}

.shared-feed-panel-card {
  width: min(90vw, 760px);
  min-height: min(78vh, 760px);
  border-radius: 34px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(17, 22, 31, 0.96),
    rgba(9, 12, 18, 0.96)
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--sf-shadow);
  display: grid;
}

.shared-feed-panel-card__image {
  width: 100%;
  height: 46%;
  object-fit: cover;
}

.shared-feed-panel-card__body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.shared-feed-panel-card__eyebrow {
  margin: 0;
  color: var(--sf-cyan);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.shared-feed-panel-card__body h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 0.98;
}

.shared-feed-panel-card__body p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.7;
  max-width: 48ch;
}

.shared-feed-panel-card__meta,
.shared-feed-panel-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.shared-feed-panel-card--prompt {
  place-items: center;
}

.shared-feed-loading,
.shared-feed-error,
.shared-feed-locked,
.shared-feed-empty {
  min-height: calc(100vh - 84px);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 24px;
}

.shared-feed-loading p,
.shared-feed-error p,
.shared-feed-locked p,
.shared-feed-empty p {
  color: var(--sf-muted);
  max-width: 38ch;
}

.shared-feed-loading__pulse {
  width: 86px;
  height: 86px;
  border-radius: 999px;
  background: radial-gradient(
    circle,
    rgba(255, 51, 95, 0.5),
    rgba(38, 244, 238, 0.14)
  );
  animation: shared-feed-pulse 1.4s ease-in-out infinite;
}

.shared-feed-loading-more {
  padding: 18px 0 34px;
  color: var(--sf-muted);
  text-align: center;
}

.shared-comments,
.shared-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
}

.shared-auth-modal {
  visibility: hidden;
}

.shared-comments.is-open,
.shared-auth-modal.is-open {
  pointer-events: auto;
}

.shared-auth-modal.is-open {
  visibility: visible;
}

.shared-comments__backdrop,
.shared-auth-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.56);
  opacity: 0;
  transition: opacity 180ms ease;
}

.shared-comments.is-open .shared-comments__backdrop,
.shared-auth-modal.is-open .shared-auth-modal__backdrop {
  opacity: 1;
}

.shared-comments__panel,
.shared-auth-modal__dialog {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 720px);
  background: rgba(10, 12, 17, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--sf-shadow);
}

.shared-comments__panel {
  bottom: 0;
  height: min(86vh, 820px);
  border-radius: 28px 28px 0 0;
  padding: 10px 0 14px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  transform: translate(-50%, 100%);
  visibility: hidden;
  transition:
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.shared-comments.is-open .shared-comments__panel {
  transform: translate(-50%, 0);
  visibility: visible;
  transition: transform 220ms ease;
}

.shared-comments__handle {
  width: 52px;
  height: 5px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: rgba(255, 255, 255, 0.18);
}

.shared-comments__header {
  padding: 0 20px 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-comments__header h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
}

.shared-comments__header p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  font-size: 0.92rem;
}

.shared-comments__close {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.shared-comments__list {
  overflow-y: auto;
  padding: 18px 20px 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.shared-comment {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  padding: 12px 14px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03);
}

.shared-comment.is-reply {
  margin-left: 34px;
}

.shared-comment.is-highlighted {
  box-shadow: inset 0 0 0 1px rgba(38, 244, 238, 0.5);
  background: rgba(38, 244, 238, 0.08);
}

.shared-comment__avatar {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.12);
  font-weight: 800;
}

.shared-comment__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-comment__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--sf-muted);
  font-size: 0.88rem;
}

.shared-comment__name {
  color: var(--sf-ink);
  font-weight: 700;
}

.shared-comments__replying,
.shared-comment__actions,
.shared-comment__reply-pill {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-comment__reply-pill {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.shared-comment__reply-pill--mode {
  border: 1px solid rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.1);
  color: #8ffaf6;
}

.shared-comment__text {
  margin: 8px 0 0;
  line-height: 1.6;
}

.shared-comment__actions {
  margin-top: 10px;
  display: flex;
  gap: 12px;
}

.shared-comment__actions button,
.shared-comments__replying button {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.shared-comment__actions button.is-active {
  color: var(--sf-red);
}

.shared-comments__load-more {
  width: 100%;
  min-height: 44px;
  margin-top: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.shared-comments__load-more:disabled {
  cursor: wait;
  opacity: 0.7;
}

.shared-comments__composer {
  padding: 14px 20px 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-comments__replying {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.shared-comments__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.shared-comments__engagement-mode {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(255, 51, 95, 0.08));
}

.shared-comments__engagement-mode > span {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #061017;
  background: #26f4ee;
}

.shared-comments__engagement-mode svg {
  width: 19px;
  height: 19px;
}

.shared-comments__engagement-mode div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-comments__engagement-mode strong,
.shared-comments__engagement-mode small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-comments__engagement-mode strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
}

.shared-comments__engagement-mode small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.shared-comments__engagement-mode .shared-feed-chip {
  margin-left: auto;
  flex: 0 0 auto;
}

.shared-comments__form textarea {
  min-height: 88px;
  padding: 14px 16px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
}

.shared-comments__locked {
  width: 100%;
}

.shared-comments__empty {
  color: var(--sf-muted);
  text-align: center;
  padding: 22px 0;
}

.shared-likers {
  position: fixed;
  inset: 0;
  z-index: 13;
  pointer-events: none;
}

.shared-likers.is-open {
  pointer-events: auto;
}

.shared-likers__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.56);
  opacity: 0;
  transition: opacity 180ms ease;
}

.shared-likers.is-open .shared-likers__backdrop {
  opacity: 1;
}

.shared-likers__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: min(96vw, 560px);
  height: min(78vh, 720px);
  padding: 10px 0 14px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px 28px 0 0;
  background: rgba(10, 12, 17, 0.98);
  box-shadow: var(--sf-shadow);
  visibility: hidden;
  transition:
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.shared-likers.is-open .shared-likers__panel {
  transform: translate(-50%, 0);
  visibility: visible;
  transition: transform 220ms ease;
}

.shared-likers__handle {
  width: 52px;
  height: 5px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: rgba(255, 255, 255, 0.18);
}

.shared-likers__header {
  padding: 0 20px 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-likers__header h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
}

.shared-likers__header p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  font-size: 0.92rem;
}

.shared-likers__close {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.shared-likers__list {
  overflow-y: auto;
  padding: 14px 20px;
  display: grid;
  align-content: start;
  gap: 10px;
}

.shared-liker {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-liker__identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: var(--sf-ink);
  text-align: left;
}

.shared-liker__identity:disabled {
  cursor: default;
}

.shared-liker__avatar {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.12);
  font-weight: 800;
}

.shared-liker__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-liker__avatar em {
  font-style: normal;
}

.shared-liker__copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-liker__copy strong,
.shared-liker__copy small,
.shared-liker__time {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-liker__copy strong {
  font-size: 0.98rem;
}

.shared-liker__copy small,
.shared-liker__time,
.shared-likers__footer {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-liker__time {
  text-align: right;
}

.shared-likers__footer {
  min-height: 52px;
  padding: 10px 20px 0;
  display: grid;
  place-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-likers__load-more {
  min-width: 160px;
}

.shared-likers__empty {
  color: var(--sf-muted);
  text-align: center;
  padding: 28px 0;
}

.shared-likers__empty.is-error {
  color: #ff9aa9;
}

.shared-post-share {
  position: fixed;
  inset: 0;
  z-index: 14;
  pointer-events: none;
}

.shared-post-share.is-open {
  pointer-events: auto;
}

.shared-post-share__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  transition: opacity 180ms ease;
}

.shared-post-share.is-open .shared-post-share__backdrop {
  opacity: 1;
}

.shared-post-share__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: min(96vw, 720px);
  max-height: min(84vh, 760px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px 28px 0 0;
  background: rgba(10, 12, 17, 0.98);
  box-shadow: var(--sf-shadow);
  visibility: hidden;
  transition:
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.shared-post-share.is-open .shared-post-share__panel {
  transform: translate(-50%, 0);
  visibility: visible;
  transition: transform 220ms ease;
}

.shared-post-share__handle {
  width: 52px;
  height: 5px;
  border-radius: 999px;
  margin: 10px auto 12px;
  background: rgba(255, 255, 255, 0.18);
}

.shared-post-share__header,
.shared-post-share__footer {
  padding: 0 20px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-post-share__footer {
  min-height: 68px;
  padding: 12px 20px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 0;
  align-items: center;
}

.shared-post-share__header p,
.shared-post-share__header h2 {
  margin: 0;
}

.shared-post-share__header p {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-post-share__header h2 {
  margin-top: 3px;
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
}

.shared-post-share__body {
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.15fr);
  gap: 14px;
}

.shared-post-share__preview {
  min-width: 0;
}

.shared-post-share__preview .shared-message-rich-card {
  height: 100%;
  min-height: 250px;
}

.shared-post-share__destinations {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-post-share__section {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

.shared-post-share__section-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-post-share__section-header strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-post-share__conversation-list {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-post-share__conversation {
  min-width: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}

.shared-post-share__conversation:hover,
.shared-post-share__conversation:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-post-share__conversation.is-active,
.shared-post-share__server.is-active {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.11);
}

.shared-post-share__conversation:disabled {
  cursor: wait;
  opacity: 0.72;
}

.shared-post-share__conversation-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-post-share__conversation-copy strong,
.shared-post-share__conversation-copy small,
.shared-post-share__conversation-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-post-share__conversation-copy small,
.shared-post-share__conversation-copy em,
.shared-post-share__empty,
.shared-post-share__notice {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-post-share__conversation-copy em {
  font-style: normal;
  font-size: 0.74rem;
}

.shared-post-share__conversation-action {
  min-width: 68px;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 51, 95, 0.18);
  color: #fff;
  display: inline-grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-post-share__empty {
  min-height: 132px;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  display: grid;
  place-items: center;
  gap: 5px;
  text-align: center;
}

.shared-post-share__empty strong,
.shared-post-share__empty span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-post-share__empty.is-error {
  color: #ff9aa9;
}

.shared-post-share__room-picker {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.06);
  display: grid;
  gap: 10px;
}

.shared-post-share__room-picker-header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-post-share__room-picker-header span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-post-share__room-picker-header strong,
.shared-post-share__room-picker-header small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-post-share__room-picker-header small {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-post-share__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-post-share__notice {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-post-report {
  position: fixed;
  inset: 0;
  z-index: 15;
  pointer-events: none;
}

.shared-post-report.is-open {
  pointer-events: auto;
}

.shared-post-report__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 180ms ease;
}

.shared-post-report.is-open .shared-post-report__backdrop {
  opacity: 1;
}

.shared-post-report__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: min(96vw, 540px);
  max-height: min(86vh, 740px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px 28px 0 0;
  background: rgba(10, 12, 17, 0.98);
  color: var(--sf-ink);
  box-shadow: var(--sf-shadow);
  visibility: hidden;
  transition:
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.shared-post-report.is-open .shared-post-report__panel {
  transform: translate(-50%, 0);
  visibility: visible;
  transition: transform 220ms ease;
}

.shared-post-report__handle {
  width: 52px;
  height: 5px;
  margin: 10px auto 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

.shared-post-report__header,
.shared-post-report__footer {
  min-width: 0;
  padding: 0 20px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-post-report__footer {
  min-height: 68px;
  padding: 12px 20px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 0;
  align-items: center;
}

.shared-post-report__header p,
.shared-post-report__header h2,
.shared-post-report__preview p {
  margin: 0;
}

.shared-post-report__header p {
  color: #fde68a;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-post-report__header h2 {
  margin-top: 3px;
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
}

.shared-post-report__body {
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
  display: grid;
  gap: 14px;
}

.shared-post-report__preview {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.shared-post-report__preview > span {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.14);
  color: #fde68a;
  display: grid;
  place-items: center;
}

.shared-post-report__preview svg,
.shared-post-report__actions svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-post-report__preview div,
.shared-post-report__preview strong,
.shared-post-report__preview p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-post-report__preview strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-post-report__preview p {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-post-report__categories {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 8px;
}

.shared-post-report__categories legend,
.shared-post-report__details span {
  margin-bottom: 8px;
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-post-report-category {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.shared-post-report-category:has(input:checked) {
  border-color: rgba(251, 191, 36, 0.42);
  background: rgba(251, 191, 36, 0.1);
}

.shared-post-report-category input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #f59e0b;
}

.shared-post-report-category span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-post-report-category strong,
.shared-post-report-category small {
  overflow-wrap: anywhere;
}

.shared-post-report-category strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-post-report-category small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-post-report__details {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-post-report__details span {
  margin: 0;
}

.shared-post-report__details small {
  color: rgba(248, 250, 252, 0.48);
  font-weight: 800;
}

.shared-post-report__details textarea {
  width: 100%;
  min-height: 112px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  resize: vertical;
}

.shared-post-report__details textarea:focus {
  border-color: rgba(251, 191, 36, 0.38);
  outline: 2px solid rgba(251, 191, 36, 0.12);
  outline-offset: 2px;
}

.shared-post-report__empty,
.shared-post-report__status,
.shared-post-report__footer > span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-post-report__empty {
  min-height: 132px;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  display: grid;
  place-items: center;
  gap: 10px;
  text-align: center;
}

.shared-post-report__empty strong {
  overflow-wrap: anywhere;
}

.shared-post-report__empty.is-error,
.shared-post-report__status.is-error {
  color: #ff9aa9;
}

.shared-post-crossposts__panel {
  max-width: 560px;
}

.shared-post-crossposts__preview > span {
  background: rgba(196, 181, 253, 0.14);
  color: #ddd6fe;
}

.shared-post-crossposts__list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-post-crosspost-job {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 9px;
}

.shared-post-crosspost-job__header {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-post-crosspost-job__icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.08);
  color: #e5e7eb;
}

.shared-post-crosspost-job__icon svg,
.shared-post-crosspost-job__link svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-post-crosspost-job__title {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-post-crosspost-job__title strong,
.shared-post-crosspost-job__title small,
.shared-post-crosspost-job__error,
.shared-post-crosspost-job__link span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-post-crosspost-job__title strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-post-crosspost-job__title small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-post-crosspost-job__status {
  justify-self: end;
  max-width: 128px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #e5e7eb;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-post-crosspost-job__error {
  margin: 0;
  padding-left: 46px;
  color: #fecdd3;
  font-size: 0.78rem;
  line-height: 1.45;
}

.shared-post-crosspost-job__link {
  width: fit-content;
  margin-left: 46px;
  color: #bfdbfe;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 860;
  text-decoration: none;
}

.shared-post-crosspost-job__link:hover,
.shared-post-crosspost-job__link:focus-visible {
  color: #dbeafe;
  text-decoration: underline;
  outline: none;
}

.shared-post-crosspost-job--success {
  border-color: rgba(34, 197, 94, 0.22);
  background: rgba(34, 197, 94, 0.08);
}

.shared-post-crosspost-job--success .shared-post-crosspost-job__icon,
.shared-post-crosspost-job--success .shared-post-crosspost-job__status {
  color: #bbf7d0;
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.12);
}

.shared-post-crosspost-job--danger {
  border-color: rgba(251, 113, 133, 0.26);
  background: rgba(251, 113, 133, 0.08);
}

.shared-post-crosspost-job--danger .shared-post-crosspost-job__icon,
.shared-post-crosspost-job--danger .shared-post-crosspost-job__status {
  color: #fecdd3;
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.12);
}

.shared-post-crosspost-job--active .shared-post-crosspost-job__icon,
.shared-post-crosspost-job--active .shared-post-crosspost-job__status {
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, 0.24);
  background: rgba(96, 165, 250, 0.12);
}

.shared-post-crosspost-job--pending .shared-post-crosspost-job__icon,
.shared-post-crosspost-job--pending .shared-post-crosspost-job__status {
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.24);
  background: rgba(251, 191, 36, 0.1);
}

.shared-post-report__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-post-delete .shared-post-report__header p {
  color: #fecdd3;
}

.shared-post-delete .shared-post-report__preview > span {
  background: rgba(251, 113, 133, 0.14);
  color: #fecdd3;
}

.shared-post-delete__copy {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(251, 113, 133, 0.18);
  border-radius: 16px;
  background: rgba(251, 113, 133, 0.08);
  display: grid;
  gap: 5px;
}

.shared-post-delete__copy strong,
.shared-post-delete__copy span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-post-delete__copy strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-post-delete__copy span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-post-delete .shared-feed-chip.is-danger {
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.shared-post-delete .shared-feed-chip.is-danger:hover,
.shared-post-delete .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(251, 113, 133, 0.5);
  background: rgba(251, 113, 133, 0.2);
}

.shared-confirmation {
  z-index: 28;
}

.shared-confirmation .shared-post-report__header p {
  color: #bfdbfe;
}

.shared-confirmation.is-danger .shared-post-report__header p {
  color: #fecdd3;
}

.shared-confirmation__panel {
  max-width: 500px;
}

.shared-confirmation__preview > span {
  background: rgba(96, 165, 250, 0.14);
  color: #bfdbfe;
}

.shared-confirmation.is-danger .shared-confirmation__preview > span {
  background: rgba(251, 113, 133, 0.14);
  color: #fecdd3;
}

.shared-confirmation__detail {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-confirmation .shared-feed-chip.is-danger {
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.shared-confirmation .shared-feed-chip.is-danger:hover,
.shared-confirmation .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(251, 113, 133, 0.5);
  background: rgba(251, 113, 133, 0.2);
}

.shared-text-prompt {
  z-index: 29;
}

.shared-text-prompt .shared-post-report__header p {
  color: #bfdbfe;
}

.shared-text-prompt.is-danger .shared-post-report__header p {
  color: #fecdd3;
}

.shared-text-prompt__panel {
  max-width: 520px;
}

.shared-text-prompt__preview > span {
  background: rgba(96, 165, 250, 0.14);
  color: #bfdbfe;
}

.shared-text-prompt.is-danger .shared-text-prompt__preview > span {
  background: rgba(251, 113, 133, 0.14);
  color: #fecdd3;
}

.shared-text-prompt__field textarea[readonly] {
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  cursor: text;
}

.shared-text-prompt .shared-feed-chip.is-danger {
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.shared-text-prompt .shared-feed-chip.is-danger:hover,
.shared-text-prompt .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(251, 113, 133, 0.5);
  background: rgba(251, 113, 133, 0.2);
}

@media (max-width: 640px) {
  .shared-comments__engagement-mode {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .shared-comments__engagement-mode div {
    flex: 1 1 calc(100% - 50px);
  }

  .shared-comments__engagement-mode .shared-feed-chip {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }

  .shared-likers__panel {
    height: min(82vh, 720px);
  }

  .shared-post-share__panel {
    width: 100vw;
    max-height: 88vh;
  }

  .shared-post-share__body {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .shared-post-share__preview .shared-message-rich-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 0;
    width: 100%;
  }

  .shared-post-share__preview .shared-message-media--card {
    min-height: 132px;
    height: 100%;
  }

  .shared-post-share__preview .shared-message-media--card img,
  .shared-post-share__preview .shared-message-media--card video {
    height: 100%;
    max-height: none;
    object-fit: cover;
  }

  .shared-post-share__preview .shared-message-media--card figcaption,
  .shared-post-share__preview .shared-message-rich-card__actions {
    display: none;
  }

  .shared-post-share__preview .shared-message-rich-card__body {
    padding: 10px;
    gap: 5px;
  }

  .shared-post-share__preview .shared-message-rich-card p {
    -webkit-line-clamp: 2;
    max-height: 2.9em;
  }

  .shared-post-share__destinations {
    gap: 12px;
  }

  .shared-post-share__room-picker {
    padding: 9px;
  }

  .shared-post-share__room-picker-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-post-share__room-picker-header .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .shared-post-share__conversation {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-post-share__conversation-action {
    grid-column: 2;
    justify-self: start;
    min-width: 0;
  }

  .shared-post-share__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-post-share__actions,
  .shared-post-share__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-post-share__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-post-share__actions .shared-feed-chip {
    min-width: 0;
    padding-inline: 12px;
  }

  .shared-post-share__actions .shared-feed-chip:first-child {
    grid-column: 1 / -1;
  }

  .shared-post-report__panel {
    width: 100vw;
    max-height: 88vh;
  }

  .shared-post-report__body {
    padding: 14px;
  }

  .shared-post-report__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-post-report__actions,
  .shared-post-report__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-post-report__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-post-crosspost-job__header {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .shared-post-crosspost-job__status {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .shared-post-crosspost-job__error,
  .shared-post-crosspost-job__link {
    margin-left: 44px;
    padding-left: 0;
  }

  .shared-liker {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-liker__time {
    padding-left: 58px;
    text-align: left;
  }
}

.shared-auth-modal__dialog {
  top: 50%;
  left: 50vw;
  translate: 0 -44%;
  opacity: 0;
  visibility: hidden;
  border-radius: 30px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition:
    translate 220ms ease,
    opacity 220ms ease;
}

.shared-auth-modal.is-open .shared-auth-modal__dialog {
  translate: 0 -50%;
  opacity: 1;
  visibility: visible;
}

.shared-auth-modal__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.shared-auth-modal__heading {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-auth-modal__close {
  flex: 0 0 auto;
}

.shared-auth-modal__eyebrow {
  margin: 0;
  color: var(--sf-cyan);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.shared-auth-modal__dialog h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 5vw, 3.2rem);
  line-height: 0.96;
}

.shared-auth-modal__dialog p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.7;
}

.shared-auth-modal__modes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shared-auth-modal__status {
  padding: 12px 14px;
  border-radius: 18px;
  font-size: 0.94rem;
  line-height: 1.5;
}

.shared-auth-modal__status--error {
  background: rgba(255, 51, 95, 0.14);
  color: #ff9daf;
}

.shared-auth-modal__status--notice {
  background: rgba(38, 244, 238, 0.12);
  color: #9df6f3;
}

.shared-auth-modal__form {
  display: grid;
  gap: 14px;
}

.shared-auth-modal__form label {
  display: grid;
  gap: 8px;
}

.shared-auth-modal__form span {
  color: var(--sf-ink);
  font-size: 0.9rem;
  font-weight: 700;
}

.shared-auth-modal__form input {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
}

.shared-auth-modal__fallback,
.shared-auth-modal__confirm-copy {
  display: grid;
  gap: 12px;
}

.shared-auth-modal__gateway {
  gap: 16px;
}

.shared-auth-modal__gateway-icon {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  color: var(--sf-accent);
  background: rgba(255, 255, 255, 0.06);
}

.shared-auth-modal__gateway-icon svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-auth-modal__gateway-body {
  display: grid;
  gap: 8px;
}

.shared-auth-modal__gateway-body strong {
  color: var(--sf-ink);
  font-size: 1rem;
  line-height: 1.25;
}

.shared-auth-modal__gateway-body p {
  margin: 0;
}

.shared-auth-modal__gateway-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-auth-modal__gateway-actions {
  margin-top: 2px;
}

.shared-auth-modal__actions,
.shared-auth-modal__secondary,
.shared-auth-modal__stores {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-auth-modal__hint {
  color: var(--sf-muted);
  font-size: 0.88rem;
}

.shared-auth-modal__stores a {
  color: var(--sf-muted);
  text-decoration: none;
}

.shared-donation-flow {
  position: fixed;
  inset: 0;
  z-index: 14;
  pointer-events: none;
}

.shared-donation-flow.is-open {
  pointer-events: auto;
}

.shared-donation-flow__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.64);
}

.shared-donation-flow__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(96vw, 960px);
  max-height: min(92vh, 880px);
  min-height: 0;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  background: rgba(10, 12, 17, 0.98);
  box-shadow: var(--sf-shadow);
  color: var(--sf-ink);
  transform: translate(-50%, -50%);
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 14px;
  overflow: hidden;
}

.shared-donation-flow__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.shared-donation-flow__header h2,
.shared-donation-flow__card h3,
.shared-donation-flow__submitted h3 {
  margin: 0;
  color: var(--sf-ink);
}

.shared-donation-flow__header h2 {
  font-family: var(--sf-font-display);
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  line-height: 1;
}

.shared-donation-flow__header p,
.shared-donation-flow__card p,
.shared-donation-flow__submitted p {
  margin: 6px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-donation-flow__eyebrow {
  margin: 0 0 6px;
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.shared-donation-flow__progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-donation-flow__step {
  min-width: 0;
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  text-align: left;
}

.shared-donation-flow__step span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-donation-flow__step strong {
  min-width: 0;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-donation-flow__step.is-reached {
  color: var(--sf-ink);
}

.shared-donation-flow__step.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
}

.shared-donation-flow__step.is-active span {
  background: var(--sf-cyan);
  color: #061015;
}

.shared-donation-flow__status {
  padding: 12px 14px;
  border-radius: 16px;
  font-size: 0.92rem;
  line-height: 1.45;
}

.shared-donation-flow__status--error {
  background: rgba(255, 51, 95, 0.14);
  color: #ff9daf;
}

.shared-donation-flow__status--notice {
  background: rgba(38, 244, 238, 0.12);
  color: #9df6f3;
}

.shared-donation-flow__body {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  display: grid;
  gap: 12px;
}

.shared-donation-flow__card {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.38);
  display: grid;
  gap: 12px;
}

.shared-donation-flow__card--warning {
  border-color: rgba(248, 211, 77, 0.22);
  background: rgba(248, 211, 77, 0.07);
}

.shared-donation-flow__amount-card {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 48%),
    rgba(5, 6, 8, 0.4);
}

.shared-donation-flow__amount-field,
.shared-donation-flow__field {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-donation-flow__amount-field > span,
.shared-donation-flow__field span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-donation-flow__amount-field div {
  min-width: 0;
  height: 62px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.shared-donation-flow__amount-field em {
  color: var(--sf-muted);
  font-style: normal;
  font-size: 1.7rem;
  font-weight: 900;
}

.shared-donation-flow__amount-field input,
.shared-donation-flow__field input {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
  outline: none;
}

.shared-donation-flow__amount-field input {
  font-family: var(--sf-font-display);
  font-size: 2rem;
}

.shared-donation-flow__field input {
  height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-donation-flow__pill {
  width: fit-content;
  min-height: 34px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 0.84rem;
  font-weight: 850;
}

.shared-donation-flow__pill svg {
  width: 16px;
  height: 16px;
  fill: var(--sf-red);
}

.shared-donation-flow__section-head,
.shared-donation-flow__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.shared-donation-flow__amount-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-donation-flow__preset {
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 900;
}

.shared-donation-flow__preset.is-selected,
.shared-donation-flow__preset:hover,
.shared-donation-flow__preset:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.12);
  outline: none;
}

.shared-donation-flow__field-grid,
.shared-donation-flow__review-grid,
.shared-donation-flow__requirements,
.shared-donation-flow__certifications,
.shared-donation-flow__missing {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-donation-flow__field-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-donation-flow__field--wide {
  grid-column: 1 / -1;
}

.shared-donation-flow__requirement {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}

.shared-donation-flow__requirement.is-complete {
  border-color: rgba(56, 210, 157, 0.26);
  background: rgba(56, 210, 157, 0.08);
}

.shared-donation-flow__requirement-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-donation-flow__requirement-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-donation-flow__requirement strong,
.shared-donation-flow__review-line strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-donation-flow__requirement p {
  margin: 3px 0 0;
  font-size: 0.84rem;
}

.shared-donation-flow__requirement-status {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-donation-flow__certification {
  min-width: 0;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-donation-flow__certification.is-checked {
  border-color: rgba(56, 210, 157, 0.26);
  background: rgba(56, 210, 157, 0.08);
}

.shared-donation-flow__certification input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--sf-cyan);
}

.shared-donation-flow__certification span {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.shared-donation-flow__missing span {
  min-width: 0;
  color: var(--sf-muted);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-donation-flow__missing svg {
  width: 15px;
  height: 15px;
  margin-top: 2px;
  fill: currentColor;
}

.shared-donation-flow__review-line {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-donation-flow__review-line span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-donation-flow__actions {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.42);
  justify-content: flex-end;
}

.shared-donation-flow__submitted {
  place-items: center;
  text-align: center;
  padding: 28px;
}

.shared-donation-flow__submitted-icon {
  width: 84px;
  height: 84px;
  border-radius: 999px;
  background: rgba(56, 210, 157, 0.12);
  color: var(--sf-green);
  display: grid;
  place-items: center;
}

.shared-donation-flow__submitted-icon svg {
  width: 44px;
  height: 44px;
  fill: currentColor;
}

.shared-feed-topbar__title {
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
  font-weight: 700;
}

.shared-page {
  position: relative;
  min-width: 0;
  min-height: 100vh;
}

.shared-page__content {
  min-width: 0;
  padding: 24px 8px 44px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.shared-page__header,
.shared-page__hero {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.shared-page__header h1,
.shared-page__content h2 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-page__header p,
.shared-page__content p,
.shared-page__hint {
  color: var(--sf-muted);
  line-height: 1.6;
}

.shared-page__eyebrow {
  margin: 0 0 8px;
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.shared-page__hero-avatar,
.shared-card__avatar {
  width: 92px;
  height: 92px;
  border-radius: 26px;
  object-fit: cover;
  display: block;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-page__hero-avatar--placeholder,
.shared-card__avatar--placeholder {
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-size: 1.7rem;
  font-weight: 700;
}

.shared-official-profile-title-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex-wrap: wrap;
}

.shared-official-approval-badge {
  --approval-accent: #26f4ee;
  --approval-bg: rgba(38, 244, 238, 0.12);
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 74px;
  height: 74px;
  padding: 8px;
  border: 3px solid var(--approval-accent);
  border-radius: 999px;
  color: var(--sf-ink);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.34), transparent 42%),
    var(--approval-bg);
  box-shadow: 0 16px 40px rgba(38, 244, 238, 0.14);
  text-align: center;
}

.shared-official-approval-badge.is-high {
  --approval-accent: #34d399;
  --approval-bg: rgba(52, 211, 153, 0.14);
}

.shared-official-approval-badge.is-medium {
  --approval-accent: #f7c948;
  --approval-bg: rgba(247, 201, 72, 0.14);
}

.shared-official-approval-badge.is-low {
  --approval-accent: #fb7185;
  --approval-bg: rgba(251, 113, 133, 0.14);
}

.shared-official-approval-badge.is-empty {
  --approval-accent: rgba(255, 255, 255, 0.22);
  --approval-bg: rgba(255, 255, 255, 0.045);
}

.shared-official-approval-badge strong {
  font-family: var(--sf-font-display);
  font-size: 1.18rem;
  line-height: 1;
}

.shared-official-approval-badge span {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.shared-official-approval-card .shared-card__body {
  gap: 16px;
}

.shared-official-approval-card__header {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.shared-official-approval-card__bar {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(248, 113, 113, 0.78);
}

.shared-official-approval-card__bar span {
  display: block;
  width: var(--official-approval, 0%);
  height: 100%;
  border-radius: inherit;
  background: rgba(52, 211, 153, 0.92);
}

.shared-official-approval-card__split {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-official-approval-card__split span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-official-approval-card__split strong {
  color: var(--sf-ink);
  font-size: 1.05rem;
}

.shared-official-approval-card__split small {
  color: var(--sf-muted);
  font-weight: 700;
}

@media (max-width: 560px) {
  .shared-official-approval-card__header,
  .shared-official-profile-title-row {
    align-items: flex-start;
  }

  .shared-official-approval-card__split {
    grid-template-columns: 1fr;
  }
}

.shared-page__split {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.7fr);
  gap: 24px;
}

.shared-page__back-row {
  margin-bottom: 18px;
}

.shared-page__sidebar,
.shared-page__main {
  min-width: 0;
}

.shared-page__loading,
.shared-page__error,
.shared-page__empty,
.shared-page__hint {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--sf-line);
}

.shared-page__error {
  color: #ffd8df;
  border-color: rgba(255, 51, 95, 0.24);
}

.shared-workspace-service-alert {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(250, 204, 21, 0.24);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.08), transparent 54%),
    rgba(255, 255, 255, 0.04);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-workspace-service-alert__icon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(250, 204, 21, 0.28);
  border-radius: 16px;
  background: rgba(250, 204, 21, 0.1);
  color: #facc15;
  display: grid;
  place-items: center;
}

.shared-workspace-service-alert__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-workspace-service-alert__body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-workspace-service-alert__body > span {
  color: #facc15;
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-workspace-service-alert h2,
.shared-workspace-service-alert p {
  margin: 0;
}

.shared-workspace-service-alert h2 {
  color: var(--sf-ink);
  font-size: 1.05rem;
  line-height: 1.15;
}

.shared-workspace-service-alert p {
  max-width: 760px;
  color: var(--sf-muted);
  font-size: 0.92rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-workspace-service-alert__details,
.shared-workspace-service-alert__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-workspace-service-alert__details small {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(250, 204, 21, 0.18);
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.08);
  color: var(--sf-muted);
  font-size: 0.73rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-workspace-service-alert__actions {
  justify-content: flex-end;
}

:root[data-polis-theme-resolved="light"] .shared-workspace-service-alert {
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.1), transparent 54%),
    rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

:root[data-polis-theme-resolved="light"]
  .shared-workspace-service-alert__icon {
  background: rgba(217, 119, 6, 0.12);
  color: #b45309;
}

:root[data-polis-theme-resolved="light"]
  .shared-workspace-service-alert__body
  > span {
  color: #b45309;
}

@media (max-width: 760px) {
  .shared-workspace-service-alert {
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 18px;
  }

  .shared-workspace-service-alert__icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .shared-workspace-service-alert__actions {
    justify-content: stretch;
  }

  .shared-workspace-service-alert__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-workspace-fallback {
  min-width: 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 51, 95, 0.12), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(38, 244, 238, 0.1), transparent 30%),
    rgba(10, 12, 18, 0.82);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
  gap: clamp(16px, 2.4vw, 24px);
  align-items: start;
}

.shared-workspace-fallback__intro {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-workspace-fallback__intro h2,
.shared-workspace-fallback__intro p {
  margin: 0;
}

.shared-workspace-fallback__intro h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.5rem, 2.5vw, 2.4rem);
  line-height: 1.04;
}

.shared-workspace-fallback__intro p {
  max-width: 580px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-workspace-fallback__actions,
.shared-workspace-fallback__metrics,
.shared-workspace-fallback__grid,
.shared-workspace-fallback__items {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-workspace-fallback__actions {
  grid-template-columns: repeat(auto-fit, minmax(130px, max-content));
  align-items: center;
}

.shared-workspace-fallback__metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-workspace-fallback__metrics span {
  min-width: 0;
  min-height: 74px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: end;
  gap: 3px;
}

.shared-workspace-fallback__metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-workspace-fallback__metrics small {
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-workspace-fallback__grid {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-workspace-fallback__group {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-workspace-fallback__group-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.shared-workspace-fallback__group-top > span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-workspace-fallback__group-top svg,
.shared-workspace-fallback__items svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-workspace-fallback__group-top div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-workspace-fallback__group-top strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  line-height: 1.1;
}

.shared-workspace-fallback__group-top small {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-workspace-fallback__items {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.shared-workspace-fallback__items span {
  min-width: 0;
  min-height: 64px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.34);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 3px 8px;
  align-content: center;
}

.shared-workspace-fallback__items svg {
  color: var(--sf-cyan);
  grid-row: span 2;
}

.shared-workspace-fallback__items strong,
.shared-workspace-fallback__items small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-workspace-fallback__items strong {
  font-size: 0.82rem;
  line-height: 1.12;
}

.shared-workspace-fallback__items small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

:root[data-polis-theme-resolved="light"] .shared-workspace-fallback {
  background:
    radial-gradient(circle at 8% 8%, rgba(244, 63, 111, 0.08), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(14, 165, 233, 0.08), transparent 30%),
    rgba(255, 255, 255, 0.88);
}

:root[data-polis-theme-resolved="light"] .shared-workspace-fallback__group,
:root[data-polis-theme-resolved="light"] .shared-workspace-fallback__metrics span,
:root[data-polis-theme-resolved="light"] .shared-workspace-fallback__items span {
  background: rgba(255, 255, 255, 0.68);
}

@media (max-width: 980px) {
  .shared-workspace-fallback {
    grid-template-columns: 1fr;
  }

  .shared-workspace-fallback__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .shared-workspace-fallback {
    padding: 16px;
    border-radius: 22px;
  }

  .shared-workspace-fallback__actions,
  .shared-workspace-fallback__metrics,
  .shared-workspace-fallback__items {
    grid-template-columns: 1fr;
  }

  .shared-workspace-fallback__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-page__banner {
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.08);
}

.shared-page__pagination-sentinel {
  height: 1px;
}

.shared-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.shared-card-grid--candidates {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.shared-candidate-directory-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.32fr);
  gap: 12px;
  align-items: stretch;
}

.shared-candidate-directory-mode {
  min-width: 0;
  padding: 5px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.shared-candidate-directory-mode button {
  min-width: 0;
  min-height: 66px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  color: var(--sf-muted);
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
}

.shared-candidate-directory-mode button:hover,
.shared-candidate-directory-mode button:focus-visible {
  border-color: rgba(38, 244, 238, 0.24);
  color: var(--sf-ink);
  outline: none;
}

.shared-candidate-directory-mode button.is-active {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-ink);
}

.shared-candidate-directory-mode strong,
.shared-candidate-directory-mode span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-candidate-directory-mode strong {
  font-size: 0.92rem;
}

.shared-candidate-directory-mode span {
  color: inherit;
  opacity: 0.74;
  font-size: 0.76rem;
  line-height: 1.25;
}

.shared-candidate-directory-summary {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 4px;
  align-content: center;
}

.shared-candidate-directory-summary span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-directory-summary svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-candidate-directory-summary strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.55rem;
}

.shared-candidate-directory-summary small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-candidate-directory-filter {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), rgba(255, 51, 95, 0.04)),
    rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: minmax(220px, 1.1fr) minmax(180px, 0.7fr) auto;
  gap: 12px;
  align-items: end;
}

.shared-candidate-directory-filter__search,
.shared-candidate-directory-filter__district,
.shared-candidate-directory-filter__manual-tags {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-candidate-directory-filter__search span,
.shared-candidate-directory-filter__district span,
.shared-candidate-directory-filter__manual-tags span,
.shared-candidate-directory-filter__tag-group > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-candidate-directory-filter input[type="search"],
.shared-candidate-directory-filter input[type="text"] {
  width: 100%;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.66);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 760;
}

.shared-candidate-directory-filter input[type="search"]:focus,
.shared-candidate-directory-filter input[type="text"]:focus {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-candidate-directory-filter__levels,
.shared-candidate-directory-filter__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-candidate-directory-filter__levels {
  grid-column: 1 / -1;
  order: 2;
}

.shared-candidate-directory-filter__levels .shared-feed-chip.is-active,
.shared-candidate-directory-filter__tags .shared-feed-chip.is-active {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.13);
  color: var(--sf-cyan);
}

.shared-candidate-directory-filter__tags {
  grid-column: 1 / -1;
  order: 3;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.035)),
    rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 12px;
}

.shared-candidate-directory-filter__tags-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-candidate-directory-filter__tags-header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-candidate-directory-filter__tags-header strong {
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-candidate-directory-filter__tags-header span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-candidate-directory-filter__tag-group {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-candidate-directory-filter__tag-group > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-directory-filter__actions {
  grid-column: 1 / -1;
  order: 4;
  justify-content: flex-end;
}

.shared-candidate-directory-hide-auto {
  min-height: 44px;
  align-self: center;
}

.shared-candidate-party-groups {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shared-candidate-party-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shared-candidate-party-group__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--sf-muted);
  text-align: left;
  cursor: pointer;
}

.shared-candidate-party-group__header:hover,
.shared-candidate-party-group__header:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  outline: none;
}

.shared-candidate-party-group__chevron {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--candidate-party-color, var(--sf-muted));
  background: color-mix(
    in srgb,
    var(--candidate-party-color, #64748b) 16%,
    transparent
  );
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
}

.shared-candidate-party-group__chevron svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: currentColor;
}

.shared-candidate-party-group__title {
  min-width: 0;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0;
}

.shared-candidate-party-group__badge,
.shared-candidate-party-group__count,
.shared-candidate-party-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid
    color-mix(in srgb, var(--candidate-party-color, #64748b) 35%, transparent);
  background: color-mix(
    in srgb,
    var(--candidate-party-color, #64748b) 13%,
    transparent
  );
  color: var(--sf-ink);
  font-size: 0.76rem;
  font-weight: 800;
  white-space: nowrap;
}

.shared-candidate-party-group__count {
  margin-left: auto;
}

.shared-card--candidate-preview {
  border-color: color-mix(
    in srgb,
    var(--candidate-party-color, #64748b) 26%,
    var(--sf-line)
  );
}

.shared-card-grid--posts,
.shared-card-grid--detail {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.shared-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.shared-card {
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-card--candidate-preview {
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 420px;
  padding: 22px;
}

.shared-card--post .shared-card__image,
.shared-card__image {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  background: rgba(255, 255, 255, 0.05);
}

.shared-image-fallback {
  display: grid !important;
  place-items: center;
  background:
    radial-gradient(circle at 24% 18%, rgba(5, 125, 132, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(217, 40, 77, 0.14), rgba(8, 14, 28, 0.06));
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.1rem, 4vw, 2rem);
  font-weight: 800;
}

.shared-discover-image > .shared-image-fallback,
.shared-media-tile__image.shared-image-fallback {
  width: 100%;
  height: 100%;
}

.shared-card__image.shared-image-fallback,
.shared-feed-post__image.shared-image-fallback,
.shared-feed-panel-card__image.shared-image-fallback,
.shared-campaign-event-card__image.shared-image-fallback {
  width: 100%;
}

.shared-card__body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shared-card__body--candidate-preview {
  flex: 1;
  padding: 0;
}

.shared-card__body h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-card__body p {
  margin: 0;
}

.shared-card__summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.shared-card__meta,
.shared-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-card__meta {
  color: var(--sf-muted);
  font-size: 0.88rem;
}

.shared-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-card__tags span {
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-card__meta--candidate-preview {
  margin-top: auto;
  min-height: 42px;
  align-content: flex-start;
}

.shared-card__meta--candidate-preview span {
  max-width: 100%;
}

.shared-card__meta--candidate-preview span:last-child {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.shared-feed-prompts {
  display: grid;
  gap: 14px;
}

.shared-feed-prompt-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  align-items: start;
}

.shared-candidate-optin-card,
.shared-civic-prompt-card {
  min-width: 0;
  overflow: hidden;
}

.shared-feed-item--candidate-prompt,
.shared-feed-item--civic-prompt {
  min-height: calc(100vh - 120px);
  padding: 24px;
  display: grid;
  place-items: center;
}

.shared-feed-item--candidate-prompt .shared-candidate-optin-card,
.shared-feed-item--civic-prompt .shared-civic-prompt-card {
  width: min(100%, 680px);
}

.shared-candidate-optin-card__header {
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.11), transparent 56%),
    rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid var(--sf-line);
}

.shared-candidate-optin-card__avatar {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.shared-candidate-optin-card__avatar--placeholder {
  display: grid;
  place-items: center;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.4rem;
  font-weight: 800;
}

.shared-candidate-optin-card__identity {
  min-width: 0;
}

.shared-candidate-optin-card__identity h3,
.shared-candidate-optin-card__identity p,
.shared-candidate-optin-card__copy {
  margin: 0;
}

.shared-candidate-optin-card__identity h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.22rem;
  white-space: nowrap;
}

.shared-candidate-optin-card__identity p,
.shared-candidate-optin-card__copy {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-candidate-optin-card__party {
  max-width: 130px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  font-size: 0.76rem;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-candidate-optin-card__body {
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-candidate-optin-card__toolbar,
.shared-candidate-optin-card__actions,
.shared-candidate-optin-community {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shared-candidate-optin-card__toolbar strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-candidate-optin-card__toolbar > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.shared-candidate-optin-card__toolbar .shared-feed-chip,
.shared-candidate-optin-card__repair .shared-feed-chip {
  min-height: 36px;
  padding-inline: 12px;
  font-size: 0.82rem;
}

.shared-candidate-optin-choice-list {
  display: grid;
  gap: 12px;
}

.shared-candidate-optin-choice {
  min-width: 0;
  margin: 0;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 10px;
}

.shared-candidate-optin-choice legend {
  min-width: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.shared-candidate-optin-choice legend strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
}

.shared-candidate-optin-choice legend span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-candidate-optin-choice__segmented {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.shared-candidate-optin-choice__segmented label {
  position: relative;
  min-width: 0;
}

.shared-candidate-optin-choice__segmented input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.shared-candidate-optin-choice__segmented span {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
}

.shared-candidate-optin-choice__segmented input:focus-visible + span {
  outline: 2px solid rgba(38, 244, 238, 0.42);
  outline-offset: 2px;
}

.shared-candidate-optin-choice__segmented input:checked + span {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-ink);
}

.shared-candidate-optin-choice__segmented input:disabled + span {
  cursor: default;
  opacity: 0.62;
}

.shared-candidate-optin-community {
  padding: 13px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.07);
}

.shared-candidate-optin-community > div {
  min-width: min(100%, 220px);
  display: grid;
  gap: 3px;
}

.shared-candidate-optin-community strong {
  color: var(--sf-ink);
}

.shared-candidate-optin-community span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.shared-candidate-optin-card__error {
  margin: 0;
  display: grid;
  gap: 10px;
}

.shared-candidate-optin-card__repair {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.shared-candidate-optin-card__actions {
  justify-content: flex-start;
}

.shared-candidate-optin-card__actions--community {
  padding: 0 18px 18px;
}

.shared-candidate-optin-card--compact {
  padding: 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-candidate-optin-compact__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-candidate-optin-compact__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-candidate-optin-card--compact strong,
.shared-candidate-optin-card--compact span {
  min-width: 0;
  display: block;
}

.shared-candidate-optin-card--compact strong {
  color: var(--sf-ink);
}

.shared-candidate-optin-card--compact span {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-civic-prompt-card__header {
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.1), transparent 56%),
    rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid var(--sf-line);
}

.shared-civic-prompt-card__icon,
.shared-civic-prompt-card__compact-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255, 51, 95, 0.1);
  color: #ff8ca4;
}

.shared-civic-prompt-card__icon svg,
.shared-civic-prompt-card__compact-icon svg,
.shared-civic-prompt-choice svg,
.shared-civic-prompt-card__destination svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-civic-prompt-card__header h3,
.shared-civic-prompt-card__header p,
.shared-civic-prompt-card--compact strong,
.shared-civic-prompt-card--compact span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-civic-prompt-card__header h3 {
  margin: 3px 0 4px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.22rem;
}

.shared-civic-prompt-card__header p:not(.shared-page__eyebrow) {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-civic-prompt-card__body {
  padding: 18px;
  display: grid;
  gap: 14px;
}

.shared-civic-prompt-card__choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 10px;
}

.shared-civic-prompt-choice,
.shared-civic-prompt-card__destination {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
}

.shared-civic-prompt-choice {
  min-height: 58px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-civic-prompt-choice span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-civic-prompt-choice strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.92rem;
}

.shared-civic-prompt-choice:hover,
.shared-civic-prompt-choice:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  transform: translateY(-1px);
}

.shared-civic-prompt-choice:disabled {
  cursor: default;
  opacity: 0.64;
  transform: none;
}

.shared-civic-prompt-card__destination {
  padding: 13px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-civic-prompt-card__destination--secondary {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 62%),
    rgba(255, 255, 255, 0.035);
}

.shared-civic-prompt-card__destination > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-civic-prompt-card__destination strong,
.shared-civic-prompt-card__destination em {
  min-width: 0;
  display: block;
  overflow-wrap: anywhere;
}

.shared-civic-prompt-card__destination strong {
  color: var(--sf-ink);
}

.shared-civic-prompt-card__destination em {
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
}

.shared-civic-prompt-card__destination.is-disabled {
  grid-template-columns: auto minmax(0, 1fr);
  color: var(--sf-muted);
}

.shared-civic-prompt-card__error {
  margin: 0;
}

.shared-civic-prompt-card__actions {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.shared-civic-prompt-card--compact {
  padding: 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-civic-prompt-card--compact strong,
.shared-civic-prompt-card--compact span {
  display: block;
}

.shared-civic-prompt-card--compact strong {
  color: var(--sf-ink);
}

.shared-civic-prompt-card--compact span {
  color: var(--sf-muted);
  line-height: 1.35;
}

@media (max-width: 640px) {
  .shared-candidate-optin-card__header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-candidate-optin-card__party {
    grid-column: 2;
    max-width: 100%;
    justify-self: start;
  }

  .shared-candidate-optin-card__toolbar,
  .shared-candidate-optin-community,
  .shared-candidate-optin-card__actions {
    align-items: stretch;
  }

  .shared-candidate-optin-card__toolbar > div,
  .shared-candidate-optin-card__actions .shared-feed-chip,
  .shared-candidate-optin-community .shared-feed-chip {
    width: 100%;
  }

  .shared-candidate-optin-card__toolbar > div .shared-feed-chip {
    flex: 1 1 0;
  }

  .shared-feed-item--civic-prompt {
    padding: 16px;
  }

  .shared-civic-prompt-card__destination {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-civic-prompt-card__destination .shared-feed-chip,
  .shared-civic-prompt-card__actions .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.shared-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
  align-items: start;
}

.shared-media-grid--five-wide {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.shared-media-tile-shell {
  position: relative;
  min-width: 0;
  aspect-ratio: 3 / 4;
}

.shared-media-tile-shell .shared-media-tile {
  height: 100%;
}

.shared-media-tile {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  overflow: hidden;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  aspect-ratio: 3 / 4;
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.shared-media-tile:hover,
.shared-media-tile:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(38, 244, 238, 0.35);
  box-shadow: 0 28px 54px rgba(0, 0, 0, 0.28);
}

.shared-media-tile:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.4);
  outline-offset: 2px;
}

.shared-media-tile__image,
.shared-media-tile__placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

.shared-media-tile__image {
  object-fit: cover;
  background: rgba(255, 255, 255, 0.05);
}

.shared-media-tile__placeholder {
  display: grid;
  place-items: center;
  background: radial-gradient(
      circle at top,
      rgba(38, 244, 238, 0.2),
      transparent 52%
    ),
    linear-gradient(180deg, rgba(255, 51, 95, 0.2), rgba(9, 12, 18, 0.95));
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--sf-font-display);
  font-size: 2rem;
  font-weight: 700;
}

.shared-media-tile__overlay {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(7, 9, 13, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-media-tile__overlay--bare {
  left: 8px;
  bottom: 6px;
  max-width: calc(100% - 16px);
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.92);
}

.shared-media-tile__overlay--has-action {
  max-width: calc(100% - 92px);
}

.shared-media-tile__overlay--bare.shared-media-tile__overlay--has-action {
  max-width: calc(100% - 78px);
}

.shared-media-tile__overlay--has-engagement {
  bottom: 50px;
  max-width: calc(100% - 20px);
}

.shared-media-tile__actions {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}

.shared-media-tile__corner-action {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(7, 9, 13, 0.72);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease;
}

.shared-media-tile__corner-action svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-media-tile__corner-action:hover,
.shared-media-tile__corner-action:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(38, 244, 238, 0.38);
  background: rgba(7, 9, 13, 0.92);
  color: var(--sf-cyan);
}

.shared-media-tile__corner-action:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.42);
  outline-offset: 2px;
}

.shared-media-tile__supplemental {
  position: absolute;
  z-index: 4;
  top: 8px;
  left: 8px;
  right: 54px;
  min-width: 0;
  pointer-events: none;
}

.shared-media-tile__supplemental .shared-feed-post__tags {
  margin: 0;
  max-height: 108px;
  overflow: hidden;
  pointer-events: auto;
}

.shared-feed-post__tags--grid {
  gap: 5px;
}

.shared-feed-post__tags--grid .shared-feed-post__tag {
  min-height: 28px;
  max-width: 100%;
  padding: 5px 7px;
  gap: 5px;
  background: rgba(7, 9, 13, 0.72);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
  font-size: 0.72rem;
}

.shared-feed-post__tags--grid .shared-feed-post__tag small {
  display: none;
}

.shared-feed-post__tags--grid .shared-feed-post__tag.is-followed {
  border-color: rgba(38, 244, 238, 0.5);
  background: rgba(38, 244, 238, 0.2);
  color: #fff;
}

.shared-media-tile__engagement {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 4;
  min-width: 0;
  height: 36px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(7, 9, 13, 0.76);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(14px);
  display: flex;
  gap: 3px;
}

.shared-media-tile__engagement-button {
  min-width: 0;
  min-height: 28px;
  padding: 0 6px;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.shared-media-tile__engagement-button.is-counted {
  flex: 1 1 50px;
  padding: 0 7px;
}

.shared-media-tile__engagement-button svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-media-tile__engagement-button span:not(.shared-sr-only) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-media-tile__engagement-button:hover,
.shared-media-tile__engagement-button:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  color: var(--sf-cyan);
  transform: translateY(-1px);
  outline: none;
}

.shared-media-tile__engagement-button:focus-visible {
  box-shadow: 0 0 0 2px rgba(38, 244, 238, 0.32);
}

.shared-media-tile__engagement-button.is-active {
  background: rgba(255, 51, 95, 0.18);
  color: #ff8fa8;
}

.shared-media-tile__detail {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(7, 9, 13, 0.78);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
  pointer-events: auto;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.shared-media-tile__detail:hover,
.shared-media-tile__detail:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(7, 9, 13, 0.92);
}

.shared-media-tile__detail:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.42);
  outline-offset: 2px;
}

.shared-form {
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
}

.shared-form--inline {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  align-items: end;
}

.shared-form label {
  display: grid;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.92rem;
}

.shared-form input,
.shared-form select,
.shared-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
}

.shared-form select {
  appearance: none;
}

.shared-form textarea {
  min-height: 140px;
  resize: vertical;
}

.shared-manage-events-command {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 18px;
  padding: 22px;
  border: 1px solid var(--sf-line);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(39, 218, 218, 0.14), transparent 42%),
    rgba(255, 255, 255, 0.055);
  box-shadow: var(--sf-shadow);
}

.shared-manage-events-command__main {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-manage-events-command__main h1,
.shared-manage-events-command__main h2,
.shared-manage-events-empty h2,
.shared-manage-event-card__body h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-manage-events-command__main h1,
.shared-manage-events-command__main h2 {
  max-width: 760px;
  font-size: clamp(1.7rem, 3.2vw, 2.9rem);
  line-height: 1.02;
}

.shared-manage-events-command__main p,
.shared-manage-events-empty p,
.shared-manage-event-card__body p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-manage-events-tabs,
.shared-manage-event-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-manage-events-command__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-manage-events-command__metrics div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.2);
}

.shared-manage-events-command__metrics span,
.shared-manage-events-command__metrics small {
  display: block;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-manage-events-command__metrics strong {
  display: block;
  margin: 5px 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.7rem;
  overflow-wrap: anywhere;
}

.shared-manage-events-list {
  display: grid;
  gap: 14px;
}

.shared-manage-event-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.052);
  box-shadow: var(--sf-shadow);
}

.shared-manage-event-card__media {
  min-height: 100%;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.13), transparent 48%),
    rgba(255, 255, 255, 0.05);
}

.shared-manage-event-card__media img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  display: block;
}

.shared-manage-event-card__media > div {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  color: var(--sf-muted);
}

.shared-manage-event-card__media svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.shared-manage-event-card__body {
  min-width: 0;
  display: grid;
  gap: 13px;
  padding: 18px;
}

.shared-manage-event-card__body h3 {
  font-size: 1.3rem;
  overflow-wrap: anywhere;
}

.shared-manage-event-card__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-manage-event-card__facts span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
  color: var(--sf-muted);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.shared-manage-event-card__facts svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-manage-event-card__stats,
.shared-manage-event-card__readiness {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.shared-manage-event-card__readiness {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-manage-event-card__stats span,
.shared-manage-event-card__readiness span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px 11px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.34);
}

.shared-manage-event-card__stats strong,
.shared-manage-event-card__readiness strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-manage-event-card__stats small,
.shared-manage-event-card__readiness em {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-manage-event-card__readiness .is-ready {
  border-color: rgba(38, 244, 238, 0.2);
}

.shared-manage-event-card__readiness .is-missing {
  border-color: rgba(255, 180, 96, 0.28);
}

.shared-manage-events-empty {
  display: grid;
  justify-items: start;
  gap: 12px;
  padding: 24px;
  border: 1px dashed rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-manage-events-empty > div:first-child {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-manage-events-empty svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-event-detail-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  align-items: start;
}

.shared-event-detail-card,
.shared-event-panel {
  min-width: 0;
}

.shared-event-panel {
  padding: 20px;
  border-radius: 24px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.shared-event-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.shared-event-panel__header h2,
.shared-event-panel__header p {
  margin: 0;
}

.shared-event-panel__header > strong {
  flex: 0 0 auto;
  max-width: 160px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-event-editor {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.shared-event-editor__form {
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-event-editor__form .is-wide,
.shared-event-address-lookup,
.shared-event-editor__form .shared-form__checkbox,
.shared-event-editor__form .shared-card__actions {
  grid-column: 1 / -1;
}

.shared-event-editor__section {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 4px;
}

.shared-event-editor__section > span {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-event-editor__section svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-event-editor__section h2,
.shared-event-editor__section p {
  margin: 0;
}

.shared-event-editor__section h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-event-editor__section p {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-event-address-lookup {
  position: relative;
  display: grid;
  gap: 8px;
}

.shared-event-address-lookup__status,
.shared-event-address-lookup__error {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-event-address-lookup__error {
  color: #ffc4c4;
}

.shared-event-address-lookup__results {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.72);
}

.shared-event-address-option {
  width: 100%;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  cursor: pointer;
}

.shared-event-address-option:hover,
.shared-event-address-option:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
}

.shared-event-address-option strong,
.shared-event-address-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-event-address-option span {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-event-editor__aside {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.shared-event-editor__cover {
  min-height: 240px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 44%),
    rgba(255, 255, 255, 0.045);
}

.shared-event-editor__cover img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  display: block;
}

.shared-event-editor__cover > div {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: var(--sf-muted);
}

.shared-event-editor__cover svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.shared-event-editor__cover strong {
  color: var(--sf-ink);
}

.shared-event-editor__summary,
.shared-event-editor__checks {
  padding: 18px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-event-editor__summary {
  display: grid;
  gap: 10px;
}

.shared-event-editor__summary h2,
.shared-event-editor__summary p {
  margin: 0;
}

.shared-event-editor__summary h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  overflow-wrap: anywhere;
}

.shared-event-editor__summary p {
  color: var(--sf-muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.shared-event-editor__checks {
  display: grid;
  gap: 8px;
}

.shared-event-editor__checks span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-event-editor__checks strong {
  color: var(--sf-ink);
}

.shared-event-editor__checks em {
  color: var(--sf-muted);
  font-style: normal;
  text-align: right;
}

.shared-event-editor__checks .is-ready {
  border: 1px solid rgba(38, 244, 238, 0.18);
}

.shared-event-editor__checks .is-missing {
  border: 1px solid rgba(255, 180, 96, 0.22);
}

@media (max-width: 1024px) {
  .shared-manage-events-command,
  .shared-manage-event-card {
    grid-template-columns: 1fr;
  }

  .shared-manage-event-card__media img,
  .shared-manage-event-card__media > div {
    min-height: 220px;
  }

  .shared-event-editor {
    grid-template-columns: 1fr;
  }

  .shared-event-editor__aside {
    position: static;
  }
}

@media (max-width: 700px) {
  .shared-manage-events-command,
  .shared-manage-event-card__body,
  .shared-manage-events-empty {
    padding: 14px;
    border-radius: 22px;
  }

  .shared-manage-events-command__main h1,
  .shared-manage-events-command__main h2 {
    font-size: 1.8rem;
  }

  .shared-manage-events-tabs,
  .shared-manage-event-card__actions,
  .shared-manage-events-empty .shared-card__actions {
    justify-content: stretch;
  }

  .shared-manage-events-tabs .shared-feed-chip,
  .shared-manage-event-card__actions .shared-feed-chip,
  .shared-manage-events-empty .shared-feed-chip {
    flex: 1 1 128px;
    justify-content: center;
  }

  .shared-manage-events-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-manage-event-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-manage-event-card__readiness {
    grid-template-columns: 1fr;
  }

  .shared-event-editor__form {
    grid-template-columns: 1fr;
  }

  .shared-event-editor__checks span {
    display: grid;
    gap: 4px;
  }

  .shared-event-editor__checks em {
    text-align: left;
  }
}

.shared-event-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-event-stats span {
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 4px;
}

.shared-event-stats strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.shared-event-stats em {
  color: var(--sf-muted);
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shared-event-signup-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-event-signup-form label {
  min-width: 0;
  display: grid;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.92rem;
}

.shared-event-signup-form .is-wide {
  grid-column: 1 / -1;
}

.shared-event-signup-form input,
.shared-event-signup-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
}

.shared-event-signup-form textarea {
  min-height: 104px;
  resize: vertical;
}

.shared-event-signup-form input::placeholder,
.shared-event-signup-form textarea::placeholder {
  color: rgba(232, 236, 243, 0.42);
}

.shared-event-check {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.28);
}

.shared-event-check input {
  width: 18px;
  min-width: 18px;
  min-height: 18px;
  margin-top: 2px;
}

.shared-event-check span {
  display: grid;
  gap: 4px;
}

.shared-event-check strong {
  color: var(--sf-ink);
}

.shared-event-check small {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-event-payment-status {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.08);
}

.shared-event-payment-status > span,
.shared-event-payment-check > span,
.shared-event-payment-action > span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
}

.shared-event-payment-status > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
}

.shared-event-payment-status svg,
.shared-event-payment-check svg,
.shared-event-payment-action svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-event-payment-status strong,
.shared-event-payment-summary strong,
.shared-event-payment-check strong,
.shared-event-payment-action strong {
  color: var(--sf-ink);
}

.shared-event-payment-status small,
.shared-event-payment-summary span,
.shared-event-payment-check small,
.shared-event-payment-action small {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-event-payment-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-event-payment-summary div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 16px;
  border-left: 2px solid rgba(38, 244, 238, 0.48);
  background: rgba(5, 6, 8, 0.28);
}

.shared-event-payment-summary strong {
  overflow-wrap: anywhere;
}

.shared-event-payment-checklist {
  display: grid;
  gap: 10px;
}

.shared-event-payment-check {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.24);
}

.shared-event-payment-check > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
}

.shared-event-payment-check > div,
.shared-event-payment-action > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-event-payment-check.is-ready > span {
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.14);
}

.shared-event-payment-check.is-pending > span,
.shared-event-payment-check.is-blocked > span {
  color: #ffbb55;
  background: rgba(255, 187, 85, 0.12);
}

.shared-event-payment-note {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 187, 85, 0.24);
  background: rgba(255, 187, 85, 0.08);
}

.shared-event-payment-note strong {
  color: var(--sf-ink);
}

.shared-event-payment-note span {
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-event-payment-actions {
  display: grid;
  gap: 0;
}

.shared-event-payment-action {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid var(--sf-line);
}

.shared-event-payment-action:first-child {
  padding-top: 0;
  border-top: 0;
}

.shared-event-payment-action:last-child {
  padding-bottom: 0;
}

.shared-event-payment-action > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
}

.shared-event-payment-action__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.shared-event-payment-action__controls .shared-feed-chip {
  min-height: 40px;
  padding: 0 14px;
}

@media (max-width: 760px) {
  .shared-event-detail-grid,
  .shared-event-signup-form {
    grid-template-columns: 1fr;
  }

  .shared-event-panel__header {
    flex-direction: column;
  }

  .shared-event-panel__header > strong {
    max-width: 100%;
  }

  .shared-event-stats {
    grid-template-columns: 1fr;
  }

  .shared-event-payment-summary {
    grid-template-columns: 1fr;
  }

  .shared-event-payment-status {
    flex-direction: column;
  }

  .shared-event-payment-action {
    grid-template-columns: 1fr;
  }

  .shared-event-payment-action__controls .shared-feed-chip {
    flex: 1 1 150px;
  }
}

.shared-candidate-page {
  --candidate-page-ink: #101624;
  --candidate-page-muted: #536074;
  --candidate-page-line: rgba(16, 22, 36, 0.14);
  color: var(--candidate-page-ink);
}

.shared-candidate-page .shared-page__header h1,
.shared-candidate-page .shared-page__content h2,
.shared-candidate-page .shared-candidate-editor__section h2 {
  color: var(--candidate-page-ink);
}

.shared-candidate-page .shared-page__header p,
.shared-candidate-page .shared-page__content p,
.shared-candidate-page .shared-card__meta,
.shared-candidate-page .shared-page__hint,
.shared-candidate-page .shared-page__empty {
  color: var(--candidate-page-muted);
}

.shared-candidate-page .shared-page__eyebrow {
  color: #334155;
}

.shared-candidate-page .shared-page__hero-avatar,
.shared-candidate-page .shared-page__hero-avatar--placeholder {
  border-color: var(--candidate-page-line);
  background: rgba(255, 255, 255, 0.62);
  color: var(--candidate-page-ink);
}

.shared-candidate-page .shared-form {
  border-color: var(--candidate-page-line);
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 18px 50px rgba(16, 22, 36, 0.07);
}

.shared-candidate-page .shared-form label {
  color: var(--candidate-page-muted);
  font-weight: 700;
}

.shared-candidate-page .shared-form input,
.shared-candidate-page .shared-form select,
.shared-candidate-page .shared-form textarea {
  border-color: rgba(16, 22, 36, 0.16);
  background: rgba(255, 255, 255, 0.92);
  color: var(--candidate-page-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.shared-candidate-page .shared-form input:focus,
.shared-candidate-page .shared-form select:focus,
.shared-candidate-page .shared-form textarea:focus {
  outline: 2px solid rgba(217, 40, 77, 0.32);
  outline-offset: 2px;
}

.shared-candidate-page .shared-form input::placeholder,
.shared-candidate-page .shared-form textarea::placeholder {
  color: rgba(83, 96, 116, 0.72);
}

.shared-candidate-page .shared-candidate-editor__section + .shared-candidate-editor__section,
.shared-candidate-page .shared-candidate-editor__actions,
.shared-candidate-page .shared-candidate-editor__preview {
  border-color: var(--candidate-page-line);
}

.shared-candidate-page .shared-candidate-editor__preview strong {
  color: var(--candidate-page-ink);
}

.shared-candidate-page .shared-candidate-editor__preview div span {
  color: var(--candidate-page-muted);
}

.shared-candidate-page .shared-candidate-editor__preview small {
  color: var(--candidate-page-muted);
}

.shared-candidate-page .shared-candidate-editor__error {
  color: #b42342;
}

.shared-candidate-page .shared-candidate-editor__preview img,
.shared-candidate-page .shared-candidate-editor__preview > span {
  border-color: var(--candidate-page-line);
  background: rgba(255, 255, 255, 0.72);
  color: var(--candidate-page-ink);
}

.shared-candidate-editor {
  gap: 22px;
  padding: clamp(18px, 2vw, 26px);
}

.shared-candidate-editor__bar {
  min-width: 0;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--sf-line);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-candidate-editor__bar > div:first-child {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-candidate-editor__bar span:first-child {
  color: var(--candidate-page-muted, var(--sf-muted));
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-editor__bar h2,
.shared-candidate-editor__bar p {
  margin: 0;
}

.shared-candidate-editor__bar h2 {
  color: var(--candidate-page-ink, var(--sf-ink));
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  line-height: 1.12;
}

.shared-candidate-editor__bar p {
  max-width: 680px;
  color: var(--candidate-page-muted, var(--sf-muted));
  line-height: 1.45;
}

.shared-candidate-editor__bar-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.shared-candidate-editor__context {
  min-width: 0;
  padding: 16px 0 18px;
  border-bottom: 1px solid var(--sf-line);
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.4fr);
  gap: 18px;
  align-items: stretch;
}

.shared-candidate-editor__context-copy {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-content: center;
}

.shared-candidate-editor__context-copy > span {
  color: var(--candidate-page-muted, var(--sf-muted));
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-editor__context-copy svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-candidate-editor__context-copy h3,
.shared-candidate-editor__context-copy p {
  margin: 0;
}

.shared-candidate-editor__context-copy h3 {
  color: var(--candidate-page-ink, var(--sf-ink));
  font-size: 1.05rem;
  line-height: 1.18;
}

.shared-candidate-editor__context-copy p {
  max-width: 560px;
  color: var(--candidate-page-muted, var(--sf-muted));
  line-height: 1.45;
}

.shared-candidate-editor__context-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-editor__workflow {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-candidate-editor-workflow {
  min-width: 0;
  min-height: 142px;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--candidate-page-ink, var(--sf-ink));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.shared-candidate-editor-workflow:hover,
.shared-candidate-editor-workflow:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-candidate-editor-workflow.is-primary {
  border-color: rgba(217, 40, 77, 0.28);
  background: rgba(217, 40, 77, 0.08);
}

.shared-candidate-editor-workflow > span {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--candidate-page-ink, var(--sf-ink));
  display: grid;
  place-items: center;
}

.shared-candidate-editor-workflow > span svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-candidate-editor-workflow strong,
.shared-candidate-editor-workflow small,
.shared-candidate-editor-workflow em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-candidate-editor-workflow strong {
  color: var(--candidate-page-ink, var(--sf-ink));
  font-size: 0.92rem;
}

.shared-candidate-editor-workflow small {
  color: var(--candidate-page-muted, var(--sf-muted));
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-candidate-editor-workflow em {
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
}

.shared-candidate-editor__status {
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(16, 22, 36, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--candidate-page-muted, var(--sf-muted));
  display: inline-flex;
  align-items: center;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.shared-candidate-editor__status.is-saving {
  border-color: rgba(217, 40, 77, 0.22);
  background: rgba(217, 40, 77, 0.09);
  color: #a71d3b;
}

.shared-candidate-editor__section {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-candidate-editor__section + .shared-candidate-editor__section,
.shared-candidate-editor__actions {
  padding-top: 18px;
  border-top: 1px solid var(--sf-line);
}

.shared-candidate-editor__section h2 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 1rem;
  letter-spacing: 0;
}

.shared-candidate-editor__section--profile {
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.shared-candidate-editor__preview {
  min-width: 0;
  padding-right: 20px;
  border-right: 1px solid var(--sf-line);
  display: grid;
  gap: 12px;
  align-content: start;
}

.shared-candidate-editor__preview img,
.shared-candidate-editor__preview > span {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  object-fit: cover;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 2rem;
  font-weight: 800;
}

.shared-candidate-editor__preview div,
.shared-candidate-editor__grid label,
.shared-candidate-editor__actions {
  min-width: 0;
}

.shared-candidate-editor__preview strong,
.shared-candidate-editor__preview span {
  display: block;
  overflow-wrap: anywhere;
}

.shared-candidate-editor__preview strong {
  color: var(--sf-ink);
  font-size: 1.05rem;
}

.shared-candidate-editor__preview div span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-candidate-editor__file-input {
  display: none;
}

.shared-candidate-editor__avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-editor__preview small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-candidate-editor__error {
  color: #ff6f8e;
}

.shared-candidate-editor__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 14px;
}

.shared-candidate-editor__lock-note {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 8px;
  background: rgba(38, 244, 238, 0.075);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-candidate-editor__lock-note > span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(38, 244, 238, 0.12);
  color: #26f4ee;
  display: grid;
  place-items: center;
}

.shared-candidate-editor__lock-note svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-candidate-editor__lock-note strong,
.shared-candidate-editor__lock-note small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-candidate-editor__lock-note strong {
  font-size: 0.9rem;
  line-height: 1.25;
}

.shared-candidate-editor__lock-note small {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.4;
}

.shared-candidate-editor__grid label.is-identity-locked input[readonly] {
  border-style: dashed;
  cursor: not-allowed;
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.035);
}

.shared-candidate-tags-editor {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-candidate-tags-editor__header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.shared-candidate-tags-editor__header span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-candidate-tags-editor__header small,
.shared-candidate-tags-editor__hint,
.shared-candidate-tags-editor__empty {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-candidate-tags-editor__chips,
.shared-candidate-tags-editor__suggestions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-tag-chip,
.shared-candidate-tags-editor__suggestions button {
  min-width: 0;
  min-height: 36px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 860;
  cursor: pointer;
}

.shared-candidate-tag-chip {
  padding: 7px 10px 7px 12px;
}

.shared-candidate-tag-chip:hover,
.shared-candidate-tag-chip:focus-visible,
.shared-candidate-tags-editor__suggestions button:hover,
.shared-candidate-tags-editor__suggestions button:focus-visible {
  border-color: rgba(38, 244, 238, 0.38);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-candidate-tag-chip span,
.shared-candidate-tags-editor__suggestions span,
.shared-candidate-tags-editor__suggestions small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-candidate-tag-chip em {
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--sf-muted);
  display: grid;
  place-items: center;
}

.shared-candidate-tag-chip svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
}

.shared-candidate-tags-editor__add {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

.shared-candidate-tags-editor__suggestions button {
  padding: 7px 10px;
}

.shared-candidate-tags-editor__suggestions small {
  color: var(--sf-muted);
  font-size: 0.7rem;
}

.shared-candidate-editor__wide {
  grid-column: 1 / -1;
}

.shared-candidate-editor__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .shared-candidate-editor {
    padding: 16px;
  }

  .shared-candidate-editor__bar,
  .shared-candidate-editor__context,
  .shared-candidate-editor__section--profile,
  .shared-candidate-editor__grid {
    grid-template-columns: 1fr;
  }

  .shared-candidate-editor__bar {
    display: grid;
  }

  .shared-candidate-editor__bar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .shared-candidate-editor__bar-actions .shared-feed-chip,
  .shared-candidate-editor__status {
    width: 100%;
    justify-content: center;
  }

  .shared-candidate-editor__context-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-candidate-editor__context-actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-candidate-editor__workflow {
    grid-template-columns: 1fr;
  }

  .shared-candidate-editor-workflow {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: center;
  }

  .shared-candidate-editor-workflow > span {
    grid-row: 1 / 4;
  }

  .shared-candidate-editor__preview {
    padding-right: 0;
    padding-bottom: 16px;
    border-right: 0;
    border-bottom: 1px solid var(--sf-line);
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
  }

  .shared-candidate-editor__preview img,
  .shared-candidate-editor__preview > span {
    width: 76px;
    height: 76px;
    border-radius: 20px;
    font-size: 1.55rem;
  }

  .shared-candidate-editor__avatar-actions,
  .shared-candidate-editor__preview small {
    grid-column: 1 / -1;
  }

  .shared-candidate-editor__avatar-actions .shared-feed-chip {
    flex: 1 1 140px;
    justify-content: center;
  }

  .shared-candidate-tags-editor__add {
    grid-template-columns: 1fr;
  }

  .shared-candidate-tags-editor__add .shared-feed-chip {
    justify-content: center;
  }

  .shared-candidate-editor__actions {
    justify-content: stretch;
  }

  .shared-candidate-editor__actions .shared-feed-chip {
    flex: 1 1 150px;
    justify-content: center;
  }
}

.shared-congress-filter,
.shared-congress-card {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  --sf-cyan: #26f4ee;
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-congress-page {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__header h1,
:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__content h2 {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__header p,
:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__header .shared-card__meta,
:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__empty,
:root[data-polis-theme-resolved="light"] .shared-congress-page > .shared-page__hint {
  color: #536074;
}

:root[data-polis-theme-resolved="light"] .shared-congress-page .shared-page__header .shared-page__eyebrow {
  color: #334155;
}

:root[data-polis-theme-resolved="light"] .shared-congress-filter,
:root[data-polis-theme-resolved="light"] .shared-congress-card {
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-cyan: #057d84;
  color: var(--sf-ink);
  border-color: var(--sf-line);
  background: rgba(255, 255, 255, 0.88);
}

:root[data-polis-theme-resolved="light"] .shared-congress-filter label {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-congress-filter input,
:root[data-polis-theme-resolved="light"] .shared-congress-filter select {
  border-color: rgba(9, 18, 32, 0.14);
  background: rgba(255, 255, 255, 0.94);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-congress-card__toggle .shared-page__eyebrow {
  color: var(--sf-cyan);
}

:root[data-polis-theme-resolved="light"] .shared-congress-opinion,
:root[data-polis-theme-resolved="light"] .shared-congress-detail-panel,
:root[data-polis-theme-resolved="light"] .shared-congress-vote-ref,
:root[data-polis-theme-resolved="light"] .shared-congress-representative {
  border-color: var(--sf-line);
  background: rgba(8, 14, 28, 0.045);
}

.shared-congress-filter {
  align-items: end;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: 0 18px 50px rgba(16, 22, 36, 0.12);
}

.shared-congress-card__body {
  gap: 16px;
}

.shared-congress-card__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(184px, 224px);
  gap: 16px;
  align-items: start;
}

.shared-congress-card__toggle {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.shared-congress-card__toggle:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.45);
  outline-offset: 4px;
}

.shared-congress-card__toggle strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.22;
}

.shared-congress-card__toggle .shared-card__summary {
  color: var(--sf-muted);
}

.shared-congress-card__toggle .shared-card__meta em {
  font-style: normal;
}

.shared-official-report-summary .shared-card__body {
  gap: 10px;
}

.shared-official-report-card__position {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  max-width: 100%;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-ink);
  background: rgba(38, 244, 238, 0.1);
  font-size: 0.82rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-official-report-card__roles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-official-report-card__roles span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-ink);
  background: rgba(255, 255, 255, 0.055);
  font-size: 0.8rem;
  font-weight: 700;
}

.shared-congress-opinion {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-congress-opinion > strong,
.shared-congress-opinion__result strong {
  color: var(--sf-ink);
}

.shared-congress-opinion > span,
.shared-congress-opinion small,
.shared-congress-opinion__result span,
.shared-congress-opinion__split {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-congress-opinion__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-congress-opinion__buttons .shared-feed-chip {
  flex: 1 1 72px;
  justify-content: center;
}

.shared-congress-opinion__bar {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(248, 113, 113, 0.78);
}

.shared-congress-opinion__bar span {
  display: block;
  width: var(--congress-yea, 0%);
  height: 100%;
  border-radius: inherit;
  background: rgba(52, 211, 153, 0.92);
}

.shared-congress-opinion__split {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.shared-congress-card__detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid var(--sf-line);
}

.shared-congress-detail-panel {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-congress-detail-panel--wide {
  grid-column: 1 / -1;
}

.shared-congress-detail-panel h3 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 0.98rem;
}

.shared-congress-detail-panel p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-congress-vote-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-congress-vote-ref {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.32);
}

.shared-congress-vote-ref strong,
.shared-congress-representative strong,
.shared-congress-representative__vote b {
  color: var(--sf-ink);
}

.shared-congress-vote-ref p,
.shared-congress-representative span {
  margin: 0;
  color: var(--sf-muted);
}

.shared-congress-vote-ref.is-empty {
  opacity: 0.76;
}

.shared-congress-representatives {
  display: grid;
  gap: 10px;
}

.shared-congress-representative {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.32);
}

.shared-congress-representative > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.shared-congress-representative__vote {
  text-align: right;
}

@media (max-width: 760px) {
  .shared-congress-card__top,
  .shared-congress-card__detail,
  .shared-congress-vote-grid,
  .shared-congress-representative {
    grid-template-columns: 1fr;
  }

  .shared-congress-opinion__buttons .shared-feed-chip,
  .shared-congress-representative .shared-feed-chip {
    width: 100%;
  }

  .shared-congress-representative__vote {
    text-align: left;
  }
}

.shared-form__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.shared-form .shared-form__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.shared-form__checkbox input {
  width: 18px;
  min-height: 18px;
  padding: 0;
}

.shared-form .shared-form__checkbox input {
  flex: 0 0 auto;
  width: 18px;
  min-height: 18px;
  padding: 0;
}

.shared-list-item {
  width: 100%;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  gap: 6px;
  text-align: left;
  cursor: pointer;
}

.shared-list-item.is-active {
  background: rgba(255, 255, 255, 0.08);
}

.shared-campaign-dashboard .shared-page__content {
  gap: 20px;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard {
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-panel-soft: rgba(9, 18, 32, 0.06);
  --sf-panel-strong: rgba(9, 18, 32, 0.12);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-hero {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  --sf-cyan: #26f4ee;
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-hero .shared-feed-chip {
  color: var(--sf-ink);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-panel,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-map,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-action-shell,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-action,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-lane,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-feature-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-empty-access__paths button,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-empty-access__review,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-empty-access__step,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-empty-access__feature,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-overview-empty,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-metric,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-list-item {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-map__features span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-shortcut,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-access-lane__items span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-feature-pill,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-feature-card.is-locked {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.05);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-tab {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(25, 35, 52, 0.76);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-tab.is-active {
  border-color: rgba(5, 125, 132, 0.32);
  background: rgba(5, 125, 132, 0.08);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-metric--cyan {
  border-color: rgba(5, 125, 132, 0.26);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-command--primary {
  border-color: rgba(5, 125, 132, 0.26);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-panel--accent {
  border-color: rgba(217, 40, 77, 0.18);
  background: rgba(217, 40, 77, 0.07);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-post,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-event,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-breakdown-block,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-event-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-item,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-connection,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-booking-preview,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-booking-preview__facts span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-command-action,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-external,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-provider,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-manual,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-write-targets,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-access-map,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-access-role,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-command-action,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-invite-row,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-role-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-create-role,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-details,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-permission-grid fieldset,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-toggle,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-search-results,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-search-hint,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-selected,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-staff-invite-summary,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-ops__summary span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-ops-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-toggle,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-option,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-community,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-command__actions a,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-workflow a,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-workflow button,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-row,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-filters,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-form-section,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-badges span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-target,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-completion,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-clusters,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-category-strip span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-target__summary,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-group,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-briefing article,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-block,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-row,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-toggle,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-shift,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-filter button,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-selected,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-selected__meta span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-complete-sheet__section,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-choice span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-outcome-choice > span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-queue-item,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-steps,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-status,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-step,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-step__index,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-step__link,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-command-stat,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-task,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-bank,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-session,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-alert,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-detail-grid > div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-filters,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-row,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-toggle,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command__flow span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-controls > div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-summary > div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-item {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-item {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-item.is-handled {
  border-color: rgba(4, 120, 87, 0.2);
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.08), transparent 46%),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-item.needs-attention {
  border-color: rgba(5, 125, 132, 0.2);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-preview,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-task,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comments__header,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-reply-field,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment__body {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-preview img,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-preview > span {
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command__icon {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment.is-liked {
  border-color: rgba(225, 29, 72, 0.18);
  background:
    linear-gradient(135deg, rgba(225, 29, 72, 0.08), transparent 50%),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment.is-campaign-response {
  border-color: rgba(5, 125, 132, 0.18);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.08), transparent 50%),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command__copy > span {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.1);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-command__copy > span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-command__actions svg {
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-kind,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment__top em {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-status {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: rgba(25, 35, 52, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-status.needs-attention {
  border-color: rgba(5, 125, 132, 0.26);
  background: rgba(5, 125, 132, 0.1);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-status.is-handled,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-handled {
  color: #047857;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-status.is-handled {
  border-color: rgba(4, 120, 87, 0.22);
  background: rgba(16, 185, 129, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-avatars img,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-avatars > span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-avatar {
  border-color: rgba(255, 255, 255, 0.94);
  background: linear-gradient(135deg, rgba(5, 125, 132, 0.14), rgba(225, 29, 72, 0.1));
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-preview p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-task p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command__copy p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command__copy p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command__copy small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command-chip span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-command__flow small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-comment__top span {
  color: rgba(25, 35, 52, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-engagement-reply input {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.94);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-legend span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-command__cards div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-details span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-chip-row span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-analytics-event__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-events-command-chip,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-event-card__stats span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-calendar-meta span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-row__summary,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-row__contact span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-row__summary-plan em,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-filter-summary span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-filter-summary.is-empty,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-registry-import-steps span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-briefing__meta span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-clusters span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-target__meta span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-task__icon,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-row__meta span:not(.shared-campaign-donations-pill),
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-donations-pill {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard input,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard select,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard textarea {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-group {
  background:
    linear-gradient(90deg, rgba(5, 125, 132, 0.08), transparent 54%),
    rgba(255, 255, 255, 0.82);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-briefing__icon {
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-advanced > .shared-campaign-quest-config-block__header,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-block__header p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-briefing p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-briefing small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-row em,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-goals label em {
  color: rgba(25, 35, 52, 0.68);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config-card .shared-campaign-quest-config-wide textarea {
  background: rgba(248, 250, 252, 0.94);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-quest-config .shared-campaign-registry-form-actions {
  border-color: rgba(9, 18, 32, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.96)),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-preview__phone {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  color: var(--sf-ink);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(8, 10, 16, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-preview__chips span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-preview__chips em {
  color: var(--sf-ink);
  background: rgba(255, 255, 255, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-contact-preview__chips em {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-missions-hero,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-staff-command,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-create,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-template-editor,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-workload,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-template,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-preset,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-timeline-card {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__task,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__task-meta span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-command-chip,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-staff-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-workload__rows button,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-timeline-card > button,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-audit__list button {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__icon,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command__icon,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-workload__avatar,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-staff-command__next > span {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__task-top span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__task p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-card__body > span:last-child,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command p,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-admin-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-command-chip span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-template span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-preset span,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-timeline-job small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-audit__list small,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-mission-audit__list em {
  color: rgba(25, 35, 52, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-mission-badge {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: rgba(25, 35, 52, 0.84);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-mission-badge--active {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(5, 125, 132, 0.12);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-mission-badge--attention {
  border-color: rgba(146, 91, 0, 0.28);
  background: rgba(245, 158, 11, 0.14);
  color: #7a4b00;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-mission-badge--complete {
  border-color: rgba(4, 120, 87, 0.24);
  background: rgba(16, 185, 129, 0.13);
  color: #065f46;
}

.shared-campaign-auth,
.shared-campaign-hero,
.shared-campaign-panel,
.shared-campaign-card {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-campaign-auth {
  min-height: min(68vh, 680px);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(280px, 0.72fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
  overflow: hidden;
}

.shared-campaign-auth--dashboard {
  min-height: auto;
  grid-template-columns: minmax(380px, 0.68fr) minmax(0, 1fr);
  gap: clamp(20px, 2.5vw, 30px);
  align-items: start;
}

.shared-campaign-auth--dashboard h1 {
  max-width: 620px;
  font-size: clamp(2.25rem, 3.7vw, 3.75rem);
  line-height: 1.02;
  text-wrap: balance;
}

.shared-campaign-auth--dashboard p {
  max-width: 540px;
  line-height: 1.52;
}

.shared-campaign-auth__copy {
  min-width: 0;
  display: grid;
  gap: 18px;
  align-content: start;
}

.shared-campaign-auth__copy .shared-card__actions {
  margin-top: 2px;
}

.shared-campaign-auth__workspace {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-campaign-dashboard-preview {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 14px;
}

.shared-campaign-dashboard-preview header,
.shared-campaign-dashboard-preview footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-campaign-dashboard-preview header > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-dashboard-preview header svg,
.shared-campaign-dashboard-preview footer svg,
.shared-campaign-dashboard-preview__metrics svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-dashboard-preview header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-dashboard-preview header small,
.shared-campaign-dashboard-preview__metrics small,
.shared-campaign-dashboard-preview__queue span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-campaign-dashboard-preview header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1.05;
}

.shared-campaign-dashboard-preview__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-dashboard-preview__metrics article {
  min-width: 0;
  min-height: 118px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 9px;
}

.shared-campaign-dashboard-preview__metrics article > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-dashboard-preview__metrics article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-dashboard-preview__metrics strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-campaign-dashboard-preview__metrics p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-campaign-dashboard-preview__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-dashboard-preview__queue article {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.42);
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-campaign-dashboard-preview__queue strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.16;
  overflow-wrap: break-word;
}

.shared-campaign-dashboard-preview__queue em {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-campaign-dashboard-preview footer {
  min-width: 0;
  padding-top: 2px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-campaign-dashboard-preview footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
}

.shared-campaign-auth--voter-map {
  grid-template-columns: minmax(360px, 0.64fr) minmax(0, 1fr);
}

.shared-voter-map-preview {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 40%),
    linear-gradient(225deg, rgba(255, 51, 95, 0.12), transparent 46%),
    rgba(255, 255, 255, 0.04);
}

.shared-voter-map-preview__canvas {
  position: relative;
  min-height: 176px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(0deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px) 0 0 / 42px 42px,
    rgba(8, 10, 16, 0.52);
}

.shared-voter-map-preview__district {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(38, 244, 238, 0.14);
}

.shared-voter-map-preview__district.is-primary {
  inset: 18px 52% 56px 18px;
  border-radius: 34px 22px 40px 24px;
}

.shared-voter-map-preview__district.is-secondary {
  inset: 22px 18px 74px 46%;
  border-radius: 24px 42px 22px 34px;
  background: rgba(255, 51, 95, 0.13);
}

.shared-voter-map-preview__district.is-tertiary {
  inset: 92px 32px 18px 42%;
  border-radius: 34px 20px 30px 38px;
  background: rgba(128, 255, 198, 0.12);
}

.shared-voter-map-preview__district.is-route {
  inset: 102px 48% 20px 28px;
  border-radius: 24px 34px 22px 30px;
  background: rgba(255, 255, 255, 0.085);
}

.shared-voter-map-preview__pin {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(8, 10, 16, 0.8);
  border-radius: 999px;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 6px rgba(38, 244, 238, 0.13);
}

.shared-voter-map-preview__pin.is-one {
  top: 54px;
  left: 28%;
}

.shared-voter-map-preview__pin.is-two {
  top: 62px;
  right: 26%;
  background: #ff8da2;
  box-shadow: 0 0 0 6px rgba(255, 51, 95, 0.13);
}

.shared-voter-map-preview__pin.is-three {
  right: 38%;
  bottom: 42px;
  background: #80ffc6;
  box-shadow: 0 0 0 6px rgba(128, 255, 198, 0.13);
}

.shared-voter-map-preview__legend {
  position: absolute;
  left: 14px;
  bottom: 12px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(8, 10, 16, 0.78);
  color: var(--sf-ink);
  font-size: 0.74rem;
  font-weight: 900;
}

.shared-campaign-auth h1,
.shared-campaign-hero h1,
.shared-campaign-panel h2,
.shared-campaign-card h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-campaign-auth h1 {
  max-width: 820px;
  font-size: clamp(2.35rem, 5vw, 5rem);
  line-height: 0.96;
}

.shared-campaign-auth p,
.shared-campaign-hero p {
  max-width: 680px;
  color: var(--sf-muted);
}

.shared-campaign-auth__grid,
.shared-campaign-grid,
.shared-campaign-metrics,
.shared-campaign-overview-grid {
  display: grid;
  gap: 14px;
}

.shared-campaign-auth__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-auth__grid--dashboard {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  align-self: stretch;
  gap: 12px;
}

.shared-campaign-auth__module-map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-campaign-auth__module {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-campaign-auth__module-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.shared-campaign-auth__module-top > span {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-campaign-auth__module-top svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-campaign-auth__module-top div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-campaign-auth__module-top strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-campaign-auth__module-top small {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-campaign-auth__module-items {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-auth__module-items span {
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(8, 10, 16, 0.32);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-campaign-auth__module-items svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-campaign-auth--dashboard .shared-campaign-auth__tile--feature {
  min-height: 142px;
  border-radius: 20px;
}

.shared-campaign-auth--dashboard .shared-campaign-auth__tile-copy small {
  font-size: 0.83rem;
  line-height: 1.36;
}

.shared-campaign-auth__tile,
.shared-campaign-metric,
.shared-campaign-panel {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-campaign-auth__tile {
  min-height: 112px;
  padding: 18px;
  display: flex;
  align-items: flex-end;
  font-weight: 800;
  color: var(--sf-ink);
}

.shared-campaign-auth__tile--feature {
  min-width: 0;
  min-height: 168px;
  padding: 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.shared-campaign-auth__tile-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-campaign-auth__tile-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-campaign-auth__tile-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
}

.shared-campaign-auth__tile-copy .shared-card__meta {
  font-size: 0.66rem;
}

.shared-campaign-auth__tile-copy strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 1.03rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-campaign-auth__tile-copy small {
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.42;
}

.shared-campaign-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.shared-campaign-access-map {
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background: rgba(10, 12, 18, 0.78);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
  gap: 18px;
  align-items: start;
}

.shared-campaign-access-map--command {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr);
}

.shared-campaign-access-map__intro {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-access-map__intro h2 {
  margin: 0;
  max-width: 760px;
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2.3vw, 2.35rem);
  line-height: 1.04;
}

.shared-campaign-access-map__intro p {
  margin: 0;
  max-width: 760px;
  color: var(--sf-muted);
}

.shared-campaign-access-map__metrics,
.shared-campaign-access-map__actions,
.shared-campaign-access-map__lanes,
.shared-campaign-access-map__features {
  display: grid;
  gap: 10px;
}

.shared-campaign-access-map__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-campaign-access-map__metrics span,
.shared-campaign-access-action,
.shared-campaign-access-lane,
.shared-campaign-access-lane__items span,
.shared-campaign-access-map__features span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-campaign-access-map__actions {
  grid-row: span 2;
}

.shared-campaign-access-action {
  appearance: none;
  min-height: 74px;
  padding: 12px;
  border-radius: 18px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 3px 10px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-access-action.is-primary {
  border-color: rgba(255, 51, 95, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.13), transparent 72%),
    rgba(255, 255, 255, 0.055);
}

.shared-campaign-access-action:hover,
.shared-campaign-access-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-access-action-shell {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 8px;
}

.shared-campaign-access-action-shell.is-primary {
  border-color: rgba(255, 51, 95, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.13), transparent 72%),
    rgba(255, 255, 255, 0.055);
}

.shared-campaign-access-action-shell > .shared-campaign-access-action {
  min-height: 54px;
  padding: 2px;
  border: 0;
  border-radius: 12px;
  background: transparent;
}

.shared-campaign-access-action-shell > .shared-campaign-access-action:hover,
.shared-campaign-access-action-shell > .shared-campaign-access-action:focus-visible {
  background: rgba(38, 244, 238, 0.075);
}

.shared-campaign-access-action__shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.shared-campaign-access-shortcut {
  appearance: none;
  min-width: 0;
  min-height: 38px;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 12px;
  background: rgba(5, 6, 8, 0.18);
  color: var(--sf-ink);
  display: inline-grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-access-shortcut:hover,
.shared-campaign-access-shortcut:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-access-shortcut span {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-access-shortcut svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-campaign-access-shortcut strong {
  min-width: 0;
  font-size: 0.76rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-campaign-access-action span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-access-action svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-access-action strong,
.shared-campaign-access-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-access-action strong {
  grid-area: title;
}

.shared-campaign-access-action small {
  grid-area: copy;
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-campaign-access-map__metrics span {
  min-height: 78px;
  padding: 12px;
  border-radius: 20px;
  display: grid;
  align-content: center;
  gap: 2px;
}

.shared-campaign-access-map__metrics strong {
  font-family: var(--sf-font-display);
  font-size: 1.42rem;
}

.shared-campaign-access-map__metrics small,
.shared-campaign-access-map__features small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-campaign-access-lane small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-campaign-access-map__lanes {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.shared-campaign-access-lane {
  padding: 12px;
  border-radius: 20px;
  display: grid;
  align-content: start;
  gap: 12px;
}

.shared-campaign-access-lane__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.shared-campaign-access-lane__header span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-access-lane__header strong {
  color: var(--sf-ink);
  line-height: 1.2;
}

.shared-campaign-access-lane__header em {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-campaign-access-lane__items {
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-campaign-access-lane__items span {
  min-height: 54px;
  padding: 9px 10px;
  border-radius: 14px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
}

.shared-campaign-access-lane__items span.is-live {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.08);
}

.shared-campaign-access-lane__items span.is-locked {
  opacity: 0.72;
}

.shared-campaign-access-lane__items i {
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-campaign-access-lane__items svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-campaign-access-lane__items strong,
.shared-campaign-access-lane__items small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-access-lane__items small {
  grid-column: 2;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-campaign-access-map__features {
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.shared-campaign-access-map__features span {
  min-height: 78px;
  padding: 12px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

.shared-campaign-access-map__features i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-campaign-access-map__features svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-access-map__features strong,
.shared-campaign-access-map__features small {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-campaign-access-map__features small {
  grid-column: 2;
}

.shared-campaign-card {
  min-height: 300px;
  padding: 20px;
  border-radius: 28px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 18px;
}

.shared-campaign-card__avatar,
.shared-campaign-hero__avatar,
.shared-campaign-staff-row__avatar {
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: var(--sf-font-display);
  font-weight: 800;
}

.shared-campaign-card__avatar {
  width: 74px;
  height: 74px;
  border-radius: 22px;
  font-size: 1.4rem;
}

.shared-campaign-card__avatar img,
.shared-campaign-hero__avatar img,
.shared-campaign-staff-row__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-campaign-card__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shared-campaign-card__body .shared-card__actions {
  margin-top: auto;
}

.shared-campaign-card__features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-feature-pill,
.shared-campaign-feature-more {
  min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 800;
  text-decoration: none;
}

.shared-campaign-feature-pill {
  appearance: none;
  padding: 0 10px;
  cursor: pointer;
}

.shared-campaign-feature-pill:hover,
.shared-campaign-feature-pill:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-campaign-feature-pill span {
  width: 15px;
  height: 15px;
  display: inline-flex;
  color: var(--sf-cyan);
}

.shared-campaign-feature-pill svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-campaign-feature-more {
  padding: 0 11px;
  color: var(--sf-muted);
}

.shared-campaign-card__note {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-campaign-empty-access {
  display: grid;
  justify-items: start;
  gap: 10px;
  text-align: left;
}

.shared-campaign-empty-access--launchpad {
  padding: clamp(8px, 1vw, 12px) 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  grid-template-columns: minmax(0, 0.96fr) minmax(280px, 0.64fr);
  gap: 14px;
  align-items: start;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-empty-access--launchpad {
  background: transparent;
  box-shadow: none;
}

.shared-campaign-empty-access__intro,
.shared-campaign-empty-access__review,
.shared-campaign-empty-access__steps,
.shared-campaign-empty-access__features {
  min-width: 0;
}

.shared-campaign-empty-access__intro {
  display: grid;
  gap: 12px;
}

.shared-campaign-empty-access__intro h2,
.shared-campaign-empty-access__intro p {
  margin: 0;
}

.shared-campaign-empty-access__intro h2 {
  max-width: 720px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2.7vw, 2.45rem);
  line-height: 1.04;
}

.shared-campaign-empty-access__intro p {
  max-width: 680px;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-campaign-empty-access__review {
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.075);
  display: grid;
  gap: 5px;
}

.shared-campaign-empty-access__review strong,
.shared-campaign-empty-access__review span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-empty-access__review span {
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 760;
  line-height: 1.45;
}

.shared-campaign-empty-access__steps,
.shared-campaign-empty-access__features {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.shared-campaign-empty-access__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-campaign-empty-access__step {
  min-width: 0;
  min-height: 104px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.shared-campaign-empty-access__step > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-weight: 950;
}

.shared-campaign-empty-access__step.is-complete > span {
  background: rgba(56, 210, 157, 0.14);
  color: var(--sf-green);
}

.shared-campaign-empty-access__step div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-empty-access__step strong,
.shared-campaign-empty-access__step em,
.shared-campaign-empty-access__step small,
.shared-campaign-empty-access__feature strong,
.shared-campaign-empty-access__feature small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-empty-access__step em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.4;
}

.shared-campaign-empty-access__step small {
  grid-column: 2;
  justify-self: start;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-empty-access__step.is-complete small {
  background: rgba(56, 210, 157, 0.14);
  color: var(--sf-green);
}

.shared-campaign-empty-access__features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-campaign-empty-access__feature {
  min-width: 0;
  min-height: 96px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 5px 10px;
  align-items: center;
}

.shared-campaign-empty-access__feature i {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-campaign-empty-access__feature svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-empty-access__feature small {
  grid-column: 2;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-campaign-empty-access strong {
  color: var(--sf-ink);
  font-size: 1.05rem;
}

.shared-campaign-empty-access span {
  max-width: 620px;
  color: var(--sf-muted);
}

.shared-campaign-empty-access__paths {
  width: 100%;
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-empty-access__paths button {
  appearance: none;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  gap: 6px;
  cursor: pointer;
}

.shared-campaign-empty-access__paths button:hover,
.shared-campaign-empty-access__paths button:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-empty-access__paths small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-campaign-hero {
  padding: clamp(20px, 4vw, 34px);
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.shared-campaign-hero__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 18px;
}

.shared-campaign-hero__avatar {
  width: 96px;
  height: 96px;
  border-radius: 28px;
  flex: 0 0 auto;
  font-size: 2rem;
}

.shared-campaign-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-campaign-command-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.shared-campaign-command {
  appearance: none;
  min-width: 0;
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon copy";
  gap: 3px 10px;
  cursor: pointer;
}

.shared-campaign-command:hover,
.shared-campaign-command:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-command--primary {
  border-color: rgba(38, 244, 238, 0.25);
  background: rgba(38, 244, 238, 0.09);
}

.shared-campaign-command span {
  grid-area: icon;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-command svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-campaign-command strong,
.shared-campaign-command small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-command strong {
  grid-area: label;
  align-self: end;
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-campaign-command small {
  grid-area: copy;
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-campaign-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  overflow-x: visible;
  padding: 2px 2px 10px;
}

.shared-campaign-tab {
  min-height: 48px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.shared-campaign-tab span,
.shared-campaign-room-preview span svg {
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.shared-campaign-tab svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-campaign-tab.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.35);
}

.shared-campaign-tab.is-muted {
  opacity: 0.58;
}

.shared-campaign-tab:disabled,
.shared-campaign-tab.is-muted {
  cursor: default;
}

.shared-campaign-tab:disabled:hover {
  border-color: var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
}

.shared-campaign-section {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.shared-campaign-metrics {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.shared-campaign-metric {
  min-height: 104px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shared-campaign-metric span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-campaign-metric strong {
  font-family: var(--sf-font-display);
  font-size: 1.8rem;
}

.shared-campaign-metric--cyan {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-panel {
  padding: 18px;
}

.shared-campaign-panel--wide {
  grid-column: 1 / -1;
}

.shared-campaign-panel--accent {
  border-color: rgba(255, 51, 95, 0.22);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-overview-empty {
  min-width: 0;
  min-height: 176px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px 12px;
  align-content: start;
}

.shared-campaign-overview-empty > span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-overview-empty svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-campaign-overview-empty > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-campaign-overview-empty strong,
.shared-campaign-overview-empty p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-overview-empty strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  line-height: 1.12;
}

.shared-campaign-overview-empty p {
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.45;
}

.shared-campaign-overview-empty .shared-feed-chip {
  grid-column: 2;
  justify-self: start;
  margin-top: 2px;
}

.shared-campaign-panel__header {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shared-campaign-panel__header p {
  margin: 6px 0 0;
  max-width: 780px;
  color: var(--sf-muted);
}

.shared-campaign-section-list {
  display: grid;
  gap: 10px;
}

.shared-campaign-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.shared-campaign-feature-card {
  appearance: none;
  min-width: 0;
  min-height: 188px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  cursor: pointer;
}

.shared-campaign-feature-card:hover,
.shared-campaign-feature-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-feature-card.is-locked {
  cursor: default;
  opacity: 0.78;
}

.shared-campaign-feature-card.is-locked:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-campaign-feature-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-campaign-feature-card.is-locked .shared-campaign-feature-card__icon {
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.06);
}

.shared-campaign-feature-card__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-campaign-feature-card__body {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-campaign-feature-card__body strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.shared-campaign-feature-card__body small {
  color: var(--sf-muted);
  line-height: 1.42;
}

.shared-campaign-feature-card__body em {
  margin-top: auto;
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-campaign-feature-card.is-locked .shared-campaign-feature-card__body em {
  color: var(--sf-muted);
}

.shared-campaign-feature-card__status {
  color: var(--sf-muted);
}

.shared-campaign-feature-card__status.is-enabled {
  color: var(--sf-cyan);
}

.shared-campaign-contact-ops {
  overflow: hidden;
}

.shared-campaign-contact-ops .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-contact-ops__summary {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-contact-ops__summary span {
  min-width: 0;
  min-height: 72px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 3px;
}

.shared-campaign-contact-ops__summary strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.shared-campaign-contact-ops__summary small {
  color: var(--sf-muted);
  font-weight: 800;
  text-transform: uppercase;
}

.shared-campaign-contact-ops__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.shared-campaign-contact-ops-card {
  appearance: none;
  min-width: 0;
  min-height: 134px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  cursor: pointer;
}

.shared-campaign-contact-ops-card:hover,
.shared-campaign-contact-ops-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-contact-ops-card.is-urgent {
  border-color: rgba(255, 51, 95, 0.24);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-contact-ops-card.is-ready {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.07);
}

.shared-campaign-contact-ops-card.is-locked {
  opacity: 0.72;
  cursor: default;
}

.shared-campaign-contact-ops-card.is-locked:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-campaign-contact-ops-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-contact-ops-card.is-urgent .shared-campaign-contact-ops-card__icon {
  background: rgba(255, 51, 95, 0.14);
  color: #ff6f92;
}

.shared-campaign-contact-ops-card.is-ready .shared-campaign-contact-ops-card__icon {
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
}

.shared-campaign-contact-ops-card.is-locked .shared-campaign-contact-ops-card__icon {
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
}

.shared-campaign-contact-ops-card__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-campaign-contact-ops-card__body {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
}

.shared-campaign-contact-ops-card__body small {
  min-width: 0;
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-campaign-contact-ops-card.is-urgent .shared-campaign-contact-ops-card__body small {
  color: #ff8eaa;
}

.shared-campaign-contact-ops-card.is-ready .shared-campaign-contact-ops-card__body small {
  color: var(--sf-cyan);
}

.shared-campaign-contact-ops-card.is-locked .shared-campaign-contact-ops-card__body small {
  color: var(--sf-muted);
}

.shared-campaign-contact-ops-card__body strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 1.03rem;
  overflow-wrap: anywhere;
}

.shared-campaign-contact-ops-card__body em {
  min-width: 0;
  color: var(--sf-muted);
  font-style: normal;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.shared-campaign-room-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.shared-campaign-room-preview span {
  min-height: 64px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(5, 6, 8, 0.34);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

.shared-campaign-messaging {
  gap: 14px;
}

.shared-campaign-messaging-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-messaging-grid--rooms {
  grid-template-columns: minmax(0, 1fr) minmax(290px, 360px);
}

.shared-campaign-room-groups,
.shared-campaign-messaging-side,
.shared-campaign-room-list,
.shared-campaign-room-admin__actions {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-messaging-side {
  position: sticky;
  top: 18px;
}

.shared-campaign-messaging-command {
  display: grid;
  gap: 14px;
  overflow: hidden;
}

.shared-campaign-messaging-command__header {
  align-items: flex-start;
}

.shared-campaign-messaging-signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-messaging-signals span {
  min-width: 0;
  padding: 11px 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(255, 255, 255, 0.72);
}

.shared-campaign-messaging-signals strong,
.shared-campaign-messaging-signals small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-messaging-signals strong {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-campaign-messaging-signals small {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-messaging-command__body {
  display: grid;
  grid-template-columns: minmax(320px, 1.1fr) minmax(260px, 0.9fr);
  gap: 12px;
  align-items: stretch;
}

.shared-campaign-messaging-focus {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(5, 125, 132, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(237, 253, 252, 0.78)),
    rgba(255, 255, 255, 0.88);
  display: grid;
  align-content: start;
  gap: 12px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.shared-campaign-messaging-focus.is-empty {
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: start;
}

.shared-campaign-messaging-focus.is-empty h3 {
  margin: 0;
  color: var(--sf-ink);
}

.shared-campaign-messaging-focus.is-empty p {
  margin: 5px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-messaging-focus__room {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-campaign-messaging-focus__room h3 {
  margin: 0;
  color: var(--sf-ink);
}

.shared-campaign-messaging-focus__room p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-messaging-focus__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-messaging-focus__meta span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: rgba(255, 255, 255, 0.7);
}

.shared-campaign-messaging-focus__meta strong,
.shared-campaign-messaging-focus__meta small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-messaging-focus__meta small {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-messaging-focus__latest {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(5, 125, 132, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  display: grid;
  gap: 5px;
}

.shared-campaign-messaging-focus__latest small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-messaging-focus__latest p {
  margin: 0;
  color: var(--sf-ink);
  line-height: 1.45;
}

.shared-campaign-messaging-room-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-messaging-room-links button {
  min-width: 0;
  min-height: 42px;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 900;
  cursor: pointer;
}

.shared-campaign-messaging-room-links button:hover,
.shared-campaign-messaging-room-links button:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-campaign-messaging-room-links svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-campaign-messaging-action-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-messaging-action {
  min-width: 0;
  min-height: 74px;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 2px 10px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-messaging-action.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.17), rgba(255, 255, 255, 0.05));
}

.shared-campaign-messaging-action.is-attention {
  border-color: rgba(255, 51, 95, 0.24);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-messaging-action span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-messaging-action.is-attention span {
  background: rgba(255, 51, 95, 0.14);
  color: #ff8aa3;
}

.shared-campaign-messaging-action strong,
.shared-campaign-messaging-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-messaging-action strong {
  grid-area: title;
}

.shared-campaign-messaging-action small {
  grid-area: copy;
  color: var(--sf-muted);
  font-size: 0.74rem;
}

.shared-campaign-messaging-recovery-strip {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-campaign-messaging-recovery-strip > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-messaging-recovery-strip svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-messaging-recovery-strip strong,
.shared-campaign-messaging-recovery-strip small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-messaging-recovery-strip strong {
  color: var(--sf-ink);
}

.shared-campaign-messaging-recovery-strip small {
  margin-top: 3px;
  color: var(--sf-muted);
}

.shared-campaign-room-console .shared-campaign-panel__header,
.shared-campaign-volunteer-panel .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-room-console p,
.shared-campaign-volunteer-panel p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-room-preview__tile {
  min-width: 0;
}

.shared-campaign-room-preview__tile.is-volunteer {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-room-group,
.shared-campaign-room-card,
.shared-campaign-room-admin,
.shared-campaign-room-empty-panel {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.shared-campaign-room-group__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.shared-campaign-room-group__header h2,
.shared-campaign-room-card h3,
.shared-campaign-room-admin h2,
.shared-campaign-room-empty-panel h2 {
  margin: 0;
  color: var(--sf-ink);
  letter-spacing: 0;
}

.shared-campaign-room-group__header p,
.shared-campaign-room-card p,
.shared-campaign-room-admin p,
.shared-campaign-room-empty-panel p {
  margin: 5px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-room-group__header > span {
  min-width: 34px;
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-weight: 900;
}

.shared-campaign-room-card {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-campaign-room-card__top {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-campaign-room-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-room-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.shared-campaign-room-pills span,
.shared-campaign-volunteer-summary span {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-room-pills span.is-good {
  background: rgba(34, 197, 94, 0.14);
  color: #7df0ac;
}

.shared-campaign-room-pills span.is-alert {
  background: rgba(255, 51, 95, 0.14);
  color: #ff8aa3;
}

.shared-campaign-room-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-room-card__stats span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: rgba(15, 23, 42, 0.04);
}

.shared-campaign-room-card__stats strong,
.shared-campaign-room-card__stats small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-room-card__stats small {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-room-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-messaging-focus .shared-campaign-room-card__actions .shared-feed-chip--primary,
.shared-campaign-room-card .shared-campaign-room-card__actions .shared-feed-chip--primary {
  min-width: 150px;
}

.shared-campaign-room-admin {
  padding: 18px;
  border-radius: 20px;
  display: grid;
  gap: 14px;
}

.shared-campaign-room-admin__button {
  width: 100%;
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 2px 10px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-room-admin__button span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-room-admin__button strong,
.shared-campaign-room-admin__button small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-room-admin__button strong {
  grid-area: title;
}

.shared-campaign-room-admin__button small {
  grid-area: copy;
  color: var(--sf-muted);
  font-size: 0.74rem;
}

.shared-campaign-room-empty-panel {
  padding: clamp(18px, 3vw, 26px);
  border-radius: 22px;
  display: grid;
  gap: 12px;
}

.shared-campaign-room-empty-panel > span {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-volunteer-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.shared-campaign-volunteer-summary span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.shared-campaign-volunteer-summary strong,
.shared-campaign-volunteer-summary small {
  font: inherit;
}

.shared-campaign-messaging-side .shared-campaign-volunteer-panel .shared-campaign-panel__header {
  align-items: flex-start;
  flex-direction: column;
}

.shared-campaign-messaging-side .shared-campaign-volunteer-form,
.shared-campaign-messaging-side .shared-campaign-volunteer-row,
.shared-campaign-messaging-side .shared-campaign-volunteer-edit {
  grid-template-columns: 1fr;
}

.shared-campaign-messaging-side .shared-campaign-volunteer-actions {
  justify-content: flex-start;
}

.shared-campaign-volunteer-form,
.shared-campaign-volunteer-edit {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-volunteer-form {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.74);
  grid-template-columns: minmax(150px, 0.7fr) minmax(180px, 1fr) auto;
  align-items: end;
}

.shared-campaign-volunteer-form label,
.shared-campaign-volunteer-edit label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-volunteer-form label span,
.shared-campaign-volunteer-edit label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-volunteer-form input,
.shared-campaign-volunteer-edit input {
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
}

.shared-campaign-volunteer-list {
  display: grid;
  gap: 10px;
}

.shared-campaign-volunteer-row {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(150px, 0.6fr) minmax(240px, 1fr);
  align-items: center;
  gap: 12px;
}

.shared-campaign-volunteer-row__identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.shared-campaign-volunteer-row__identity strong,
.shared-campaign-volunteer-row__identity span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-volunteer-row__identity > div > span,
.shared-campaign-volunteer-muted {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-campaign-volunteer-avatar {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.18), rgba(255, 51, 95, 0.12));
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-campaign-volunteer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-campaign-volunteer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-volunteer-row__tags {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-volunteer-row__tags small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-campaign-volunteer-tags em {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-volunteer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-volunteer-empty {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 54%),
    rgba(5, 6, 8, 0.3);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-campaign-volunteer-empty > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-volunteer-empty svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-campaign-volunteer-empty strong,
.shared-campaign-volunteer-empty p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-volunteer-empty strong {
  color: var(--sf-ink);
}

.shared-campaign-volunteer-empty p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-campaign-missions {
  gap: 14px;
}

.shared-campaign-missions-hero,
.shared-campaign-mission-admin-command,
.shared-campaign-mission-staff-command,
.shared-campaign-mission-create,
.shared-campaign-mission-template-editor,
.shared-campaign-mission-card,
.shared-campaign-mission-workload,
.shared-campaign-mission-template,
.shared-campaign-mission-preset,
.shared-campaign-mission-timeline-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-missions-hero {
  padding: clamp(18px, 3vw, 28px);
  border-radius: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-campaign-missions-hero h2,
.shared-campaign-mission-create h2,
.shared-campaign-mission-template-editor h3,
.shared-campaign-mission-workload h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-campaign-missions-hero p,
.shared-campaign-mission-staff-command p,
.shared-campaign-mission-create p,
.shared-campaign-mission-template-editor p,
.shared-campaign-mission-workload p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-missions-hero__actions,
.shared-campaign-mission-staff-command__actions,
.shared-campaign-mission-create__actions,
.shared-campaign-mission-template-editor__footer,
.shared-campaign-mission-tabs,
.shared-campaign-mission-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-campaign-mission-tabs {
  justify-content: flex-start;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
}

.shared-campaign-mission-admin-command {
  padding: clamp(14px, 2.4vw, 20px);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(255, 51, 95, 0.055)),
    rgba(5, 6, 8, 0.34);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.44fr);
  gap: 14px;
  align-items: stretch;
}

.shared-campaign-mission-admin-command__main {
  min-width: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.shared-campaign-mission-admin-command__icon {
  width: 52px;
  height: 52px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 17px;
  background: rgba(38, 244, 238, 0.12);
  color: #c6fffb;
  display: grid;
  place-items: center;
}

.shared-campaign-mission-admin-command__icon svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-campaign-mission-admin-command__main > div:not(.shared-campaign-mission-admin-command__actions) {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-mission-admin-command small,
.shared-campaign-mission-admin-command__metrics span,
.shared-campaign-mission-command-chip span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-campaign-mission-admin-command__title {
  min-width: 0;
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.08rem, 2vw, 1.45rem);
  line-height: 1.08;
  overflow-wrap: break-word;
}

.shared-campaign-mission-admin-command p {
  max-width: 720px;
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-campaign-mission-admin-command__actions {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.shared-campaign-mission-admin-command__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-mission-admin-command__metrics div {
  min-width: 0;
  min-height: 68px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.shared-campaign-mission-admin-command__metrics div:first-child {
  grid-column: 1 / -1;
}

.shared-campaign-mission-admin-command__metrics strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  overflow-wrap: anywhere;
}

.shared-campaign-mission-admin-command__queues {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 9px;
}

.shared-campaign-mission-command-chip {
  min-width: 0;
  min-height: 48px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-mission-command-chip:hover,
.shared-campaign-mission-command-chip:focus-visible,
.shared-campaign-mission-command-chip.is-active {
  outline: none;
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.09);
}

.shared-campaign-mission-command-chip strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-mission-staff-command {
  padding: clamp(14px, 2vw, 20px);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.026)),
    rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 14px;
}

.shared-campaign-mission-staff-command__main {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.shared-campaign-mission-staff-command__next {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-campaign-mission-staff-command__next > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.1);
  color: #c6fffb;
  display: grid;
  place-items: center;
}

.shared-campaign-mission-staff-command__next svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-campaign-mission-staff-command__next div,
.shared-campaign-mission-staff-command__next h3,
.shared-campaign-mission-staff-command__next p,
.shared-campaign-mission-staff-command__next small {
  min-width: 0;
  overflow-wrap: break-word;
}

.shared-campaign-mission-staff-command__next small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-mission-staff-command__next h3 {
  margin: 3px 0 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  line-height: 1.08;
}

.shared-campaign-mission-staff-command__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 10px;
}

.shared-campaign-mission-staff-command__metrics div {
  min-width: 0;
  min-height: 72px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.shared-campaign-mission-staff-command__metrics span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-mission-staff-command__metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
}

.shared-campaign-mission-workspace,
.shared-campaign-mission-list,
.shared-campaign-mission-workloads,
.shared-campaign-mission-template-list,
.shared-campaign-mission-timeline__list,
.shared-campaign-mission-timeline-jobs,
.shared-campaign-mission-audit__list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-mission-board,
.shared-campaign-mission-templates,
.shared-campaign-mission-preset-grid {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-campaign-mission-board {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: start;
}

.shared-campaign-mission-preset-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.shared-campaign-mission-board-column,
.shared-campaign-mission-section,
.shared-campaign-mission-filter-panel {
  min-width: 0;
}

.shared-campaign-mission-card {
  border-radius: 20px;
  overflow: hidden;
}

.shared-campaign-mission-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-campaign-mission-card__open {
  min-width: 0;
  padding: 14px;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-mission-card__open:hover,
.shared-campaign-mission-card__open:focus-visible,
.shared-campaign-mission-workload__rows button:hover,
.shared-campaign-mission-workload__rows button:focus-visible,
.shared-campaign-mission-timeline-card > button:hover,
.shared-campaign-mission-timeline-card > button:focus-visible,
.shared-campaign-mission-audit__list button:hover,
.shared-campaign-mission-audit__list button:focus-visible {
  outline: none;
  background: rgba(38, 244, 238, 0.07);
}

.shared-campaign-mission-card__icon,
.shared-campaign-mission-workload__avatar {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  background: rgba(38, 244, 238, 0.1);
  color: #c6fffb;
  display: grid;
  place-items: center;
}

.shared-campaign-mission-card__icon svg,
.shared-campaign-mission-workload__avatar svg,
.shared-campaign-mission-audit__list svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-campaign-mission-card__body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-campaign-mission-card__body strong,
.shared-campaign-mission-card__body span,
.shared-campaign-mission-workload__rows strong,
.shared-campaign-mission-workload__rows span,
.shared-campaign-mission-template strong,
.shared-campaign-mission-template span,
.shared-campaign-mission-preset strong,
.shared-campaign-mission-preset span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-campaign-mission-card__body > span:last-child,
.shared-campaign-mission-template span,
.shared-campaign-mission-preset span,
.shared-campaign-mission-timeline-job small,
.shared-campaign-mission-audit__list small,
.shared-campaign-mission-audit__list em {
  color: var(--sf-muted);
}

.shared-campaign-mission-card__actions {
  padding-right: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-mission-board .shared-campaign-mission-card__top {
  grid-template-columns: 1fr;
  align-items: start;
}

.shared-campaign-mission-board .shared-campaign-mission-card__actions {
  padding: 0 14px 14px;
  justify-content: flex-start;
}

.shared-campaign-mission-card__task {
  margin: 0 14px 12px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.026)),
    rgba(5, 12, 18, 0.26);
  display: grid;
  gap: 9px;
}

.shared-campaign-mission-card__task-top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-campaign-mission-card__task-top div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-mission-card__task-top span,
.shared-campaign-mission-card__task p {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.shared-campaign-mission-card__task-top strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1.22;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-campaign-mission-card__task-meta,
.shared-campaign-mission-card__task-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-mission-card__task-meta span {
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  overflow-wrap: anywhere;
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-campaign-mission-card__task-actions .shared-feed-chip {
  min-height: 32px;
}

.shared-campaign-mission-card__task p {
  margin: 0;
  line-height: 1.35;
}

.shared-campaign-mission-card__metrics {
  padding: 12px 14px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-campaign-mission-card__metrics span,
.shared-campaign-mission-workload__chips span,
.shared-campaign-mission-template__meta span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-campaign-mission-card.is-compact .shared-card__meta {
  display: none;
}

.shared-campaign-mission-create {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  gap: 14px;
}

.shared-campaign-mission-template-editor {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  gap: 14px;
}

.shared-campaign-mission-create__header,
.shared-campaign-mission-template-editor__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-campaign-mission-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
}

.shared-campaign-mission-form-grid label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-mission-form-grid label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-mission-form-grid input,
.shared-campaign-mission-form-grid select,
.shared-campaign-mission-form-grid textarea {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
}

.shared-campaign-mission-form-grid textarea {
  min-height: 108px;
  padding-block: 12px;
  resize: vertical;
}

.shared-campaign-mission-create__description {
  grid-column: 1 / -1;
}

.shared-campaign-mission-target-picker {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), rgba(255, 51, 95, 0.045)),
    rgba(5, 6, 8, 0.26);
  display: grid;
  gap: 12px;
}

.shared-campaign-mission-target-picker__header,
.shared-campaign-mission-target-columns {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-mission-target-picker__header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.shared-campaign-mission-target-picker__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-mission-target-picker__header strong,
.shared-campaign-mission-target-picker__header span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-mission-target-picker__header span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-campaign-mission-target-fanout.is-active {
  border-color: rgba(38, 244, 238, 0.46);
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
}

.shared-campaign-mission-target-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.shared-campaign-mission-target-column,
.shared-campaign-mission-target-options {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-mission-target-options {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.shared-campaign-mission-target-option {
  min-width: 0;
  min-height: 72px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.052);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon meta";
  gap: 3px 9px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-campaign-mission-target-option:hover,
.shared-campaign-mission-target-option:focus-visible {
  outline: none;
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  transform: translateY(-1px);
}

.shared-campaign-mission-target-option.is-active {
  border-color: rgba(38, 244, 238, 0.56);
  background: rgba(38, 244, 238, 0.13);
}

.shared-campaign-mission-target-option > span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: #b7fffb;
  display: grid;
  place-items: center;
}

.shared-campaign-mission-target-option svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-mission-target-option strong,
.shared-campaign-mission-target-option small {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-campaign-mission-target-option strong {
  grid-area: label;
  font-size: 0.88rem;
  line-height: 1.2;
}

.shared-campaign-mission-target-option small {
  grid-area: meta;
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.25;
}

.shared-campaign-mission-create__preset {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.07);
  color: var(--sf-muted);
  display: grid;
  gap: 4px;
}

.shared-campaign-mission-create__preset strong {
  color: var(--sf-ink);
}

.shared-campaign-mission-template-editor__footer {
  align-items: center;
}

.shared-campaign-mission-template-editor__footer > div {
  min-width: 0;
  margin-right: auto;
  display: grid;
  gap: 3px;
}

.shared-campaign-mission-template-editor__footer strong {
  color: var(--sf-ink);
}

.shared-campaign-mission-template-editor__footer span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-campaign-mission-workload,
.shared-campaign-mission-template,
.shared-campaign-mission-preset,
.shared-campaign-mission-timeline-card {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-campaign-mission-workload__top {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-campaign-mission-workload__chips,
.shared-campaign-mission-template__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-campaign-mission-workload__rows {
  display: grid;
  gap: 8px;
}

.shared-campaign-mission-workload__rows button,
.shared-campaign-mission-timeline-card > button,
.shared-campaign-mission-audit__list button {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-ink);
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-mission-template {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

.shared-campaign-mission-template__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-mission-preset {
  align-content: space-between;
}

.shared-campaign-mission-preset .shared-feed-chip {
  justify-self: start;
}

.shared-campaign-mission-timeline-job {
  margin-left: calc(var(--mission-depth, 0) * 20px);
  padding: 10px 0 10px 12px;
  border-left: 2px solid rgba(38, 244, 238, 0.2);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
}

.shared-campaign-mission-timeline-job div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-mission-audit__list button {
  grid-template-columns: 30px minmax(120px, 0.35fr) minmax(0, 1fr) minmax(160px, 0.42fr);
  align-items: center;
}

.shared-campaign-mission-audit__list span {
  color: #c6fffb;
}

.shared-campaign-mission-audit__list em {
  font-style: normal;
}

.shared-campaign-staff {
  gap: 14px;
}

.shared-campaign-staff-command {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.04)),
    rgba(5, 6, 8, 0.38);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.58fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-staff-command__copy,
.shared-campaign-staff-command__metrics,
.shared-campaign-staff-command__actions {
  min-width: 0;
}

.shared-campaign-staff-command__copy {
  display: grid;
  gap: 8px;
  align-content: start;
}

.shared-campaign-staff-command__copy > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-campaign-staff-command__copy svg,
.shared-campaign-staff-command-action svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-campaign-staff-command__copy h2,
.shared-campaign-staff-command__copy p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-command__copy h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.24rem;
  line-height: 1.1;
}

.shared-campaign-staff-command__copy p {
  max-width: 58ch;
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-campaign-staff-command__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-staff-command__metrics span {
  min-width: 0;
  min-height: 70px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 3px;
}

.shared-campaign-staff-command__metrics strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1.08rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-command__metrics small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-staff-access-map {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.32);
  display: grid;
  gap: 14px;
}

.shared-campaign-staff-access-map__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-campaign-staff-access-map__header > div {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-staff-access-map__header > div > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-campaign-staff-access-map__header svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-campaign-staff-access-map__header h3,
.shared-campaign-staff-access-map__header p,
.shared-campaign-staff-access-map__header dl {
  min-width: 0;
  margin: 0;
}

.shared-campaign-staff-access-map__header h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  line-height: 1.1;
}

.shared-campaign-staff-access-map__header p {
  max-width: 72ch;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-campaign-staff-access-map__header dl {
  min-width: 220px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-staff-access-map__header dl div {
  min-width: 0;
  min-height: 62px;
  padding: 10px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  display: grid;
  align-content: start;
  gap: 3px;
}

.shared-campaign-staff-access-map__header dt {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-access-map__header dd {
  min-width: 0;
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-staff-access-map__roles {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-staff-access-role {
  min-width: 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--role-color, var(--sf-cyan)) 28%, rgba(255, 255, 255, 0.08));
  border-radius: 17px;
  background: color-mix(in srgb, var(--role-color, var(--sf-cyan)) 8%, rgba(255, 255, 255, 0.035));
  display: grid;
  gap: 10px;
}

.shared-campaign-staff-access-role__top {
  min-width: 0;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-campaign-staff-access-role__top div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-staff-access-role__top strong,
.shared-campaign-staff-access-role__top small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-access-role__top strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
  font-weight: 950;
  line-height: 1.1;
}

.shared-campaign-staff-access-role__top small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.2;
}

.shared-campaign-staff-access-role__counts {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-staff-access-role__counts span {
  min-width: 0;
  padding: 8px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 2px;
}

.shared-campaign-staff-access-role__counts b {
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1;
}

.shared-campaign-staff-access-role__counts small {
  color: var(--sf-muted);
  font-size: 0.66rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-campaign-staff-command__actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-staff-command-action {
  min-width: 0;
  min-height: 96px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-align: left;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 10px;
  align-items: start;
  cursor: pointer;
}

.shared-campaign-staff-command-action.is-primary,
.shared-campaign-staff-command-action:hover,
.shared-campaign-staff-command-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.09);
  outline: none;
}

.shared-campaign-staff-command-action > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 3;
}

.shared-campaign-staff-command-action strong,
.shared-campaign-staff-command-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-command-action strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1.15;
}

.shared-campaign-staff-command-action small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.34;
}

.shared-campaign-staff-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-staff-main,
.shared-campaign-staff-side,
.shared-campaign-staff-card-grid,
.shared-campaign-staff-list,
.shared-campaign-staff-role-groups,
.shared-campaign-staff-role-list {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-staff-roster-controls {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(150px, 0.58fr) minmax(140px, 0.46fr) auto;
  gap: 10px;
  align-items: end;
}

.shared-campaign-staff-filter-field,
.shared-campaign-staff-filter-summary {
  min-width: 0;
}

.shared-campaign-staff-filter-field {
  display: grid;
  gap: 7px;
}

.shared-campaign-staff-filter-summary {
  min-height: 42px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}

.shared-campaign-staff-filter-summary span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.shared-campaign-staff .shared-campaign-panel {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.shared-campaign-staff .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-staff .shared-campaign-panel__header p,
.shared-campaign-staff-form p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-staff-card,
.shared-campaign-staff-invite-row,
.shared-campaign-staff-role-card,
.shared-campaign-staff-create-role {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-staff-card form,
.shared-campaign-staff-form,
.shared-campaign-staff-role-form,
.shared-campaign-staff-role-delete,
.shared-campaign-staff-create-role {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-staff-card__top,
.shared-campaign-staff-card__summary,
.shared-campaign-staff-invite-row {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-items: center;
}

.shared-campaign-staff-card__top {
  grid-template-columns: minmax(190px, 1fr) minmax(180px, 0.56fr);
}

.shared-campaign-staff-card__summary {
  grid-template-columns: minmax(190px, 0.54fr) minmax(0, 1fr);
  align-items: start;
}

.shared-campaign-staff-invite-row {
  grid-template-columns: minmax(190px, 0.75fr) minmax(160px, 0.54fr) minmax(0, 1fr);
}

.shared-campaign-staff-access-copy {
  min-width: 0;
  display: grid;
}

.shared-campaign-staff-person {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-campaign-staff-person strong,
.shared-campaign-staff-person span,
.shared-campaign-staff-role-pill strong,
.shared-campaign-staff-role-pill span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-staff-person > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-staff-person > div > span,
.shared-campaign-staff-muted {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-campaign-staff-avatar {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.18), rgba(255, 51, 95, 0.12));
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-campaign-staff-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-campaign-staff-search {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-staff-search-field,
.shared-campaign-staff-direct-id__body label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-staff-search-field > span,
.shared-campaign-staff-direct-id__body label > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-staff-search-field input,
.shared-campaign-staff-direct-id__body input {
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-campaign-staff-search-results {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(4, 6, 10, 0.78);
  overflow: hidden;
}

.shared-campaign-staff-search-result {
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-staff-search-result:last-child {
  border-bottom: 0;
}

.shared-campaign-staff-search-result:hover:not(:disabled) {
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-staff-search-result:disabled,
.shared-campaign-staff-search-result.is-disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-campaign-staff-search-result span,
.shared-campaign-staff-selected span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-staff-search-result strong,
.shared-campaign-staff-search-result small,
.shared-campaign-staff-selected strong,
.shared-campaign-staff-selected small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-staff-search-result strong,
.shared-campaign-staff-selected strong {
  font-size: 0.95rem;
  font-weight: 900;
}

.shared-campaign-staff-search-result small,
.shared-campaign-staff-selected small,
.shared-campaign-staff-search-hint,
.shared-campaign-staff-search-message {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-campaign-staff-search-result em {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-campaign-staff-search-result:not(.is-disabled) em {
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
}

.shared-campaign-staff-search-message {
  padding: 12px;
}

.shared-campaign-staff-search-message.is-error {
  color: #ffb4c2;
}

.shared-campaign-staff-search-hint {
  padding: 10px 12px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-campaign-staff-selected,
.shared-campaign-staff-invite-summary {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.07);
  display: grid;
  gap: 10px;
  align-items: center;
}

.shared-campaign-staff-selected {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}

.shared-campaign-staff-invite-summary {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);
}

.shared-campaign-staff-invite-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-staff-invite-summary strong,
.shared-campaign-staff-invite-summary span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-staff-invite-summary strong {
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-campaign-staff-invite-summary span {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-campaign-staff-invite-role-grid {
  grid-template-columns: minmax(0, 1fr);
}

.shared-campaign-staff-direct-id__body {
  padding: 0 12px 12px;
}

.shared-campaign-staff-role-select,
.shared-campaign-staff-filter-field,
.shared-campaign-staff-form-grid label,
.shared-campaign-staff-role-delete label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-staff-role-select > span,
.shared-campaign-staff-filter-field > span,
.shared-campaign-staff-form-grid label span,
.shared-campaign-staff-role-delete label span,
.shared-campaign-staff-status select,
.shared-campaign-staff-permission-grid legend {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-staff-role-select select,
.shared-campaign-staff-filter-field input,
.shared-campaign-staff-filter-field select,
.shared-campaign-staff-form-grid input,
.shared-campaign-staff-form-grid select,
.shared-campaign-staff-role-delete select,
.shared-campaign-staff-status select {
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-campaign-staff-form-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-staff-toggle {
  min-height: 48px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-ink);
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 800;
}

.shared-campaign-staff-toggle input {
  width: 18px;
  height: 18px;
}

.shared-campaign-staff-details {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-campaign-staff-details summary,
.shared-campaign-staff-role-card summary {
  min-height: 44px;
  padding: 12px 14px;
  color: var(--sf-ink);
  font-weight: 900;
  cursor: pointer;
}

.shared-campaign-staff-permission-grid {
  padding: 0 12px 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-staff-permission-grid fieldset {
  min-width: 0;
  margin: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  display: grid;
  gap: 8px;
}

.shared-campaign-staff-permission-grid label {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: var(--sf-ink);
  font-size: 0.84rem;
  font-weight: 750;
}

.shared-campaign-staff-permission-grid label span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-staff-permission-chips {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-campaign-staff-permission-chips em {
  max-width: 100%;
  min-height: 28px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
  white-space: normal;
}

.shared-campaign-staff-role-pill {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--role-color, var(--sf-cyan)) 38%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--role-color, var(--sf-cyan)) 12%, transparent);
  display: grid;
  gap: 3px;
}

.shared-campaign-staff-role-pill span {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-campaign-staff-row-actions,
.shared-campaign-staff-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-staff-status {
  display: flex;
  gap: 8px;
  align-items: center;
}

.shared-campaign-staff-role-groups section {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-staff-role-groups h3 {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-staff-role-card {
  padding: 0;
}

.shared-campaign-staff-role-card summary {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-campaign-staff-role-card summary > span:last-child {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-campaign-staff-role-swatch {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--sf-cyan);
}

.shared-campaign-staff-role-form,
.shared-campaign-staff-role-delete {
  padding: 0 12px 12px;
}

.shared-campaign-staff-role-delete {
  margin-top: 4px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-campaign-staff-roster.is-focus-pulse,
.shared-campaign-staff-invitations.is-focus-pulse,
.shared-campaign-staff-invite.is-focus-pulse,
.shared-campaign-staff-roles.is-focus-pulse {
  outline: 2px solid rgba(38, 244, 238, 0.34);
  outline-offset: 3px;
}

.shared-campaign-analytics {
  gap: 14px;
}

.shared-campaign-analytics .shared-campaign-panel,
.shared-campaign-analytics-grid,
.shared-campaign-analytics-list {
  min-width: 0;
}

.shared-campaign-analytics .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-analytics .shared-campaign-panel__header p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-analytics-command {
  margin-top: 16px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.74fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-analytics-command__summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-campaign-analytics-command__summary > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-analytics-command__summary svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-campaign-analytics-command__summary small,
.shared-campaign-analytics-command__cards span,
.shared-campaign-analytics-details small,
.shared-campaign-analytics-chip-row em,
.shared-campaign-analytics-breakdown-block p {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-analytics-command__summary strong {
  display: block;
  margin-top: 3px;
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
  overflow-wrap: anywhere;
}

.shared-campaign-analytics-command__summary p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-analytics-command__cards,
.shared-campaign-analytics-details > div {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-analytics-command__cards div,
.shared-campaign-analytics-details span,
.shared-campaign-analytics-chip-row span {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 3px;
}

.shared-campaign-analytics-command__cards strong,
.shared-campaign-analytics-details strong,
.shared-campaign-analytics-chip-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  color: var(--sf-ink);
}

.shared-campaign-analytics-details {
  grid-column: 1 / -1;
  min-width: 0;
}

.shared-campaign-analytics-details summary {
  width: max-content;
  max-width: 100%;
  color: var(--sf-cyan);
  cursor: pointer;
  font-weight: 900;
}

.shared-campaign-analytics-details > div {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.shared-campaign-analytics-range,
.shared-campaign-analytics-list,
.shared-campaign-analytics-event__metrics,
.shared-campaign-analytics-legend,
.shared-campaign-analytics-chip-row {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-analytics-range {
  justify-content: flex-end;
}

.shared-campaign-analytics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.shared-campaign-analytics-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-analytics-audience {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-analytics-bar {
  width: 100%;
  height: 18px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
}

.shared-campaign-analytics-bar span {
  min-width: 4px;
  height: 100%;
}

.shared-campaign-analytics-bar .is-matched,
.shared-campaign-analytics-legend .is-matched {
  background: #26f4ee;
}

.shared-campaign-analytics-bar .is-outside,
.shared-campaign-analytics-legend .is-outside {
  background: #f59e0b;
}

.shared-campaign-analytics-bar .is-unknown,
.shared-campaign-analytics-legend .is-unknown {
  background: #94a3b8;
}

.shared-campaign-analytics-legend span {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-campaign-analytics-legend em {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.shared-campaign-analytics-trend {
  min-width: 0;
  height: 240px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));
  gap: 8px;
  align-items: end;
}

.shared-campaign-analytics-trend__day {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.shared-campaign-analytics-trend__day span {
  width: 100%;
  min-height: 2px;
  display: block;
}

.shared-campaign-analytics-trend__bar {
  width: 100%;
  min-height: 8px;
  border-radius: 999px 999px 6px 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column-reverse;
}

.shared-campaign-analytics-trend__bar .is-matched {
  background: #26f4ee;
}

.shared-campaign-analytics-trend__bar .is-outside {
  background: #f59e0b;
}

.shared-campaign-analytics-trend__bar .is-unknown {
  background: #94a3b8;
}

.shared-campaign-analytics-trend__day em {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  text-align: center;
  white-space: nowrap;
}

.shared-campaign-analytics-post,
.shared-campaign-analytics-event {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-analytics-post {
  color: var(--sf-ink);
  display: grid;
  gap: 12px;
}

.shared-campaign-analytics-post__button {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-analytics-rank {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-weight: 950;
}

.shared-campaign-analytics-chip-row span {
  flex: 1 1 120px;
}

.shared-campaign-analytics-post__body,
.shared-campaign-analytics-event {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-analytics-post strong,
.shared-campaign-analytics-event strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-campaign-analytics-post span,
.shared-campaign-analytics-event span,
.shared-campaign-analytics-event em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
}

.shared-campaign-analytics-event__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-campaign-analytics-event__metrics span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 2px;
}

.shared-campaign-analytics-event__metrics strong {
  font-size: 1.08rem;
}

.shared-campaign-analytics-breakdown-block {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 8px;
}

.shared-campaign-analytics-breakdown-block p {
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-transform: none;
}

.shared-campaign-events {
  gap: 14px;
}

.shared-campaign-events .shared-campaign-panel,
.shared-campaign-events-list,
.shared-campaign-events-map-grid {
  min-width: 0;
}

.shared-campaign-events-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.shared-campaign-events-hero h2 {
  margin: 0;
}

.shared-campaign-events-hero p,
.shared-campaign-events .shared-campaign-panel__header p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-events-controls,
.shared-campaign-events-tabs {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-events-command {
  min-width: 0;
  padding: clamp(14px, 2.4vw, 20px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(255, 51, 95, 0.045)),
    rgba(5, 6, 8, 0.34);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.42fr);
  gap: 14px;
  align-items: stretch;
}

.shared-campaign-events-command__main {
  min-width: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.shared-campaign-events-command__icon {
  width: 52px;
  height: 52px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 17px;
  background: rgba(38, 244, 238, 0.12);
  color: #c6fffb;
  display: grid;
  place-items: center;
}

.shared-campaign-events-command__icon svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-campaign-events-command__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-events-command__copy small,
.shared-campaign-events-command__metrics span,
.shared-campaign-events-command-chip span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-campaign-events-command__copy strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.08rem, 2vw, 1.45rem);
  line-height: 1.08;
  overflow-wrap: break-word;
}

.shared-campaign-events-command__copy p {
  max-width: 720px;
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-campaign-events-command__actions {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.shared-campaign-events-command__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-events-command__metrics div {
  min-width: 0;
  min-height: 66px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.shared-campaign-events-command__metrics strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.24rem;
  overflow-wrap: anywhere;
}

.shared-campaign-events-command__nav {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 9px;
}

.shared-campaign-events-command-chip {
  min-width: 0;
  min-height: 48px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-events-command-chip:hover,
.shared-campaign-events-command-chip:focus-visible,
.shared-campaign-events-command-chip.is-active {
  outline: none;
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.09);
}

.shared-campaign-events-command-chip strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-events-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.shared-campaign-events-list {
  display: grid;
  gap: 12px;
}

.shared-campaign-event-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-event-card__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 128px;
  border-radius: 16px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.055);
}

.shared-campaign-event-card__image--placeholder {
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
}

.shared-campaign-event-card__body {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-event-card__body h3 {
  margin: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-campaign-event-card__body p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.shared-campaign-event-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-event-card__stats span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 2px;
}

.shared-campaign-event-card__stats strong {
  color: var(--sf-ink);
  font-size: 1.02rem;
}

.shared-campaign-event-card__stats em {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-campaign-events-form-panel {
  border-color: rgba(38, 244, 238, 0.2);
}

.shared-campaign-events-form,
.shared-campaign-events-map-filter {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-campaign-events-form label,
.shared-campaign-events-map-filter label {
  min-width: 0;
}

.shared-campaign-events-form .is-wide,
.shared-campaign-events-map-filter .shared-form__checkbox,
.shared-campaign-events-map-filter button {
  grid-column: 1 / -1;
}

.shared-campaign-events-map-filter .shared-events-filter__tag-input,
.shared-campaign-events-map-filter .shared-events-filter__tags {
  grid-column: 1 / -1;
}

.shared-campaign-events-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-events-map-canvas {
  min-width: 0;
  margin: 14px 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-events-map-canvas__surface {
  position: relative;
  min-height: 360px;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(9, 18, 32, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(9, 18, 32, 0.08) 1px, transparent 1px),
    linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(38, 244, 238, 0.05) 28%, transparent 48%),
    linear-gradient(315deg, rgba(255, 51, 95, 0.1), rgba(255, 51, 95, 0.03) 30%, transparent 50%),
    linear-gradient(145deg, #f8fbff, #edf4f8 54%, #fbfcfd);
  background-size:
    48px 48px,
    48px 48px,
    auto,
    auto,
    auto;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.shared-campaign-events-map-canvas__grid {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(9, 18, 32, 0.09);
  border-radius: 18px;
  background:
    linear-gradient(135deg, transparent 49%, rgba(9, 18, 32, 0.06) 50%, transparent 51%),
    linear-gradient(45deg, transparent 49%, rgba(9, 18, 32, 0.05) 50%, transparent 51%);
  background-size: 92px 92px;
}

.shared-campaign-events-map-canvas__district {
  position: absolute;
  border: 1px solid rgba(9, 18, 32, 0.08);
  opacity: 0.76;
}

.shared-campaign-events-map-canvas__district.is-one {
  inset: 12% 54% 32% 8%;
  border-radius: 34px 22px 42px 24px;
  background: rgba(38, 244, 238, 0.13);
}

.shared-campaign-events-map-canvas__district.is-two {
  inset: 10% 8% 50% 46%;
  border-radius: 24px 42px 22px 34px;
  background: rgba(255, 51, 95, 0.11);
}

.shared-campaign-events-map-canvas__district.is-three {
  inset: 48% 12% 8% 36%;
  border-radius: 34px 20px 30px 38px;
  background: rgba(25, 184, 147, 0.12);
}

.shared-campaign-events-map-canvas__route {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: drop-shadow(0 8px 14px rgba(15, 118, 110, 0.22));
}

.shared-campaign-events-map-canvas__route polyline {
  fill: none;
  stroke: #0f766e;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.shared-campaign-events-map-canvas__pin {
  position: absolute;
  left: var(--map-x);
  top: var(--map-y);
  z-index: 3;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.shared-campaign-events-map-canvas__pin-marker {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  background: #dc2626;
  box-shadow:
    0 12px 26px rgba(9, 18, 32, 0.22),
    0 0 0 7px rgba(220, 38, 38, 0.12);
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease;
}

.shared-campaign-events-map-canvas__pin.is-route .shared-campaign-events-map-canvas__pin-marker {
  background: #0f766e;
  box-shadow:
    0 12px 26px rgba(9, 18, 32, 0.22),
    0 0 0 7px rgba(15, 118, 110, 0.14);
}

.shared-campaign-events-map-canvas__pin:hover .shared-campaign-events-map-canvas__pin-marker,
.shared-campaign-events-map-canvas__pin:focus-visible .shared-campaign-events-map-canvas__pin-marker {
  transform: scale(1.08);
  box-shadow:
    0 16px 32px rgba(9, 18, 32, 0.26),
    0 0 0 8px rgba(38, 244, 238, 0.14);
}

.shared-campaign-events-map-canvas__pin-label {
  position: absolute;
  left: 50%;
  bottom: 46px;
  width: min(190px, 46vw);
  padding: 9px 10px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  color: #101624;
  box-shadow: 0 16px 32px rgba(9, 18, 32, 0.16);
  display: grid;
  gap: 3px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition:
    opacity 140ms ease,
    transform 140ms ease;
}

.shared-campaign-events-map-canvas__pin:hover .shared-campaign-events-map-canvas__pin-label,
.shared-campaign-events-map-canvas__pin:focus-visible .shared-campaign-events-map-canvas__pin-label {
  opacity: 1;
  transform: translate(-50%, 0);
}

.shared-campaign-events-map-canvas__pin-label strong,
.shared-campaign-events-map-canvas__pin-label small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-events-map-canvas__pin-label strong {
  font-size: 0.84rem;
  line-height: 1.15;
}

.shared-campaign-events-map-canvas__pin-label small {
  color: #526170;
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-campaign-events-map-canvas__empty {
  position: absolute;
  inset: 18px;
  z-index: 4;
  border-radius: 18px;
  background: rgba(8, 10, 16, 0.68);
  color: #fff;
  display: grid;
  place-content: center;
  gap: 6px;
  padding: 18px;
  text-align: center;
}

.shared-campaign-events-map-canvas__empty span {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.45;
}

.shared-campaign-events-map-canvas__legend {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-events-map-canvas__legend span {
  padding: 8px 10px;
  border: 1px solid rgba(9, 18, 32, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #526170;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-campaign-events-map-canvas__legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.shared-campaign-events-map-canvas__legend i.is-event {
  background: #dc2626;
}

.shared-campaign-events-map-canvas__legend i.is-route {
  background: #0f766e;
}

.shared-campaign-events-map-canvas__summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-events-map-canvas__summary span {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 2px;
}

.shared-campaign-events-map-canvas__summary strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.shared-campaign-events-map-canvas__summary small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-events-route {
  position: sticky;
  top: 18px;
}

.shared-campaign-events-route .shared-feed-chip svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-campaign-events-route__stops {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.shared-campaign-events-route__stops li {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-campaign-events-route__stops li > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-weight: 950;
}

.shared-campaign-events-route__stops div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-events-route__stops strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-campaign-events-route__stops em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  overflow-wrap: anywhere;
}

.shared-campaign-events-route__stops small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-campaign-calendar {
  gap: 14px;
}

.shared-campaign-calendar-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 46%),
    rgba(255, 255, 255, 0.055);
  box-shadow: var(--sf-shadow);
}

.shared-campaign-calendar-command__main {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-content: start;
}

.shared-campaign-calendar-command__main h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 2.35rem;
  line-height: 1;
}

.shared-campaign-calendar-command__main p {
  margin: 0;
  max-width: 780px;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-campaign-calendar-command__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-calendar-focus {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  font-size: 0.82rem;
  font-weight: 850;
}

.shared-campaign-calendar-focus svg {
  width: 15px;
  height: 15px;
  color: #26f4ee;
}

.shared-campaign-calendar-return {
  width: min(100%, 680px);
  display: grid;
  gap: 4px;
}

.shared-campaign-calendar-return strong,
.shared-campaign-calendar-return span {
  overflow-wrap: anywhere;
}

.shared-campaign-calendar-command__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-calendar-command__metrics div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.18);
}

.shared-campaign-calendar-command__metrics span,
.shared-campaign-calendar-command__metrics small {
  display: block;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-calendar-command__metrics strong {
  display: block;
  margin: 4px 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
}

.shared-campaign-calendar-command__quick {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.shared-campaign-calendar-command-action {
  min-width: 0;
  min-height: 88px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 3px 9px;
  align-items: start;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-calendar-command-action.is-primary,
.shared-campaign-calendar-command-action:hover,
.shared-campaign-calendar-command-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-campaign-calendar-command-action > span {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 3;
}

.shared-campaign-calendar-command-action svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-campaign-calendar-command-action strong,
.shared-campaign-calendar-command-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-calendar-command-action strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.15;
}

.shared-campaign-calendar-command-action small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.32;
}

.shared-campaign-calendar-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-calendar-board {
  gap: 14px;
  overflow: hidden;
}

.shared-campaign-calendar-board__header {
  gap: 12px;
}

.shared-campaign-calendar-board__toolbar,
.shared-campaign-calendar-board__month-nav,
.shared-campaign-calendar-board__mode {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.shared-campaign-calendar-board__toolbar {
  justify-content: flex-end;
}

.shared-campaign-calendar-board__month-nav strong {
  min-width: 150px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  text-align: center;
}

.shared-campaign-calendar-board__mode {
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-campaign-calendar-board__month {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}

.shared-campaign-calendar-board__weekday {
  min-width: 0;
  padding: 0 6px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-calendar-board__day {
  min-width: 0;
  min-height: 126px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.3);
  color: inherit;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-calendar-board__day:hover,
.shared-campaign-calendar-board__day:focus-visible,
.shared-campaign-calendar-board__day.is-selected {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-calendar-board__day.is-outside {
  opacity: 0.58;
}

.shared-campaign-calendar-board__day.is-today .shared-campaign-calendar-board__date strong {
  color: var(--sf-cyan);
}

.shared-campaign-calendar-board__date {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.shared-campaign-calendar-board__date strong,
.shared-campaign-calendar-board__date small,
.shared-campaign-calendar-board__event strong,
.shared-campaign-calendar-board__event em,
.shared-campaign-calendar-board__more {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-calendar-board__date strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-campaign-calendar-board__date small,
.shared-campaign-calendar-board__event em,
.shared-campaign-calendar-board__more {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-campaign-calendar-board__events {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
}

.shared-campaign-calendar-board__event,
.shared-campaign-calendar-board__more {
  min-width: 0;
  padding: 6px 7px;
  border-left: 3px solid rgba(38, 244, 238, 0.72);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 2px;
}

.shared-campaign-calendar-board__event.is-pending {
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
}

.shared-campaign-calendar-board__event strong {
  color: var(--sf-ink);
  font-size: 0.78rem;
  line-height: 1.2;
}

.shared-campaign-calendar-board__day-panel,
.shared-campaign-calendar-board__timeline {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-calendar-board__day-head {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.055);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.shared-campaign-calendar-board__day-head span {
  color: var(--sf-muted);
  font-weight: 850;
}

.shared-campaign-calendar-board__day-head strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-calendar-board__slot {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  grid-template-columns: minmax(120px, 0.28fr) minmax(0, 1fr);
  gap: 14px;
}

.shared-campaign-calendar-board__slot.is-focused {
  border-color: rgba(38, 244, 238, 0.46);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.13), rgba(217, 40, 77, 0.07)),
    rgba(5, 6, 8, 0.46);
}

.shared-campaign-calendar-board__slot-time,
.shared-campaign-calendar-board__slot-body,
.shared-campaign-calendar-board__slot-title {
  min-width: 0;
}

.shared-campaign-calendar-board__slot-time,
.shared-campaign-calendar-board__slot-body {
  display: grid;
  gap: 9px;
  align-content: start;
}

.shared-campaign-calendar-board__slot-time strong,
.shared-campaign-calendar-board__slot-title h3 {
  margin: 0;
  color: var(--sf-ink);
}

.shared-campaign-calendar-board__slot-time span,
.shared-campaign-calendar-board__slot-title em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
}

.shared-campaign-calendar-board__slot-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-campaign-calendar-board__slot-title > div {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-calendar-board__slot-body p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-calendar-main,
.shared-campaign-calendar-side,
.shared-campaign-calendar-list,
.shared-campaign-calendar-connection-list,
.shared-campaign-calendar-external-list {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-calendar .shared-campaign-panel {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.shared-campaign-calendar .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-calendar .shared-campaign-panel__header p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-calendar-filters,
.shared-campaign-calendar-form,
.shared-campaign-calendar-connection-form,
.shared-campaign-calendar-manual {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-calendar-preset-rail {
  min-width: 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.shared-campaign-calendar-preset {
  flex: 0 0 132px;
  min-height: 70px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: grid;
  gap: 4px;
  align-content: center;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-calendar-preset:hover,
.shared-campaign-calendar-preset.is-selected {
  border-color: rgba(38, 244, 238, 0.46);
  background: rgba(38, 244, 238, 0.1);
}

.shared-campaign-calendar-preset strong,
.shared-campaign-calendar-preset span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-calendar-preset strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-campaign-calendar-preset span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-campaign-calendar-filters,
.shared-campaign-calendar-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-campaign-calendar-booking-preview {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(5, 6, 8, 0.3);
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.2fr);
  gap: 12px;
  align-items: stretch;
}

.shared-campaign-calendar-booking-preview__primary {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-campaign-calendar-booking-preview__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-campaign-calendar-booking-preview__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-calendar-booking-preview__primary div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-calendar-booking-preview__primary span:not(.shared-campaign-calendar-booking-preview__icon),
.shared-campaign-calendar-booking-preview__facts small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-calendar-booking-preview__primary strong,
.shared-campaign-calendar-booking-preview__facts strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shared-campaign-calendar-booking-preview__primary small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-campaign-calendar-booking-preview__facts {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-calendar-booking-preview__facts span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.28);
  display: grid;
  gap: 4px;
}

.shared-campaign-calendar-title-field {
  grid-column: span 2;
}

.shared-campaign-calendar-menu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-calendar-menu-grid span {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.16);
}

.shared-campaign-calendar-menu-grid strong,
.shared-campaign-calendar-menu-grid em {
  display: block;
}

.shared-campaign-calendar-menu-grid strong {
  color: var(--sf-ink);
}

.shared-campaign-calendar-menu-grid em {
  margin-top: 4px;
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.35;
}

.shared-campaign-calendar-filters label,
.shared-campaign-calendar-form-grid label,
.shared-campaign-calendar-connection-form > label,
.shared-campaign-calendar-manual label,
.shared-campaign-calendar-textarea {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-calendar-filters label span,
.shared-campaign-calendar-form-grid label span,
.shared-campaign-calendar-connection-form > label span,
.shared-campaign-calendar-manual label span,
.shared-campaign-calendar-textarea span,
.shared-campaign-calendar-write-targets legend {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-calendar-filters input,
.shared-campaign-calendar-filters select,
.shared-campaign-calendar-form input,
.shared-campaign-calendar-form select,
.shared-campaign-calendar-form textarea,
.shared-campaign-calendar-manual input,
.shared-campaign-calendar-connection-form select {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-campaign-calendar-filters input,
.shared-campaign-calendar-filters select,
.shared-campaign-calendar-form input,
.shared-campaign-calendar-form select,
.shared-campaign-calendar-manual input,
.shared-campaign-calendar-connection-form select {
  height: 42px;
  padding: 0 12px;
}

.shared-campaign-calendar-form textarea {
  min-height: 86px;
  padding: 12px;
  resize: vertical;
}

.shared-campaign-calendar-actions,
.shared-campaign-calendar-providers {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-calendar-providers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: stretch;
  align-items: stretch;
}

.shared-campaign-calendar-provider {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.28);
  display: grid;
  gap: 12px;
  align-content: start;
}

.shared-campaign-calendar-provider.is-manual {
  border-color: rgba(38, 244, 238, 0.22);
}

.shared-campaign-calendar-provider.is-connected {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(5, 6, 8, 0.32);
}

.shared-campaign-calendar-provider__body {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.shared-campaign-calendar-provider__body > div {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-calendar-provider__icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-ink);
  background: rgba(38, 244, 238, 0.12);
}

.shared-campaign-calendar-provider__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-calendar-provider__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-campaign-calendar-provider__meta span {
  min-width: 0;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.shared-campaign-calendar-provider h3 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-campaign-calendar-provider p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-campaign-calendar-provider > .shared-feed-chip {
  justify-content: center;
}

.shared-campaign-calendar-manual {
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.055);
}

.shared-campaign-calendar-manual > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-calendar-manual strong {
  color: var(--sf-ink);
}

.shared-campaign-calendar-manual > div:first-child span {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.shared-campaign-calendar-item,
.shared-campaign-calendar-connection,
.shared-campaign-calendar-external {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-calendar-item {
  display: grid;
  grid-template-columns: minmax(130px, 0.34fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-calendar-item.is-focused {
  border-color: rgba(38, 244, 238, 0.46);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.14), rgba(217, 40, 77, 0.08)),
    rgba(5, 6, 8, 0.46);
  box-shadow: 0 18px 40px rgba(38, 244, 238, 0.08);
}

.shared-campaign-calendar-item.is-focus-pulse {
  box-shadow:
    0 0 0 3px rgba(38, 244, 238, 0.16),
    0 18px 44px rgba(38, 244, 238, 0.14);
}

.shared-campaign-calendar-agenda.is-focus-pulse,
.shared-campaign-calendar-create.is-focus-pulse,
.shared-campaign-calendar-connections.is-focus-pulse,
.shared-campaign-calendar-settings.is-focus-pulse {
  outline: 2px solid rgba(38, 244, 238, 0.34);
  outline-offset: 3px;
}

.shared-campaign-calendar-agenda-stack,
.shared-campaign-calendar-day-group {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-calendar-day-group {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.shared-campaign-calendar-day-group.is-approval {
  border-color: rgba(245, 158, 11, 0.22);
  background: rgba(245, 158, 11, 0.055);
}

.shared-campaign-calendar-day-group__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.shared-campaign-calendar-day-group__header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-calendar-day-group__header span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-campaign-calendar-item__time,
.shared-campaign-calendar-item__body,
.shared-campaign-calendar-item__title,
.shared-campaign-calendar-connection__top {
  min-width: 0;
}

.shared-campaign-calendar-item__time {
  display: grid;
  gap: 6px;
}

.shared-campaign-calendar-item__time strong,
.shared-campaign-calendar-item__title h3,
.shared-campaign-calendar-connection h3,
.shared-campaign-calendar-external strong {
  margin: 0;
  color: var(--sf-ink);
}

.shared-campaign-calendar-item__time span,
.shared-campaign-calendar-item__title em,
.shared-campaign-calendar-connection p,
.shared-campaign-calendar-connection em,
.shared-campaign-calendar-external span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
}

.shared-campaign-calendar-item__body {
  display: grid;
  gap: 10px;
}

.shared-campaign-calendar-item__title,
.shared-campaign-calendar-connection__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-campaign-calendar-item__title > div,
.shared-campaign-calendar-connection__top > div {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-calendar-meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-calendar-meta span {
  min-width: 0;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-campaign-calendar-meta svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-campaign-calendar-check,
.shared-campaign-calendar-write-targets label,
.shared-campaign-calendar-external label {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: var(--sf-ink);
  font-weight: 800;
}

.shared-campaign-calendar-write-targets {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  display: grid;
  gap: 9px;
}

.shared-campaign-calendar-connection {
  display: grid;
  gap: 12px;
}

.shared-campaign-calendar-external {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) repeat(3, minmax(120px, auto));
  gap: 10px;
  align-items: center;
}

.shared-campaign-calendar-external > span {
  grid-column: 1;
}

@media (max-width: 980px) {
  .shared-campaign-calendar-command,
  .shared-campaign-calendar-booking-preview,
  .shared-campaign-calendar-grid,
  .shared-campaign-calendar-filters,
  .shared-campaign-calendar-form-grid,
  .shared-campaign-calendar-providers,
  .shared-campaign-calendar-menu-grid,
  .shared-campaign-calendar-command__quick {
    grid-template-columns: 1fr;
  }

  .shared-campaign-calendar-board__header,
  .shared-campaign-calendar-board__toolbar,
  .shared-campaign-calendar-board__month-nav,
  .shared-campaign-calendar-board__mode {
    justify-content: flex-start;
  }

  .shared-campaign-calendar-board__slot {
    grid-template-columns: 1fr;
  }

  .shared-campaign-calendar-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-calendar-title-field {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .shared-campaign-calendar-command,
  .shared-campaign-calendar-board,
  .shared-campaign-calendar-day-group,
  .shared-campaign-calendar-create {
    border-radius: 20px;
  }

  .shared-campaign-calendar-command {
    padding: 14px;
  }

  .shared-campaign-calendar-command__main h2 {
    font-size: 1.8rem;
  }

  .shared-campaign-calendar-command__actions .shared-feed-chip,
  .shared-campaign-calendar-actions .shared-feed-chip,
  .shared-campaign-calendar-provider > .shared-feed-chip,
  .shared-campaign-calendar-form > .shared-feed-chip {
    flex: 1 1 130px;
    justify-content: center;
  }

  .shared-campaign-calendar-command__metrics {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .shared-campaign-calendar-command__metrics div {
    flex: 0 0 118px;
  }

  .shared-campaign-calendar-booking-preview__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-calendar-command__quick {
    gap: 7px;
  }

  .shared-campaign-calendar-board__toolbar,
  .shared-campaign-calendar-board__month-nav,
  .shared-campaign-calendar-board__mode {
    width: 100%;
  }

  .shared-campaign-calendar-board__month-nav .shared-feed-chip,
  .shared-campaign-calendar-board__mode .shared-feed-chip {
    flex: 1 1 78px;
    justify-content: center;
  }

  .shared-campaign-calendar-board__month-nav strong {
    order: -1;
    flex: 1 0 100%;
    min-width: 0;
    text-align: left;
  }

  .shared-campaign-calendar-board__month {
    gap: 4px;
  }

  .shared-campaign-calendar-board__weekday {
    padding: 0;
    text-align: center;
    font-size: 0.62rem;
  }

  .shared-campaign-calendar-board__day {
    min-height: 76px;
    padding: 6px 4px;
    border-radius: 11px;
    gap: 4px;
  }

  .shared-campaign-calendar-board__date {
    display: grid;
    gap: 1px;
  }

  .shared-campaign-calendar-board__date strong {
    font-size: 0.92rem;
  }

  .shared-campaign-calendar-board__date small,
  .shared-campaign-calendar-board__event em {
    display: none;
  }

  .shared-campaign-calendar-board__events {
    gap: 3px;
  }

  .shared-campaign-calendar-board__event,
  .shared-campaign-calendar-board__more {
    padding: 3px 4px;
    border-left-width: 2px;
    border-radius: 7px;
  }

  .shared-campaign-calendar-board__event {
    min-height: 6px;
    padding: 0;
    border-left: 0;
    border-radius: 999px;
    background: rgba(38, 244, 238, 0.68);
  }

  .shared-campaign-calendar-board__event.is-pending {
    background: rgba(245, 158, 11, 0.72);
  }

  .shared-campaign-calendar-board__event strong {
    display: none;
  }

  .shared-campaign-calendar-board__more {
    font-size: 0.58rem;
    line-height: 1.15;
  }

  .shared-campaign-calendar-board__day-head,
  .shared-campaign-calendar-board__slot {
    border-radius: 15px;
  }

  .shared-campaign-calendar-board__slot {
    padding: 12px;
  }

  .shared-campaign-calendar-board__slot-title {
    display: grid;
  }

  .shared-campaign-calendar-command-action {
    min-height: 76px;
  }

  .shared-campaign-calendar-preset {
    flex-basis: 122px;
  }

  .shared-campaign-calendar-menu-grid {
    gap: 7px;
  }

  .shared-campaign-calendar-day-group {
    padding: 10px;
  }
}

.shared-campaign-contact {
  gap: 14px;
}

.shared-campaign-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-contact-settings .shared-campaign-panel__header,
.shared-campaign-contact-side .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-contact-settings p,
.shared-campaign-contact-side p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-contact-form {
  display: grid;
  gap: 14px;
}

.shared-campaign-contact-toggle,
.shared-campaign-contact-option,
.shared-campaign-contact-community {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.32);
}

.shared-campaign-contact-toggle {
  padding: 15px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  cursor: pointer;
}

.shared-campaign-contact-toggle input,
.shared-campaign-contact-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.shared-campaign-contact-switch {
  width: 54px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.09);
  position: relative;
  transition: background 160ms ease, border-color 160ms ease;
}

.shared-campaign-contact-switch::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 3px;
  top: 3px;
  border-radius: 999px;
  background: #fff;
  transition: transform 160ms ease;
}

.shared-campaign-contact-toggle input:checked + .shared-campaign-contact-switch {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.22);
}

.shared-campaign-contact-toggle input:checked + .shared-campaign-contact-switch::after {
  transform: translateX(22px);
}

.shared-campaign-contact-toggle strong,
.shared-campaign-contact-option strong,
.shared-campaign-contact-community strong {
  display: block;
  overflow-wrap: anywhere;
}

.shared-campaign-contact-toggle small,
.shared-campaign-contact-option small,
.shared-campaign-contact-community span {
  display: block;
  margin-top: 4px;
  color: var(--sf-muted);
  line-height: 1.42;
}

.shared-campaign-contact-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-contact-option {
  min-height: 104px;
  padding: 14px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  cursor: pointer;
}

.shared-campaign-contact-option__mark {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
}

.shared-campaign-contact-option__mark::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(-45deg);
}

.shared-campaign-contact-option input:checked + .shared-campaign-contact-option__mark {
  border-color: rgba(38, 244, 238, 0.45);
  background: rgba(38, 244, 238, 0.18);
}

.shared-campaign-contact-option input:checked + .shared-campaign-contact-option__mark::after {
  border-color: var(--sf-cyan);
}

.shared-campaign-contact-form__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-contact-status {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-contact-status.is-live {
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
}

.shared-campaign-contact-status.is-draft {
  background: rgba(255, 51, 95, 0.14);
  color: #ff8eaa;
}

.shared-campaign-contact-preview {
  padding: 12px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.08));
}

.shared-campaign-contact-preview__phone {
  min-height: 300px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  background: rgba(8, 10, 16, 0.88);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.shared-campaign-contact-preview__top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-campaign-contact-preview__top > span {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-contact-preview__top svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-campaign-contact-preview__top strong,
.shared-campaign-contact-preview__top small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-contact-preview__top small {
  margin-top: 3px;
  color: var(--sf-muted);
}

.shared-campaign-contact-preview__phone p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-campaign-contact-preview__chips {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-contact-preview__chips span,
.shared-campaign-contact-preview__chips em {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
}

.shared-campaign-contact-preview__chips em {
  color: var(--sf-muted);
}

.shared-campaign-contact-community {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-campaign-registry {
  gap: 14px;
}

.shared-campaign-registry-command {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.04)),
    rgba(5, 6, 8, 0.36);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.64fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-registry-command__copy,
.shared-campaign-registry-command__metrics,
.shared-campaign-registry-command__actions {
  min-width: 0;
}

.shared-campaign-registry-command__copy {
  display: grid;
  gap: 8px;
  align-content: start;
}

.shared-campaign-registry-command__copy > span {
  width: fit-content;
  max-width: 100%;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-registry-command__copy svg,
.shared-campaign-registry-command__actions svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-campaign-registry-command__copy h2,
.shared-campaign-registry-command__copy p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-registry-command__copy h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  line-height: 1.1;
}

.shared-campaign-registry-command__copy p {
  max-width: 64ch;
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-campaign-registry-command__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-registry-command__metrics span {
  min-width: 0;
  min-height: 68px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 3px;
}

.shared-campaign-registry-command__metrics strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1.08rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-campaign-registry-command__metrics small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-registry-command__actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-registry-command__actions a {
  min-width: 0;
  min-height: 76px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.shared-campaign-registry-command__actions a:hover,
.shared-campaign-registry-command__actions a:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-campaign-registry-command__actions svg {
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-campaign-registry-command__actions span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-registry-command__actions strong,
.shared-campaign-registry-command__actions small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-registry-command__actions strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.15;
}

.shared-campaign-registry-command__actions small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.3;
}

.shared-campaign-registry-workflow {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-registry-workflow a,
.shared-campaign-registry-workflow button {
  min-width: 0;
  min-height: 78px;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(10, 12, 18, 0.82);
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-campaign-registry-workflow a:hover,
.shared-campaign-registry-workflow a:focus-visible,
.shared-campaign-registry-workflow button:hover,
.shared-campaign-registry-workflow button:focus-visible,
.shared-campaign-registry-workflow button.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.07);
  outline: none;
}

.shared-campaign-registry-workflow svg,
.shared-campaign-registry-icon-chip svg,
.shared-campaign-registry-row__contact svg,
.shared-campaign-registry-duplicate__icon svg,
.shared-campaign-registry-import-status__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-campaign-registry-workflow a > svg,
.shared-campaign-registry-workflow button > svg,
.shared-campaign-registry-duplicate__icon,
.shared-campaign-registry-import-status__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-registry-workflow span,
.shared-campaign-registry-workflow strong,
.shared-campaign-registry-workflow small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-registry-workflow span {
  display: grid;
  gap: 3px;
}

.shared-campaign-registry-workflow strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-registry-workflow small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-campaign-registry-workflow button {
  appearance: none;
  font: inherit;
  cursor: pointer;
}

.shared-campaign-registry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-registry-side {
  display: grid;
  gap: 14px;
}

.shared-campaign-registry-list-panel .shared-campaign-panel__header,
.shared-campaign-registry-manual-panel .shared-campaign-panel__header,
.shared-campaign-registry-import .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-registry-list-panel p,
.shared-campaign-registry-manual-panel p,
.shared-campaign-registry-import p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-registry-filters,
.shared-campaign-registry-manual,
.shared-campaign-registry-import-form,
.shared-campaign-registry-import-start {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-registry-filters {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.28);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.shared-campaign-registry-filters__header {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-campaign-registry-filters__header > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-registry-filters__header strong,
.shared-campaign-registry-form-section > div > strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-campaign-registry-filters__header span,
.shared-campaign-registry-form-section > div > span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.shared-campaign-registry-filter-actions,
.shared-campaign-registry-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-registry-pref-grid,
.shared-campaign-registry-form-grid,
.shared-campaign-registry-summary {
  display: grid;
  gap: 10px;
}

.shared-campaign-registry-pref-grid {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-campaign-registry-filter-summary {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-registry-filter-summary span,
.shared-campaign-registry-filter-summary.is-empty {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-campaign-registry-filter-summary span strong {
  color: var(--sf-cyan);
  font-size: inherit;
}

.shared-campaign-registry-filter-summary.is-empty {
  display: flex;
  width: fit-content;
}

.shared-campaign-registry-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-registry-filters label.is-wide,
.shared-campaign-registry-form-grid label.is-wide {
  grid-column: 1 / -1;
}

.shared-campaign-registry-form-section {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.25);
  display: grid;
  gap: 12px;
}

.shared-campaign-registry-form-section > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-registry-filters label,
.shared-campaign-registry-manual label,
.shared-campaign-registry-import-form label,
.shared-campaign-registry-import-start label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-registry-filters label span,
.shared-campaign-registry-manual label span,
.shared-campaign-registry-import-form label span,
.shared-campaign-registry-import-start label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-registry-filters input,
.shared-campaign-registry-filters select,
.shared-campaign-registry-manual input,
.shared-campaign-registry-manual select,
.shared-campaign-registry-import-form input,
.shared-campaign-registry-import-start select {
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
}

.shared-campaign-registry-import-form input[type="file"] {
  height: auto;
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 18px;
}

.shared-campaign-registry-list {
  display: grid;
  gap: 10px;
}

.shared-campaign-registry-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 12px;
}

.shared-campaign-registry-row__main {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-campaign-registry-row__main h3 {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
}

.shared-campaign-registry-row__main p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-campaign-registry-source {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-campaign-registry-source.is-polis {
  color: var(--sf-cyan);
}

.shared-campaign-registry-source.is-manual {
  color: var(--sf-green);
}

.shared-campaign-registry-source.is-imported {
  color: #ffc170;
}

.shared-campaign-registry-avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(255, 51, 95, 0.12));
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  place-items: center;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-campaign-registry-row__summary {
  min-width: 154px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
  justify-items: end;
}

.shared-campaign-registry-row__summary strong,
.shared-campaign-registry-row__summary span {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.shared-campaign-registry-row__summary strong {
  color: var(--sf-ink);
}

.shared-campaign-registry-row__summary span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-campaign-registry-row__summary-plan {
  min-width: 0;
  width: 100%;
  display: grid;
  gap: 5px;
}

.shared-campaign-registry-row__summary-plan em {
  min-width: 0;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.shared-campaign-registry-row__contact {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-registry-row__contact span {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-campaign-registry-row__contact > span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.shared-campaign-registry-row__contact > span:not(.is-empty) {
  color: var(--sf-ink);
}

.shared-campaign-registry-row__contact > span > span {
  padding: 0;
  border-radius: 0;
  background: transparent;
  display: grid;
  gap: 2px;
}

.shared-campaign-registry-row__contact strong {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-registry-row__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-registry-row__actions svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-campaign-registry-prefs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-registry-pref {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-registry-pref.is-yes {
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-campaign-registry-pref.is-no {
  background: rgba(255, 51, 95, 0.1);
  color: #ff7592;
}

.shared-campaign-registry-duplicate,
.shared-campaign-registry-import-status {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 51, 95, 0.2);
  border-radius: 18px;
  background: rgba(255, 51, 95, 0.08);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-campaign-registry-duplicate span,
.shared-campaign-registry-import-status span,
.shared-campaign-registry-import-status em,
.shared-campaign-registry-import-file {
  display: block;
  margin-top: 4px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-registry-import-status {
  margin: 14px 0 0;
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.07);
}

.shared-campaign-registry-import-status em {
  color: #ff9ab0;
  font-style: normal;
}

.shared-campaign-registry-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-campaign-registry-import-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-campaign-registry-icon-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.shared-campaign-registry-import-steps {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-campaign-registry-import-steps span {
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-campaign-registry-import-steps span.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-campaign-registry-import-steps span.is-complete {
  border-color: rgba(56, 210, 157, 0.25);
  background: rgba(56, 210, 157, 0.08);
  color: var(--sf-green);
}

.shared-campaign-registry-import-steps em {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: currentColor;
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-campaign-registry-import-preview,
.shared-campaign-registry-preview-list {
  display: grid;
  gap: 10px;
}

.shared-campaign-registry-import-start {
  margin-top: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-coalition-directory-results {
  min-width: 0;
  margin: -2px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.055);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-coalition-directory-results strong,
.shared-coalition-directory-results span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-directory-results strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.95rem;
}

.shared-coalition-directory-results span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-coalition-directory {
  gap: 14px;
}

.shared-coalition-directory-list,
.shared-coalition-directory-capabilities,
.shared-coalition-directory-card__pills {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-directory-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 12px;
}

.shared-coalition-directory-card__main {
  min-width: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-coalition-directory-card__main h3,
.shared-coalition-directory-card__main p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-directory-card__main h3 {
  margin: 5px 0 0;
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
}

.shared-coalition-directory-card__main p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-coalition-directory-avatar {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(255, 51, 95, 0.12));
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-coalition-directory-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-coalition-directory-card__pills,
.shared-coalition-directory-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-coalition-directory-pill {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  overflow-wrap: anywhere;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-directory-pill.is-category {
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-coalition-directory-pill.is-good {
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-coalition-directory-contact {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-directory-contact > span {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  overflow-wrap: anywhere;
}

.shared-coalition-directory-contact > span.is-empty {
  color: var(--sf-muted);
}

.shared-coalition-directory-contact svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-coalition-directory-contact strong {
  display: block;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-directory-card__footer {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-coalition-directory-card__footer > span,
.shared-coalition-directory-notes {
  min-width: 0;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.shared-coalition-directory-notes {
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-coalition-directory-capability-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-directory-capability {
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-campaign-registry-manual .shared-coalition-directory-capability input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  padding: 0;
  border-radius: 4px;
  accent-color: var(--sf-cyan);
}

.shared-coalition-directory-capability span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-directory-textarea {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-directory-textarea textarea {
  min-width: 0;
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  resize: vertical;
  font: inherit;
  font-weight: 700;
}

.shared-coalition-directory-controls .shared-card__actions {
  margin-top: 14px;
}

.shared-campaign-quest {
  gap: 14px;
}

.shared-campaign-quest-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-quest-main,
.shared-campaign-quest-side,
.shared-campaign-quest-target-list,
.shared-campaign-quest-cards,
.shared-campaign-quest-config-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-quest-progress p,
.shared-campaign-quest-list-panel p,
.shared-campaign-quest-targets p,
.shared-campaign-quest-config p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-quest-level {
  display: grid;
  gap: 10px;
}

.shared-campaign-quest-level > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.shared-campaign-quest-level span,
.shared-campaign-quest-card span,
.shared-campaign-quest-badges em,
.shared-campaign-quest-target__meta span,
.shared-campaign-quest-target__actions label span,
.shared-campaign-quest-config-form label span,
.shared-campaign-quest-clusters span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-level strong {
  font-family: var(--sf-font-display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.shared-campaign-quest-level__bar {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.shared-campaign-quest-level__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-pink));
}

.shared-campaign-quest-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-quest-card,
.shared-campaign-quest-badges span,
.shared-campaign-quest-target,
.shared-campaign-quest-completion,
.shared-campaign-quest-clusters {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-quest-card {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 7px;
}

.shared-campaign-quest-card strong,
.shared-campaign-quest-target strong {
  overflow-wrap: anywhere;
}

.shared-campaign-quest-card em {
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-campaign-quest-card.is-complete {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-quest-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-quest-badges span {
  padding: 10px 12px;
  border-radius: 16px;
  display: grid;
  gap: 4px;
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-campaign-quest-badges span.is-unlocked {
  border-color: rgba(38, 244, 238, 0.22);
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-quest-clusters {
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-quest-clusters span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.065);
}

.shared-campaign-quest-target {
  padding: 14px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-quest-target__main {
  min-width: 0;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-quest-dot {
  width: 14px;
  height: 14px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--sf-pink);
  box-shadow: 0 0 0 4px rgba(255, 51, 95, 0.1);
}

.shared-campaign-quest-dot.is-high_impact_persuasion {
  background: var(--sf-cyan);
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.1);
}

.shared-campaign-quest-dot.is-gotv_priority {
  background: #f8d34d;
  box-shadow: 0 0 0 4px rgba(248, 211, 77, 0.1);
}

.shared-campaign-quest-target p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-campaign-quest-target__meta {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-quest-target__meta span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.shared-campaign-quest-target__actions,
.shared-campaign-quest-config-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.shared-campaign-quest-target__actions label,
.shared-campaign-quest-config-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-quest-target__actions input,
.shared-campaign-quest-target__actions select,
.shared-campaign-quest-config-form input,
.shared-campaign-quest-config-form select,
.shared-campaign-quest-config-form textarea {
  min-width: 0;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-campaign-quest-target__actions input,
.shared-campaign-quest-target__actions select,
.shared-campaign-quest-config-form input,
.shared-campaign-quest-config-form select {
  height: 42px;
}

.shared-campaign-quest-config-form textarea {
  min-height: 132px;
  padding: 12px;
  border-radius: 16px;
  line-height: 1.4;
  resize: vertical;
}

.shared-campaign-quest-target__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-quest-toggle {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.shared-campaign-quest-toggle input {
  width: 18px;
  height: 18px;
  padding: 0;
}

.shared-campaign-quest-config-advanced,
.shared-campaign-quest-config-block,
.shared-campaign-quest-config-stack,
.shared-campaign-quest-config-list,
.shared-campaign-quest-config-card,
.shared-campaign-quest-config-goals {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-quest-config-advanced,
.shared-campaign-quest-config-block,
.shared-campaign-quest-config-stack,
.shared-campaign-quest-config-list,
.shared-campaign-registry-form-actions {
  grid-column: 1 / -1;
}

.shared-campaign-quest-config-advanced {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-campaign-quest-config-block {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.24);
}

.shared-campaign-quest-config-block__header,
.shared-campaign-quest-config-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-campaign-quest-config-block__header strong {
  display: block;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-config-block__header p {
  margin: 3px 0 0;
}

.shared-campaign-quest-config-block__header > span,
.shared-campaign-quest-config-card__top > em {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-config-list {
  grid-template-columns: minmax(0, 1fr);
}

.shared-campaign-quest-config-list--compact {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.shared-campaign-quest-config-row {
  min-height: 66px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-campaign-quest-config-row span,
.shared-campaign-quest-config-goals label span {
  color: var(--sf-ink);
  text-transform: none;
}

.shared-campaign-quest-config-row em,
.shared-campaign-quest-config-goals label em {
  display: block;
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-config-card {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-quest-config-card__top,
.shared-campaign-quest-config-wide,
.shared-campaign-quest-config-goals {
  grid-column: 1 / -1;
}

.shared-campaign-quest-config-card__top .shared-campaign-quest-toggle {
  width: 100%;
}

.shared-campaign-quest-config-goals {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.shared-campaign-quest-config-empty {
  padding: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-campaign-quest-completion {
  padding: 12px 14px;
  border-radius: 18px;
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.08);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-campaign-quest-completion span {
  color: var(--sf-muted);
}

.shared-candidate-voter-map-heading,
.shared-candidate-voter-map-campaign,
.shared-candidate-voter-map-menu-card {
  min-width: 0;
}

.shared-candidate-voter-map {
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-panel-soft: rgba(9, 18, 32, 0.06);
  color: var(--sf-ink);
}

.shared-candidate-voter-map .shared-campaign-hero,
.shared-candidate-voter-map .shared-campaign-quest-command {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  color: var(--sf-ink);
}

.shared-candidate-voter-map .shared-campaign-hero .shared-feed-chip,
.shared-candidate-voter-map .shared-campaign-quest-command .shared-feed-chip {
  color: var(--sf-ink);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

.shared-candidate-voter-map .shared-campaign-panel,
.shared-candidate-voter-map .shared-campaign-card,
.shared-candidate-voter-map .shared-campaign-metric,
.shared-candidate-voter-map .shared-candidate-voter-map-campaign,
.shared-candidate-voter-map .shared-candidate-voter-map-menu-card,
.shared-candidate-voter-map .shared-campaign-quest-progress,
.shared-candidate-voter-map .shared-campaign-quest-list-panel,
.shared-candidate-voter-map .shared-campaign-quest-targets,
.shared-candidate-voter-map .shared-campaign-quest-config {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

.shared-candidate-voter-map .shared-campaign-quest-card,
.shared-candidate-voter-map .shared-campaign-quest-badges span,
.shared-candidate-voter-map .shared-campaign-quest-target,
.shared-candidate-voter-map .shared-campaign-quest-completion,
.shared-candidate-voter-map .shared-campaign-quest-clusters,
.shared-candidate-voter-map .shared-campaign-quest-level__badge,
.shared-candidate-voter-map .shared-campaign-quest-level__xp,
.shared-candidate-voter-map .shared-campaign-quest-category-strip span,
.shared-candidate-voter-map .shared-campaign-quest-target__summary,
.shared-candidate-voter-map .shared-campaign-quest-config-group,
.shared-candidate-voter-map .shared-campaign-quest-config-block,
.shared-candidate-voter-map .shared-campaign-quest-config-card,
.shared-candidate-voter-map .shared-campaign-quest-config-row,
.shared-candidate-voter-map .shared-campaign-quest-toggle {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.72);
  color: var(--sf-ink);
}

.shared-candidate-voter-map .shared-campaign-quest-config-group,
.shared-candidate-voter-map .shared-campaign-quest-config-block,
.shared-candidate-voter-map .shared-campaign-quest-config-row {
  background: rgba(9, 18, 32, 0.06);
}

.shared-candidate-voter-map .shared-campaign-quest-command__status span,
.shared-candidate-voter-map .shared-campaign-quest-config-summary span {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.06);
}

.shared-candidate-voter-map .shared-campaign-quest-target__meta span,
.shared-candidate-voter-map .shared-campaign-quest-clusters span {
  background: rgba(9, 18, 32, 0.06);
}

.shared-candidate-voter-map .shared-campaign-quest-target__actions input,
.shared-candidate-voter-map .shared-campaign-quest-target__actions select,
.shared-candidate-voter-map .shared-campaign-quest-config-form input,
.shared-candidate-voter-map .shared-campaign-quest-config-form select,
.shared-candidate-voter-map .shared-campaign-quest-config-form textarea {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.9);
  color: var(--sf-ink);
}

.shared-candidate-voter-map-heading {
  margin: 18px 0 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
}

.shared-candidate-voter-map-heading h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(1.5rem, 3vw, 2.15rem);
}

.shared-candidate-voter-map-heading p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  max-width: 760px;
}

.shared-candidate-voter-map-nav {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-voter-map-campaign-grid,
.shared-candidate-voter-map-menu-grid,
.shared-candidate-voter-map-menu-lower,
.shared-candidate-voter-map-add-grid,
.shared-candidate-voter-map-territory-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.shared-candidate-voter-map-campaign-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-candidate-voter-map-campaign {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-candidate-voter-map-campaign h3,
.shared-candidate-voter-map-menu-card strong,
.shared-candidate-voter-map-settings-form strong {
  overflow-wrap: anywhere;
}

.shared-candidate-voter-map-campaign h3 {
  margin: 8px 0 4px;
  font-family: var(--sf-font-display);
  font-size: 1.4rem;
}

.shared-candidate-voter-map-campaign p,
.shared-candidate-voter-map-menu-card em {
  color: var(--sf-muted);
}

.shared-candidate-voter-map-campaign p {
  margin: 0 0 12px;
}

.shared-candidate-voter-map-menu-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.shared-candidate-voter-map-menu-card {
  min-height: 190px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  align-content: start;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-candidate-voter-map-menu-card:hover,
.shared-candidate-voter-map-menu-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  transform: translateY(-1px);
}

.shared-candidate-voter-map-menu-card span {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-candidate-voter-map-menu-card svg {
  width: 22px;
  height: 22px;
}

.shared-candidate-voter-map-menu-card strong {
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-candidate-voter-map-menu-card em {
  font-style: normal;
  line-height: 1.45;
}

.shared-candidate-voter-map-menu-lower,
.shared-candidate-voter-map-add-grid,
.shared-candidate-voter-map-territory-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
  align-items: start;
}

.shared-candidate-voter-map-browser,
.shared-candidate-voter-map-browser__main,
.shared-candidate-voter-map-browser__side,
.shared-candidate-voter-map-queue,
.shared-candidate-voter-map-focus,
.shared-candidate-voter-map-scope {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-candidate-voter-map-browser__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.shared-candidate-voter-map-hero,
.shared-candidate-voter-map-live,
.shared-candidate-voter-map-queue,
.shared-candidate-voter-map-focus,
.shared-candidate-voter-map-scope {
  min-width: 0;
  border: 1px solid rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
}

.shared-candidate-voter-map-hero {
  padding: clamp(18px, 3vw, 26px);
  border-radius: 22px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.shared-candidate-voter-map-hero h2 {
  margin: 6px 0 5px;
  font-family: var(--sf-font-display);
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.shared-candidate-voter-map-hero p {
  margin: 0;
  max-width: 720px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-candidate-voter-map-hero__actions,
.shared-candidate-voter-map-focus__actions,
.shared-candidate-voter-map-scope__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-candidate-voter-map-live {
  border-radius: 22px;
  overflow: hidden;
}

.shared-candidate-voter-map-live__map {
  position: relative;
  min-height: 460px;
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(90deg, rgba(9, 18, 32, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(9, 18, 32, 0.08) 1px, transparent 1px),
    linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(38, 244, 238, 0.06) 26%, transparent 44%),
    linear-gradient(315deg, rgba(255, 51, 95, 0.1), rgba(255, 51, 95, 0.04) 28%, transparent 46%),
    linear-gradient(145deg, #f7fbff, #eef4f9 52%, #f8fbfd);
  background-size:
    48px 48px,
    48px 48px,
    auto,
    auto,
    auto;
}

.shared-candidate-voter-map-live__grid {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(9, 18, 32, 0.09);
  border-radius: 20px;
  background:
    linear-gradient(135deg, transparent 49%, rgba(9, 18, 32, 0.06) 50%, transparent 51%),
    linear-gradient(45deg, transparent 49%, rgba(9, 18, 32, 0.05) 50%, transparent 51%);
  background-size: 90px 90px;
}

.shared-candidate-voter-map-live__scope {
  position: absolute;
  inset: 12% 10%;
  border: 1px solid rgba(38, 244, 238, 0.32);
  border-radius: 44% 56% 46% 54% / 52% 48% 58% 42%;
  box-shadow: inset 0 0 0 999px rgba(38, 244, 238, 0.035);
}

.shared-candidate-voter-map-pin,
.shared-candidate-voter-map-cluster {
  position: absolute;
  left: var(--x);
  top: var(--y);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.shared-candidate-voter-map-pin {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(9, 18, 32, 0.18);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease;
}

.shared-candidate-voter-map-pin:hover,
.shared-candidate-voter-map-pin:focus-visible,
.shared-candidate-voter-map-pin.is-selected {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 16px 34px rgba(9, 18, 32, 0.24);
}

.shared-candidate-voter-map-pin.is-target {
  background: #ff335f;
}

.shared-candidate-voter-map-pin.is-voter {
  background: #101624;
}

.shared-candidate-voter-map-pin.is-high_impact_persuasion {
  background: #ff335f;
}

.shared-candidate-voter-map-pin.is-gotv_priority {
  background: #19b893;
}

.shared-candidate-voter-map-pin.is-sign_delivery {
  background: #5b62ff;
}

.shared-candidate-voter-map-pin span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-candidate-voter-map-pin svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-candidate-voter-map-cluster {
  min-width: 42px;
  min-height: 42px;
  padding: 0 8px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.92);
  color: #06202a;
  display: grid;
  place-items: center;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(9, 18, 32, 0.18);
}

.shared-candidate-voter-map-live__empty {
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(320px, calc(100% - 36px));
  transform: translate(-50%, -50%);
  padding: 18px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  display: grid;
  gap: 6px;
  text-align: center;
}

.shared-candidate-voter-map-live__empty strong,
.shared-candidate-voter-map-record-strip strong,
.shared-candidate-voter-map-focus__header h3 {
  overflow-wrap: anywhere;
}

.shared-candidate-voter-map-live__empty span {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-candidate-voter-map-live__legend {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-voter-map-live__legend span {
  padding: 8px 10px;
  border: 1px solid rgba(9, 18, 32, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-candidate-voter-map-live__legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.shared-candidate-voter-map-live__legend i.is-target {
  background: #ff335f;
}

.shared-candidate-voter-map-live__legend i.is-voter {
  background: #101624;
}

.shared-candidate-voter-map-live__legend i.is-cluster {
  background: var(--sf-cyan);
}

.shared-candidate-voter-map-queue,
.shared-candidate-voter-map-focus,
.shared-candidate-voter-map-scope {
  padding: 18px;
  border-radius: 20px;
}

.shared-candidate-voter-map-queue__list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-candidate-voter-map-record-strip,
.shared-candidate-voter-map-focus__header,
.shared-candidate-voter-map-focus__meta,
.shared-candidate-voter-map-scope__stats,
.shared-candidate-voter-map-scope__territories {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-candidate-voter-map-record-strip {
  padding: 13px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(9, 18, 32, 0.055);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.shared-candidate-voter-map-record-strip span,
.shared-candidate-voter-map-focus__header p,
.shared-candidate-voter-map-focus__header small,
.shared-candidate-voter-map-focus__meta small,
.shared-candidate-voter-map-scope__stats small,
.shared-candidate-voter-map-scope__territories small {
  color: var(--sf-muted);
}

.shared-candidate-voter-map-focus__header {
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
}

.shared-candidate-voter-map-focus__header > span,
.shared-candidate-voter-map-focus__empty > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-weight: 950;
}

.shared-candidate-voter-map-focus__header h3 {
  margin: 2px 0 4px;
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-candidate-voter-map-focus__header p {
  margin: 0;
  line-height: 1.45;
}

.shared-candidate-voter-map-focus__meta,
.shared-candidate-voter-map-scope__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-candidate-voter-map-focus__meta span,
.shared-candidate-voter-map-scope__stats span,
.shared-candidate-voter-map-scope__territories span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(9, 18, 32, 0.055);
  display: grid;
  gap: 3px;
}

.shared-candidate-voter-map-focus__meta strong,
.shared-candidate-voter-map-scope__stats strong,
.shared-candidate-voter-map-scope__territories strong {
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
}

.shared-candidate-voter-map-focus__empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
}

.shared-candidate-voter-map-focus__empty svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-candidate-voter-map-focus__empty strong {
  font-family: var(--sf-font-display);
}

.shared-candidate-voter-map-focus__empty p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .shared-candidate-voter-map-browser__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-candidate-voter-map-browser__side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-candidate-voter-map-scope {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .shared-candidate-voter-map-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .shared-candidate-voter-map-hero__actions,
  .shared-candidate-voter-map-focus__actions,
  .shared-candidate-voter-map-scope__actions {
    justify-content: flex-start;
  }

  .shared-candidate-voter-map-browser__side {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-candidate-voter-map-live__map {
    min-height: 380px;
    aspect-ratio: auto;
  }

  .shared-candidate-voter-map-record-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .shared-candidate-voter-map-live__map {
    min-height: 330px;
  }

  .shared-candidate-voter-map-live__legend {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .shared-candidate-voter-map-live__legend span {
    font-size: 0.72rem;
  }

  .shared-candidate-voter-map-pin {
    width: 34px;
    height: 34px;
  }

  .shared-candidate-voter-map-cluster {
    min-width: 36px;
    min-height: 36px;
  }

  .shared-candidate-voter-map-focus__header {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .shared-candidate-voter-map-focus__header > span,
  .shared-candidate-voter-map-focus__empty > span {
    width: 42px;
    height: 42px;
  }

  .shared-candidate-voter-map-focus__meta,
  .shared-candidate-voter-map-scope__stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

.shared-candidate-territory-command {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.14), rgba(255, 51, 95, 0.07) 54%, transparent),
    rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
  display: grid;
  gap: 16px;
}

.shared-candidate-territory-command__header {
  min-width: 0;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-candidate-territory-command__icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-candidate-territory-command__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-candidate-territory-command small,
.shared-candidate-territory-command__step em {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-territory-command h2 {
  margin: 3px 0 5px;
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
}

.shared-candidate-territory-command p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-candidate-territory-command__stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-candidate-territory-command__stats span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  display: grid;
  gap: 3px;
}

.shared-candidate-territory-command__stats strong {
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-candidate-territory-command__steps {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-candidate-territory-command__step {
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.66);
  color: inherit;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-candidate-territory-command__step:hover,
.shared-candidate-territory-command__step:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.1);
  transform: translateY(-1px);
}

.shared-candidate-territory-command__step.is-primary {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.12);
}

.shared-candidate-territory-command__step span {
  grid-row: 1 / span 2;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(9, 18, 32, 0.07);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
}

.shared-candidate-territory-command__step span svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-candidate-territory-command__step strong,
.shared-candidate-territory-command__step em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-candidate-territory-command__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidate-voter-map .shared-coalition-voter-map-territory {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
}

.shared-candidate-voter-map .shared-coalition-voter-map-territory__stats {
  color: var(--sf-muted);
}

@media (max-width: 520px) {
  .shared-candidate-territory-command {
    padding: 16px;
  }

  .shared-candidate-territory-command__header {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .shared-candidate-territory-command__icon {
    width: 44px;
    height: 44px;
  }

  .shared-candidate-territory-command__stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-auth-route-hero,
  .shared-auth-route-panel,
  .shared-onboarding-panel {
    border-radius: 22px;
    padding: 18px;
  }

  .shared-onboarding-steps {
    grid-template-columns: 1fr;
  }

  .shared-auth-route-actions .shared-feed-chip,
  .shared-auth-route-tabs .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-candidate-voter-map-settings-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.shared-candidate-voter-map-settings-form label {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-candidate-voter-map-settings-form label > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-voter-map-settings-form input[type="range"] {
  width: 100%;
  accent-color: var(--sf-cyan);
}

.shared-candidate-voter-map-settings-form strong {
  color: var(--sf-cyan);
  font-size: 0.86rem;
  font-weight: 900;
}

.shared-candidate-voter-map-settings-form .shared-campaign-quest-toggle {
  grid-column: 1 / -1;
  min-height: 48px;
}

.shared-voter-map-scripts {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-voter-map-scripts-hero,
.shared-voter-map-script-card {
  min-width: 0;
  border: 1px solid rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
}

.shared-voter-map-scripts-hero {
  padding: clamp(18px, 3vw, 26px);
  border-radius: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-voter-map-scripts-hero h2,
.shared-voter-map-script-card h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-voter-map-scripts-hero p,
.shared-voter-map-script-card p,
.shared-voter-map-scripts-footer span {
  margin: 6px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-voter-map-scripts-hero__actions,
.shared-voter-map-scripts-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-voter-map-scripts-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-voter-map-scripts-summary span {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  display: grid;
  gap: 3px;
}

.shared-voter-map-scripts-summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  color: var(--sf-ink);
}

.shared-voter-map-scripts-summary small,
.shared-voter-map-script-card label > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-map-scripts-form,
.shared-voter-map-scripts-grid,
.shared-voter-map-script-card__fields {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-voter-map-scripts-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-voter-map-script-card {
  padding: 16px;
  border-radius: 20px;
  display: grid;
  gap: 14px;
  align-content: start;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.045);
}

.shared-voter-map-script-card__header {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-voter-map-script-card__title-row {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.shared-voter-map-script-card__title-row em {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 185, 0, 0.14);
  color: #9a6700;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-voter-map-script-card__title-row em.is-complete {
  background: rgba(38, 166, 91, 0.13);
  color: #176b3f;
}

.shared-voter-map-script-card__header > span {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-voter-map-script-card__header svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-voter-map-script-card h3,
.shared-voter-map-script-card p {
  overflow-wrap: anywhere;
}

.shared-voter-map-script-card__tokens {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-voter-map-script-card__tokens code {
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid rgba(5, 125, 132, 0.16);
  border-radius: 999px;
  background: rgba(5, 125, 132, 0.08);
  color: #075985;
  font-family: var(--sf-font-ui);
  font-size: 0.72rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shared-voter-map-script-card label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-voter-map-script-card input,
.shared-voter-map-script-card textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(9, 18, 32, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
  font: inherit;
}

.shared-voter-map-script-card input {
  height: 44px;
  padding: 0 13px;
  font-weight: 850;
}

.shared-voter-map-script-card textarea {
  min-height: 154px;
  padding: 12px 13px;
  resize: vertical;
  line-height: 1.45;
}

.shared-voter-map-script-card input:focus,
.shared-voter-map-script-card textarea:focus {
  border-color: rgba(5, 125, 132, 0.36);
  outline: 2px solid rgba(5, 125, 132, 0.14);
  outline-offset: 2px;
}

.shared-voter-map-script-card input:disabled,
.shared-voter-map-script-card textarea:disabled {
  border-color: rgba(9, 18, 32, 0.08);
  background: rgba(248, 250, 252, 0.82);
  color: rgba(15, 23, 42, 0.86);
  cursor: default;
  opacity: 1;
}

.shared-voter-map-script-card__preview {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(5, 125, 132, 0.14);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(5, 125, 132, 0.09), rgba(255, 255, 255, 0.9));
  display: grid;
  gap: 6px;
}

.shared-voter-map-script-card__preview span,
.shared-voter-map-script-card__hint {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-map-script-card__preview strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.98rem;
  overflow-wrap: anywhere;
}

.shared-voter-map-script-card__preview p {
  margin: 0;
  white-space: pre-wrap;
}

.shared-voter-map-script-card__hint {
  min-width: 0;
  overflow-wrap: anywhere;
  text-transform: none;
  line-height: 1.45;
}

.shared-voter-map-scripts-footer {
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
}

.shared-voter-map-scripts-footer span {
  flex: 1 1 260px;
  margin: 0;
}

.shared-voter-map-scripts > .shared-page__empty {
  margin: 0;
  border: 1px solid rgba(5, 125, 132, 0.14);
  border-left: 4px solid rgba(5, 125, 132, 0.72);
  background: rgba(5, 125, 132, 0.07);
  color: var(--sf-ink);
  text-align: left;
}

@media (max-width: 760px) {
  .shared-voter-map-scripts {
    gap: 12px;
  }

  .shared-voter-map-scripts-hero,
  .shared-voter-map-scripts-footer {
    display: grid;
    justify-content: stretch;
  }

  .shared-voter-map-scripts-hero {
    padding: 16px;
    border-radius: 18px;
    gap: 12px;
  }

  .shared-voter-map-scripts-summary {
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 8px;
  }

  .shared-voter-map-scripts-summary span {
    min-height: 64px;
    padding: 10px;
    border-radius: 14px;
    align-content: center;
  }

  .shared-voter-map-scripts-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .shared-voter-map-script-card {
    padding: 12px;
    border-radius: 18px;
    gap: 12px;
  }

  .shared-voter-map-script-card__header {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .shared-voter-map-script-card__header > span {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .shared-voter-map-script-card__title-row {
    gap: 6px;
  }

  .shared-voter-map-script-card__tokens {
    gap: 5px;
  }

  .shared-voter-map-script-card__tokens code {
    padding: 4px 7px;
    font-size: 0.68rem;
  }

  .shared-voter-map-script-card__preview {
    padding: 12px;
    border-radius: 14px;
  }

  .shared-voter-map-script-card.is-read-only .shared-voter-map-script-card__fields {
    display: none;
  }

  .shared-voter-map-scripts-footer .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-voter-map-notes {
  min-width: 0;
  scroll-margin-top: 96px;
  display: grid;
  gap: 14px;
}

.shared-voter-map-notes-hero,
.shared-voter-map-notes-list-panel,
.shared-voter-map-note-form,
.shared-voter-map-note-detail {
  min-width: 0;
  border: 1px solid rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
}

.shared-voter-map-notes-hero {
  padding: clamp(18px, 3vw, 26px);
  border-radius: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-voter-map-notes-hero h2,
.shared-voter-map-notes-list-panel h3,
.shared-voter-map-note-form h3,
.shared-voter-map-note-detail h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-voter-map-notes-hero p,
.shared-voter-map-notes-list-panel p,
.shared-voter-map-note-form p,
.shared-voter-map-note-detail p {
  margin: 6px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-voter-map-notes-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-voter-map-notes-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  align-items: start;
}

.shared-voter-map-notes-list-panel,
.shared-voter-map-note-form {
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 14px;
}

.shared-voter-map-notes-compose-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-voter-map-notes-list-panel__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-voter-map-note-list {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-voter-map-note-item {
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  text-align: left;
}

.shared-voter-map-note-item.is-selected {
  border-color: rgba(5, 125, 132, 0.36);
  box-shadow: 0 0 0 3px rgba(5, 125, 132, 0.1);
}

.shared-voter-map-note-avatar,
.shared-voter-map-note-detail__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-voter-map-note-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-voter-map-note-copy__topline {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-voter-map-note-contact {
  min-width: 0;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-voter-map-note-contact svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-voter-map-note-copy strong,
.shared-voter-map-note-copy small,
.shared-voter-map-note-copy em,
.shared-voter-map-note-contact span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-voter-map-note-copy small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-voter-map-note-copy em {
  color: var(--sf-ink);
  font-style: normal;
  line-height: 1.35;
}

.shared-voter-map-note-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-voter-map-note-form__header {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-voter-map-note-form__header .shared-card__meta {
  margin: 0;
}

.shared-voter-map-note-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-voter-map-note-form label > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-map-note-form label > small,
.shared-voter-map-note-form__footer > span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-voter-map-note-form select,
.shared-voter-map-note-form input,
.shared-voter-map-note-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(9, 18, 32, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
  font: inherit;
}

.shared-voter-map-note-form select,
.shared-voter-map-note-form input {
  height: 44px;
  padding: 0 13px;
}

.shared-voter-map-note-form textarea {
  min-height: 142px;
  padding: 12px 13px;
  resize: vertical;
  line-height: 1.45;
}

.shared-voter-map-note-form select:focus,
.shared-voter-map-note-form input:focus,
.shared-voter-map-note-form textarea:focus {
  border-color: rgba(5, 125, 132, 0.36);
  outline: 2px solid rgba(5, 125, 132, 0.14);
  outline-offset: 2px;
}

.shared-voter-map-note-form__footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-voter-map-note-detail {
  padding: 16px;
  border-radius: 18px;
  display: grid;
  gap: 14px;
}

.shared-voter-map-note-detail--empty,
.shared-voter-map-note-detail--error {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
}

.shared-voter-map-note-detail--error {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.06);
}

.shared-voter-map-note-detail__header {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-voter-map-note-detail__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-voter-map-note-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-voter-map-note-tags--compact {
  gap: 5px;
}

.shared-voter-map-note-tags span {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-voter-map-note-tags--compact span {
  padding: 4px 7px;
  font-size: 0.72rem;
}

.shared-voter-map-note-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .shared-voter-map-notes-hero,
  .shared-voter-map-notes-hero__actions {
    display: grid;
    justify-content: stretch;
  }

  .shared-voter-map-notes-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-voter-map-notes-list-panel,
  .shared-voter-map-note-form,
  .shared-voter-map-note-detail {
    padding: 14px;
  }

  .shared-voter-map-note-copy__topline,
  .shared-voter-map-note-form__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-voter-map-note-contact {
    white-space: normal;
  }
}

.shared-campaign-quest-command {
  min-width: 0;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), rgba(255, 51, 95, 0.07) 52%, transparent),
    rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.shared-campaign-quest-command__icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-quest-command__icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

.shared-campaign-quest-command__body {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-quest-command__body > span,
.shared-campaign-quest-command__status span,
.shared-campaign-quest-config-summary span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-command__body h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
}

.shared-campaign-quest-command__body p {
  margin: 0;
  max-width: 720px;
  color: var(--sf-muted);
}

.shared-campaign-quest-command__status,
.shared-campaign-quest-command__actions,
.shared-campaign-quest-config-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-quest-command__status span,
.shared-campaign-quest-config-summary span {
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(5, 6, 8, 0.28);
}

.shared-campaign-quest-command__actions {
  max-width: 360px;
  justify-content: flex-end;
}

.shared-campaign-quest-anchor {
  min-height: 46px;
}

.shared-campaign-quest-progress {
  background:
    radial-gradient(circle at top right, rgba(38, 244, 238, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.045);
}

.shared-campaign-quest-level__top {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
}

.shared-campaign-quest-level__badge,
.shared-campaign-quest-level__xp {
  min-width: 0;
  min-height: 104px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  background: rgba(5, 6, 8, 0.32);
  display: grid;
  align-content: end;
  gap: 4px;
}

.shared-campaign-quest-level__badge {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.08);
}

.shared-campaign-quest-level__badge strong {
  color: var(--sf-cyan);
}

.shared-campaign-quest-level__xp strong {
  font-size: clamp(1.45rem, 3vw, 2rem);
}

.shared-campaign-quest-level p strong {
  color: var(--sf-ink);
}

.shared-campaign-quest-card {
  min-height: 116px;
  align-content: space-between;
}

.shared-campaign-quest-card > div:first-child {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.shared-campaign-quest-card__bar {
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.shared-campaign-quest-card__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-pink));
}

.shared-campaign-quest-badges span {
  min-width: 132px;
  align-content: center;
}

.shared-campaign-quest-badges span strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-category-strip {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.shared-campaign-quest-category-strip span {
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: grid;
  align-content: center;
  gap: 2px;
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-campaign-quest-category-strip strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-campaign-quest-target {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 54%),
    rgba(5, 6, 8, 0.34);
}

.shared-campaign-quest-target__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-campaign-quest-target__summary {
  min-width: 112px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  justify-items: end;
  gap: 3px;
}

.shared-campaign-quest-target__summary span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-target__summary strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-campaign-quest-target__body {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-quest-target__actions {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-campaign-quest-target__buttons .shared-feed-chip {
  min-height: 42px;
}

.shared-campaign-quest-field {
  overflow: hidden;
}

.shared-campaign-quest-field__header {
  align-items: flex-start;
}

.shared-campaign-quest-shift {
  min-width: 184px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.32);
  display: grid;
  justify-items: end;
  gap: 3px;
  text-align: right;
}

.shared-campaign-quest-shift span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-quest-shift span.is-active {
  color: var(--sf-cyan);
}

.shared-campaign-quest-shift small {
  color: var(--sf-ink);
  font-size: 0.82rem;
  font-weight: 850;
}

.shared-campaign-quest-field__toolbar {
  min-width: 0;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-campaign-quest-field__toolbar > span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-filter {
  min-width: 0;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 8px;
}

.shared-campaign-quest-filter button {
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: grid;
  gap: 2px;
  justify-items: start;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-quest-filter button.is-active {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-ink);
}

.shared-campaign-quest-filter strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
}

.shared-campaign-quest-filter span {
  overflow-wrap: anywhere;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-field__layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
  gap: 12px;
  align-items: stretch;
}

.shared-campaign-quest-map {
  position: relative;
  min-width: 0;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background:
    radial-gradient(circle at 22% 18%, rgba(38, 244, 238, 0.16), transparent 28%),
    radial-gradient(circle at 74% 68%, rgba(255, 51, 95, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(8, 11, 18, 0.92));
}

.shared-campaign-quest-map__grid {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
}

.shared-campaign-quest-map__route {
  position: absolute;
  inset: 34px;
  border: 1px dashed rgba(38, 244, 238, 0.18);
  border-radius: 26px;
  transform: rotate(-5deg);
}

.shared-campaign-quest-pin,
.shared-campaign-quest-cluster,
.shared-campaign-quest-avatar {
  position: absolute;
  left: var(--x);
  top: var(--y);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.shared-campaign-quest-pin {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.shared-campaign-quest-pin span {
  display: block;
  width: 18px;
  height: 18px;
  margin: 8px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #111827;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32);
}

.shared-campaign-quest-pin.is-selected span {
  width: 24px;
  height: 24px;
  margin: 5px;
  box-shadow:
    0 0 0 7px rgba(38, 244, 238, 0.14),
    0 10px 26px rgba(0, 0, 0, 0.34);
}

.shared-campaign-quest-pin.is-high_impact_persuasion span,
.shared-campaign-quest-dot.is-high_impact_persuasion,
.shared-campaign-quest-map__legend i.is-high_impact_persuasion {
  background: #dc2626;
}

.shared-campaign-quest-pin.is-gotv_priority span,
.shared-campaign-quest-dot.is-gotv_priority,
.shared-campaign-quest-map__legend i.is-gotv_priority {
  background: #7c3aed;
}

.shared-campaign-quest-pin.is-likely_supporter span,
.shared-campaign-quest-dot.is-likely_supporter {
  background: #0891b2;
}

.shared-campaign-quest-pin.is-sign_delivery span,
.shared-campaign-quest-dot.is-sign_delivery,
.shared-campaign-quest-map__legend i.is-sign_delivery {
  background: #f59e0b;
}

.shared-campaign-quest-cluster {
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 2px solid rgba(255, 255, 255, 0.86);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.shared-campaign-quest-avatar {
  width: 32px;
  height: 32px;
  border: 3px solid #f8fafc;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 950;
}

.shared-campaign-quest-map__legend {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-quest-map__legend span {
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(5, 6, 8, 0.48);
  color: rgba(255, 255, 255, 0.78);
  display: inline-flex;
  gap: 6px;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-campaign-quest-map__legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.shared-campaign-quest-selected {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 12px;
  align-content: start;
}

.shared-campaign-quest-selected__empty {
  min-width: 0;
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  text-align: center;
}

.shared-campaign-quest-selected__empty > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-quest-selected__empty svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-campaign-quest-selected__empty strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
}

.shared-campaign-quest-selected__empty p {
  max-width: 280px;
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-quest-selected__header {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.shared-campaign-quest-selected__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-quest-selected__header small,
.shared-campaign-quest-complete-sheet__section > span,
.shared-campaign-quest-note > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-quest-selected__header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-selected__header em {
  color: var(--sf-muted);
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-selected__meta,
.shared-campaign-quest-selected__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-quest-selected__meta span {
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-quest-complete-sheet {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-campaign-quest-complete-sheet__section {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.25);
  display: grid;
  gap: 9px;
}

.shared-campaign-quest-choice-grid,
.shared-campaign-quest-outcome-grid {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-quest-choice-grid {
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
}

.shared-campaign-quest-outcome-grid {
  grid-template-columns: 1fr;
}

.shared-campaign-quest-choice,
.shared-campaign-quest-outcome-choice {
  min-width: 0;
  position: relative;
  display: block;
  cursor: pointer;
}

.shared-campaign-quest-outcome-choice[hidden] {
  display: none;
}

.shared-campaign-quest-choice input,
.shared-campaign-quest-outcome-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.shared-campaign-quest-choice span,
.shared-campaign-quest-outcome-choice > span {
  min-width: 0;
  min-height: 52px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  align-items: center;
  gap: 7px;
}

.shared-campaign-quest-choice span {
  grid-template-columns: 26px minmax(0, 1fr);
}

.shared-campaign-quest-choice svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-campaign-quest-choice input:checked + span,
.shared-campaign-quest-outcome-choice input:checked + span {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.12);
  box-shadow: inset 0 0 0 1px rgba(38, 244, 238, 0.08);
}

.shared-campaign-quest-choice input:focus-visible + span,
.shared-campaign-quest-outcome-choice input:focus-visible + span {
  outline: 2px solid rgba(38, 244, 238, 0.55);
  outline-offset: 2px;
}

.shared-campaign-quest-choice input:disabled + span,
.shared-campaign-quest-outcome-choice input:disabled + span {
  opacity: 0.62;
  cursor: not-allowed;
}

.shared-campaign-quest-choice strong,
.shared-campaign-quest-outcome-choice strong,
.shared-campaign-quest-outcome-choice small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-choice strong,
.shared-campaign-quest-outcome-choice strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-campaign-quest-outcome-choice small {
  margin-top: 3px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-campaign-quest-note {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-campaign-quest-note textarea {
  min-width: 0;
  width: 100%;
  min-height: 88px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
  resize: vertical;
}

.shared-campaign-quest-selected__fields {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.shared-campaign-quest-selected__fields label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-campaign-quest-selected__fields label.is-wide {
  grid-column: 1 / -1;
}

.shared-campaign-quest-selected__fields label > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-campaign-quest-selected__fields select,
.shared-campaign-quest-selected__fields textarea {
  min-width: 0;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-campaign-quest-selected__fields textarea {
  min-height: 88px;
  resize: vertical;
}

.shared-campaign-quest-queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-campaign-quest-queue-item {
  min-width: 0;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-quest-queue-item.is-selected {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.1);
}

.shared-campaign-quest-queue-item span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-quest-queue-item strong,
.shared-campaign-quest-queue-item small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-quest-queue-item small,
.shared-campaign-quest-queue-item em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
}

.shared-campaign-quest-queue-item em {
  justify-self: end;
}

.shared-campaign-quest-config-summary {
  margin-bottom: 12px;
}

.shared-campaign-quest-config-briefing {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.shared-campaign-quest-config-briefing article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.055), transparent 48%),
    rgba(5, 6, 8, 0.28);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-campaign-quest-config-briefing__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-quest-config-briefing__icon svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-campaign-quest-config-briefing article > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-campaign-quest-config-briefing small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-campaign-quest-config-briefing strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.98rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.shared-campaign-quest-config-briefing p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-campaign-quest-config-briefing__meta {
  margin-top: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-campaign-quest-config-briefing__meta span {
  padding: 5px 7px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
}

.shared-campaign-quest-config .shared-campaign-panel__header {
  align-items: flex-start;
  gap: 14px;
}

.shared-campaign-quest-config-header-actions {
  justify-content: flex-end;
}

.shared-campaign-quest-config-header-actions .shared-feed-chip {
  min-width: 112px;
  justify-content: center;
  white-space: nowrap;
}

.shared-campaign-quest-side .shared-campaign-quest-config-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-quest-config-form > .shared-campaign-quest-toggle {
  align-content: center;
}

.shared-campaign-quest-config-summary svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-campaign-quest-config-group {
  position: relative;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.26);
  grid-column: 1 / -1;
  overflow: hidden;
}

.shared-campaign-quest-config-group::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--sf-cyan), var(--sf-pink));
  opacity: 0.78;
}

.shared-campaign-quest-config-group strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-campaign-quest-config-group p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
}

.shared-campaign-quest-config-advanced {
  gap: 12px;
}

.shared-campaign-quest-config-advanced > .shared-campaign-quest-config-block__header {
  padding: 2px 2px 0;
}

.shared-campaign-quest-config-advanced > .shared-campaign-quest-config-block__header strong {
  font-family: var(--sf-font-display);
}

.shared-campaign-quest-config-block {
  gap: 12px;
}

.shared-campaign-quest-config-block__header {
  align-items: center;
}

.shared-campaign-quest-config-list--compact .shared-campaign-quest-config-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(86px, 0.38fr);
  gap: 10px;
  align-items: center;
}

.shared-campaign-quest-config-row input {
  text-align: right;
}

.shared-campaign-quest-config-card {
  gap: 12px;
}

.shared-campaign-quest-config-card__top > em {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-quest-config-card .shared-campaign-quest-config-wide textarea {
  min-height: 112px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 750;
}

.shared-campaign-quest-config .shared-campaign-registry-form-actions {
  margin-top: 2px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(12, 14, 22, 0.82), rgba(12, 14, 22, 0.94)),
    rgba(12, 14, 22, 0.92);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.shared-candidate-voter-map-menu .shared-campaign-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-candidate-voter-map-menu-card {
  position: relative;
  overflow: hidden;
}

.shared-candidate-voter-map-menu-card::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -34px;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.055);
  pointer-events: none;
}

.shared-candidate-voter-map-settings {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 44%),
    rgba(255, 255, 255, 0.045);
}

@media (max-width: 1024px) {
  .shared-campaign-quest-command {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .shared-campaign-quest-field__layout {
    grid-template-columns: 1fr;
  }

  .shared-campaign-quest-map {
    min-height: 360px;
  }

  .shared-campaign-quest-command__icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
  }

  .shared-campaign-quest-command__actions {
    grid-column: 1 / -1;
    max-width: none;
    justify-content: flex-start;
  }

  .shared-campaign-quest-side .shared-campaign-quest-config-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-candidate-voter-map-menu .shared-campaign-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .shared-campaign-quest-command,
  .shared-campaign-quest-level__top,
  .shared-campaign-quest-target__top,
  .shared-campaign-quest-config-briefing article,
  .shared-campaign-quest-config-card,
  .shared-campaign-quest-config-card__top,
  .shared-campaign-quest-config-block__header,
  .shared-campaign-quest-selected__fields,
  .shared-candidate-voter-map-menu .shared-campaign-metrics {
    grid-template-columns: 1fr;
  }

  .shared-campaign-quest-field__header,
  .shared-campaign-quest-shift {
    text-align: left;
    justify-items: start;
  }

  .shared-campaign-quest-map {
    min-height: 300px;
    border-radius: 18px;
  }

  .shared-campaign-quest-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-quest-queue-item {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-campaign-quest-queue-item em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-campaign-quest-command__icon {
    width: 52px;
    height: 52px;
  }

  .shared-campaign-quest-target__summary {
    justify-items: start;
  }

  .shared-campaign-quest-config .shared-campaign-panel__header {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-campaign-quest-config-header-actions,
  .shared-campaign-quest-config-header-actions .shared-feed-chip {
    width: 100%;
  }

  .shared-campaign-quest-side .shared-campaign-quest-config-form,
  .shared-campaign-quest-config-list--compact .shared-campaign-quest-config-row {
    grid-template-columns: 1fr;
  }

  .shared-campaign-quest-config-row input {
    text-align: left;
  }
}

.shared-campaign-donations {
  gap: 14px;
}

.shared-campaign-donations-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-donations-grid--setup {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.72fr);
}

.shared-campaign-donations-main,
.shared-campaign-donations-side,
.shared-campaign-donations-setup,
.shared-campaign-donations-finance-grid,
.shared-campaign-donations-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-donations-readiness p,
.shared-campaign-donations-form-panel p,
.shared-campaign-donations-transactions p,
.shared-campaign-donations-settings p,
.shared-campaign-donations-note-panel p,
.shared-campaign-donations-legacy p,
.shared-campaign-donations-payout p,
.shared-campaign-donations-attestation p,
.shared-campaign-donations-setup-hero p,
.shared-campaign-donations-reporting-locked p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-donations-setup-hero {
  overflow: hidden;
}

.shared-campaign-donations-hero-progress {
  min-width: 0;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.32);
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-campaign-donations-hero-progress > div:first-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-campaign-donations-hero-progress strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-campaign-donations-hero-progress span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-hero-progress__track {
  min-width: 0;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.shared-campaign-donations-hero-progress__track span {
  width: var(--donation-progress, 0%);
  max-width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-green));
  display: block;
}

.shared-campaign-donations-command {
  overflow: hidden;
  display: grid;
  gap: 16px;
}

.shared-campaign-donations-command__header {
  align-items: flex-start;
}

.shared-campaign-donations-command .shared-feed-chip {
  text-decoration: none;
}

.shared-campaign-donations-command__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-donations-command-stat {
  min-width: 0;
  min-height: 112px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.shared-campaign-donations-command-stat.is-good {
  border-color: rgba(56, 210, 157, 0.25);
  background: rgba(56, 210, 157, 0.08);
}

.shared-campaign-donations-command-stat.is-bad {
  border-color: rgba(255, 51, 95, 0.22);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-donations-command-stat.is-pending {
  border-color: rgba(248, 211, 77, 0.2);
  background: rgba(248, 211, 77, 0.07);
}

.shared-campaign-donations-command-stat span,
.shared-campaign-donations-command-stat small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-command-stat strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.32rem;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-command-stat small {
  text-transform: none;
  font-size: 0.78rem;
  font-weight: 780;
  line-height: 1.35;
}

.shared-campaign-donations-task-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-donations-task {
  min-width: 0;
  min-height: 116px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(104px, auto);
  gap: 11px;
  align-items: start;
}

.shared-campaign-donations-task.is-good {
  border-color: rgba(56, 210, 157, 0.22);
}

.shared-campaign-donations-task.is-bad {
  border-color: rgba(255, 51, 95, 0.2);
}

.shared-campaign-donations-task.is-pending {
  border-color: rgba(248, 211, 77, 0.18);
}

.shared-campaign-donations-task__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-campaign-donations-task__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-campaign-donations-task > div {
  min-width: 0;
}

.shared-campaign-donations-task strong,
.shared-campaign-donations-task p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-task strong {
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-campaign-donations-task p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.shared-campaign-donations-task__aside {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.shared-campaign-donations-status-grid,
.shared-campaign-donations-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-donations-steps {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(248, 211, 77, 0.04)),
    rgba(5, 6, 8, 0.28);
  display: grid;
  gap: 12px;
}

.shared-campaign-donations-steps__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, auto) minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.shared-campaign-donations-steps__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-campaign-donations-steps__header span,
.shared-campaign-donations-step > div > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-donations-steps__header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.12rem;
}

.shared-campaign-donations-steps__header p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.4;
}

.shared-campaign-donations-steps__list {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-donations-status,
.shared-campaign-donations-step,
.shared-campaign-donations-bank,
.shared-campaign-donations-session,
.shared-campaign-donations-alert,
.shared-campaign-donations-detail-grid > div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
}

.shared-campaign-donations-status,
.shared-campaign-donations-step,
.shared-campaign-donations-detail-grid > div {
  min-height: 98px;
  padding: 13px;
  display: grid;
  gap: 5px;
}

.shared-campaign-donations-status,
.shared-campaign-donations-detail-grid > div {
  align-content: end;
}

.shared-campaign-donations-step {
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: start;
  align-items: start;
  position: relative;
}

.shared-campaign-donations-status.is-ready,
.shared-campaign-donations-step.is-complete {
  border-color: rgba(56, 210, 157, 0.25);
  background: rgba(56, 210, 157, 0.08);
}

.shared-campaign-donations-step.is-current {
  border-color: rgba(248, 211, 77, 0.28);
  background: rgba(248, 211, 77, 0.08);
}

.shared-campaign-donations-step__index {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-size: 0.9rem;
  font-weight: 950;
  line-height: 1;
}

.shared-campaign-donations-step__index svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-campaign-donations-step > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-donations-step__link {
  grid-column: 1 / -1;
  width: fit-content;
  max-width: 100%;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}

.shared-campaign-donations-step__link:hover,
.shared-campaign-donations-step__link:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-campaign-donations-status.is-blocked {
  border-color: rgba(255, 51, 95, 0.22);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-donations-status.is-pending {
  border-color: rgba(248, 211, 77, 0.22);
  background: rgba(248, 211, 77, 0.07);
}

.shared-campaign-donations-status span,
.shared-campaign-donations-detail-grid span,
.shared-campaign-donations-form label span,
.shared-campaign-donations-filters label span,
.shared-campaign-donations-settings-form label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-donations-status strong,
.shared-campaign-donations-step strong,
.shared-campaign-donations-detail-grid strong,
.shared-campaign-donations-bank strong,
.shared-campaign-donations-donor h3 {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
}

.shared-campaign-donations-status p,
.shared-campaign-donations-step p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-campaign-donations-finance-grid {
  grid-template-columns: minmax(0, 1fr);
}

.shared-campaign-donations-form,
.shared-campaign-donations-filters,
.shared-campaign-donations-settings-form,
.shared-campaign-donations-attestation-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-campaign-donations-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-donations-form label,
.shared-campaign-donations-filters label,
.shared-campaign-donations-settings-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-campaign-donations-form input,
.shared-campaign-donations-form select,
.shared-campaign-donations-filters input,
.shared-campaign-donations-filters select,
.shared-campaign-donations-settings-form select {
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-campaign-donations-form label em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.35;
}

.shared-campaign-donations-form__actions,
.shared-campaign-donations-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-donations-filters {
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.28);
  grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(130px, 0.6fr)) auto;
  align-items: end;
}

.shared-campaign-donations-row {
  width: 100%;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-campaign-donations-row:hover,
.shared-campaign-donations-row:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(255, 255, 255, 0.06);
  outline: none;
}

.shared-campaign-donations-row > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-donations-row strong,
.shared-campaign-donations-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-campaign-donations-row > strong {
  justify-self: end;
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-campaign-donations-row__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.shared-campaign-donations-row__meta span:not(.shared-campaign-donations-pill) {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-campaign-donations-pill {
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
}

.shared-campaign-donations-pill.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-campaign-donations-pill.is-bad {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.1);
  color: var(--sf-red);
}

.shared-campaign-donations-pill.is-pending {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-campaign-donations-load-more {
  display: flex;
  justify-content: center;
}

.shared-campaign-donations-bank,
.shared-campaign-donations-alert {
  padding: 14px;
  display: grid;
  gap: 7px;
}

.shared-campaign-donations-bank {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.46fr);
  align-items: start;
}

.shared-campaign-donations-bank.is-good {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.08);
}

.shared-campaign-donations-bank.is-bad {
  border-color: rgba(255, 51, 95, 0.22);
  background: rgba(255, 51, 95, 0.08);
}

.shared-campaign-donations-bank.is-pending {
  border-color: rgba(248, 211, 77, 0.18);
  background: rgba(248, 211, 77, 0.055);
}

.shared-campaign-donations .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.34);
  background: rgba(255, 51, 95, 0.12);
  color: #ff9aaa;
}

.shared-campaign-donations .shared-feed-chip.is-danger:hover,
.shared-campaign-donations .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(255, 51, 95, 0.5);
  background: rgba(255, 51, 95, 0.18);
  outline: none;
}

.shared-campaign-donations-bank > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-donations-bank > div:last-of-type {
  justify-items: end;
  text-align: right;
}

.shared-campaign-donations-bank p {
  grid-column: 1 / -1;
  min-width: 0;
}

.shared-campaign-donations-bank-remove {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 51, 95, 0.24);
  border-radius: 18px;
  background: rgba(255, 51, 95, 0.08);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.shared-campaign-donations-bank-remove > div:first-child {
  min-width: 220px;
  flex: 1 1 260px;
  display: grid;
  gap: 4px;
}

.shared-campaign-donations-bank-remove strong {
  color: var(--sf-ink);
}

.shared-campaign-donations-bank-remove span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.shared-campaign-donations-alert {
  border-color: rgba(255, 51, 95, 0.25);
  background: rgba(255, 51, 95, 0.08);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.shared-campaign-donations-alert span,
.shared-campaign-donations-bank span,
.shared-campaign-donations-note {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-donations-note--warning {
  color: #f8d34d;
  font-weight: 850;
}

.shared-campaign-donations-session {
  padding: 14px;
  display: grid;
  gap: 10px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(5, 6, 8, 0.36);
}

.shared-campaign-donations-session.is-warning {
  border-color: rgba(248, 211, 77, 0.22);
  background:
    linear-gradient(135deg, rgba(248, 211, 77, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(5, 6, 8, 0.36);
}

.shared-campaign-donations-session__header {
  min-width: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.shared-campaign-donations-session__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-campaign-donations-session__header span,
.shared-campaign-donations-bank > div > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-donations-session__header strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-campaign-donations-session p {
  margin: 0;
  min-width: 0;
  color: var(--sf-muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-session__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-campaign-donations-session__meta span {
  min-width: 0;
  max-width: 100%;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-toggle {
  min-height: 52px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: flex !important;
  gap: 10px !important;
  align-items: center;
  color: var(--sf-ink) !important;
}

.shared-campaign-donations-toggle input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-campaign-donations-toggle span {
  min-width: 0;
  overflow-wrap: anywhere;
  display: grid;
  gap: 3px;
  color: var(--sf-ink);
  font-size: initial;
  font-weight: initial;
  text-transform: none;
}

.shared-campaign-donations-toggle strong,
.shared-campaign-donations-toggle small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-toggle strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  font-weight: 900;
}

.shared-campaign-donations-toggle small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-campaign-donations-lock-list {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-donations-lock-list div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.32);
  display: grid;
  gap: 6px;
}

.shared-campaign-donations-lock-list span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-campaign-donations-lock-list svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-campaign-donations-lock-list strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-campaign-donations-lock-list p {
  margin: 0;
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-lock-footer {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid rgba(248, 211, 77, 0.18);
  border-radius: 18px;
  background: rgba(248, 211, 77, 0.07);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-campaign-donations-lock-footer p {
  margin: 0;
  min-width: 0;
  color: var(--sf-ink);
  font-weight: 820;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-campaign-donations-detail,
.shared-campaign-donations-donor {
  display: grid;
  gap: 14px;
}

.shared-campaign-donations-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-campaign-donations-certifications {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 1500px) {
  .shared-campaign-calendar-grid,
  .shared-campaign-donations-grid,
  .shared-campaign-events-map-grid,
  .shared-campaign-staff-grid {
    grid-template-columns: 1fr;
  }

  .shared-campaign-calendar-side,
  .shared-campaign-donations-side {
    order: -1;
  }

  .shared-campaign-donations--setup .shared-campaign-donations-side {
    order: 0;
  }

  .shared-coalition-calendar .shared-campaign-calendar-side {
    order: 0;
  }
}

.shared-campaign-engagement {
  gap: 14px;
}

.shared-campaign-engagement-command {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.04)),
    rgba(5, 6, 8, 0.36);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.64fr);
  gap: 14px;
  align-items: start;
}

.shared-campaign-engagement-command__copy,
.shared-campaign-engagement-command__metrics,
.shared-campaign-engagement-command__flow {
  min-width: 0;
}

.shared-campaign-engagement-command__copy {
  display: grid;
  gap: 8px;
  align-content: start;
}

.shared-campaign-engagement-command__copy > span {
  width: fit-content;
  max-width: 100%;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-engagement-command__copy svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-campaign-engagement-command__copy h2,
.shared-campaign-engagement-command__copy p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-command__copy h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  line-height: 1.1;
}

.shared-campaign-engagement-command__copy p {
  max-width: 64ch;
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-campaign-engagement-command__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.shared-campaign-engagement-command__metrics span {
  min-width: 0;
  min-height: 68px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 3px;
}

.shared-campaign-engagement-command__metrics strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1.08rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-command__metrics small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.shared-campaign-engagement-command__flow {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-engagement-command__flow span {
  min-width: 0;
  min-height: 82px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 3px 10px;
  align-items: start;
}

.shared-campaign-engagement-command__flow b {
  width: 30px;
  height: 30px;
  border-radius: 11px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  line-height: 1;
  grid-row: span 2;
}

.shared-campaign-engagement-command__flow strong,
.shared-campaign-engagement-command__flow small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-command__flow strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
  line-height: 1.15;
}

.shared-campaign-engagement-command__flow small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.3;
}

.shared-campaign-engagement-toolbar {
  display: grid;
  gap: 14px;
}

.shared-campaign-engagement-toolbar .shared-campaign-panel__header {
  align-items: flex-start;
}

.shared-campaign-engagement-toolbar p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-campaign-engagement-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-campaign-engagement-controls > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-campaign-engagement-controls span,
.shared-campaign-engagement-muted {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-engagement-controls > div > div {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-campaign-engagement-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-campaign-engagement-summary > div {
  min-width: 0;
  min-height: 78px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.26);
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.shared-campaign-engagement-summary span,
.shared-campaign-engagement-task > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-engagement-summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
}

.shared-campaign-engagement-group {
  display: grid;
  gap: 12px;
}

.shared-campaign-engagement-group h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
}

.shared-campaign-engagement-item {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
  overflow: hidden;
}

.shared-campaign-engagement-item.is-handled {
  border-color: rgba(56, 210, 157, 0.28);
  background:
    linear-gradient(135deg, rgba(56, 210, 157, 0.09), transparent 46%),
    rgba(10, 12, 18, 0.82);
}

.shared-campaign-engagement-item.needs-attention {
  border-color: rgba(38, 244, 238, 0.24);
}

.shared-campaign-engagement-item__main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.shared-campaign-engagement-kind,
.shared-campaign-engagement-status,
.shared-campaign-engagement-icon-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.shared-campaign-engagement-kind {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  justify-content: center;
}

.shared-campaign-engagement-kind svg,
.shared-campaign-engagement-status svg,
.shared-campaign-engagement-icon-chip svg,
.shared-campaign-engagement-handled svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-campaign-engagement-item__main h3 {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  font-size: clamp(1.1rem, 2vw, 1.55rem);
}

.shared-campaign-engagement-status {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  justify-content: center;
  white-space: nowrap;
}

.shared-campaign-engagement-status.needs-attention {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-campaign-engagement-status.is-handled {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-campaign-engagement-item__body {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.44fr);
  gap: 12px;
  align-items: stretch;
}

.shared-campaign-engagement-item__actions,
.shared-campaign-engagement-comment__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-campaign-engagement-avatars {
  width: 58px;
  min-width: 58px;
  height: 42px;
  position: relative;
  display: block;
}

.shared-campaign-engagement-avatars img,
.shared-campaign-engagement-avatars > span,
.shared-campaign-engagement-avatar {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(10, 12, 18, 0.98);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.18), rgba(255, 51, 95, 0.14));
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  font-family: var(--sf-font-display);
  font-size: 0.95rem;
  font-weight: 900;
  object-fit: cover;
}

.shared-campaign-engagement-avatars img,
.shared-campaign-engagement-avatars > span {
  position: absolute;
  top: 0;
  left: 0;
}

.shared-campaign-engagement-avatars img:nth-child(2),
.shared-campaign-engagement-avatars > span:nth-child(2) {
  left: 13px;
}

.shared-campaign-engagement-avatars img:nth-child(3),
.shared-campaign-engagement-avatars > span:nth-child(3) {
  left: 26px;
}

.shared-campaign-engagement-preview {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.shared-campaign-engagement-preview img,
.shared-campaign-engagement-preview > span {
  width: 74px;
  height: 74px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  object-fit: cover;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
}

.shared-campaign-engagement-preview svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.shared-campaign-engagement-preview div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-campaign-engagement-preview strong,
.shared-campaign-engagement-task strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
}

.shared-campaign-engagement-preview p,
.shared-campaign-engagement-comment p,
.shared-campaign-engagement-task p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-campaign-engagement-task {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.3);
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-campaign-engagement-handled {
  min-width: 0;
  padding-top: 2px;
  color: var(--sf-green);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-campaign-engagement-handled span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-comments {
  display: grid;
  gap: 10px;
}

.shared-campaign-engagement-comments__header {
  min-width: 0;
  min-height: 38px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.shared-campaign-engagement-comments__header span,
.shared-campaign-engagement-reply-field > span {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-campaign-engagement-comments__header strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.82rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-comment {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 10px;
}

.shared-campaign-engagement-comment.is-liked {
  border-color: rgba(255, 51, 95, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.08), transparent 48%),
    rgba(5, 6, 8, 0.34);
}

.shared-campaign-engagement-comment.is-campaign-response {
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 48%),
    rgba(5, 6, 8, 0.34);
}

.shared-campaign-engagement-comment__top {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-campaign-engagement-comment__top strong,
.shared-campaign-engagement-comment__top span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-campaign-engagement-comment__top span {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-campaign-engagement-comment__top em {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-campaign-engagement-comment__body {
  padding: 11px 12px;
  border-left: 3px solid rgba(38, 244, 238, 0.3);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-ink) !important;
}

.shared-campaign-engagement-reply {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}

.shared-campaign-engagement-reply-field {
  min-width: 0;
  min-height: 52px;
  padding: 7px 12px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 4px;
}

.shared-campaign-engagement-reply input {
  min-width: 0;
  width: 100%;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
  outline: none;
}

.shared-campaign-engagement-reply input::placeholder {
  color: color-mix(in srgb, var(--sf-muted) 78%, transparent);
}

.shared-campaign-engagement-more {
  display: flex;
  justify-content: center;
}

.shared-campaign-staff-row {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
}

.shared-campaign-staff-row__avatar {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 0.95rem;
}

.shared-coalition-workspace .shared-page__content {
  gap: 20px;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace {
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-panel-soft: rgba(9, 18, 32, 0.06);
  --sf-panel-strong: rgba(9, 18, 32, 0.12);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-panel,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-onboarding-form,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-map,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-action-shell,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-action,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-lane,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-feature-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-command,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-panel,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-metric,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-list-item,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-route-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-room-preview,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-map-preview {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-map__features span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-shortcut,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-lane__items span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-lane__items button,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-feature-pill,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-feature-card.is-locked,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-choice,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-start-readiness small {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.05);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-choice:has(input:checked) {
  border-color: rgba(5, 125, 132, 0.34);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-image-picker__preview {
  border-color: rgba(9, 18, 32, 0.1);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.12), rgba(206, 49, 88, 0.08)),
    rgba(255, 255, 255, 0.74);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-profile-form input,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-profile-form select,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-profile-form textarea {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-start-meter {
  background: rgba(9, 18, 32, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-tab {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(25, 35, 52, 0.76);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-tab.is-active {
  border-color: rgba(5, 125, 132, 0.32);
  background: rgba(5, 125, 132, 0.08);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-metric--cyan,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-command--primary,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-panel--accent {
  border-color: rgba(5, 125, 132, 0.26);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-member-row,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-roster-controls,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-invite-row,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-create-role,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-details,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-permission-grid fieldset,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-toggle,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-results,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-hint,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-selected,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-invite-summary,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-pill,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-row,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-access-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-role-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-start-readiness li,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-command-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-proposal,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-vote,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-speaker-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-speaker-deadline,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-speaker-metric,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-speaker-schedule,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-proposal-brief,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-proposal-brief__facts span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-form-section,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card__body em,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card__badge,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-option-row,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-option-row__index,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-file-pick,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-file-pick__icon,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-attachment-summary,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-vote-window,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-rule-grid div,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-markdown,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-schedule,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-ballot,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-ballot fieldset,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-ballot__intro,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-results,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-irv > div,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-command-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-event,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-transport-group,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-transport-fieldset,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-transport-settings,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-transport-stats div,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-check,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-command-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-sharekit,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-copy,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-priority,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-response,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-platforms {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-results {
  border-color: rgba(5, 125, 132, 0.24);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-rank-item {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-rank-item.is-top,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-rank-item__position {
  border-color: rgba(5, 125, 132, 0.24);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-rank-button {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(9, 18, 32, 0.055);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card.is-active,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card:has(input:checked) {
  border-color: rgba(5, 125, 132, 0.38);
  background: rgba(5, 125, 132, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card.is-active .shared-coalition-governance-type-card__badge,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-type-card:has(input:checked) .shared-coalition-governance-type-card__badge,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-attachment-summary.has-files {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-results__metrics div,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-irv-round,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-irv-round__tallies span {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-governance-result-bars em {
  background: rgba(9, 18, 32, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff .shared-campaign-panel__header p,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-form p,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-muted,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-person > div > span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-field > span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-result small,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-result em,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-selected small,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-hint,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-message,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-filter-field > span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-filter-summary span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-invite-summary span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-select > span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-form-grid label span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-direct-id__body label > span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-delete label span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-status select,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-permission-grid legend,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-permission-chips em,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-card summary > span:last-child {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-person strong,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-search-result strong,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-selected strong,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-invite-summary strong,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-pill strong,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-details summary,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-staff-role-card summary {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-pill,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-meta span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-date,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-cta-transport-count,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-pill,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-priority-badge,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-links a,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-tags span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-amplify-meta span {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace input,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace select,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace textarea {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-hero {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(10, 12, 18, 0.88);
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-hero h1 {
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-hero .shared-card__meta,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-hero .shared-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-hero p {
  color: rgba(232, 235, 245, 0.76);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-missions-hero,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-admin-command,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-staff-command,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-create,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-template-editor,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-card,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-workload,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-template,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-preset,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-timeline-card {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-card__task,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-card__metrics span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-card__task-meta span,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-admin-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-command-chip,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-workload__rows button,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-timeline-card > button,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-audit__list button {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-card__icon,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-admin-command__icon,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-campaign-mission-workload__avatar {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-mission-badge {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: rgba(25, 35, 52, 0.84);
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-mission-badge--active {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(5, 125, 132, 0.12);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-mission-badge--attention {
  border-color: rgba(146, 91, 0, 0.28);
  background: rgba(245, 158, 11, 0.14);
  color: #7a4b00;
}

:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-mission-badge--complete {
  border-color: rgba(4, 120, 87, 0.24);
  background: rgba(16, 185, 129, 0.13);
  color: #065f46;
}

.shared-coalition-auth,
.shared-coalition-hero,
.shared-coalition-panel,
.shared-coalition-card {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-coalition-auth {
  min-height: min(68vh, 680px);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.72fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
  overflow: hidden;
}

.shared-coalition-auth--workspace {
  min-height: auto;
  grid-template-columns: minmax(380px, 0.68fr) minmax(0, 1fr);
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
  padding: clamp(22px, 3.2vw, 34px);
}

.shared-coalition-auth__copy {
  min-width: 0;
  display: grid;
  gap: 18px;
  align-content: start;
}

.shared-coalition-auth__copy .shared-card__actions {
  margin-top: 2px;
}

.shared-coalition-auth--workspace .shared-card__actions {
  gap: 8px;
}

.shared-coalition-auth__workspace {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-command-preview {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.12), transparent 42%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 14px;
}

.shared-coalition-command-preview header,
.shared-coalition-command-preview footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-coalition-command-preview header > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(255, 51, 95, 0.14);
  color: #ff8da2;
  display: grid;
  place-items: center;
}

.shared-coalition-command-preview header svg,
.shared-coalition-command-preview footer svg,
.shared-coalition-command-preview__metrics svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-command-preview header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-command-preview header small,
.shared-coalition-command-preview__metrics small,
.shared-coalition-command-preview__queue span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-coalition-command-preview header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1.05;
}

.shared-coalition-command-preview__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-command-preview__metrics article {
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 9px;
}

.shared-coalition-command-preview__metrics article > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-command-preview__metrics article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-coalition-command-preview__metrics strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-coalition-command-preview__metrics p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-coalition-command-preview__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-coalition-command-preview__queue article {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.42);
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-coalition-command-preview__queue strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.16;
  overflow-wrap: break-word;
}

.shared-coalition-command-preview__queue em {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-coalition-command-preview footer {
  min-width: 0;
  padding-top: 2px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-coalition-command-preview footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
}

.shared-coalition-auth h1,
.shared-coalition-hero h1,
.shared-coalition-panel h2,
.shared-coalition-card h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-coalition-auth h1 {
  max-width: 820px;
  font-size: clamp(2.35rem, 5vw, 5rem);
  line-height: 0.96;
}

.shared-coalition-auth--workspace h1 {
  max-width: 560px;
  font-size: clamp(2.65rem, 4.1vw, 4.25rem);
  line-height: 1;
}

.shared-coalition-auth p,
.shared-coalition-hero p,
.shared-coalition-card p,
.shared-coalition-panel p {
  max-width: 720px;
  color: var(--sf-muted);
}

.shared-coalition-auth--workspace p {
  max-width: 560px;
  font-size: 0.98rem;
  line-height: 1.55;
}

.shared-coalition-auth--workspace .shared-coalition-command-preview__metrics p {
  max-width: none;
  font-size: 0.78rem;
  line-height: 1.34;
}

.shared-coalition-auth__grid,
.shared-coalition-grid,
.shared-coalition-metrics,
.shared-coalition-overview-grid {
  display: grid;
  gap: 14px;
}

.shared-coalition-auth__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-coalition-auth__grid--workspace {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
  gap: 10px;
}

.shared-coalition-auth__module-map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-coalition-auth__module {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-coalition-auth__module-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.shared-coalition-auth__module-top > span {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-coalition-auth__module-top svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-coalition-auth__module-top div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-coalition-auth__module-top strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-coalition-auth__module-top small {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-coalition-auth__module-items {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-coalition-auth__module-items span {
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(8, 10, 16, 0.32);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-coalition-auth__module-items svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-coalition-auth__tile,
.shared-coalition-metric,
.shared-coalition-panel {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-coalition-auth__tile {
  min-height: 112px;
  padding: 18px;
  display: flex;
  align-items: flex-end;
  font-weight: 800;
  color: var(--sf-ink);
}

.shared-coalition-auth__tile--feature {
  min-width: 0;
  min-height: 126px;
  padding: 13px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.shared-coalition-auth__tile-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-coalition-auth__tile-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-auth__tile-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
}

.shared-coalition-auth__tile-copy .shared-card__meta {
  font-size: 0.61rem;
}

.shared-coalition-auth__tile-copy strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 0.98rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-coalition-auth__tile-copy small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.32;
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth {
  --sf-ink: #f8fafc;
  --sf-muted: rgba(232, 238, 248, 0.76);
  --sf-line: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 51, 95, 0.18), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(38, 244, 238, 0.12), transparent 34%),
    rgba(12, 15, 23, 0.94);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth p,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth p {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth__tile,
:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth__module,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth__module,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth__tile {
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth .shared-feed-chip,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth .shared-feed-chip {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.09);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-campaign-dashboard .shared-campaign-auth .shared-feed-chip--primary,
:root[data-polis-theme-resolved="light"] .shared-coalition-workspace .shared-coalition-auth .shared-feed-chip--primary {
  border-color: rgba(255, 51, 95, 0.28);
  background: #f43f6f;
  color: #ffffff;
}

.shared-coalition-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.shared-coalition-access-map {
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background: rgba(10, 12, 18, 0.78);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
  gap: 18px;
  align-items: start;
}

.shared-coalition-access-map--command {
  grid-template-columns: minmax(0, 1fr) minmax(390px, 0.54fr);
}

.shared-coalition-access-map__intro {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-access-map__intro h2 {
  margin: 0;
  max-width: 760px;
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2.3vw, 2.35rem);
  line-height: 1.04;
}

.shared-coalition-access-map__intro p {
  margin: 0;
  max-width: 760px;
  color: var(--sf-muted);
}

.shared-coalition-access-map__metrics,
.shared-coalition-access-map__actions,
.shared-coalition-access-map__lanes,
.shared-coalition-access-map__features {
  display: grid;
  gap: 10px;
}

.shared-coalition-access-map__metrics {
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
}

.shared-coalition-access-map__metrics span,
.shared-coalition-access-action,
.shared-coalition-access-lane,
.shared-coalition-access-lane__items span,
.shared-coalition-access-lane__items button,
.shared-coalition-access-map__features span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-coalition-access-map--command .shared-coalition-access-map__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-coalition-access-map__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
}

.shared-coalition-access-action {
  appearance: none;
  min-height: 74px;
  padding: 12px;
  border-radius: 18px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 3px 10px;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-access-action.is-primary {
  border-color: rgba(255, 51, 95, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.13), transparent 72%),
    rgba(255, 255, 255, 0.055);
}

.shared-coalition-access-action:hover,
.shared-coalition-access-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-coalition-access-action-shell {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 8px;
}

.shared-coalition-access-action-shell.is-primary {
  border-color: rgba(255, 51, 95, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.13), transparent 72%),
    rgba(255, 255, 255, 0.055);
}

.shared-coalition-access-action-shell > .shared-coalition-access-action {
  min-height: 54px;
  padding: 2px;
  border: 0;
  border-radius: 12px;
  background: transparent;
}

.shared-coalition-access-action-shell > .shared-coalition-access-action:hover,
.shared-coalition-access-action-shell > .shared-coalition-access-action:focus-visible {
  background: rgba(38, 244, 238, 0.075);
}

.shared-coalition-access-action__shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 6px;
}

.shared-coalition-access-shortcut {
  appearance: none;
  min-width: 0;
  min-height: 38px;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 12px;
  background: rgba(5, 6, 8, 0.18);
  color: var(--sf-ink);
  display: inline-grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-access-shortcut:hover,
.shared-coalition-access-shortcut:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-coalition-access-shortcut span {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-access-shortcut svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-coalition-access-shortcut strong {
  min-width: 0;
  font-size: 0.76rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-coalition-access-action span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-access-action svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-access-action strong,
.shared-coalition-access-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-access-action strong {
  grid-area: title;
}

.shared-coalition-access-action small {
  grid-area: copy;
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-coalition-access-map__metrics span {
  min-height: 78px;
  padding: 12px;
  border-radius: 20px;
  display: grid;
  align-content: center;
  gap: 2px;
}

.shared-coalition-access-map__metrics strong {
  font-family: var(--sf-font-display);
  font-size: 1.42rem;
}

.shared-coalition-access-map__metrics small,
.shared-coalition-access-map__features small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-coalition-access-lane small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-coalition-access-map__lanes {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.shared-coalition-access-lane {
  padding: 12px;
  border-radius: 20px;
  display: grid;
  align-content: start;
  gap: 12px;
}

.shared-coalition-access-lane__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.shared-coalition-access-lane__header span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-coalition-access-lane__header strong {
  color: var(--sf-ink);
  line-height: 1.2;
}

.shared-coalition-access-lane__header em {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-coalition-access-lane__items {
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-coalition-access-lane__items span,
.shared-coalition-access-lane__items button {
  min-height: 54px;
  padding: 9px 10px;
  border-radius: 14px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
  text-align: left;
}

.shared-coalition-access-lane__items button {
  appearance: none;
  cursor: pointer;
}

.shared-coalition-access-lane__items button:hover,
.shared-coalition-access-lane__items button:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-coalition-access-lane__items .is-live {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.08);
}

.shared-coalition-access-lane__items .is-locked {
  opacity: 0.72;
}

.shared-coalition-access-lane__items i {
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-coalition-access-lane__items svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-coalition-access-lane__items strong,
.shared-coalition-access-lane__items small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-coalition-access-lane__items small {
  grid-column: 2;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-coalition-access-map__features {
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.shared-coalition-access-map__features span {
  min-height: 78px;
  padding: 12px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

.shared-coalition-access-map__features i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-style: normal;
}

.shared-coalition-access-map__features svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-access-map__features strong {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-coalition-access-map__features small {
  grid-column: 2;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-coalition-card {
  min-height: 260px;
  padding: 20px;
  border-radius: 28px;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 18px;
}

.shared-coalition-card__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shared-coalition-card__body .shared-card__actions {
  margin-top: auto;
}

.shared-coalition-card__features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-feature-pill,
.shared-coalition-feature-more {
  min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 800;
  text-decoration: none;
}

.shared-coalition-feature-pill {
  appearance: none;
  padding: 0 10px;
  cursor: pointer;
}

.shared-coalition-feature-pill:hover,
.shared-coalition-feature-pill:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-coalition-feature-pill span {
  width: 15px;
  height: 15px;
  display: inline-flex;
  color: var(--sf-cyan);
}

.shared-coalition-feature-pill svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-coalition-feature-more {
  padding: 0 11px;
  color: var(--sf-muted);
}

.shared-coalition-card__note {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-coalition-avatar,
.shared-coalition-member-row__avatar {
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(255, 51, 95, 0.12));
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-family: var(--sf-font-display);
  font-weight: 800;
}

.shared-coalition-avatar {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  flex: 0 0 auto;
  font-size: 1.45rem;
}

.shared-coalition-avatar--large {
  width: 102px;
  height: 102px;
  border-radius: 30px;
  font-size: 2rem;
}

.shared-coalition-avatar img,
.shared-coalition-member-row__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-coalition-hero {
  padding: clamp(20px, 4vw, 34px);
  border-radius: 32px;
  color: #f7f8fb;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.shared-coalition-hero .shared-card__meta,
.shared-coalition-hero p {
  color: rgba(232, 235, 245, 0.72);
}

.shared-coalition-hero .shared-feed-chip {
  color: #f7f8fb;
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
}

.shared-coalition-hero__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 18px;
}

.shared-coalition-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-coalition-command-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.shared-coalition-command {
  appearance: none;
  min-width: 0;
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon copy";
  gap: 3px 10px;
  cursor: pointer;
}

.shared-coalition-command:hover,
.shared-coalition-command:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-coalition-command--primary {
  border-color: rgba(38, 244, 238, 0.25);
  background: rgba(38, 244, 238, 0.09);
}

.shared-coalition-command span {
  grid-area: icon;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-command svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-coalition-command strong,
.shared-coalition-command small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-command strong {
  grid-area: label;
  align-self: end;
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-coalition-command small {
  grid-area: copy;
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-coalition-tabs {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  overflow-x: visible;
  padding: 2px 2px 10px;
}

.shared-coalition-tab {
  min-height: 48px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.shared-coalition-tab span,
.shared-coalition-room-preview span svg,
.shared-coalition-map-preview span svg {
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.shared-coalition-tab svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-coalition-tab.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.35);
}

.shared-coalition-tab.is-muted {
  opacity: 0.58;
}

.shared-coalition-tab:disabled,
.shared-coalition-tab.is-muted {
  cursor: default;
}

.shared-coalition-tab:disabled:hover {
  border-color: var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
}

.shared-coalition-subnav {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  overflow-x: visible;
  padding: 0 2px 10px;
}

.shared-coalition-section {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.shared-coalition-metrics {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.shared-coalition-metric {
  min-height: 104px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shared-coalition-metric span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-coalition-metric strong {
  font-family: var(--sf-font-display);
  font-size: 1.8rem;
}

.shared-coalition-metric--cyan {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
}

.shared-coalition-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-coalition-overview-grid--members {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.7fr);
}

.shared-coalition-panel {
  padding: 18px;
}

.shared-coalition-panel--wide {
  grid-column: 1 / -1;
}

.shared-coalition-panel--accent {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.07);
}

.shared-coalition-panel__header {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shared-coalition-section-list,
.shared-coalition-contact-list {
  display: grid;
  gap: 10px;
}

.shared-coalition-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.shared-coalition-feature-card {
  appearance: none;
  min-width: 0;
  min-height: 188px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  text-align: left;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  cursor: pointer;
}

.shared-coalition-feature-card:hover,
.shared-coalition-feature-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-coalition-feature-card.is-locked {
  cursor: default;
  opacity: 0.78;
}

.shared-coalition-feature-card.is-locked:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-coalition-feature-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-coalition-feature-card.is-locked .shared-coalition-feature-card__icon {
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.06);
}

.shared-coalition-feature-card__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-coalition-feature-card__body {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.shared-coalition-feature-card__body strong {
  min-width: 0;
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.shared-coalition-feature-card__body small {
  color: var(--sf-muted);
  line-height: 1.42;
}

.shared-coalition-feature-card__body em {
  margin-top: auto;
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-coalition-feature-card.is-locked .shared-coalition-feature-card__body em {
  color: var(--sf-muted);
}

.shared-coalition-feature-card__status {
  color: var(--sf-muted);
}

.shared-coalition-feature-card__status.is-enabled {
  color: var(--sf-cyan);
}

.shared-coalition-contact-list div {
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 4px;
}

.shared-coalition-contact-list div:last-child {
  border-bottom: 0;
}

.shared-coalition-contact-list span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-coalition-contact-list strong {
  overflow-wrap: anywhere;
}

.shared-coalition-route-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.shared-coalition-route-card {
  min-width: 0;
  min-height: 154px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(10, 12, 18, 0.82);
  color: var(--sf-ink);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 10px;
  align-content: start;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-route-card > span {
  width: 34px;
  height: 34px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-coalition-route-card svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-route-card strong,
.shared-coalition-route-card em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-route-card em {
  color: var(--sf-muted);
  font-size: 0.86rem;
  font-style: normal;
  font-weight: 750;
  line-height: 1.45;
}

.shared-coalition-room-preview,
.shared-coalition-map-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.shared-coalition-map-preview--large {
  min-height: 220px;
  align-items: stretch;
}

.shared-coalition-room-preview span,
.shared-coalition-map-preview span {
  min-height: 64px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(5, 6, 8, 0.34);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

.shared-coalition-rooms {
  gap: 14px;
}

.shared-coalition-rooms-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.11), rgba(255, 255, 255, 0.04) 52%, rgba(255, 51, 95, 0.08));
}

.shared-coalition-rooms-hero h2,
.shared-coalition-room-admin h2,
.shared-coalition-room-group h2,
.shared-coalition-room-card h3,
.shared-coalition-room-empty-panel h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  letter-spacing: 0;
}

.shared-coalition-rooms-hero p,
.shared-coalition-room-admin p,
.shared-coalition-room-group p,
.shared-coalition-room-card p,
.shared-coalition-room-empty-panel p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-rooms-hero__actions,
.shared-coalition-room-card__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-rooms-hero__actions {
  justify-content: flex-end;
}

.shared-coalition-rooms-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
  gap: 14px;
  align-items: start;
}

.shared-coalition-room-groups,
.shared-coalition-room-list,
.shared-coalition-room-admin,
.shared-coalition-room-admin__actions {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-room-group__header {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-coalition-room-group__header > span {
  min-width: 42px;
  height: 34px;
  padding-inline: 10px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 900;
}

.shared-coalition-room-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 12px;
}

.shared-coalition-room-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-coalition-room-icon {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-room-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-coalition-room-pills {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-coalition-room-pills span {
  padding: 5px 8px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.shared-coalition-room-pills span.is-good {
  border-color: rgba(56, 210, 157, 0.34);
  background: rgba(56, 210, 157, 0.12);
  color: #8ff1c7;
}

.shared-coalition-room-pills span.is-alert {
  border-color: rgba(255, 209, 102, 0.32);
  background: rgba(255, 209, 102, 0.11);
  color: #ffe08a;
}

.shared-coalition-room-card h3 {
  font-size: 1.02rem;
}

.shared-coalition-room-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-room-card__stats span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.24);
  display: grid;
  gap: 4px;
}

.shared-coalition-room-card__stats strong,
.shared-coalition-room-card__stats small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-room-card__stats strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-coalition-room-card__stats small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-room-admin {
  position: sticky;
  top: 86px;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.07);
  box-shadow: var(--sf-shadow);
}

.shared-coalition-room-admin__button {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.32);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-room-admin__button span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-room-admin__button svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-coalition-room-admin__button strong,
.shared-coalition-room-admin__button small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-room-admin__button strong {
  color: var(--sf-ink);
}

.shared-coalition-room-admin__button small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-coalition-room-empty,
.shared-coalition-room-empty-panel {
  min-width: 0;
  padding: 16px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-coalition-room-empty-panel {
  display: grid;
  gap: 12px;
}

.shared-coalition-room-empty-panel > span {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-voter-map {
  --sf-ink: #101624;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.12);
  --sf-panel-soft: rgba(9, 18, 32, 0.06);
  --sf-red: #d9284d;
  --sf-cyan: #057d84;
  gap: 14px;
  color: var(--sf-ink);
}

.shared-coalition-voter-map-menu {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-voter-map .shared-coalition-panel,
.shared-coalition-voter-map .shared-coalition-metric,
.shared-coalition-voter-map .shared-coalition-route-card,
.shared-coalition-voter-map .shared-coalition-map-detail,
.shared-coalition-voter-map .shared-coalition-map-list-panel {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

.shared-coalition-voter-map .shared-coalition-panel--accent,
.shared-coalition-voter-map .shared-coalition-metric--cyan,
.shared-coalition-voter-map .shared-coalition-map-member-row.is-active {
  border-color: rgba(5, 125, 132, 0.22);
  background: rgba(5, 125, 132, 0.08);
}

.shared-coalition-voter-map .shared-coalition-metric strong,
.shared-coalition-voter-map .shared-coalition-contact-list strong,
.shared-coalition-voter-map .shared-coalition-map-detail__top h3,
.shared-coalition-voter-map .shared-coalition-map-member-row strong,
.shared-coalition-voter-map .shared-coalition-route-card strong {
  color: var(--sf-ink);
}

.shared-coalition-voter-map .shared-coalition-map-preview span,
.shared-coalition-voter-map .shared-coalition-voter-map-district,
.shared-coalition-voter-map .shared-coalition-voter-map-territory,
.shared-coalition-voter-map .shared-coalition-map-member-row {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.06);
  color: var(--sf-ink);
}

.shared-coalition-voter-map .shared-coalition-map-capabilities span {
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
}

.shared-coalition-voter-map .shared-coalition-voter-map-search input,
.shared-coalition-voter-map .shared-coalition-voter-map-viewport-grid input {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.9);
  color: var(--sf-ink);
}

.shared-coalition-voter-map .shared-coalition-browser-map {
  --sf-muted: rgba(232, 235, 245, 0.72);
  border-color: rgba(9, 18, 32, 0.12);
  color: #f7f8fb;
}

.shared-coalition-voter-map .shared-coalition-browser-map__chrome {
  background: rgba(5, 6, 8, 0.24);
}

.shared-coalition-voter-map .shared-coalition-browser-map__chrome span {
  color: rgba(232, 235, 245, 0.78);
}

.shared-coalition-voter-map .shared-coalition-panel {
  min-width: 0;
}

.shared-coalition-voter-map-hero .shared-coalition-panel__header {
  align-items: flex-start;
}

.shared-coalition-voter-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: 14px;
  align-items: start;
}

.shared-coalition-voter-map-search,
.shared-coalition-voter-map-results,
.shared-coalition-voter-map-territories {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-voter-map-search {
  margin-bottom: 14px;
}

.shared-coalition-voter-map-search__address {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-coalition-voter-map-search__address .shared-event-address-lookup__results {
  border-radius: 16px;
  background: rgba(4, 8, 12, 0.82);
}

.shared-coalition-voter-map-search__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(132px, 0.72fr);
  gap: 12px;
}

.shared-coalition-voter-map-search label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-voter-map-search label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-voter-map-search input {
  min-width: 0;
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-voter-map-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-voter-map-district,
.shared-coalition-voter-map-territory {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.shared-coalition-voter-map-district strong,
.shared-coalition-voter-map-territory strong {
  display: block;
  overflow-wrap: anywhere;
}

.shared-coalition-voter-map-district span,
.shared-coalition-voter-map-territory span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-coalition-voter-map-district em {
  align-self: flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-coalition-voter-map-territory__stats {
  flex: 0 0 auto;
  display: grid;
  gap: 4px;
  text-align: right;
}

.shared-coalition-territory-admin-page,
.shared-coalition-territory-admin {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-territory-admin {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  align-items: start;
}

.shared-coalition-territory-admin-hero {
  overflow: hidden;
}

.shared-coalition-territory-admin-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-territory-tabs {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-territory-tab {
  min-width: 0;
  min-height: 68px;
  padding: 12px 14px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--sf-muted);
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-territory-tab:hover,
.shared-coalition-territory-tab:focus-visible,
.shared-coalition-territory-tab.is-active {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-ink);
  outline: none;
}

.shared-coalition-territory-tab strong,
.shared-coalition-territory-tab span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-tab strong {
  color: inherit;
  font-size: 0.94rem;
}

.shared-coalition-territory-tab span {
  font-size: 0.76rem;
  font-weight: 800;
}

.shared-coalition-territory-wizard,
.shared-coalition-territory-editor {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-territory-select,
.shared-coalition-territory-form,
.shared-coalition-territory-admin__forms,
.shared-coalition-territory-assignment-list,
.shared-coalition-territory-unitsets {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-territory-select {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-coalition-territory-select label,
.shared-coalition-territory-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-territory-select label span,
.shared-coalition-territory-form label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-territory-form--dense {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-coalition-territory-form--compact {
  padding-top: 12px;
  border-top: 1px solid rgba(9, 18, 32, 0.08);
}

.shared-coalition-territory-form__wide {
  grid-column: 1 / -1;
}

.shared-coalition-territory-select select,
.shared-coalition-territory-form select,
.shared-coalition-territory-form input,
.shared-coalition-territory-form textarea {
  min-width: 0;
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(9, 18, 32, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-territory-form textarea {
  resize: vertical;
}

.shared-coalition-territory-check {
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--sf-ink);
  font-weight: 850;
}

.shared-coalition-territory-check input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  padding: 0;
}

.shared-coalition-territory-unitset {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.64);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-coalition-territory-unitset.is-selected {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.09);
}

.shared-coalition-territory-unitset strong,
.shared-coalition-territory-unitset span {
  min-width: 0;
  display: block;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-unitset span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-coalition-territory-unitset__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.shared-coalition-territory-unitset__meta span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(9, 18, 32, 0.07);
  color: var(--sf-ink);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-coalition-territory-job {
  overflow: hidden;
}

.shared-coalition-territory-progress {
  min-width: 0;
  padding: 14px;
  border-radius: 18px;
  background: rgba(9, 18, 32, 0.055);
  display: grid;
  gap: 10px;
}

.shared-coalition-territory-progress strong,
.shared-coalition-territory-progress span,
.shared-coalition-territory-progress small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-progress span,
.shared-coalition-territory-progress small {
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-coalition-territory-progress__bar {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(9, 18, 32, 0.11);
}

.shared-coalition-territory-progress__bar span {
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
  background: var(--sf-cyan);
  display: block;
}

.shared-coalition-territory-preview-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-coalition-territory-preview-list span {
  max-width: 100%;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(5, 125, 132, 0.1);
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-result pre {
  max-height: 360px;
  overflow: auto;
  margin: 0;
  padding: 14px;
  border-radius: 16px;
  background: rgba(9, 18, 32, 0.9);
  color: #e8fbff;
  font-size: 0.78rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.shared-coalition-territory-assignment {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(9, 18, 32, 0.1);
  border-radius: 18px;
  background: rgba(9, 18, 32, 0.055);
  display: grid;
  gap: 12px;
}

.shared-coalition-territory-assignment__main {
  min-width: 0;
  display: flex;
  gap: 11px;
  align-items: center;
}

.shared-coalition-territory-assignment__main strong,
.shared-coalition-territory-assignment__main span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-assignment__main span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-coalition-territory-assignment__avatar {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(5, 125, 132, 0.14);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 950;
}

.shared-coalition-territory-assignment__meta {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-territory-assignment__meta span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  display: grid;
  gap: 3px;
}

.shared-coalition-territory-assignment__meta strong {
  color: var(--sf-ink);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.shared-coalition-territory-assignment__meta small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-voter-map-map,
.shared-coalition-map-side-stack,
.shared-coalition-map-member-list {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-voter-map-live {
  overflow: hidden;
}

.shared-coalition-voter-map-viewport-form {
  min-width: 0;
  display: grid;
  gap: 12px;
  margin: 4px 0 14px;
}

.shared-coalition-voter-map-viewport-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-coalition-voter-map-viewport-grid label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-voter-map-viewport-grid label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-voter-map-viewport-grid input {
  min-width: 0;
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-browser-map {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(5, 6, 8, 0.42);
}

.shared-coalition-browser-map__chrome {
  min-width: 0;
  padding: 12px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.shared-coalition-browser-map__chrome span {
  min-width: 0;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.76rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.shared-coalition-browser-map__chrome svg {
  width: 15px;
  height: 15px;
}

.shared-coalition-browser-map__surface {
  position: relative;
  min-height: 430px;
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    radial-gradient(circle at 24% 28%, rgba(38, 244, 238, 0.1), transparent 30%),
    rgba(8, 12, 18, 0.92);
  background-size: 64px 64px, 64px 64px, auto, auto;
  overflow: hidden;
}

.shared-coalition-browser-map__surface::before {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 48% 52% 44% 56%;
  transform: rotate(-7deg);
  pointer-events: none;
}

.shared-coalition-browser-map__axis {
  position: absolute;
  z-index: 1;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
}

.shared-coalition-browser-map__axis.is-north {
  top: 10px;
  left: 50%;
}

.shared-coalition-browser-map__axis.is-south {
  bottom: 10px;
  left: 50%;
}

.shared-coalition-browser-map__axis.is-west {
  top: 50%;
  left: 12px;
}

.shared-coalition-browser-map__axis.is-east {
  top: 50%;
  right: 12px;
}

.shared-coalition-map-badge {
  position: absolute;
  z-index: 2;
  left: var(--member-x);
  top: var(--member-y);
  width: 42px;
  height: 42px;
  border: 2px solid rgba(255, 255, 255, 0.88);
  border-radius: 999px;
  background: var(--member-color, #0f766e);
  color: #fff;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}

.shared-coalition-map-badge::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid color-mix(in srgb, var(--member-color, #0f766e) 70%, transparent);
  border-radius: inherit;
  opacity: 0;
}

.shared-coalition-map-badge.is-active::after,
.shared-coalition-map-badge:focus-visible::after {
  opacity: 1;
}

.shared-coalition-map-badge img,
.shared-coalition-map-detail__avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.shared-coalition-map-badge span {
  font-size: 0.78rem;
  font-weight: 950;
}

.shared-coalition-browser-map__loading,
.shared-coalition-browser-map__empty {
  position: absolute;
  inset: auto 18px 18px 18px;
  z-index: 3;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-muted);
  font-weight: 850;
}

.shared-coalition-map-detail {
  border-color: color-mix(in srgb, var(--member-color, #0f766e) 42%, rgba(255, 255, 255, 0.1));
}

.shared-coalition-map-detail__top {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.shared-coalition-map-detail__top h3,
.shared-coalition-map-detail__top p {
  margin: 0;
}

.shared-coalition-map-detail__top h3 {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-coalition-map-detail__top p {
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 800;
}

.shared-coalition-map-detail__avatar {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  background: var(--member-color, #0f766e);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
}

.shared-coalition-map-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-coalition-map-capabilities span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
}

.shared-coalition-map-list-panel {
  overflow: hidden;
}

.shared-coalition-map-member-row {
  min-width: 0;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 4px 10px;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-map-member-row.is-active {
  border-color: color-mix(in srgb, var(--member-color, #0f766e) 58%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--member-color, #0f766e) 14%, rgba(255, 255, 255, 0.045));
}

.shared-coalition-map-member-row > span {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--member-color, #0f766e);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 950;
}

.shared-coalition-map-member-row strong,
.shared-coalition-map-member-row em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-map-member-row strong {
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-coalition-map-member-row em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 800;
}

.shared-coalition-cta-workspace,
.shared-coalition-cta-event-list,
.shared-coalition-cta-transport-group-list {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-cta-command {
  overflow: hidden;
}

.shared-coalition-cta-command__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.shared-coalition-cta-command__header h2,
.shared-coalition-cta-command__header p {
  margin: 0;
}

.shared-coalition-cta-command__header h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-cta-command__header p {
  margin-top: 6px;
  max-width: 760px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-cta-actions,
.shared-coalition-cta-pills,
.shared-coalition-cta-meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-cta-actions {
  justify-content: flex-end;
}

.shared-coalition-cta-command-grid {
  min-width: 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
}

.shared-coalition-cta-command-card {
  min-width: 0;
  min-height: 132px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.42);
  color: var(--sf-ink);
  display: grid;
  gap: 6px;
  align-content: start;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-cta-command-card:hover,
.shared-coalition-cta-command-card:focus-visible,
.shared-coalition-cta-command-card.is-active {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
}

.shared-coalition-cta-command-card > span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-cta-command-card svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-cta-command-card strong,
.shared-coalition-cta-command-card em,
.shared-coalition-cta-command-card small {
  min-width: 0;
  display: block;
  overflow-wrap: anywhere;
}

.shared-coalition-cta-command-card strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
}

.shared-coalition-cta-command-card em {
  color: var(--sf-ink);
  font-style: normal;
  font-weight: 900;
}

.shared-coalition-cta-command-card small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-cta-grid,
.shared-coalition-cta-transport-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.72fr);
  gap: 14px;
  align-items: start;
}

.shared-coalition-cta-event,
.shared-coalition-cta-transport-group {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
}

.shared-coalition-cta-event__top,
.shared-coalition-cta-transport-group__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-coalition-cta-event h3,
.shared-coalition-cta-event p,
.shared-coalition-cta-transport-group h3,
.shared-coalition-cta-transport-group p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-cta-event h3,
.shared-coalition-cta-transport-group h3 {
  margin-top: 10px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.18rem;
}

.shared-coalition-cta-event p,
.shared-coalition-cta-transport-group p {
  margin-top: 6px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-cta-pill,
.shared-coalition-cta-meta span {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.15;
}

.shared-coalition-cta-pill.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-coalition-cta-pill.is-warn {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-coalition-cta-meta span {
  color: var(--sf-muted);
}

.shared-coalition-cta-meta svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-coalition-cta-date,
.shared-coalition-cta-transport-count {
  min-width: 148px;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.07);
  display: grid;
  gap: 5px;
  text-align: right;
}

.shared-coalition-cta-date span,
.shared-coalition-cta-transport-count span,
.shared-coalition-cta-form label span,
.shared-coalition-cta-form legend,
.shared-coalition-cta-textarea span,
.shared-coalition-cta-transport-stats span,
.shared-coalition-cta-pickup-form label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-cta-date strong,
.shared-coalition-cta-transport-count strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-coalition-cta-form,
.shared-coalition-cta-form-grid,
.shared-coalition-cta-transport-fieldset,
.shared-coalition-cta-transport-settings,
.shared-coalition-cta-pickup-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-cta-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.shared-coalition-cta-form__wide {
  grid-column: 1 / -1;
}

.shared-coalition-cta-form label,
.shared-coalition-cta-textarea,
.shared-coalition-cta-pickup-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-cta-form input,
.shared-coalition-cta-form select,
.shared-coalition-cta-form textarea,
.shared-coalition-cta-pickup-form input {
  min-width: 0;
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-cta-form textarea {
  resize: vertical;
}

.shared-coalition-cta-transport-fieldset {
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-coalition-cta-check {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--sf-ink);
  font-weight: 850;
}

.shared-coalition-cta-check input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: var(--sf-cyan);
}

.shared-coalition-cta-check span {
  color: var(--sf-ink);
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.25;
  text-transform: none;
}

.shared-coalition-cta-transport-stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-cta-transport-stats div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 5px;
}

.shared-coalition-cta-transport-stats strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  overflow-wrap: anywhere;
}

.shared-coalition-cta-pickup-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.shared-coalition-cta-pickup-form label:nth-of-type(1),
.shared-coalition-cta-pickup-form label:nth-of-type(2),
.shared-coalition-cta-pickup-form .shared-feed-chip {
  grid-column: 1 / -1;
}

.shared-coalition-cta-pickup-form .shared-feed-chip {
  justify-self: start;
}

@media (max-width: 1100px) {
  .shared-coalition-voter-map-grid,
  .shared-coalition-voter-map-search__grid,
  .shared-coalition-voter-map-viewport-grid,
  .shared-coalition-territory-admin,
  .shared-coalition-territory-select,
  .shared-coalition-territory-tabs,
  .shared-coalition-territory-form--dense,
  .shared-coalition-cta-grid,
  .shared-coalition-cta-transport-grid,
  .shared-coalition-cta-transport-stats,
  .shared-coalition-cta-pickup-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-voter-map-district,
  .shared-coalition-voter-map-territory,
  .shared-coalition-territory-unitset,
  .shared-coalition-cta-event__top,
  .shared-coalition-cta-transport-group__top,
  .shared-coalition-cta-command__header {
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-voter-map-territory__stats,
  .shared-coalition-territory-unitset__meta,
  .shared-coalition-cta-actions,
  .shared-coalition-cta-date,
  .shared-coalition-cta-transport-count {
    justify-content: flex-start;
    text-align: left;
  }

  .shared-coalition-territory-admin-metrics,
  .shared-coalition-territory-assignment__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-coalition-browser-map__surface {
    min-height: 360px;
    aspect-ratio: 4 / 5;
  }

  .shared-coalition-map-badge {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 640px) {
  .shared-coalition-territory-admin-metrics,
  .shared-coalition-territory-assignment__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-territory-assignment__main {
    align-items: flex-start;
  }
}

.shared-coalition-governance {
  gap: 14px;
}

.shared-coalition-governance .shared-coalition-panel {
  min-width: 0;
}

.shared-coalition-governance-hero .shared-coalition-panel__header {
  align-items: flex-start;
}

.shared-coalition-governance-command {
  overflow: hidden;
}

.shared-coalition-governance-command__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.shared-coalition-governance-command__header h2,
.shared-coalition-governance-command__header p {
  margin: 0;
}

.shared-coalition-governance-command__header h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-governance-command__header p {
  margin-top: 6px;
  max-width: 760px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-governance-command__status {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-coalition-governance-command-grid {
  min-width: 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
}

.shared-coalition-governance-command-card {
  min-width: 0;
  min-height: 128px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.42);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-governance-command-card:hover,
.shared-coalition-governance-command-card:focus-visible,
.shared-coalition-governance-command-card.is-active {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
}

.shared-coalition-governance-command-card.is-good {
  border-color: rgba(56, 210, 157, 0.25);
}

.shared-coalition-governance-command-card.is-warn {
  border-color: rgba(248, 211, 77, 0.26);
}

.shared-coalition-governance-command-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-governance-command-card__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-governance-command-card strong,
.shared-coalition-governance-command-card em,
.shared-coalition-governance-command-card small {
  min-width: 0;
  display: block;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-command-card strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.2rem;
}

.shared-coalition-governance-command-card em {
  margin-top: 3px;
  color: var(--sf-ink);
  font-style: normal;
  font-weight: 900;
}

.shared-coalition-governance-command-card small {
  margin-top: 7px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-governance-actions,
.shared-coalition-governance-pills,
.shared-coalition-governance-meta,
.shared-coalition-governance-options,
.shared-coalition-governance-attachments,
.shared-coalition-governance-access {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-governance-actions {
  justify-content: flex-end;
}

.shared-coalition-governance-vote-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-coalition-governance-focus,
.shared-coalition-governance-focus-stack {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-governance-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.62fr);
  gap: 14px;
  align-items: start;
}

.shared-coalition-governance-main,
.shared-coalition-governance-side,
.shared-coalition-governance-list {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-governance-proposal,
.shared-coalition-governance-vote {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
}

.shared-coalition-governance-proposal__top,
.shared-coalition-governance-vote__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-coalition-governance-proposal h3,
.shared-coalition-governance-vote h3,
.shared-coalition-governance-proposal p,
.shared-coalition-governance-vote p,
.shared-coalition-governance-markdown p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-proposal h3,
.shared-coalition-governance-vote h3 {
  margin-top: 10px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.22rem;
}

.shared-coalition-governance-proposal p,
.shared-coalition-governance-vote p {
  margin-top: 6px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-governance-pill,
.shared-coalition-governance-options span,
.shared-coalition-governance-attachments a,
.shared-coalition-governance-attachments span,
.shared-coalition-governance-meta span {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.15;
  text-decoration: none;
}

.shared-coalition-governance-pill.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-coalition-governance-pill.is-warn {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-coalition-governance-meta span {
  color: var(--sf-muted);
}

.shared-coalition-governance-attachments a svg,
.shared-coalition-governance-attachments span svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-coalition-governance-signatures {
  min-width: 128px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.07);
  text-align: right;
  display: grid;
  gap: 3px;
}

.shared-coalition-governance-signatures strong {
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
}

.shared-coalition-governance-signatures span,
.shared-coalition-governance-form label span,
.shared-coalition-governance-schedule label span,
.shared-coalition-governance-ballot legend,
.shared-coalition-governance-ballot label > span,
.shared-coalition-governance-rule-grid span,
.shared-coalition-governance-markdown span,
.shared-coalition-governance-vote-window span,
.shared-coalition-governance-results__top span,
.shared-coalition-governance-results__metrics span,
.shared-coalition-governance-result-bars div > span,
.shared-coalition-governance-irv__winner > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-governance-next-step {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-coalition-governance-next-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.86rem;
  line-height: 1.35;
}

.shared-coalition-governance-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 5px rgba(38, 244, 238, 0.1);
}

.shared-coalition-governance-status-dot.is-good {
  background: var(--sf-green);
  box-shadow: 0 0 0 5px rgba(56, 210, 157, 0.1);
}

.shared-coalition-governance-status-dot.is-warn {
  background: #f8d34d;
  box-shadow: 0 0 0 5px rgba(248, 211, 77, 0.1);
}

.shared-coalition-governance-progress {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.shared-coalition-governance-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-green));
}

.shared-coalition-governance-stage-row {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.shared-coalition-governance-stage-row span {
  min-width: 0;
  min-height: 30px;
  padding: 7px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.shared-coalition-governance-stage-row span.is-complete {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.08);
  color: var(--sf-green);
}

.shared-coalition-governance-stage-row span.is-current {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
}

.shared-coalition-governance-proposal-brief {
  min-width: 0;
  margin: 2px 0 14px;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(248, 211, 77, 0.045)),
    rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 12px;
  align-items: stretch;
}

.shared-coalition-governance-proposal-brief__primary {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-coalition-governance-proposal-brief__icon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-governance-proposal-brief__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-governance-proposal-brief__primary div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-governance-proposal-brief__primary span:not(.shared-coalition-governance-proposal-brief__icon),
.shared-coalition-governance-proposal-brief__facts small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-coalition-governance-proposal-brief__primary strong,
.shared-coalition-governance-proposal-brief__facts strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-proposal-brief__primary small {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.45;
}

.shared-coalition-governance-proposal-brief__facts {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-governance-proposal-brief__facts span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(7, 10, 16, 0.36);
  display: grid;
  gap: 4px;
}

.shared-coalition-governance-builder-guide {
  min-width: 0;
  margin: -4px 0 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-governance-builder-guide > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.032);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 8px;
  align-content: start;
}

.shared-coalition-governance-builder-guide > div > span {
  grid-row: 1 / 3;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 950;
}

.shared-coalition-governance-builder-guide strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.82rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-builder-guide small {
  min-width: 0;
  grid-column: 2;
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.34;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-form {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-coalition-governance-form-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 12px;
}

.shared-coalition-governance-form-section.is-hidden {
  display: none;
}

.shared-coalition-governance-form-section__header {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-coalition-governance-form-section__header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-coalition-governance-form-section__header span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.45;
}

.shared-coalition-governance-rule-form-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.shared-coalition-governance-form label,
.shared-coalition-governance-schedule label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-governance-form .is-wide {
  grid-column: span 1;
}

.shared-coalition-governance-form .is-full,
.shared-coalition-governance-form__actions {
  grid-column: 1 / -1;
}

.shared-coalition-governance-form input,
.shared-coalition-governance-form select,
.shared-coalition-governance-form textarea,
.shared-coalition-governance-schedule input,
.shared-coalition-governance-ballot select {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-governance-form input,
.shared-coalition-governance-form select,
.shared-coalition-governance-schedule input,
.shared-coalition-governance-ballot select {
  height: 42px;
  padding: 0 12px;
}

.shared-coalition-governance-form textarea {
  min-height: 96px;
  padding: 12px;
  resize: vertical;
}

.shared-coalition-governance-proposal-type-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-governance-type-card {
  position: relative;
  min-width: 0;
  min-height: 146px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(7, 10, 16, 0.62);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  cursor: pointer;
}

.shared-coalition-governance-type-card input {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-coalition-governance-type-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-governance-type-card__icon svg,
.shared-coalition-governance-icon-button svg,
.shared-coalition-governance-file-pick svg,
.shared-coalition-governance-actions .shared-feed-chip svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-coalition-governance-type-card__body {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding-right: 48px;
  text-transform: none;
}

.shared-coalition-governance-type-card__body strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  line-height: 1.2;
  text-transform: none;
}

.shared-coalition-governance-type-card__body small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
  text-transform: none;
}

.shared-coalition-governance-type-card__body em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-ink);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.shared-coalition-governance-type-card__badge {
  position: absolute;
  top: 11px;
  right: 11px;
  max-width: 68px;
  padding: 5px 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.66rem;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-transform: none;
}

.shared-coalition-governance-type-card:hover,
.shared-coalition-governance-type-card:focus-within,
.shared-coalition-governance-type-card.is-active,
.shared-coalition-governance-type-card:has(input:checked) {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
}

.shared-coalition-governance-type-card.is-active .shared-coalition-governance-type-card__badge,
.shared-coalition-governance-type-card:has(input:checked) .shared-coalition-governance-type-card__badge {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-coalition-governance-option-list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-governance-option-row {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(7, 10, 16, 0.52);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 40px;
  gap: 10px;
  align-items: end;
}

.shared-coalition-governance-option-row__index {
  width: 36px;
  height: 40px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-size: 0.92rem;
  font-weight: 950;
}

.shared-coalition-governance-icon-button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.shared-coalition-governance-icon-button:hover,
.shared-coalition-governance-icon-button:focus-visible {
  border-color: rgba(248, 211, 77, 0.3);
  color: #f8d34d;
}

.shared-coalition-governance-icon-button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.shared-coalition-governance-form input[type="file"] {
  height: auto;
  padding: 10px 12px;
}

.shared-coalition-governance-file-pick {
  min-width: 0;
  min-height: 76px;
  padding: 14px;
  border: 1px dashed rgba(38, 244, 238, 0.28);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-governance-file-pick__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-governance-file-pick__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: var(--sf-ink);
  text-transform: none;
}

.shared-coalition-governance-file-pick__copy strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.94rem;
  line-height: 1.2;
  text-transform: none;
}

.shared-coalition-governance-file-pick__copy small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 780;
  line-height: 1.35;
  text-transform: none;
}

.shared-coalition-governance-file-pick > span:not(.shared-coalition-governance-file-pick__copy):not(.shared-coalition-governance-file-pick__icon) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-coalition-governance-file-pick input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-coalition-governance-attachment-summary {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-attachment-summary.has-files {
  border-color: rgba(38, 244, 238, 0.2);
  background: rgba(38, 244, 238, 0.07);
  color: var(--sf-ink);
}

.shared-coalition-governance-attachment-summary__empty {
  color: var(--sf-muted);
}

.shared-coalition-governance-attachment-summary__files {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-governance-attachment-summary__files span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-coalition-governance-attachment-summary__files svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-coalition-governance-attachment-summary small {
  display: block;
  margin-top: 7px;
  color: inherit;
  font-size: 0.76rem;
}

.shared-coalition-governance-attachment-summary.is-warn {
  border-color: rgba(248, 211, 77, 0.3);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-coalition-governance-form__actions {
  display: flex;
  justify-content: flex-end;
}

.shared-coalition-governance-schedule {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: end;
}

.shared-coalition-governance-schedule.is-compact {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.shared-coalition-governance-speaker-panel {
  overflow: hidden;
}

.shared-coalition-governance-speaker-summary,
.shared-coalition-governance-speaker-metrics {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-governance-speaker-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-coalition-governance-speaker-metrics {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.shared-coalition-governance-speaker-metric {
  min-width: 0;
  min-height: 82px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: center;
  gap: 4px;
}

.shared-coalition-governance-speaker-metric.is-good {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.08);
}

.shared-coalition-governance-speaker-metric.is-warn {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
}

.shared-coalition-governance-speaker-metric span,
.shared-coalition-governance-speaker-deadline small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-governance-speaker-metric strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.34rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-speaker-metric small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-speaker-list {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-coalition-governance-speaker-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
}

.shared-coalition-governance-speaker-card.is-good {
  border-color: rgba(56, 210, 157, 0.22);
}

.shared-coalition-governance-speaker-card.is-warn {
  border-color: rgba(248, 211, 77, 0.26);
}

.shared-coalition-governance-speaker-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.34fr);
  gap: 14px;
  align-items: start;
}

.shared-coalition-governance-speaker-card h3,
.shared-coalition-governance-speaker-card p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-speaker-card h3 {
  margin-top: 10px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.24rem;
}

.shared-coalition-governance-speaker-card p {
  margin-top: 6px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-governance-speaker-deadline {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 5px 10px;
  align-items: center;
}

.shared-coalition-governance-speaker-deadline.is-good {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.08);
}

.shared-coalition-governance-speaker-deadline.is-warn {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
}

.shared-coalition-governance-speaker-deadline > span {
  grid-row: span 2;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-governance-speaker-deadline.is-good > span {
  color: var(--sf-green);
  background: rgba(56, 210, 157, 0.12);
}

.shared-coalition-governance-speaker-deadline.is-warn > span {
  color: #f8d34d;
  background: rgba(248, 211, 77, 0.12);
}

.shared-coalition-governance-speaker-deadline svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-governance-speaker-deadline strong,
.shared-coalition-governance-speaker-deadline small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-speaker-deadline strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.12rem;
  line-height: 1.1;
}

.shared-coalition-governance-speaker-schedule {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-coalition-governance-speaker-schedule__intro {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-coalition-governance-speaker-schedule__intro strong,
.shared-coalition-governance-speaker-schedule__intro span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-speaker-schedule__intro strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-governance-speaker-schedule__intro span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-coalition-governance-ballot {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-governance-ballot fieldset {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.shared-coalition-governance-ballot label {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-coalition-governance-ballot input[type="radio"] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--sf-cyan);
}

.shared-coalition-governance-ballot--ranked fieldset {
  grid-template-columns: minmax(0, 1fr);
  padding: 14px;
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.035);
}

.shared-coalition-governance-ballot__hint {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-coalition-governance-ballot__intro {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-coalition-governance-ballot__intro span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-governance-rank-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-coalition-governance-rank-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-coalition-governance-rank-item.is-top {
  border-color: rgba(38, 244, 238, 0.24);
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.12), rgba(255, 255, 255, 0.04));
}

.shared-coalition-governance-rank-item__position {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-size: 0.9rem;
  font-weight: 900;
}

.shared-coalition-governance-rank-item__main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-governance-rank-item__main strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-coalition-governance-rank-item__main span {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-coalition-governance-rank-item__tools {
  display: flex;
  gap: 6px;
}

.shared-coalition-governance-rank-button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.shared-coalition-governance-rank-button svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-coalition-governance-rank-button:hover,
.shared-coalition-governance-rank-button:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-coalition-governance-rank-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.shared-coalition-governance-ballot__submit {
  justify-self: end;
  min-width: 180px;
  justify-content: center;
}

.shared-coalition-governance-vote-window {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-governance-vote-window div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 5px;
}

.shared-coalition-governance-vote-window strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-coalition-governance-rule-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-coalition-governance-rule-grid div,
.shared-coalition-governance-markdown,
.shared-coalition-governance-results,
.shared-coalition-governance-irv > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 6px;
}

.shared-coalition-governance-rule-grid strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-markdown {
  margin-top: 12px;
}

.shared-coalition-governance-markdown p {
  color: var(--sf-ink);
  line-height: 1.55;
  white-space: pre-wrap;
}

.shared-coalition-governance-results {
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.055);
}

.shared-coalition-governance-results__top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-coalition-governance-results__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-coalition-governance-results__metrics div {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
}

.shared-coalition-governance-results__metrics strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-coalition-governance-result-bars {
  display: grid;
  gap: 9px;
}

.shared-coalition-governance-result-bars div {
  min-width: 0;
  display: grid;
  grid-template-columns: 74px 48px minmax(0, 1fr) 44px;
  gap: 8px;
  align-items: center;
}

.shared-coalition-governance-result-bars em {
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.shared-coalition-governance-result-bars i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sf-cyan);
}

.shared-coalition-governance-result-bars small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: right;
}

.shared-coalition-governance-irv {
  display: grid;
  gap: 10px;
}

.shared-coalition-governance-irv-rounds {
  display: grid;
  gap: 8px;
}

.shared-coalition-governance-irv-round {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 10px;
}

.shared-coalition-governance-irv-round__top {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.shared-coalition-governance-irv-round__top > strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-governance-irv-round__tallies {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.shared-coalition-governance-irv-round__tallies span {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.shared-coalition-governance-irv-round__tallies em,
.shared-coalition-governance-irv-round__tallies strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-governance-irv-round__tallies em {
  color: var(--sf-muted);
  font-style: normal;
  font-weight: 800;
}

.shared-coalition-governance-irv-round__tallies strong {
  color: var(--sf-ink);
  font-weight: 950;
}

@media (max-width: 1200px) {
  .shared-coalition-governance-grid,
  .shared-coalition-governance-speaker-summary,
  .shared-coalition-governance-schedule {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-governance-side {
    order: -1;
  }
}

@media (max-width: 760px) {
  .shared-coalition-governance-command__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-governance-command__status {
    justify-content: flex-start;
  }

  .shared-coalition-governance-actions,
  .shared-coalition-governance-form__actions,
  .shared-coalition-governance-vote-actions {
    justify-content: flex-start;
  }

  .shared-coalition-governance-proposal__top,
  .shared-coalition-governance-vote__top,
  .shared-coalition-governance-speaker-card__top,
  .shared-coalition-governance-proposal-brief,
  .shared-coalition-governance-proposal-brief__facts,
  .shared-coalition-governance-builder-guide,
  .shared-coalition-governance-form,
  .shared-coalition-governance-proposal-type-grid,
  .shared-coalition-governance-rule-grid,
  .shared-coalition-governance-vote-window {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-governance-proposal-brief__primary {
    align-items: start;
  }

  .shared-coalition-governance-type-card {
    min-height: 0;
  }

  .shared-coalition-governance-type-card__body {
    padding-right: 58px;
  }

  .shared-coalition-governance-file-pick {
    min-height: 72px;
  }

  .shared-coalition-governance-stage-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-coalition-governance-signatures {
    text-align: left;
  }

  .shared-coalition-governance-result-bars div {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-governance-results__metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-governance-ballot--ranked fieldset {
    padding: 10px;
    border-radius: 16px;
  }

  .shared-coalition-governance-ballot__intro {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .shared-coalition-governance-result-bars small {
    text-align: left;
  }

  .shared-coalition-governance-rank-item {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 10px;
    border-radius: 15px;
  }

  .shared-coalition-governance-rank-item__tools {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .shared-coalition-governance-rank-button {
    width: 100%;
    min-height: 40px;
  }

  .shared-coalition-governance-ballot__submit {
    width: 100%;
    min-width: 0;
    justify-self: stretch;
  }
}

.shared-coalition-admin {
  gap: 14px;
}

.shared-coalition-admin-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.shared-coalition-admin-grid div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  display: grid;
  gap: 5px;
}

.shared-coalition-admin-grid span,
.shared-coalition-profile-form label span,
.shared-coalition-profile-form__toggle span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-admin-grid strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-profile-form {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-coalition-profile-form label:not(.shared-coalition-profile-form__toggle) {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-profile-form .is-wide {
  grid-column: span 1;
}

.shared-coalition-profile-form .is-full,
.shared-coalition-profile-form__actions {
  grid-column: 1 / -1;
}

.shared-coalition-profile-form input,
.shared-coalition-profile-form select,
.shared-coalition-profile-form textarea {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-profile-form input,
.shared-coalition-profile-form select {
  height: 42px;
  padding: 0 12px;
}

.shared-coalition-profile-form textarea {
  min-height: 96px;
  padding: 12px;
  resize: vertical;
}

.shared-coalition-profile-form__toggle {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  gap: 10px;
}

.shared-coalition-profile-form__toggle input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--sf-cyan);
}

.shared-coalition-profile-form__actions {
  display: flex;
  justify-content: flex-end;
}

.shared-coalition-image-picker {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-coalition-image-picker__file {
  display: none;
}

.shared-coalition-image-picker__preview {
  position: relative;
  min-width: 0;
  height: clamp(150px, 16vw, 210px);
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), rgba(255, 51, 95, 0.08)),
    rgba(5, 6, 8, 0.42);
  overflow: hidden;
  display: grid;
  place-items: center;
}

.shared-coalition-image-picker__preview img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  display: block;
}

.shared-coalition-image-picker__preview > div {
  max-width: 360px;
  padding: 22px;
  display: grid;
  justify-items: center;
  gap: 9px;
  text-align: center;
}

.shared-coalition-image-picker__preview > div svg {
  width: 42px;
  height: 42px;
  fill: var(--sf-cyan);
}

.shared-coalition-image-picker__preview strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.12rem;
}

.shared-coalition-image-picker__preview span,
.shared-coalition-image-picker__meta span,
.shared-coalition-image-picker__error {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-coalition-image-picker__preview > .shared-feed-chip {
  position: absolute;
  right: 12px;
  top: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.shared-coalition-image-picker__url {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-image-picker__meta {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-coalition-image-picker__error {
  grid-column: 1 / -1;
  color: #ff8aa3;
  font-weight: 850;
}

.shared-coalition-empty-state {
  min-width: 0;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.06)),
    rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
  justify-items: start;
}

.shared-coalition-empty-state > span {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-empty-state > span svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-coalition-empty-state h2,
.shared-coalition-empty-state p {
  margin: 0;
}

.shared-coalition-empty-state h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.35rem, 3vw, 2.1rem);
  line-height: 1.05;
}

.shared-coalition-empty-state p {
  max-width: 620px;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-coalition-onboarding-header {
  align-items: flex-start;
}

.shared-coalition-onboarding {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 16px;
  align-items: start;
}

.shared-coalition-onboarding--join {
  grid-template-columns: minmax(0, 0.78fr) minmax(320px, 0.42fr);
}

.shared-coalition-onboarding-form,
.shared-coalition-join-form {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-coalition-choice-grid,
.shared-coalition-social-grid {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-coalition-social-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.shared-coalition-pac-block {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-pac-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-coalition-choice-grid legend,
.shared-coalition-social-grid legend,
.shared-coalition-join-form label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-choice-grid legend,
.shared-coalition-social-grid legend {
  margin-bottom: 8px;
}

.shared-coalition-choice {
  position: relative;
  min-width: 0;
  min-height: 148px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.38);
  display: grid;
  gap: 9px;
  align-content: start;
  cursor: pointer;
}

.shared-coalition-choice:has(input:checked) {
  border-color: rgba(38, 244, 238, 0.56);
  background: rgba(38, 244, 238, 0.08);
}

.shared-coalition-choice input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.shared-coalition-profile-form .shared-coalition-choice > span,
.shared-coalition-choice > span {
  width: 34px;
  height: 34px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-choice svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-choice strong,
.shared-coalition-choice em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-choice em {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.45;
}

.shared-coalition-pac-block:not(:has(input[name="pacAssociated"][value="true"]:checked)) .shared-coalition-fec-field {
  display: none;
}

.shared-coalition-fec-field em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.35;
}

.shared-coalition-onboarding-side,
.shared-coalition-onboarding-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-coalition-onboarding-status,
.shared-coalition-onboarding-empty {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.07);
  display: grid;
  gap: 5px;
}

.shared-coalition-onboarding-status strong,
.shared-coalition-onboarding-status span,
.shared-coalition-onboarding-empty {
  overflow-wrap: anywhere;
}

.shared-coalition-onboarding-status span,
.shared-coalition-onboarding-empty {
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 820;
}

.shared-coalition-onboarding-status .shared-feed-chip {
  justify-self: start;
  margin-top: 4px;
}

.shared-coalition-onboarding-checklist ol {
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}

.shared-coalition-onboarding-checklist li {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.28);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-coalition-onboarding-checklist li > span {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  font-size: 0.8rem;
  font-weight: 950;
}

.shared-coalition-onboarding-checklist li div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-onboarding-checklist strong,
.shared-coalition-onboarding-checklist em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-onboarding-checklist em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-start-readiness {
  display: grid;
  gap: 12px;
}

.shared-coalition-start-readiness .shared-coalition-panel__header {
  margin-bottom: 0;
}

.shared-coalition-start-readiness .shared-coalition-panel__header strong {
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
  line-height: 1;
}

.shared-coalition-start-meter {
  height: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.shared-coalition-start-meter span {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-green));
  display: block;
  transition: width 180ms ease;
}

.shared-coalition-start-readiness ul {
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}

.shared-coalition-start-readiness li {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.3);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-coalition-start-readiness li.is-complete {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.08);
}

.shared-coalition-start-readiness li > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-coalition-start-readiness li.is-complete > span {
  background: rgba(56, 210, 157, 0.13);
  color: var(--sf-green);
}

.shared-coalition-start-readiness svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-start-readiness li div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-start-readiness strong,
.shared-coalition-start-readiness em,
.shared-coalition-start-readiness small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-start-readiness em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-start-readiness small {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-coalition-start-readiness li.is-complete small {
  background: rgba(56, 210, 157, 0.14);
  color: var(--sf-green);
}

.shared-coalition-onboarding-row {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.34);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-coalition-onboarding-row span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-onboarding-row strong,
.shared-coalition-onboarding-row em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-onboarding-row em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 800;
}

.shared-coalition-avatar--small {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 0.95rem;
}

.shared-coalition-onboarding-row .shared-coalition-avatar--small {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.shared-coalition-join-form {
  display: grid;
  gap: 14px;
}

.shared-coalition-join-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-join-input {
  position: relative;
}

.shared-coalition-join-form input {
  min-width: 0;
  width: 100%;
  height: 46px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 850;
}

.shared-coalition-join-preview {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(56, 210, 157, 0.24);
  border-radius: 16px;
  background: rgba(56, 210, 157, 0.08);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}

.shared-coalition-join-preview.is-empty {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-coalition-join-preview > span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(56, 210, 157, 0.12);
  color: var(--sf-green);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-join-preview.is-empty > span {
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-coalition-join-preview svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-join-preview div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-coalition-join-preview small,
.shared-coalition-join-preview strong,
.shared-coalition-join-preview em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-join-preview small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-join-preview strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.04rem;
}

.shared-coalition-join-preview em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-join-help {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.065);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-coalition-join-help > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-join-help svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-join-help div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-coalition-join-help strong,
.shared-coalition-join-help em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-join-help em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .shared-coalition-profile-form,
  .shared-coalition-image-picker,
  .shared-coalition-choice-grid,
  .shared-coalition-pac-choice-grid,
  .shared-coalition-onboarding,
  .shared-coalition-onboarding--join {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-image-picker__preview {
    height: min(220px, 58vw);
  }

  .shared-coalition-profile-form__actions {
    justify-content: flex-start;
  }

  .shared-coalition-image-picker__preview > .shared-feed-chip {
    left: 12px;
    right: auto;
  }

  .shared-coalition-image-picker__meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-coalition-join-preview,
  .shared-coalition-join-help,
  .shared-coalition-start-readiness li {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-start-readiness small {
    justify-self: start;
  }
}

.shared-coalition-member-row {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
}

.shared-coalition-member-row__avatar {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 0.95rem;
}

.shared-coalition-access .shared-campaign-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-coalition-access-form-grid {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.7fr);
}

.shared-coalition-access-request-row .shared-campaign-staff-row-actions {
  align-items: center;
}

.shared-coalition-amplify .shared-coalition-panel {
  min-width: 0;
}

.shared-coalition-amplify-hero .shared-coalition-panel__header {
  align-items: flex-start;
}

.shared-coalition-amplify-command {
  overflow: hidden;
}

.shared-coalition-amplify-command__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.shared-coalition-amplify-command__header h2,
.shared-coalition-amplify-command__header p {
  margin: 0;
}

.shared-coalition-amplify-command__header h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-amplify-command__header p {
  margin-top: 6px;
  max-width: 760px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-amplify-command-grid {
  min-width: 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
}

.shared-coalition-amplify-command-card {
  min-width: 0;
  min-height: 126px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.42);
  display: grid;
  gap: 5px;
  align-content: start;
}

.shared-coalition-amplify-command-card > span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-coalition-amplify-command-card svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-coalition-amplify-command-card strong,
.shared-coalition-amplify-command-card em,
.shared-coalition-amplify-command-card small {
  min-width: 0;
  display: block;
  overflow-wrap: anywhere;
}

.shared-coalition-amplify-command-card strong {
  margin-top: 4px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.18rem;
}

.shared-coalition-amplify-command-card em {
  color: var(--sf-ink);
  font-style: normal;
  font-weight: 900;
}

.shared-coalition-amplify-command-card small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.4;
}

.shared-coalition-amplify-actions,
.shared-coalition-amplify-links,
.shared-coalition-amplify-tags,
.shared-coalition-amplify-meta,
.shared-coalition-amplify-status-row {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-coalition-amplify-actions {
  justify-content: flex-end;
}

.shared-coalition-amplify-list {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.shared-coalition-amplify-card {
  min-width: 0;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 14px;
}

.shared-coalition-amplify-card.is-done {
  border-color: rgba(56, 210, 157, 0.22);
}

.shared-coalition-amplify-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 230px);
  gap: 14px;
  align-items: start;
}

.shared-coalition-amplify-card h3,
.shared-coalition-amplify-card p,
.shared-coalition-amplify-copy p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-coalition-amplify-card h3 {
  margin-top: 10px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-coalition-amplify-card p {
  margin-top: 6px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-coalition-amplify-sharekit {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.14);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.045);
  display: grid;
  gap: 10px;
}

.shared-coalition-amplify-copy {
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(5, 6, 8, 0.22);
  display: grid;
  gap: 6px;
}

.shared-coalition-amplify-copy__top {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.shared-coalition-amplify-pill,
.shared-coalition-amplify-priority-badge {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.15;
}

.shared-coalition-amplify-priority-badge {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-coalition-amplify-pill.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-coalition-amplify-pill.is-warn {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-coalition-amplify-copy span,
.shared-coalition-amplify-priority label span,
.shared-coalition-amplify-response label span,
.shared-coalition-amplify-platforms legend {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-amplify-copy p {
  color: var(--sf-ink);
  white-space: pre-wrap;
}

.shared-coalition-amplify-links a,
.shared-coalition-amplify-tags span,
.shared-coalition-amplify-meta span {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  font-weight: 850;
  text-decoration: none;
}

.shared-coalition-amplify-links a svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-coalition-amplify-hint {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.4;
}

.shared-coalition-amplify-meta span {
  color: var(--sf-muted);
}

.shared-coalition-amplify-priority,
.shared-coalition-amplify-response {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-coalition-amplify-response {
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-coalition-amplify-response__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.shared-coalition-amplify-response__header span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-coalition-amplify-response__header strong {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-ink);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.shared-coalition-amplify-priority {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-coalition-amplify-priority label,
.shared-coalition-amplify-response label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-coalition-amplify-priority input,
.shared-coalition-amplify-response textarea {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-coalition-amplify-priority input {
  height: 42px;
  padding: 0 12px;
}

.shared-coalition-amplify-response textarea {
  min-height: 74px;
  padding: 12px;
  resize: vertical;
}

.shared-coalition-amplify-platforms {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}

.shared-coalition-amplify-platforms label {
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-ink);
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-coalition-amplify-platforms label:has(input:checked) {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.12);
}

.shared-coalition-amplify-platforms input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--sf-cyan);
}

.shared-coalition-amplify-form-grid .is-wide {
  grid-column: span 2;
}

.shared-coalition-amplify-form-grid .is-full {
  grid-column: 1 / -1;
}

@media (max-width: 760px) {
  .shared-coalition-amplify-command__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-amplify-card__top,
  .shared-coalition-amplify-priority {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-coalition-amplify-card {
    padding: 12px;
    border-radius: 18px;
    gap: 12px;
  }

  .shared-coalition-amplify-card h3 {
    margin-top: 8px;
  }

  .shared-coalition-amplify-sharekit,
  .shared-coalition-amplify-response {
    padding: 10px;
    border-radius: 16px;
  }

  .shared-coalition-amplify-actions {
    justify-content: flex-start;
  }

  .shared-coalition-amplify-platforms {
    padding: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-coalition-amplify-response__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-coalition-amplify-form-grid .is-wide {
    grid-column: 1 / -1;
  }
}

.shared-missions-page .shared-page__content {
  gap: 18px;
}

.shared-missions-auth,
.shared-missions-header,
.shared-missions-panel,
.shared-missions-create-cta,
.shared-missions-create-toolbar,
.shared-mission-detail-hero,
.shared-mission-card,
.shared-mission-job {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  color: var(--sf-ink);
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-missions-auth {
  min-height: min(68vh, 680px);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(360px, 0.68fr) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
  overflow: hidden;
}

.shared-missions-auth__copy {
  min-width: 0;
  display: grid;
  gap: 18px;
  align-content: start;
}

.shared-missions-auth__workspace {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-missions-command-preview {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.11), transparent 42%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 14px;
}

.shared-missions-command-preview header,
.shared-missions-command-preview footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-missions-command-preview header > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-missions-command-preview header svg,
.shared-missions-command-preview footer svg,
.shared-missions-command-preview__metrics svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-missions-command-preview header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-missions-command-preview header small,
.shared-missions-command-preview__metrics small,
.shared-missions-command-preview__queue span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-missions-command-preview header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1.05;
}

.shared-missions-command-preview__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-missions-command-preview__metrics article {
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 9px;
}

.shared-missions-command-preview__metrics article > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  display: grid;
  place-items: center;
}

.shared-missions-command-preview__metrics article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-missions-command-preview__metrics strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-missions-command-preview__metrics p {
  margin: 0;
  max-width: none;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-missions-command-preview__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-missions-command-preview__queue article {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.42);
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-missions-command-preview__queue strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.16;
  overflow-wrap: break-word;
}

.shared-missions-command-preview__queue em {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-missions-command-preview footer {
  min-width: 0;
  padding-top: 2px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-missions-command-preview footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
}

.shared-missions-auth h1,
.shared-missions-header h1,
.shared-missions-panel h2,
.shared-missions-panel h3,
.shared-mission-detail-hero h1,
.shared-mission-job h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-missions-auth h1 {
  max-width: 620px;
  font-size: clamp(2.25rem, 3.7vw, 3.75rem);
  line-height: 1.02;
  text-wrap: balance;
}

.shared-missions-auth p,
.shared-missions-header p,
.shared-missions-panel p,
.shared-mission-detail-hero p,
.shared-mission-job p {
  max-width: 760px;
  color: var(--sf-muted);
}

.shared-missions-auth p {
  max-width: 540px;
  line-height: 1.52;
}

.shared-missions-auth__grid,
.shared-missions-scope-grid,
.shared-missions-scope-list,
.shared-missions-list,
.shared-missions-create-workspace,
.shared-mission-jobs {
  display: grid;
  gap: 14px;
}

.shared-missions-auth__grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.shared-missions-auth__tile {
  min-width: 0;
  min-height: 132px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: end;
  gap: 7px;
}

.shared-missions-auth__tile strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.98rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-missions-auth__tile small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.32;
}

.shared-missions-header {
  padding: clamp(20px, 4vw, 34px);
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}

.shared-missions-header__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-missions-scope-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.shared-missions-panel {
  padding: 18px;
  border-radius: 24px;
}

.shared-missions-create-workspace {
  min-width: 0;
}

.shared-missions-create-cta,
.shared-missions-create-toolbar {
  min-width: 0;
  padding: 16px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.shared-missions-create-toolbar {
  grid-template-columns: 48px minmax(0, 1fr);
}

.shared-missions-create-cta > span,
.shared-missions-create-toolbar > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-missions-create-cta svg,
.shared-missions-create-toolbar svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-missions-create-cta strong,
.shared-missions-create-toolbar strong {
  display: block;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
}

.shared-missions-create-cta p,
.shared-missions-create-toolbar p {
  margin: 4px 0 0;
  color: var(--sf-muted);
}

@media (max-width: 680px) {
  .shared-missions-create-cta,
  .shared-missions-create-toolbar {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .shared-missions-create-cta > span,
  .shared-missions-create-toolbar > span {
    width: 44px;
    height: 44px;
  }
}

.shared-missions-panel--accent {
  border-color: rgba(38, 244, 238, 0.24);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.18), rgba(10, 12, 18, 0.92) 58%),
    rgba(10, 12, 18, 0.9);
}

.shared-missions-panel--accent h2,
.shared-missions-panel--accent h3 {
  color: #f7f8fb;
}

.shared-missions-panel--accent p {
  color: rgba(232, 235, 245, 0.8);
}

.shared-missions-panel__header {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shared-missions-scope-card {
  width: 100%;
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-missions-scope-card:hover,
.shared-missions-scope-card:focus-visible,
.shared-mission-card__main:hover,
.shared-mission-card__main:focus-visible {
  border-color: rgba(38, 244, 238, 0.35);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-missions-scope-card__icon,
.shared-mission-card__status {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #c6fffb;
  background: rgba(38, 244, 238, 0.1);
  border: 1px solid rgba(38, 244, 238, 0.16);
}

.shared-missions-scope-card__icon svg,
.shared-mission-card__status svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-missions-scope-card__body,
.shared-mission-card__body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-missions-scope-card__body span,
.shared-mission-card__body span,
.shared-mission-card__side small {
  color: var(--sf-muted);
}

.shared-missions-tabs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 2px 10px;
  scrollbar-width: thin;
}

.shared-missions-tab {
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.shared-missions-tab.is-active {
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.35);
  background: rgba(255, 255, 255, 0.1);
}

.shared-missions-filter {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, 0.38fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-missions-filter label {
  display: grid;
  gap: 8px;
}

.shared-missions-filter label span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-missions-filter input,
.shared-missions-filter select {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
}

.shared-missions-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

.shared-missions-metrics div {
  min-height: 96px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shared-missions-metrics span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-missions-metrics strong {
  font-family: var(--sf-font-display);
  font-size: 1.7rem;
}

.shared-missions-command {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.12);
  padding: 18px;
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(255, 59, 92, 0.08)),
    rgba(10, 12, 18, 0.88);
  color: var(--sf-ink);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 16px;
}

.shared-missions-command__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
}

.shared-missions-command__main h2 {
  margin: 8px 0 6px;
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  line-height: 1.02;
}

.shared-missions-command__main p {
  max-width: 780px;
  margin: 0;
  color: var(--sf-muted);
}

.shared-missions-command__actions,
.shared-mission-job-controls__actions,
.shared-mission-action-draft__actions,
.shared-mission-admin-actions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-missions-command__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 10px;
}

.shared-missions-command__metrics div {
  min-height: 82px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  align-content: space-between;
  gap: 10px;
}

.shared-missions-command__metrics span,
.shared-mission-guidance span,
.shared-mission-action-draft p,
.shared-mission-action-draft label span,
.shared-mission-job-controls > span {
  color: var(--sf-muted);
}

.shared-missions-command__metrics span {
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-missions-command__metrics strong {
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
}

.shared-missions-command__focus {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

.shared-missions-focus-chip {
  min-width: 126px;
  min-height: 56px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  gap: 4px;
  text-align: left;
  cursor: pointer;
}

.shared-missions-focus-chip span,
.shared-missions-focus-chip strong {
  display: block;
}

.shared-missions-focus-chip span {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-missions-focus-chip strong {
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-missions-focus-chip:hover,
.shared-missions-focus-chip:focus-visible,
.shared-missions-focus-chip.is-active {
  border-color: rgba(38, 244, 238, 0.35);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-missions-staff-workspace,
.shared-missions-admin-workspace {
  display: grid;
  gap: 16px;
}

.shared-missions-admin-workspace .shared-campaign-mission-board {
  margin: 0;
}

.shared-mission-card {
  border-radius: 24px;
  overflow: hidden;
}

.shared-mission-card__main {
  width: 100%;
  min-height: 104px;
  padding: 16px;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(132px, auto);
  gap: 14px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-mission-card__body strong {
  font-size: 1.03rem;
}

.shared-mission-card__side {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.shared-mission-card__metrics {
  padding: 12px 16px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-mission-card__metrics span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
}

.shared-mission-progress {
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.shared-mission-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-red));
}

.shared-mission-badge {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-mission-badge--active {
  border-color: rgba(38, 244, 238, 0.28);
  color: #c6fffb;
  background: rgba(38, 244, 238, 0.08);
}

.shared-mission-badge--attention {
  border-color: rgba(255, 191, 0, 0.3);
  color: #ffe7a3;
  background: rgba(255, 191, 0, 0.09);
}

.shared-mission-badge--complete {
  border-color: rgba(56, 210, 157, 0.3);
  color: #c9ffe8;
  background: rgba(56, 210, 157, 0.08);
}

.shared-mission-badge--queued,
.shared-mission-badge--closed {
  color: var(--sf-muted);
}

.shared-mission-detail-hero {
  padding: clamp(20px, 4vw, 34px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 0.28fr);
  gap: 24px;
  align-items: center;
}

.shared-mission-detail-hero__progress {
  min-height: 160px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-mission-detail-hero__progress strong {
  font-family: var(--sf-font-display);
  font-size: 2.4rem;
}

.shared-mission-detail-hero__progress span {
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-mission-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: 16px;
  align-items: start;
}

.shared-mission-detail-main,
.shared-mission-detail-side {
  display: grid;
  gap: 16px;
}

.shared-mission-job {
  padding: 16px;
  border-radius: 20px;
}

.shared-mission-job.is-claimable {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.06);
}

.shared-mission-job__top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.shared-mission-job__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-mission-conditions {
  margin-top: 14px;
  display: grid;
  gap: 8px;
}

.shared-mission-conditions h4 {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-mission-conditions div,
.shared-mission-artifacts,
.shared-mission-source {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-mission-conditions span,
.shared-mission-artifacts span {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.shared-mission-conditions span.is-complete {
  border-color: rgba(56, 210, 157, 0.28);
  color: #c9ffe8;
}

.shared-mission-guidance,
.shared-mission-job-controls,
.shared-mission-action-draft {
  margin-top: 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-mission-guidance {
  display: grid;
  gap: 4px;
}

.shared-mission-guidance strong,
.shared-mission-action-draft strong {
  font-family: var(--sf-font-display);
}

.shared-mission-job-controls {
  display: grid;
  gap: 8px;
}

.shared-mission-job-controls__actions {
  justify-content: flex-start;
}

.shared-mission-job-controls > span {
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-mission-admin-actions {
  position: relative;
}

.shared-mission-admin-actions summary {
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 900;
  list-style: none;
  cursor: pointer;
}

.shared-mission-admin-actions summary::-webkit-details-marker {
  display: none;
}

.shared-mission-admin-actions > div {
  margin-top: 8px;
  justify-content: flex-start;
}

.shared-mission-action-draft {
  display: grid;
  gap: 12px;
}

.shared-mission-action-draft p {
  margin: 4px 0 0;
}

.shared-mission-action-draft label {
  display: grid;
  gap: 8px;
}

.shared-mission-action-draft label span {
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-mission-action-draft textarea {
  width: 100%;
  min-height: 92px;
  padding: 12px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  resize: vertical;
}

.shared-mission-action-draft__actions {
  justify-content: flex-start;
}

.shared-mission-artifacts {
  margin-top: 14px;
  align-items: center;
}

.shared-mission-artifacts strong {
  color: var(--sf-ink);
}

.shared-mission-artifact-button {
  min-height: 34px;
  min-width: 0;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 850;
}

.shared-mission-artifact-button svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-mission-artifact-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-mission-artifact-button:hover,
.shared-mission-artifact-button:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.09);
  color: #c6fffb;
  outline: none;
}

.shared-mission-upload-form {
  min-width: min(100%, 360px);
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.shared-mission-upload-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-mission-upload-form label span,
.shared-mission-follow-up-form label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-mission-upload-form input[type="file"] {
  width: 100%;
  color: var(--sf-muted);
  font: inherit;
  font-size: 0.82rem;
}

.shared-mission-follow-up {
  margin-top: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.055);
  overflow: hidden;
}

.shared-mission-follow-up summary {
  min-height: 44px;
  padding: 12px 14px;
  color: #c6fffb;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  list-style: none;
  cursor: pointer;
}

.shared-mission-follow-up summary::-webkit-details-marker {
  display: none;
}

.shared-mission-follow-up summary svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-mission-follow-up-form {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-mission-follow-up-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-mission-follow-up-form label.is-wide {
  grid-column: span 2;
}

.shared-mission-follow-up-form label.is-full {
  grid-column: 1 / -1;
}

.shared-mission-follow-up-form .shared-campaign-mission-target-picker {
  grid-column: 1 / -1;
}

.shared-mission-follow-up-form input,
.shared-mission-follow-up-form select,
.shared-mission-follow-up-form textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 750;
}

.shared-mission-follow-up-form textarea {
  min-height: 82px;
  padding: 11px;
  resize: vertical;
}

.shared-mission-follow-up-form__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
}

.shared-mission-timeline {
  display: grid;
  gap: 12px;
}

.shared-mission-timeline__item {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
}

.shared-mission-timeline__item > span {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.1);
}

.shared-mission-timeline__item div {
  display: grid;
  gap: 3px;
}

.shared-mission-timeline__item small,
.shared-mission-source span {
  color: var(--sf-muted);
}

.shared-mission-source {
  flex-direction: column;
  align-items: flex-start;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-header,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-panel,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-create-cta,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-create-toolbar,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-filter,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-command,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-detail-hero,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job {
  --sf-ink: #101828;
  --sf-muted: rgba(25, 35, 52, 0.72);
  --sf-line: rgba(9, 18, 32, 0.1);
  color: var(--sf-ink);
  border-color: var(--sf-line);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-panel--accent {
  border-color: rgba(5, 125, 132, 0.2);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.1), rgba(255, 255, 255, 0.92) 58%),
    rgba(255, 255, 255, 0.94);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-panel--accent h2,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-panel--accent h3,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-detail-hero h1,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job h3,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-artifacts strong,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-source strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-panel--accent p,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-detail-hero p,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job p,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-detail-hero__progress span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__body span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__side small,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__metrics,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-guidance span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-action-draft p,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-action-draft label span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job-controls > span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-upload-form label span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up-form label span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-upload-form input[type="file"],
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-timeline__item small,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-source span {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-metrics div,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-detail-hero__progress,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__metrics span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-conditions span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-guidance,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job-controls,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-action-draft,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-artifact-button,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-admin-actions summary,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-upload-form,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-focus-chip,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-scope-card {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.045);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-job.is-claimable,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up summary {
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__status,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-create-cta > span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-create-toolbar > span {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.1);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-progress {
  background: rgba(9, 18, 32, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-conditions span.is-complete {
  border-color: rgba(4, 120, 87, 0.24);
  background: rgba(16, 185, 129, 0.12);
  color: #065f46;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-action-draft textarea,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up-form input,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up-form select,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-follow-up-form textarea,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-filter input,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-filter select {
  border-color: rgba(9, 18, 32, 0.12);
  background: rgba(255, 255, 255, 0.94);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-badge,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-tab {
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(9, 18, 32, 0.055);
  color: rgba(25, 35, 52, 0.84);
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-tab.is-active,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-scope-card:hover,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-scope-card:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__main:hover,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-card__main:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-focus-chip:hover,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-focus-chip:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-missions-focus-chip.is-active,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-artifact-button:hover,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-artifact-button:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-admin-actions summary:hover,
:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-admin-actions summary:focus-visible {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.1);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-badge--active {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(5, 125, 132, 0.12);
  color: #075e66;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-badge--attention {
  border-color: rgba(146, 91, 0, 0.28);
  background: rgba(245, 158, 11, 0.14);
  color: #7a4b00;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-badge--complete {
  border-color: rgba(4, 120, 87, 0.24);
  background: rgba(16, 185, 129, 0.13);
  color: #065f46;
}

:root[data-polis-theme-resolved="light"] .shared-missions-page .shared-mission-timeline__item > span {
  background: #057d84;
  box-shadow: 0 0 0 4px rgba(5, 125, 132, 0.12);
}

.shared-message-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 4px;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

.shared-message-day {
  width: 100%;
  margin: 8px 0 4px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
}

.shared-message-day::before,
.shared-message-day::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255, 255, 255, 0.08);
}

.shared-message-day span {
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  overflow-wrap: anywhere;
}

.shared-message {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.shared-message-system {
  width: 100%;
  margin: 4px 0;
  display: flex;
  justify-content: center;
}

.shared-message-system span {
  max-width: min(560px, 92%);
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 820;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

.shared-message.is-self {
  justify-content: flex-end;
}

.shared-message.is-compact {
  margin-top: -5px;
}

.shared-message__avatar-spacer {
  width: 36px;
  flex: 0 0 36px;
}

.shared-message.is-self .shared-message__avatar-spacer {
  display: none;
}

.shared-message__bubble {
  position: relative;
  min-width: 0;
  max-width: min(58ch, calc(100% - 46px));
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.105);
  border-radius: 18px 18px 18px 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.044)),
    rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.13);
}

.shared-message.is-self .shared-message__bubble {
  max-width: min(58ch, 84%);
  border-color: rgba(255, 51, 95, 0.24);
  border-radius: 18px 18px 6px 18px;
  background:
    linear-gradient(180deg, rgba(255, 51, 95, 0.18), rgba(255, 51, 95, 0.125)),
    rgba(255, 255, 255, 0.035);
  box-shadow: 0 12px 28px rgba(255, 51, 95, 0.07);
}

.shared-message.is-compact .shared-message__bubble {
  padding-top: 8px;
  padding-bottom: 8px;
}

.shared-message.is-deleted .shared-message__bubble {
  border-style: dashed;
  opacity: 0.78;
}

.shared-message.is-pinned .shared-message__bubble {
  border-color: rgba(38, 244, 238, 0.24);
  box-shadow:
    0 12px 28px rgba(38, 244, 238, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.13);
}

.shared-message__bubble p {
  margin: 0;
  color: var(--sf-ink);
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.shared-message__action-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(8, 10, 14, 0.62);
  color: var(--sf-muted);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
}

.shared-message__action-toggle svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-message.is-self .shared-message__action-toggle {
  right: auto;
  left: 8px;
}

.shared-message__action-toggle:hover,
.shared-message__action-toggle:focus-visible,
.shared-message.is-actions-open .shared-message__action-toggle {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.13);
  color: var(--sf-cyan);
  outline: none;
}

@media (hover: hover) and (pointer: fine) {
  .shared-message__action-toggle {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2px);
  }

  .shared-message:hover .shared-message__action-toggle,
  .shared-message:focus-within .shared-message__action-toggle,
  .shared-message.is-actions-open .shared-message__action-toggle {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

.shared-message-mention {
  min-height: 0;
  padding: 0 2px;
  border: 0;
  border-radius: 6px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.shared-message-mention:hover,
.shared-message-mention:focus-visible {
  background: rgba(38, 244, 238, 0.18);
  outline: 2px solid rgba(38, 244, 238, 0.18);
  outline-offset: 1px;
}

.shared-message__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  margin-bottom: 5px;
  pointer-events: none;
}

.shared-message.is-self .shared-message__meta {
  justify-content: flex-end;
}

.shared-message__meta span {
  color: var(--sf-ink);
  font-weight: 850;
}

.shared-message__meta time {
  color: var(--sf-muted);
}

.shared-message__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 7px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-message__footer span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.shared-message__footer svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.shared-message__footer:empty {
  display: none;
}

.shared-message-seen {
  min-width: 0;
  margin-top: 7px;
  color: var(--sf-muted);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-size: 0.7rem;
  font-weight: 850;
}

.shared-message-seen > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-message-seen__avatars {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}

.shared-message-seen__avatar {
  width: 18px;
  height: 18px;
  margin-left: -5px;
  border: 2px solid rgba(18, 20, 28, 0.92);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--sf-ink);
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  font-size: 0.52rem;
  font-weight: 950;
  line-height: 1;
}

.shared-message-seen__avatar:first-child {
  margin-left: 0;
}

.shared-message-seen__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-message-seen__avatar--more {
  width: auto;
  min-width: 22px;
  padding: 0 4px;
  background: rgba(38, 244, 238, 0.13);
  color: var(--sf-cyan);
}

:root[data-polis-theme-resolved="light"] .shared-message-seen__avatar {
  border-color: rgba(255, 255, 255, 0.96);
  background: rgba(15, 23, 42, 0.08);
  color: #07111f;
}

:root[data-polis-theme-resolved="light"] .shared-message-reaction,
:root[data-polis-theme-resolved="light"] .shared-message-quick-reaction,
:root[data-polis-theme-resolved="light"] .shared-message-reaction-picker__item {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.72);
  color: #0f172a;
}

:root[data-polis-theme-resolved="light"] .shared-message-reaction:hover,
:root[data-polis-theme-resolved="light"] .shared-message-reaction:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-message-quick-reaction:hover,
:root[data-polis-theme-resolved="light"] .shared-message-quick-reaction:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-message-reaction-picker__item:hover,
:root[data-polis-theme-resolved="light"] .shared-message-reaction-picker__item:focus-visible {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-message-reaction.is-active,
:root[data-polis-theme-resolved="light"] .shared-message-quick-reaction.is-active,
:root[data-polis-theme-resolved="light"] .shared-message-reaction-picker__item.is-active {
  border-color: rgba(5, 125, 132, 0.34);
  background: rgba(5, 125, 132, 0.12);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-message-reaction-picker {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.98)),
    #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.shared-message-attachments,
.shared-message-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.shared-message-reaction-stack {
  min-width: 0;
  margin-top: 0;
  display: grid;
  gap: 6px;
  justify-items: start;
}

.shared-message-reaction-stack:has(.shared-message-reactions),
.shared-message:hover .shared-message-reaction-stack,
.shared-message:focus-within .shared-message-reaction-stack,
.shared-message.is-actions-open .shared-message-reaction-stack {
  margin-top: 8px;
}

.shared-message.is-self .shared-message-reaction-stack {
  justify-items: end;
}

.shared-message-reaction-stack .shared-message-reactions {
  margin-top: 0;
}

.shared-message-quick-reactions {
  display: none;
  flex-wrap: wrap;
  gap: 4px;
  opacity: 0;
  transform-origin: left center;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.shared-message.is-self .shared-message-quick-reactions {
  justify-content: flex-end;
  transform-origin: right center;
}

.shared-message:hover .shared-message-quick-reactions,
.shared-message:focus-within .shared-message-quick-reactions,
.shared-message.is-actions-open .shared-message-quick-reactions,
.shared-message-quick-reactions:hover {
  display: flex;
  opacity: 1;
}

.shared-message-reaction-picker {
  max-width: min(280px, 100%);
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(23, 26, 36, 0.96), rgba(9, 10, 15, 0.98)),
    rgba(5, 6, 8, 0.94);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
  display: grid;
  grid-template-columns: repeat(6, 32px);
  gap: 5px;
}

.shared-message.is-self .shared-message-reaction-picker {
  justify-self: end;
}

.shared-message-reaction-picker__item {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1;
  filter: saturate(0.92);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    filter 160ms ease,
    transform 160ms ease;
}

.shared-message-media {
  min-width: 0;
  width: min(100%, 420px);
  margin: 8px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.34);
  overflow: hidden;
}

.shared-message-media:first-child {
  margin-top: 0;
}

.shared-message-media img,
.shared-message-media video {
  width: 100%;
  max-height: min(360px, 46vh);
  display: block;
  object-fit: cover;
  background: rgba(0, 0, 0, 0.28);
}

.shared-message-media figcaption {
  padding: 7px 10px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-message-media--card {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.22);
}

.shared-message-media--card img,
.shared-message-media--card video {
  max-height: 240px;
}

.shared-message-rich-card {
  min-width: 0;
  width: min(100%, 430px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.074), rgba(255, 255, 255, 0.042)),
    rgba(255, 255, 255, 0.045);
  overflow: hidden;
}

.shared-message-rich-card--mission {
  padding: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
}

.shared-message-rich-card__icon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-message-rich-card__icon svg,
.shared-message-rich-card__eyebrow svg,
.shared-message-mission-chip svg,
.shared-message-rich-card__action svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-message-rich-card__body {
  min-width: 0;
  padding: 12px;
  display: grid;
  gap: 7px;
}

.shared-message-rich-card--mission .shared-message-rich-card__body {
  padding: 0;
}

.shared-message-rich-card__eyebrow {
  min-width: 0;
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-message-rich-card h3,
.shared-message-rich-card p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-message-rich-card h3 {
  color: var(--sf-ink);
  font-size: 0.98rem;
  line-height: 1.18;
}

.shared-message-rich-card p {
  color: var(--sf-muted);
  line-height: 1.42;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.shared-message-mission-chips,
.shared-message-rich-card__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-message-mission-chip,
.shared-message-rich-card__action {
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-message-mission-chip.is-emphasized {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-message-rich-card__action {
  color: var(--sf-cyan);
  cursor: pointer;
}

.shared-message-rich-card__action span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-message-rich-card__action.is-primary {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.12);
  color: #eaffff;
}

.shared-message-rich-card__action:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.shared-message-rich-card__action:hover,
.shared-message-rich-card__action:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-message-mission-work {
  margin-top: 2px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(6, 12, 18, 0.28);
  display: grid;
  gap: 8px;
}

.shared-message-mission-work__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-message-mission-work__top div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-message-mission-work__top span,
.shared-message-mission-work__helper {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 760;
}

.shared-message-mission-work__top strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.86rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.shared-message-mission-status {
  min-height: 26px;
  padding: 5px 8px;
  border: 1px solid rgba(141, 247, 204, 0.2);
  border-radius: 999px;
  background: rgba(141, 247, 204, 0.08);
  color: #d7ffef;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 0.7rem;
  font-weight: 900;
}

.shared-message-mission-work__meta,
.shared-message-mission-work__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-message-mission-work__meta span {
  min-height: 24px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  overflow-wrap: anywhere;
  font-size: 0.7rem;
  font-weight: 780;
}

.shared-message-mission-work__helper {
  margin: 0;
  display: block;
  -webkit-line-clamp: unset;
}

.shared-message-attachments a,
.shared-message-attachments span,
.shared-message-reaction {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 800;
}

.shared-message-reaction {
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
  line-height: 1;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.shared-message-quick-reaction {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-ink);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  line-height: 1;
  filter: saturate(0.86);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    filter 160ms ease,
    transform 160ms ease;
}

.shared-message-reaction:hover,
.shared-message-reaction:focus-visible,
.shared-message-quick-reaction:hover,
.shared-message-quick-reaction:focus-visible,
.shared-message-reaction-picker__item:hover,
.shared-message-reaction-picker__item:focus-visible {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.1);
  filter: saturate(1);
  transform: translateY(-1px);
}

.shared-message-reaction:focus-visible,
.shared-message-quick-reaction:focus-visible,
.shared-message-reaction-picker__item:focus-visible {
  outline: 2px solid rgba(34, 211, 238, 0.48);
  outline-offset: 2px;
}

.shared-message-reaction.is-active,
.shared-message-quick-reaction.is-active,
.shared-message-reaction-picker__item.is-active {
  border-color: rgba(34, 211, 238, 0.5);
  background: rgba(34, 211, 238, 0.14);
  color: #ecfeff;
  filter: saturate(1.08);
}

.shared-message-reaction:disabled,
.shared-message-quick-reaction:disabled,
.shared-message-reaction-picker__item:disabled {
  cursor: wait;
  opacity: 0.68;
  transform: none;
}

.shared-message-quick-reaction--more svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-message-attachments a > span,
.shared-message-attachments span > span {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  display: grid;
  gap: 1px;
}

.shared-message-attachments strong,
.shared-message-reactions strong {
  font-weight: 900;
}

.shared-message-reaction span {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
}

.shared-message-attachments small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 800;
}

.shared-message-attachments svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.shared-message.is-highlighted .shared-message__bubble {
  border-color: rgba(38, 244, 238, 0.48);
  box-shadow:
    0 0 0 3px rgba(38, 244, 238, 0.12),
    0 18px 42px rgba(38, 244, 238, 0.08);
}

.shared-message-reply-preview {
  width: 100%;
  min-width: 0;
  margin: 0 0 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 7px;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.shared-message-reply-preview:hover,
.shared-message-reply-preview:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-message-reply-preview > span {
  grid-row: 1 / span 2;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--sf-cyan);
}

.shared-message-reply-preview svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-message-reply-preview strong,
.shared-message-reply-preview small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-message-reply-preview strong {
  color: var(--sf-ink);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-message-reply-preview small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 780;
}

.shared-message-actions {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.shared-message:hover .shared-message-actions,
.shared-message:focus-within .shared-message-actions,
.shared-message.is-actions-open .shared-message-actions {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

.shared-message.is-self .shared-message-actions {
  justify-content: flex-end;
}

@media (hover: hover) and (pointer: fine) {
  .shared-message-actions {
    transform: translateY(3px);
    transition:
      opacity 150ms ease,
      transform 150ms ease;
  }
}

.shared-message-action {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.shared-message-action:hover,
.shared-message-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  outline: none;
  transform: translateY(-1px);
}

.shared-message-action:focus-visible {
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.12);
}

.shared-message-action--danger:hover,
.shared-message-action--danger:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-message-action--warning:hover,
.shared-message-action--warning:focus-visible {
  border-color: rgba(251, 191, 36, 0.42);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-message-action--pin:hover,
.shared-message-action--pin:focus-visible,
.shared-message-action--pin.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-message-action:disabled {
  cursor: default;
  opacity: 0.64;
  transform: none;
}

.shared-message-action svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-report-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: clamp(16px, 4vw, 32px);
}

.shared-messaging-report-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(2, 6, 23, 0.68);
  backdrop-filter: blur(16px);
  cursor: pointer;
}

.shared-messaging-report-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: min(760px, calc(100vh - 32px));
  overflow: auto;
  padding: clamp(18px, 3vw, 24px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.96);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  color: var(--sf-ink);
  display: grid;
  gap: 16px;
}

.shared-messaging-report-modal__dialog header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-messaging-report-modal__dialog header > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 14px;
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-report-modal__dialog svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-messaging-report-modal__dialog p,
.shared-messaging-report-modal__dialog h3 {
  margin: 0;
}

.shared-messaging-report-modal__dialog header p {
  color: #fde68a;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-report-modal__dialog h3 {
  color: var(--sf-ink);
  font-size: 1.15rem;
  letter-spacing: 0;
}

.shared-messaging-report-modal__excerpt {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 4px;
}

.shared-messaging-report-modal__excerpt strong,
.shared-messaging-report-modal__excerpt small,
.shared-messaging-report-modal__excerpt p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-report-modal__excerpt strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-report-modal__excerpt small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.shared-messaging-report-modal__excerpt p {
  color: var(--sf-muted);
  font-size: 0.88rem;
  line-height: 1.45;
}

.shared-messaging-report-modal__reasons {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-report-modal__reasons legend {
  margin-bottom: 8px;
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-report-modal__reason {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease;
}

.shared-messaging-report-modal__reason:has(input:checked) {
  border-color: rgba(251, 191, 36, 0.42);
  background: rgba(251, 191, 36, 0.1);
}

.shared-messaging-report-modal__reason input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #f59e0b;
}

.shared-messaging-report-modal__reason span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-report-modal__reason strong,
.shared-messaging-report-modal__reason small {
  overflow-wrap: anywhere;
}

.shared-messaging-report-modal__reason strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-messaging-report-modal__reason small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-messaging-report-modal__details {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-report-modal__details span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-report-modal__details small {
  color: rgba(248, 250, 252, 0.48);
  font-weight: 800;
}

.shared-messaging-report-modal__details textarea {
  width: 100%;
  min-height: 112px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  resize: vertical;
}

.shared-messaging-report-modal__details textarea:focus {
  border-color: rgba(251, 191, 36, 0.38);
  outline: 2px solid rgba(251, 191, 36, 0.12);
  outline-offset: 2px;
}

.shared-messaging-report-modal__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-messaging-page__content {
  gap: 14px;
}

.shared-messaging-auth {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.1);
  min-height: min(72vh, 760px);
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid var(--sf-line);
  border-radius: 32px;
  background: rgba(8, 10, 14, 0.9);
  box-shadow: var(--sf-shadow);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(500px, 1.18fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: stretch;
  overflow: hidden;
}

.shared-messaging-auth__copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 18px;
}

.shared-messaging-auth h1 {
  max-width: 760px;
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(2.35rem, 4vw, 4rem);
  line-height: 1;
  text-wrap: balance;
}

.shared-messaging-auth p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-messaging-auth__routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.shared-messaging-auth__service-map {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-auth__service-map article {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-areas:
    "icon copy"
    "items items";
  gap: 10px 12px;
}

.shared-messaging-auth__service-map article > span {
  grid-area: icon;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-messaging-auth__service-map svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-messaging-auth__service-map div {
  grid-area: copy;
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-auth__service-map strong {
  min-width: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__service-map p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.32;
}

.shared-messaging-auth__service-map small {
  grid-area: items;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-auth__service-map b {
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(8, 10, 16, 0.34);
  color: var(--sf-ink);
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__routes span {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon label"
    "icon detail";
  gap: 4px 10px;
  align-items: center;
}

.shared-messaging-auth__routes i {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-messaging-auth__routes svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-messaging-auth__routes strong {
  grid-area: label;
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__routes small {
  grid-area: detail;
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__preview {
  min-width: 0;
  min-height: 520px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 10%, rgba(38, 244, 238, 0.12), transparent 28%),
    rgba(4, 5, 8, 0.74);
  display: grid;
  grid-template-columns: minmax(210px, 0.48fr) minmax(0, 1fr);
  gap: 12px;
}

.shared-messaging-auth__thread-list,
.shared-messaging-auth__conversation {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-auth__thread-list {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.shared-messaging-auth__thread-list header,
.shared-messaging-auth__conversation header,
.shared-messaging-auth__conversation footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-auth__thread-list header {
  padding: 6px 4px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  justify-content: flex-start;
}

.shared-messaging-auth__thread-list header > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
}

.shared-messaging-auth__thread-list svg,
.shared-messaging-auth__conversation footer svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-messaging-auth__thread-list strong,
.shared-messaging-auth__conversation strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: break-word;
  word-break: normal;
}

.shared-messaging-auth__thread-list small,
.shared-messaging-auth__conversation small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-messaging-auth__thread {
  position: relative;
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-auth__thread > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--sf-ink);
  background: rgba(255, 255, 255, 0.08);
  font-weight: 900;
}

.shared-messaging-auth__thread.is-cyan > span {
  background: rgba(38, 244, 238, 0.16);
}

.shared-messaging-auth__thread.is-red > span {
  background: rgba(255, 51, 95, 0.18);
}

.shared-messaging-auth__thread div {
  min-width: 0;
  padding-right: 32px;
  display: grid;
  gap: 3px;
}

.shared-messaging-auth__thread strong {
  font-size: 0.9rem;
  line-height: 1.15;
}

.shared-messaging-auth__thread p {
  display: -webkit-box;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.shared-messaging-auth__thread em {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: var(--sf-red);
  color: #fff;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
}

.shared-messaging-auth__conversation {
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}

.shared-messaging-auth__conversation header,
.shared-messaging-auth__conversation footer {
  padding: 16px;
}

.shared-messaging-auth__conversation header {
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-direction: column;
  gap: 6px;
}

.shared-messaging-auth__conversation header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-auth__conversation header span {
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-messaging-auth__message-stack {
  min-width: 0;
  padding: 18px;
  display: grid;
  align-content: end;
  gap: 12px;
}

.shared-messaging-auth__bubble {
  width: min(100%, 420px);
  padding: 12px 14px;
  border-radius: 18px 18px 18px 6px;
  background: rgba(255, 255, 255, 0.075);
  display: grid;
  gap: 4px;
}

.shared-messaging-auth__bubble.is-own {
  margin-left: auto;
  border-radius: 18px 18px 6px 18px;
  background: rgba(38, 244, 238, 0.14);
}

.shared-messaging-auth__bubble p {
  color: rgba(232, 235, 245, 0.84);
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__conversation footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-messaging-auth__conversation footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: anywhere;
}

.shared-messaging-auth__composer-preview {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 10px;
  align-items: center;
}

.shared-messaging-auth__composer-preview span {
  min-width: 0;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(232, 235, 245, 0.74);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-messaging-auth__composer-preview i {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--sf-cyan);
  color: #041113;
  display: grid;
  place-items: center;
}

.shared-messaging-auth__composer-preview svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-page .shared-feed-topbar {
  background: rgba(255, 255, 255, 0.88);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-page .shared-feed-topbar__title,
:root[data-polis-theme-resolved="light"] .shared-messaging-page .shared-feed-topbar__mode {
  color: rgba(16, 22, 36, 0.64);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-page .shared-feed-topbar__mode.is-active,
:root[data-polis-theme-resolved="light"] .shared-messaging-page .shared-feed-topbar__icon {
  color: #101624;
}

.shared-messaging-workspace {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.1);
  position: relative;
  isolation: isolate;
  height: calc(100vh - 132px);
  min-height: calc(100vh - 132px);
  display: grid;
  grid-template-columns: 84px minmax(280px, 360px) minmax(0, 1fr);
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(8, 10, 14, 0.94);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
  color: var(--sf-ink);
}

@supports (height: 100svh) {
  .shared-messaging-workspace {
    height: calc(100svh - 132px);
    min-height: calc(100svh - 132px);
  }
}

.shared-messaging-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 14px 10px;
  border-right: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.76);
}

.shared-messaging-rail__servers {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
}

.shared-messaging-rail__empty {
  padding: 8px 2px;
  color: var(--sf-muted);
  font-size: 0.66rem;
  line-height: 1.12;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
}

.shared-messaging-rail-button {
  width: 52px;
  height: 52px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--sf-ink);
  cursor: pointer;
}

.shared-messaging-rail-button:hover,
.shared-messaging-rail-button:focus-visible,
.shared-messaging-rail-button.is-active {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-avatar {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(255, 51, 95, 0.24), rgba(38, 244, 238, 0.14));
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-messaging-avatar svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-messaging-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-messaging-avatar--server {
  width: 48px;
  height: 48px;
  border-radius: 17px;
}

.shared-messaging-avatar--server-card {
  width: 54px;
  height: 54px;
  border-radius: 18px;
}

.shared-messaging-avatar--message {
  width: 36px;
  height: 36px;
  border-radius: 13px;
}

.shared-messaging-sidebar {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border-right: 1px solid var(--sf-line);
  background: rgba(12, 14, 20, 0.72);
}

.shared-messaging-sidebar__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-sidebar__top h1 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  line-height: 1.15;
}

.shared-messaging-sidebar__top p,
.shared-messaging-panel__header p,
.shared-messaging-server-card p,
.shared-messaging-request p,
.shared-messaging-device p,
.shared-messaging-thread-header p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
}

.shared-messaging-status {
  min-height: 30px;
  padding: 7px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--sf-muted);
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 800;
}

.shared-messaging-status > span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--sf-red);
}

.shared-messaging-status.is-connected > span {
  background: var(--sf-green);
}

.shared-messaging-status.is-idle > span {
  background: var(--sf-cyan);
}

.shared-messaging-mini-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-mini-nav button {
  min-width: 0;
  min-height: 44px;
  padding: 9px 8px;
  border-radius: 14px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-messaging-mini-nav svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-mini-nav button:hover,
.shared-messaging-mini-nav button:focus-visible,
.shared-messaging-mini-nav button.is-active {
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-sidebar-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-sidebar-summary button {
  min-width: 0;
  min-height: 58px;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: grid;
  align-content: center;
  gap: 2px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-sidebar-summary button:hover,
.shared-messaging-sidebar-summary button:focus-visible,
.shared-messaging-sidebar-summary button.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-sidebar-summary strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-messaging-sidebar-summary span {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-inbox-controls {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-inbox-search {
  min-width: 0;
  position: relative;
  display: grid;
}

.shared-messaging-inbox-search label {
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--sf-muted);
}

.shared-messaging-inbox-search label:focus-within {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.07);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-messaging-inbox-search svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-messaging-inbox-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--sf-ink);
  font: inherit;
  font-size: 0.84rem;
}

.shared-messaging-inbox-search input::placeholder {
  color: rgba(232, 235, 245, 0.52);
}

.shared-messaging-inbox-search > button {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.shared-messaging-inbox-search > button:hover,
.shared-messaging-inbox-search > button:focus-visible {
  color: var(--sf-ink);
  border-color: rgba(38, 244, 238, 0.32);
  outline: none;
}

.shared-messaging-inbox-filter-row {
  min-width: 0;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.shared-messaging-inbox-filter-row::-webkit-scrollbar {
  display: none;
}

.shared-messaging-inbox-filter-row button {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 850;
  cursor: pointer;
}

.shared-messaging-inbox-filter-row button:hover,
.shared-messaging-inbox-filter-row button:focus-visible,
.shared-messaging-inbox-filter-row button.is-active {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-inbox-controls__status {
  min-width: 0;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-muted);
}

.shared-messaging-inbox-controls__status span {
  color: var(--sf-ink);
  font-weight: 950;
}

.shared-messaging-inbox-controls__status small {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-messaging-inbox-controls__status .shared-feed-chip {
  min-height: 28px;
  padding: 5px 9px;
  flex: 0 0 auto;
}

.shared-messaging-list {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
  overflow-y: auto;
}

.shared-messaging-row {
  width: 100%;
  min-width: 0;
  position: relative;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.shared-messaging-row[hidden],
.shared-messaging-inbox-no-results[hidden],
.shared-messaging-inbox-search > button[hidden] {
  display: none !important;
}

div.shared-messaging-row {
  cursor: default;
}

.shared-messaging-row:hover,
.shared-messaging-row:focus-visible,
.shared-messaging-row.is-active {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-1px);
  outline: none;
}

.shared-messaging-row.is-active {
  border-color: rgba(255, 51, 95, 0.34);
  background: rgba(255, 51, 95, 0.12);
}

.shared-messaging-row.is-active::before,
.shared-messaging-row.is-unread::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 999px;
  background: var(--sf-red);
}

.shared-messaging-row.is-unread {
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.06);
}

.shared-messaging-row.is-unread::before {
  background: var(--sf-cyan);
}

.shared-messaging-row__body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-row__titleline {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}

.shared-messaging-row__body strong,
.shared-messaging-server-card h3,
.shared-messaging-request h3,
.shared-messaging-device h3 {
  margin: 0;
  overflow: hidden;
  color: var(--sf-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-row__preview,
.shared-messaging-row__body
  > span:not(.shared-messaging-row__titleline):not(.shared-messaging-row__pills),
.shared-messaging-server-card span,
.shared-messaging-request span,
.shared-messaging-device span {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
}

.shared-messaging-row__pills {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.shared-messaging-pill {
  min-width: 0;
  max-width: 100%;
  min-height: 23px;
  padding: 4px 7px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 850;
}

.shared-messaging-pill svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.shared-messaging-pill--secure {
  border-color: rgba(38, 244, 238, 0.2);
  color: var(--sf-cyan);
}

.shared-messaging-row__meta {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.shared-messaging-row__meta em {
  min-width: 24px;
  min-height: 22px;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--sf-red);
  color: #fff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-row__meta small {
  max-width: 86px;
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
}

.shared-messaging-server-tools .shared-messaging-row {
  grid-template-columns: minmax(0, 1fr);
}

.shared-messaging-main {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  background:
    linear-gradient(180deg, rgba(18, 20, 28, 0.88), rgba(7, 9, 13, 0.9)),
    rgba(9, 11, 16, 0.94);
}

.shared-messaging-security-center {
  min-height: 0;
  overflow: auto;
  align-content: start;
  padding: 18px;
}

.shared-messaging-security-center .shared-settings-panel,
.shared-messaging-security-center .shared-settings-security-card,
.shared-messaging-security-center .shared-settings-security-secret {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(18, 20, 28, 0.94);
  color: var(--sf-ink);
}

.shared-messaging-security-center .shared-settings-security-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-height: 148px;
  overflow: visible;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.14), rgba(18, 20, 28, 0.96) 48%, rgba(56, 210, 157, 0.12)),
    rgba(18, 20, 28, 0.96);
}

.shared-messaging-security-center .shared-settings-security-hero h2 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 1.55rem;
  line-height: 1.08;
}

.shared-messaging-security-center .shared-settings-security-hero p {
  max-width: 620px;
}

.shared-messaging-security-center .shared-settings-security-metrics {
  justify-content: flex-start;
  min-width: 0;
}

.shared-messaging-security-center .shared-settings-panel h2,
.shared-messaging-security-center .shared-settings-panel h3,
.shared-messaging-security-center .shared-settings-panel p,
.shared-messaging-security-center .shared-settings-security-card h3,
.shared-messaging-security-center .shared-settings-security-card p,
.shared-messaging-security-center .shared-settings-security-card small,
.shared-messaging-security-center .shared-settings-security-row strong,
.shared-messaging-security-center .shared-settings-security-row small,
.shared-messaging-security-center .shared-settings-security-row em,
.shared-messaging-security-center .shared-settings-security-empty strong,
.shared-messaging-security-center .shared-settings-security-empty small {
  color: inherit;
}

.shared-messaging-security-center .shared-settings-panel p,
.shared-messaging-security-center .shared-settings-security-card p,
.shared-messaging-security-center .shared-settings-security-card small,
.shared-messaging-security-center .shared-settings-security-row small,
.shared-messaging-security-center .shared-settings-security-row em,
.shared-messaging-security-center .shared-settings-security-empty small {
  color: var(--sf-muted);
}

.shared-messaging-security-center .shared-settings-security-metrics span,
.shared-messaging-security-center .shared-settings-security-row,
.shared-messaging-security-center .shared-settings-security-empty,
.shared-messaging-security-center .shared-settings-security-secret__code,
.shared-messaging-security-center .shared-settings-security-recovery-map > span {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-security-center input,
.shared-messaging-security-center textarea {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(7, 9, 13, 0.72);
  color: var(--sf-ink);
}

.shared-messaging-security-center input:focus,
.shared-messaging-security-center textarea:focus {
  border-color: rgba(38, 244, 238, 0.42);
  outline: none;
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.12);
}

.shared-messaging-panel {
  min-height: 0;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.shared-messaging-workspace--settings-focus .shared-messaging-panel,
.shared-messaging-workspace--access-focus .shared-messaging-panel,
.shared-messaging-workspace--safety-focus .shared-messaging-panel,
.shared-messaging-workspace--automation-focus .shared-messaging-panel,
.shared-messaging-workspace--room-access-focus .shared-messaging-panel {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 22px;
}

.shared-messaging-legacy-main {
  min-width: 0;
  overflow: hidden;
}

.shared-messaging-panel__header,
.shared-messaging-thread-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.shared-messaging-panel__header h2,
.shared-messaging-thread-header h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
  line-height: 1.12;
}

.shared-messaging-panel__actions,
.shared-messaging-thread-header__actions,
.shared-messaging-request__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-panel--thread {
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.shared-messaging-hub {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 52%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.36fr);
  gap: 14px;
  align-items: start;
}

.shared-messaging-hub__intro {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-hub__intro h3 {
  margin: 0;
  max-width: 720px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.35rem, 2.2vw, 2.2rem);
  line-height: 1.04;
}

.shared-messaging-hub__intro p {
  margin: 0;
  max-width: 720px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-messaging-hub__metrics,
.shared-messaging-hub__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-hub__metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-messaging-hub__metrics div,
.shared-messaging-hub__queue button {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-hub__metrics div {
  min-height: 74px;
  padding: 12px;
  border-radius: 18px;
  display: grid;
  align-content: center;
  gap: 2px;
}

.shared-messaging-hub__metrics strong,
.shared-messaging-hub__queue strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.3rem;
}

.shared-messaging-hub__metrics span,
.shared-messaging-hub__queue em {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-hub__queue {
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.shared-messaging-hub__queue button {
  min-height: 72px;
  padding: 12px;
  border-radius: 18px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-hub__queue button:hover,
.shared-messaging-hub__queue button:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-hub__queue span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 2;
}

.shared-messaging-hub__queue svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-service-center {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 14px;
}

.shared-messaging-service-alert {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(250, 204, 21, 0.24);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.08), transparent 52%),
    rgba(255, 255, 255, 0.04);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-service-alert__icon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(250, 204, 21, 0.28);
  border-radius: 16px;
  background: rgba(250, 204, 21, 0.1);
  color: #facc15;
  display: grid;
  place-items: center;
}

.shared-messaging-service-alert__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-messaging-service-alert__body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-service-alert__body > span {
  color: #facc15;
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-messaging-service-alert h2,
.shared-messaging-service-alert p {
  margin: 0;
}

.shared-messaging-service-alert h2 {
  color: var(--sf-ink);
  font-size: 1.05rem;
  line-height: 1.15;
}

.shared-messaging-service-alert p {
  max-width: 760px;
  color: var(--sf-muted);
  font-size: 0.92rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-service-alert__details,
.shared-messaging-service-alert__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-service-alert__details small {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(250, 204, 21, 0.18);
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.08);
  color: var(--sf-muted);
  font-size: 0.73rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-messaging-service-alert__actions {
  justify-content: flex-end;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-service-alert {
  background:
    linear-gradient(135deg, rgba(217, 119, 6, 0.1), transparent 52%),
    rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

:root[data-polis-theme-resolved="light"]
  .shared-messaging-service-alert__icon {
  background: rgba(217, 119, 6, 0.12);
  color: #b45309;
}

:root[data-polis-theme-resolved="light"]
  .shared-messaging-service-alert__body
  > span {
  color: #b45309;
}

.shared-messaging-service-center__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-messaging-service-center__header > div {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-service-center__header span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-messaging-service-center__header h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.18rem, 1.7vw, 1.55rem);
  line-height: 1.08;
}

.shared-messaging-service-center__header p {
  max-width: 760px;
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-messaging-command-grid--service {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.shared-messaging-panel--inbox-home {
  min-height: 0;
  overflow: hidden;
}

.shared-messaging-inbox-home {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto;
  gap: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 2px;
}

.shared-messaging-inbox-overview {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: stretch;
}

.shared-messaging-inbox-overview__copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-messaging-inbox-overview__copy > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-inbox-overview__copy h3,
.shared-messaging-inbox-section__header h3,
.shared-messaging-inbox-thread__identity h3,
.shared-messaging-inbox-thread__empty h3 {
  margin: 0;
  color: var(--sf-ink);
}

.shared-messaging-inbox-overview__copy h3 {
  max-width: 760px;
  font-family: var(--sf-font-display);
  font-size: clamp(1.18rem, 1.7vw, 1.55rem);
  line-height: 1.08;
}

.shared-messaging-inbox-overview__copy p,
.shared-messaging-inbox-section__header p,
.shared-messaging-inbox-thread__identity p,
.shared-messaging-inbox-thread__empty p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-messaging-inbox-overview__stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-inbox-stat {
  min-width: 0;
  min-height: 92px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 4px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-inbox-stat:hover,
.shared-messaging-inbox-stat:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-inbox-stat > span {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-inbox-stat svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-inbox-stat strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.32rem;
  line-height: 1;
}

.shared-messaging-inbox-stat small {
  color: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-inbox-stat.is-attention {
  border-color: rgba(250, 204, 21, 0.24);
  background: rgba(250, 204, 21, 0.075);
}

.shared-messaging-inbox-stat.is-muted {
  opacity: 0.84;
}

.shared-messaging-inbox-layout {
  min-width: 0;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: visible;
}

.shared-messaging-inbox-layout__main,
.shared-messaging-inbox-layout__side {
  min-width: 0;
}

.shared-messaging-inbox-layout__main {
  min-height: 420px;
}

.shared-messaging-inbox-layout__side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 12px;
  overflow: visible;
}

.shared-messaging-inbox-thread {
  min-width: 0;
  min-height: 420px;
  height: auto;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(18, 20, 28, 0.88), rgba(7, 9, 13, 0.9)),
    rgba(9, 11, 16, 0.94);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.shared-messaging-inbox-thread.is-empty {
  min-height: 420px;
  display: grid;
  place-items: center;
  padding: 24px;
}

.shared-messaging-inbox-thread__empty {
  max-width: 520px;
  display: grid;
  justify-items: center;
  gap: 14px;
  text-align: center;
}

.shared-messaging-inbox-thread__empty > span {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-inbox-thread__empty svg {
  width: 25px;
  height: 25px;
  fill: currentColor;
}

.shared-messaging-inbox-thread__header {
  position: relative;
  z-index: 2;
  padding: 14px 16px;
  border-bottom: 1px solid var(--sf-line);
  background:
    linear-gradient(180deg, rgba(18, 21, 29, 0.92), rgba(12, 14, 20, 0.82)),
    rgba(12, 14, 20, 0.9);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shared-messaging-inbox-thread__identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-messaging-inbox-thread__identity > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-inbox-thread__identity span {
  width: fit-content;
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-inbox-thread__identity h3,
.shared-messaging-inbox-thread__identity p {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-inbox-thread__meta {
  min-width: 0;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-inbox-thread__meta span {
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-messaging-inbox-thread__meta span.is-secure {
  border-color: rgba(38, 244, 238, 0.2);
  color: var(--sf-cyan);
}

.shared-messaging-inbox-thread__meta svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-inbox-thread__timeline {
  flex: 1;
  min-height: 0;
  padding: 18px clamp(16px, 2.4vw, 30px);
  overflow-y: auto;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0)),
    rgba(7, 9, 13, 0.18);
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-messaging-inbox-thread__day {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-inbox-thread__day::before,
.shared-messaging-inbox-thread__day::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255, 255, 255, 0.08);
}

.shared-messaging-inbox-thread__day span {
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-preview-message {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.shared-messaging-preview-message > div {
  min-width: 0;
  max-width: min(58ch, calc(100% - 46px));
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.105);
  border-radius: 18px 18px 18px 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.044)),
    rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.13);
}

.shared-messaging-preview-message__meta {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-messaging-preview-message__meta strong {
  color: var(--sf-ink);
}

.shared-messaging-preview-message p {
  margin: 0;
  color: var(--sf-ink);
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.shared-messaging-inbox-thread__composer {
  padding: 12px 16px;
  border-top: 1px solid var(--sf-line);
  background:
    linear-gradient(180deg, rgba(17, 19, 27, 0.96), rgba(6, 7, 10, 0.98)),
    rgba(5, 6, 8, 0.94);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-messaging-inbox-thread__composer > span {
  min-width: 0;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: anywhere;
  font-size: 0.86rem;
  line-height: 1.25;
}

.shared-messaging-inbox-thread__composer svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-messaging-inbox-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-inbox-section__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-inbox-section__header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-inbox-section__header h3 {
  font-size: 0.98rem;
}

.shared-messaging-inbox-section__header p {
  font-size: 0.78rem;
}

.shared-messaging-inbox-queue-list,
.shared-messaging-inbox-workspace-list,
.shared-messaging-inbox-tools {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-messaging-inbox-queue-item,
.shared-messaging-inbox-workspace,
.shared-messaging-inbox-tool {
  min-width: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
}

.shared-messaging-inbox-queue-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-messaging-inbox-queue-item div,
.shared-messaging-inbox-workspace span,
.shared-messaging-inbox-tool {
  min-width: 0;
}

.shared-messaging-inbox-queue-item strong,
.shared-messaging-inbox-queue-item span,
.shared-messaging-inbox-workspace strong,
.shared-messaging-inbox-workspace small,
.shared-messaging-inbox-tool strong,
.shared-messaging-inbox-tool small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-inbox-queue-item strong,
.shared-messaging-inbox-workspace strong,
.shared-messaging-inbox-tool strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-inbox-queue-item span,
.shared-messaging-inbox-workspace small,
.shared-messaging-inbox-tool small {
  color: var(--sf-muted);
  font-size: 0.76rem;
}

.shared-messaging-inbox-workspace {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-inbox-workspace:hover,
.shared-messaging-inbox-workspace:focus-visible,
.shared-messaging-inbox-tool:hover,
.shared-messaging-inbox-tool:focus-visible {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-inbox-workspace em {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.shared-messaging-inbox-tools {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: 1 / -1;
}

.shared-messaging-inbox-tool {
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 7px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-inbox-tool > span {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-inbox-tool svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-inbox-tool em {
  margin-top: auto;
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

@media (min-width: 1600px) {
  .shared-messaging-inbox-home {
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    padding-right: 0;
  }

  .shared-messaging-inbox-overview {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);
  }

  .shared-messaging-inbox-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(288px, 348px);
    overflow: hidden;
  }

  .shared-messaging-inbox-layout__side {
    grid-template-columns: 1fr;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
  }

  .shared-messaging-inbox-layout__main {
    min-height: 0;
  }

  .shared-messaging-inbox-thread {
    min-height: 0;
    height: 100%;
  }
}

.shared-messaging-thread-layout {
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(244px, 288px);
}

.shared-messaging-thread-layout .shared-messaging-panel--thread {
  min-width: 0;
}

.shared-messaging-thread-header {
  position: relative;
  z-index: 2;
  align-items: center;
  flex-wrap: wrap;
  padding: 14px 18px;
  border-bottom: 1px solid var(--sf-line);
  background:
    linear-gradient(180deg, rgba(21, 25, 34, 0.94), rgba(12, 15, 22, 0.88)),
    rgba(12, 15, 22, 0.92);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.shared-messaging-thread-header__mobile-back {
  display: none;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  align-items: center;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
}

.shared-messaging-thread-header__mobile-back:hover,
.shared-messaging-thread-header__mobile-back:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-thread-header__mobile-back svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-messaging-thread-header__identity {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-messaging-thread-header__identity > div {
  min-width: 0;
  flex: 1;
}

.shared-messaging-thread-header span,
.shared-messaging-thread-header time {
  color: var(--sf-muted);
  font-size: 0.9rem;
}

.shared-messaging-thread-header__identity p {
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-messaging-thread-header__identity h2 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-thread-header__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.shared-messaging-thread-header__meta span {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.shared-messaging-thread-header__meta svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-thread-header__actions {
  flex: 1 1 100%;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: thin;
}

.shared-messaging-panel--thread .shared-message-list {
  flex: 1;
  min-height: 0;
  gap: 8px;
  padding: 22px clamp(18px, 2.6vw, 34px) 34px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 96px 112px;
  background:
    radial-gradient(circle at 12% 0, rgba(38, 244, 238, 0.07), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0)),
    rgba(7, 9, 13, 0.2);
}

.shared-messaging-room-context {
  min-width: 0;
  min-height: 0;
  padding: 14px;
  border-left: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.34);
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}

.shared-messaging-room-context__hero,
.shared-messaging-room-context__members {
  min-width: 0;
  display: grid;
  gap: 11px;
}

.shared-messaging-room-context__hero > div:not(.shared-messaging-room-chip-cloud),
.shared-messaging-room-context__member span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-room-context__hero p,
.shared-messaging-room-context__hero h3,
.shared-messaging-room-context__hero span,
.shared-messaging-room-context__section-header h3,
.shared-messaging-room-context__member strong,
.shared-messaging-room-context__member small {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-room-context__hero p,
.shared-messaging-room-context__hero > div > span,
.shared-messaging-room-context__member small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.42;
}

.shared-messaging-room-context__hero h3,
.shared-messaging-room-context__section-header h3,
.shared-messaging-room-context__member strong {
  color: var(--sf-ink);
}

.shared-messaging-room-context__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.shared-messaging-room-context__metrics div {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 3px;
}

.shared-messaging-room-context__metrics strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-messaging-room-context__metrics span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-messaging-room-context__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-room-context__actions .shared-feed-chip {
  flex: 1 1 120px;
  justify-content: center;
}

.shared-messaging-room-context__section-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-room-context__section-header > span {
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-room-context__member-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-room-context__member {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-messaging-panel--people {
  min-width: 0;
  overflow-y: auto;
}

.shared-messaging-people-panel {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-messaging-group-settings {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-messaging-panel--group-settings .shared-messaging-room-section {
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-panel--group-settings .shared-feed-chip:disabled {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.72;
}

.shared-messaging-group-avatar-picker,
.shared-messaging-group-avatar-url {
  min-width: 0;
}

.shared-messaging-group-avatar-picker {
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-group-avatar-picker__file {
  display: none;
}

.shared-messaging-group-avatar-picker__preview {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  border: 1px solid rgba(38, 244, 238, 0.32);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.16), rgba(255, 51, 95, 0.08)),
    rgba(255, 255, 255, 0.055);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.shared-messaging-group-avatar-picker__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-messaging-group-avatar-picker__preview svg {
  width: 22px;
  height: 22px;
  fill: var(--sf-cyan);
}

.shared-messaging-group-avatar-picker__main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-group-avatar-picker__main strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-group-avatar-picker__main span,
.shared-messaging-group-avatar-picker__main em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-messaging-group-avatar-picker__main em {
  color: #ffb8b8;
  font-style: normal;
}

.shared-messaging-group-avatar-picker__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-group-avatar-url {
  display: grid;
  gap: 7px;
}

.shared-messaging-group-avatar-url > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-group-avatar-url input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-group-avatar-url input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-owner-transfer-form {
  min-width: 0;
}

.shared-messaging-owner-transfer-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.45fr);
  gap: 10px;
  align-items: end;
}

.shared-messaging-owner-transfer-preview {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
}

.shared-messaging-owner-transfer-preview strong {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-owner-transfer-preview span {
  color: var(--sf-ink);
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.shared-messaging-people-hero {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.045)),
    rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, 0.5fr);
  gap: 14px;
  align-items: center;
}

.shared-messaging-people-hero__main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-people-hero__main p,
.shared-messaging-people-hero__main h3,
.shared-messaging-people-hero__main span {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-people-hero__main p {
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-people-hero__main h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.18rem;
  line-height: 1.1;
}

.shared-messaging-people-hero__main span {
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-messaging-people-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-people-metrics div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  display: grid;
  gap: 3px;
}

.shared-messaging-people-metrics strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-messaging-people-metrics span {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-people-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 16px;
  align-items: start;
}

.shared-messaging-people-roster,
.shared-messaging-people-add,
.shared-messaging-people-section,
.shared-messaging-people-list,
.shared-messaging-people-candidates {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-people-section,
.shared-messaging-people-add,
.shared-messaging-people-note {
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-people-section__header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-people-section__header h3 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 0.98rem;
  line-height: 1.2;
}

.shared-messaging-people-section__header span {
  min-width: 28px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-person-row,
.shared-messaging-people-candidate {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
}

.shared-messaging-person-row.is-pending,
.shared-messaging-people-candidate.is-pending {
  opacity: 0.68;
}

.shared-messaging-people-candidate.is-blocked {
  opacity: 0.58;
}

.shared-messaging-person-row__main,
.shared-messaging-people-candidate > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-person-row__main strong,
.shared-messaging-people-candidate strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-messaging-person-row__main span,
.shared-messaging-people-candidate span,
.shared-messaging-people-note {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-messaging-people-tags {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-people-tags span {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.shared-messaging-person-row__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.shared-messaging-person-row__actions .shared-feed-chip,
.shared-messaging-people-candidate .shared-feed-chip {
  min-height: 34px;
  padding-block: 7px;
  justify-content: center;
}

.shared-messaging-people-search,
.shared-messaging-people-exact-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-people-search > span,
.shared-messaging-people-exact-form span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-messaging-people-search > div {
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.shared-messaging-people-search svg {
  width: 16px;
  height: 16px;
  fill: var(--sf-muted);
}

.shared-messaging-people-search input,
.shared-messaging-people-exact-form input {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-people-search input:focus,
.shared-messaging-people-exact-form input:focus {
  outline: none;
}

.shared-messaging-people-search > div:focus-within,
.shared-messaging-people-exact-form label:focus-within {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-messaging-people-search button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.shared-messaging-people-exact {
  min-width: 0;
}

.shared-messaging-people-exact summary {
  color: var(--sf-ink);
  font-weight: 850;
  cursor: pointer;
}

.shared-messaging-people-exact-form {
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.shared-messaging-people-exact-form label {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

@media (max-width: 1440px) {
  .shared-messaging-thread-layout {
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-context {
    border-left: 0;
    border-top: 1px solid var(--sf-line);
  }

  .shared-messaging-workspace--thread-active .shared-messaging-room-context {
    display: none;
  }

  .shared-messaging-room-context__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-messaging-people-hero,
  .shared-messaging-group-settings .shared-messaging-room-hero,
  .shared-messaging-people-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .shared-messaging-people-panel,
  .shared-messaging-group-settings {
    padding: 14px;
  }

  .shared-messaging-people-metrics {
    grid-template-columns: 1fr;
  }

  .shared-messaging-person-row,
  .shared-messaging-people-candidate {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-person-row__actions,
  .shared-messaging-people-candidate .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
  }

  .shared-messaging-person-row__actions .shared-feed-chip {
    flex: 1 1 112px;
  }

  .shared-messaging-group-avatar-picker {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-group-avatar-picker__actions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  .shared-messaging-group-avatar-picker__actions .shared-feed-chip {
    flex: 1 1 130px;
    justify-content: center;
  }
}

.shared-messaging-composer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--sf-line);
  background:
    linear-gradient(180deg, rgba(19, 22, 31, 0.98), rgba(7, 9, 13, 0.985)),
    rgba(7, 9, 13, 0.96);
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.26);
}

.shared-messaging-composer__tools {
  display: flex;
  gap: 7px;
}

.shared-messaging-composer__tool {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-grid;
  place-items: center;
}

.shared-messaging-composer__tool:not(.is-status) {
  cursor: pointer;
}

.shared-messaging-composer__tool:not(.is-status):hover,
.shared-messaging-composer__tool:not(.is-status):focus-visible,
.shared-messaging-composer__tool.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  outline: none;
}

.shared-messaging-composer__tool.is-secure {
  border-color: rgba(38, 244, 238, 0.22);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
}

.shared-messaging-composer__tool.is-status {
  cursor: default;
  opacity: 0.82;
}

.shared-messaging-composer__tool svg,
.shared-messaging-composer__send svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-edit-banner,
.shared-messaging-reply-banner {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.08);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-messaging-reply-banner {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.055);
}

.shared-messaging-edit-banner > span,
.shared-messaging-reply-banner > span {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-messaging-reply-banner > span {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.07);
}

.shared-messaging-edit-banner svg,
.shared-messaging-reply-banner svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-edit-banner div,
.shared-messaging-reply-banner div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-edit-banner strong,
.shared-messaging-edit-banner small,
.shared-messaging-reply-banner strong,
.shared-messaging-reply-banner small {
  overflow-wrap: anywhere;
}

.shared-messaging-edit-banner strong,
.shared-messaging-reply-banner strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-messaging-edit-banner small,
.shared-messaging-reply-banner small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.shared-messaging-composer-attachment {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(124px, 0.42fr) minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-composer-attachment__meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.54fr);
  gap: 10px;
}

.shared-messaging-composer-attachment label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-composer-attachment label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-messaging-composer-attachment input,
.shared-messaging-composer-attachment select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 750;
}

.shared-messaging-composer-attachment__file {
  position: relative;
  cursor: pointer;
}

.shared-messaging-composer-attachment__file input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-messaging-composer-attachment__file strong {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 900;
}

.shared-messaging-composer-attachment__file:focus-within strong,
.shared-messaging-composer-attachment__file:hover strong {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-messaging-composer-attachment input:focus,
.shared-messaging-composer-attachment select:focus {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-composer-attachment__preview {
  grid-column: 1 / -1;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.shared-messaging-composer-attachment__preview svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-messaging-composer-attachment__preview span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-composer-attachment__preview strong,
.shared-messaging-composer-attachment__preview small {
  overflow-wrap: anywhere;
}

.shared-messaging-composer-attachment__preview strong {
  color: var(--sf-ink);
  font-size: 0.82rem;
}

.shared-messaging-composer-attachment__preview small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-messaging-mention-menu {
  grid-column: 1 / -1;
  max-height: 244px;
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(21, 24, 33, 0.98), rgba(8, 10, 15, 0.98)),
    rgba(10, 12, 18, 0.98);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  display: grid;
  gap: 4px;
}

.shared-messaging-mention-menu[hidden] {
  display: none;
}

.shared-messaging-mention-option {
  width: 100%;
  min-height: 48px;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-mention-option:hover,
.shared-messaging-mention-option:focus-visible,
.shared-messaging-mention-option.is-selected {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-messaging-mention-option__avatar {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.065);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  overflow: hidden;
}

.shared-messaging-mention-option__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-messaging-mention-option__avatar span {
  width: 100%;
  height: 100%;
  display: inline-grid;
  place-items: center;
  color: var(--mention-color, var(--sf-cyan));
}

.shared-messaging-mention-option__avatar svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-mention-option__body {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-mention-option__body strong,
.shared-messaging-mention-option__body small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-mention-option__body strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 900;
}

.shared-messaging-mention-option__body small,
.shared-messaging-mention-empty {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.shared-messaging-mention-empty {
  padding: 12px;
}

.shared-messaging-command-menu {
  grid-column: 1 / -1;
  max-height: 210px;
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(21, 24, 33, 0.98), rgba(8, 10, 15, 0.98)),
    rgba(10, 12, 18, 0.98);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  display: grid;
  gap: 4px;
}

.shared-messaging-command-menu[hidden] {
  display: none;
}

.shared-messaging-command-option {
  width: 100%;
  min-height: 52px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-command-option:hover,
.shared-messaging-command-option:focus-visible,
.shared-messaging-command-option.is-selected {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-messaging-command-option__icon {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-messaging-command-option__icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-command-option__body {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-command-option__body strong,
.shared-messaging-command-option__body small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-command-option__body strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 900;
}

.shared-messaging-command-option__body small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.shared-messaging-mission-draft {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.09), rgba(255, 51, 95, 0.045)),
    rgba(255, 255, 255, 0.05);
  display: grid;
  gap: 12px;
}

.shared-messaging-mission-draft__header,
.shared-messaging-mission-draft__footer {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-messaging-mission-draft__header > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-mission-draft__header svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-messaging-mission-draft__header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-mission-draft__header strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  font-weight: 920;
}

.shared-messaging-mission-draft__header small,
.shared-messaging-mission-draft__footer span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 820;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-messaging-mission-draft__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-mission-draft__grid label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-mission-draft__grid .is-wide {
  grid-column: 1 / -1;
}

.shared-messaging-mission-draft__grid label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-messaging-mission-draft__grid input,
.shared-messaging-mission-draft__grid select,
.shared-messaging-mission-draft__grid textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 750;
}

.shared-messaging-mission-draft__grid textarea {
  min-height: 78px;
  padding: 10px 12px;
  resize: vertical;
}

.shared-messaging-mission-draft__grid input:focus,
.shared-messaging-mission-draft__grid select:focus,
.shared-messaging-mission-draft__grid textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-mission-draft .shared-campaign-mission-target-picker {
  padding: 10px;
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.3);
}

.shared-messaging-mission-draft .shared-campaign-mission-target-picker__header {
  gap: 8px;
}

.shared-messaging-mission-draft .shared-campaign-mission-target-options {
  grid-template-columns: 1fr;
}

.shared-messaging-mission-draft .shared-campaign-mission-target-option {
  min-height: 62px;
  border-radius: 14px;
}

.shared-messaging-composer__input {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.07);
  display: flex;
}

.shared-messaging-composer textarea {
  width: 100%;
  min-height: 42px;
  max-height: 140px;
  padding: 11px 15px;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  font-size: 0.95rem;
  line-height: 1.35;
  resize: none;
}

.shared-messaging-composer textarea:focus {
  outline: none;
}

.shared-messaging-composer__input:focus-within {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-messaging-composer button {
  min-height: 42px;
  align-self: end;
}

.shared-messaging-composer__send {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 82px;
  justify-content: center;
}

.shared-messaging-composer-note {
  margin: 0 14px 14px;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.07);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-messaging-composer-note > svg {
  width: 18px;
  height: 18px;
  fill: var(--sf-cyan);
}

.shared-messaging-composer-note span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-composer-note strong {
  color: var(--sf-ink);
}

.shared-messaging-composer-note small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-messaging-secure-handoff {
  margin: 0 14px 14px;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.09), rgba(255, 51, 95, 0.05)),
    rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-secure-handoff__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-secure-handoff__icon svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-messaging-secure-handoff strong {
  color: var(--sf-ink);
}

.shared-messaging-secure-handoff p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-messaging-secure-handoff__body,
.shared-messaging-secure-handoff__copy {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-secure-handoff__status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-secure-handoff__status-item {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(2, 7, 18, 0.26);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.shared-messaging-secure-handoff__status-icon {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-secure-handoff__status-icon svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-secure-handoff__status-item span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-secure-handoff__status-item small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-messaging-secure-handoff__status-item strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.88rem;
}

.shared-messaging-secure-handoff__status-item em {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.35;
}

.shared-messaging-secure-handoff__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.shared-messaging-secure-handoff--stacked {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.shared-messaging-secure-handoff--stacked .shared-messaging-secure-handoff__actions {
  justify-content: flex-start;
}

.shared-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.shared-messaging-thread-error {
  margin: 14px 14px 0;
}

.shared-messaging-typing {
  width: max-content;
  max-width: calc(100% - 44px);
  margin: 0 22px 12px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.35;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  overflow-wrap: anywhere;
}

.shared-messaging-typing__pulse {
  width: 31px;
  height: 20px;
  flex: 0 0 31px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.shared-messaging-typing__pulse span {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--sf-cyan);
  opacity: 0.38;
  animation: shared-messaging-typing-pulse 1.25s ease-in-out infinite;
}

.shared-messaging-typing__pulse span:nth-child(2) {
  animation-delay: 0.14s;
}

.shared-messaging-typing__pulse span:nth-child(3) {
  animation-delay: 0.28s;
}

@keyframes shared-messaging-typing-pulse {
  0%,
  70%,
  100% {
    transform: translateY(0);
    opacity: 0.38;
  }

  35% {
    transform: translateY(-2px);
    opacity: 0.92;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shared-messaging-typing__pulse span {
    animation: none;
    opacity: 0.72;
  }
}

.shared-messaging-empty {
  padding: 16px;
  border-radius: 16px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.03);
}

.shared-messaging-route-helper {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-route-helper__notice {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 58%),
    rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-route-helper__notice > span {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-route-helper__notice svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-messaging-route-helper__notice strong,
.shared-messaging-route-helper__notice p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-route-helper__notice strong {
  color: var(--sf-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.9rem;
}

.shared-messaging-route-helper__notice p {
  margin-top: 5px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-messaging-route-helper__grid .shared-settings-resource-card {
  min-height: 128px;
}

.shared-messaging-empty--thread {
  margin-block: auto;
  align-self: center;
}

.shared-messaging-empty-state {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.035));
  color: var(--sf-muted);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-messaging-empty-state__icon {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.11);
  border: 1px solid rgba(38, 244, 238, 0.2);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-empty-state__icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-messaging-empty-state h3,
.shared-messaging-empty-state p {
  margin: 0;
}

.shared-messaging-empty-state h3 {
  color: var(--sf-ink);
  font-size: 1rem;
  line-height: 1.2;
}

.shared-messaging-empty-state p {
  margin-top: 5px;
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-messaging-empty-state__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-empty-state--compact {
  padding: 14px;
  gap: 11px;
  border-style: dashed;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-empty-state--compact .shared-messaging-empty-state__icon {
  width: 36px;
  height: 36px;
  border-radius: 13px;
}

.shared-messaging-empty-state--compact .shared-messaging-empty-state__icon svg {
  width: 17px;
  height: 17px;
}

.shared-messaging-empty-state--compact h3 {
  font-size: 0.92rem;
}

.shared-messaging-empty-state--compact p {
  font-size: 0.78rem;
}

.shared-messaging-empty-state--sidebar {
  grid-template-columns: 1fr;
}

.shared-messaging-empty-state--sidebar .shared-messaging-empty-state__icon {
  display: none;
}

.shared-messaging-card-list {
  display: grid;
  gap: 12px;
}

.shared-messaging-server-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.shared-messaging-moderation-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-automod-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 14px;
}

.shared-messaging-automod-panel__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-automod-panel__header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-automod-panel__header h3,
.shared-messaging-automod-panel__header p {
  margin: 0;
}

.shared-messaging-automod-panel__header div > span,
.shared-messaging-moderation-hero > div:first-child > span,
.shared-messaging-moderation-queue__header div > span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-messaging-automod-panel__header h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-automod-panel__header p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-automod-panel__header > span {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-automod-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-automod-metrics div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 2px;
}

.shared-messaging-automod-metrics strong {
  color: var(--sf-ink);
  font-size: 1.1rem;
  line-height: 1;
}

.shared-messaging-automod-metrics span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-automod-list {
  display: grid;
  gap: 10px;
}

.shared-messaging-automod-rule {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 11px;
}

.shared-messaging-automod-rule.is-disabled {
  opacity: 0.72;
}

.shared-messaging-automod-rule__top {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-messaging-automod-rule__top div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-automod-rule__top strong,
.shared-messaging-automod-rule__top small,
.shared-messaging-automod-rule__meta span {
  overflow-wrap: anywhere;
}

.shared-messaging-automod-rule__top strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-messaging-automod-rule__top small {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-messaging-automod-rule__action {
  min-width: 86px;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(251, 191, 36, 0.34);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-automod-rule__action.is-flag {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-messaging-automod-rule__action.is-block {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-automod-rule__keywords,
.shared-messaging-automod-rule__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-automod-rule__keyword,
.shared-messaging-automod-rule__empty,
.shared-messaging-automod-rule__meta span {
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-messaging-automod-rule__keyword {
  color: var(--sf-ink);
}

.shared-messaging-automod-rule__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-automod-rule__delete:hover,
.shared-messaging-automod-rule__delete:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-automod-edit {
  padding: 12px;
  border: 1px solid rgba(251, 191, 36, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(251, 191, 36, 0.06), transparent 46%),
    rgba(255, 255, 255, 0.035);
}

.shared-messaging-automod-presets {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 12px;
  border: 1px solid rgba(251, 191, 36, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(251, 191, 36, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-automod-presets__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-automod-presets__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-automod-presets__header h4,
.shared-messaging-automod-presets__header p,
.shared-messaging-automod-presets__status {
  margin: 0;
}

.shared-messaging-automod-presets__header h4 {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.2;
}

.shared-messaging-automod-presets__header p,
.shared-messaging-automod-presets__status {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-automod-presets__header > span {
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(251, 191, 36, 0.26);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.09);
  color: #fde68a;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-automod-preset-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  gap: 9px;
}

.shared-messaging-automod-preset {
  min-width: 0;
  min-height: 148px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  align-content: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-automod-preset:hover,
.shared-messaging-automod-preset:focus-visible,
.shared-messaging-automod-preset.is-active {
  border-color: rgba(251, 191, 36, 0.38);
  background: rgba(251, 191, 36, 0.09);
  outline: none;
}

.shared-messaging-automod-preset.is-active {
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.18);
}

.shared-messaging-automod-preset__icon {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
  display: grid;
  place-items: center;
}

.shared-messaging-automod-preset__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-automod-preset strong,
.shared-messaging-automod-preset span,
.shared-messaging-automod-preset em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-automod-preset strong {
  color: var(--sf-ink);
  line-height: 1.15;
}

.shared-messaging-automod-preset > span:not(.shared-messaging-automod-preset__icon) {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-automod-preset em {
  align-self: end;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-messaging-automod-preset:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-automod-create-panel {
  min-width: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 10px;
}

.shared-messaging-automod-create-panel h4,
.shared-messaging-automod-create-panel p {
  margin: 0;
}

.shared-messaging-automod-create-panel h4 {
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-messaging-automod-create-panel p {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.shared-messaging-automod-create {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-automod-create label,
.shared-messaging-automod-edit__enabled {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-automod-create label > span,
.shared-messaging-automod-edit__enabled > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-automod-create input,
.shared-messaging-automod-create select,
.shared-messaging-automod-create textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-automod-create textarea {
  resize: vertical;
}

.shared-messaging-automod-edit__enabled label {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 9px;
}

.shared-messaging-automod-edit__enabled input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-messaging-automod-edit__enabled strong {
  color: var(--sf-ink);
  font-size: 0.84rem;
}

.shared-messaging-automod-create input:focus,
.shared-messaging-automod-create select:focus,
.shared-messaging-automod-create textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-automod-create__keywords {
  grid-column: span 2;
}

.shared-messaging-automod-create__actions {
  min-width: 0;
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-workflow-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 14px;
}

.shared-messaging-workflow-hero,
.shared-messaging-workflow-section,
.shared-messaging-workflow-create-panel {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-workflow-hero {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(270px, 0.9fr);
  gap: 16px;
  align-items: stretch;
}

.shared-messaging-workflow-hero > div:first-child {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-messaging-workflow-hero h3,
.shared-messaging-workflow-hero p,
.shared-messaging-workflow-section__header h3,
.shared-messaging-workflow-section__header p,
.shared-messaging-workflow-create-panel__header h3,
.shared-messaging-workflow-create-panel__header p {
  margin: 0;
}

.shared-messaging-workflow-hero > div:first-child > span {
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow-hero h3 {
  color: var(--sf-ink);
  font-size: clamp(1.18rem, 2vw, 1.5rem);
  line-height: 1.14;
}

.shared-messaging-workflow-hero p,
.shared-messaging-workflow-section__header p,
.shared-messaging-workflow-create-panel__header p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 10px;
}

.shared-messaging-workflow-metrics div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 5px;
}

.shared-messaging-workflow-metrics strong {
  color: var(--sf-ink);
  font-size: 1.18rem;
  line-height: 1;
}

.shared-messaging-workflow-metrics span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow-section,
.shared-messaging-workflow-create-panel {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.shared-messaging-workflow-section__header,
.shared-messaging-workflow-create-panel__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-workflow-section__header div,
.shared-messaging-workflow-create-panel__header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-workflow-section__header h3,
.shared-messaging-workflow-create-panel__header h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-workflow-section__header > span,
.shared-messaging-workflow-create-panel__header > span {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-workflow-list {
  display: grid;
  gap: 10px;
}

.shared-messaging-workflow {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 12px;
}

.shared-messaging-workflow.is-disabled {
  opacity: 0.72;
}

.shared-messaging-workflow__top {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-messaging-workflow__top div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-workflow__top strong,
.shared-messaging-workflow__top small,
.shared-messaging-workflow__meta span {
  overflow-wrap: anywhere;
}

.shared-messaging-workflow__top strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-messaging-workflow__top small {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-messaging-workflow__trigger {
  min-width: 104px;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.3);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-workflow__status {
  min-width: 74px;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(34, 197, 94, 0.28);
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.09);
  color: #bbf7d0;
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-workflow__status.is-running {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-messaging-workflow__status.is-paused {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
}

.shared-messaging-workflow__trigger.is-schedule {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-workflow__trigger.is-report_opened,
.shared-messaging-workflow__trigger.is-create_moderation_task {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-workflow__map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-workflow__map > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 4px;
}

.shared-messaging-workflow__map small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-workflow__map strong,
.shared-messaging-workflow__map span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow__map strong {
  color: var(--sf-ink);
  font-size: 0.84rem;
}

.shared-messaging-workflow__map span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
}

.shared-messaging-workflow__tags,
.shared-messaging-workflow__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-workflow__tag,
.shared-messaging-workflow__meta span {
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow__tag {
  color: var(--sf-ink);
}

.shared-messaging-workflow__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-workflow__delete:hover,
.shared-messaging-workflow__delete:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-workflow-create {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-workflow-edit {
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.06), transparent 46%),
    rgba(255, 255, 255, 0.035);
}

.shared-messaging-workflow-presets {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-workflow-presets__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-workflow-presets__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-workflow-presets__header h4,
.shared-messaging-workflow-presets__header p,
.shared-messaging-workflow-presets__status {
  margin: 0;
}

.shared-messaging-workflow-presets__header h4 {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.2;
}

.shared-messaging-workflow-presets__header p,
.shared-messaging-workflow-presets__status {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow-presets__header > span {
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-workflow-preset-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  gap: 9px;
}

.shared-messaging-workflow-preset {
  min-width: 0;
  min-height: 148px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  align-content: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-workflow-preset:hover,
.shared-messaging-workflow-preset:focus-visible,
.shared-messaging-workflow-preset.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-workflow-preset.is-active {
  box-shadow: inset 0 0 0 1px rgba(38, 244, 238, 0.18);
}

.shared-messaging-workflow-preset__icon {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-workflow-preset__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-workflow-preset strong,
.shared-messaging-workflow-preset span,
.shared-messaging-workflow-preset em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-workflow-preset strong {
  color: var(--sf-ink);
  line-height: 1.15;
}

.shared-messaging-workflow-preset > span:not(.shared-messaging-workflow-preset__icon) {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-workflow-preset em {
  align-self: end;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-messaging-workflow-preset:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-workflow-create label,
.shared-messaging-workflow-edit__enabled {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-workflow-create label[hidden] {
  display: none;
}

.shared-messaging-workflow-create label > span,
.shared-messaging-workflow-edit__enabled > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-workflow-create input,
.shared-messaging-workflow-create select,
.shared-messaging-workflow-create textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-workflow-create textarea {
  resize: vertical;
}

.shared-messaging-workflow-edit__enabled label {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 9px;
}

.shared-messaging-workflow-edit__enabled input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-messaging-workflow-edit__enabled strong {
  color: var(--sf-ink);
  font-size: 0.84rem;
}

.shared-messaging-workflow-create input:focus,
.shared-messaging-workflow-create select:focus,
.shared-messaging-workflow-create textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-workflow-create [data-messaging-workflow-action-field="message"] {
  grid-column: span 2;
}

.shared-messaging-workflow-create__actions {
  min-width: 0;
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-role-panel,
.shared-messaging-role-detail,
.shared-messaging-role-profile,
.shared-messaging-role-permissions,
.shared-messaging-role-members-form,
.shared-messaging-role-summary {
  min-width: 0;
}

.shared-messaging-role-panel {
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 14px;
}

.shared-messaging-role-panel__header,
.shared-messaging-role-members-form__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-role-panel__header div,
.shared-messaging-role-members-form__header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-role-panel__header h3,
.shared-messaging-role-panel__header p,
.shared-messaging-role-members-form__header h3,
.shared-messaging-role-members-form__header p,
.shared-messaging-role-profile p,
.shared-messaging-role-profile h3,
.shared-messaging-role-permissions h3,
.shared-messaging-role-permissions p,
.shared-messaging-role-card__main p,
.shared-messaging-role-card__main h3 {
  margin: 0;
}

.shared-messaging-role-panel__header h3,
.shared-messaging-role-members-form__header h3,
.shared-messaging-role-permissions h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-role-panel__header p,
.shared-messaging-role-members-form__header p,
.shared-messaging-role-permissions p,
.shared-messaging-role-card__main p,
.shared-messaging-role-profile p,
.shared-messaging-role-summary span,
.shared-messaging-role-summary strong,
.shared-messaging-role-summary small {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-role-panel__header > span,
.shared-messaging-role-members-form__header > span,
.shared-messaging-role-profile > span {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-role-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-role-summary div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 3px;
}

.shared-messaging-role-summary span {
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.shared-messaging-role-summary strong {
  color: var(--sf-ink);
  font-size: 1.24rem;
  line-height: 1;
}

.shared-messaging-role-summary small {
  font-size: 0.72rem;
}

.shared-messaging-role-list,
.shared-messaging-role-detail,
.shared-messaging-role-candidates {
  display: grid;
  gap: 10px;
}

.shared-messaging-role-card,
.shared-messaging-role-profile,
.shared-messaging-role-permissions,
.shared-messaging-role-members-form {
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-role-card {
  min-width: 0;
  padding: 12px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-role-card__main,
.shared-messaging-role-profile > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-role-card__main h3,
.shared-messaging-role-profile h3 {
  color: var(--sf-ink);
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.shared-messaging-role-colorline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.shared-messaging-role-swatch {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: var(--messaging-role-color, #8f96a3);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--messaging-role-color, #8f96a3) 22%, transparent);
  flex: 0 0 auto;
}

.shared-messaging-role-card__meta {
  min-width: 0;
  text-align: right;
  display: grid;
  gap: 2px;
}

.shared-messaging-role-card__meta strong {
  color: var(--sf-ink);
  font-size: 1.2rem;
  line-height: 1;
}

.shared-messaging-role-card__meta span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-messaging-role-chip-cloud {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-role-chip {
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  font-size: 0.72rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-messaging-role-chip.is-muted {
  color: var(--sf-muted);
}

.shared-messaging-role-chip.is-allow {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.08);
}

.shared-messaging-role-chip.is-deny {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.09);
}

.shared-messaging-role-chip.is-inherit {
  color: var(--sf-muted);
}

.shared-messaging-role-create,
.shared-messaging-role-edit {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-items: end;
}

.shared-messaging-role-create {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  grid-template-columns: minmax(140px, 1fr) minmax(126px, 0.6fr) minmax(124px, auto);
}

.shared-messaging-role-edit {
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  grid-template-columns: minmax(140px, 1fr) minmax(126px, 0.6fr) minmax(124px, auto);
}

.shared-messaging-role-create > label:first-of-type,
.shared-messaging-role-edit > label:first-of-type {
  grid-column: 1 / 3;
}

.shared-messaging-role-create > label:nth-of-type(2),
.shared-messaging-role-edit > label:nth-of-type(2) {
  grid-column: 3;
}

.shared-messaging-role-presets {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-role-presets__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-role-presets__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-role-presets__header h4,
.shared-messaging-role-presets__header p,
.shared-messaging-role-presets__status {
  margin: 0;
}

.shared-messaging-role-presets__header h4 {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.2;
}

.shared-messaging-role-presets__header p,
.shared-messaging-role-presets__status {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-role-presets__header > span {
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-role-preset-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  gap: 9px;
}

.shared-messaging-role-preset {
  min-width: 0;
  min-height: 148px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  align-content: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-role-preset:hover,
.shared-messaging-role-preset:focus-visible,
.shared-messaging-role-preset.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-role-preset.is-active {
  box-shadow: inset 0 0 0 1px rgba(38, 244, 238, 0.18);
}

.shared-messaging-role-preset__icon {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-role-preset__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-role-preset strong,
.shared-messaging-role-preset span,
.shared-messaging-role-preset em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-role-preset strong {
  color: var(--sf-ink);
  line-height: 1.15;
}

.shared-messaging-role-preset > span:not(.shared-messaging-role-preset__icon) {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-role-preset em {
  align-self: end;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-messaging-role-preset:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-role-defaults-editor {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 42%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-role-defaults-editor__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-role-defaults-editor__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-role-defaults-editor__header h3,
.shared-messaging-role-defaults-editor__header p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-role-defaults-editor__header h3 {
  color: var(--sf-ink);
}

.shared-messaging-role-defaults-editor__header p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.shared-messaging-role-defaults-editor__header > span {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-role-defaults-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.shared-messaging-role-default-metric {
  min-width: 0;
  min-height: 82px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: start;
  gap: 5px;
}

.shared-messaging-role-default-metric span,
.shared-messaging-role-default-metric small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shared-messaging-role-default-metric span {
  text-transform: uppercase;
}

.shared-messaging-role-default-metric strong {
  color: var(--sf-ink);
  font-size: 1.05rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-messaging-role-defaults-chip-cloud {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-role-create label,
.shared-messaging-role-edit label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-role-create label > span,
.shared-messaging-role-edit label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-role-create input[type="text"],
.shared-messaging-role-create input:not([type]),
.shared-messaging-role-edit input[type="text"],
.shared-messaging-role-edit input:not([type]) {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-role-create input[type="color"],
.shared-messaging-role-edit input[type="color"] {
  width: 100%;
  min-width: 74px;
  height: 42px;
  padding: 4px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
}

.shared-messaging-role-color-swatches {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(22px, 1fr));
  gap: 6px;
}

.shared-messaging-role-color-swatch {
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: var(--messaging-role-swatch-color);
  box-shadow: inset 0 0 0 2px rgba(5, 6, 8, 0.22);
  cursor: pointer;
}

.shared-messaging-role-color-swatch.is-active {
  border-color: var(--sf-cyan);
  box-shadow:
    0 0 0 2px rgba(38, 244, 238, 0.14),
    inset 0 0 0 2px rgba(5, 6, 8, 0.24);
}

.shared-messaging-role-color-swatch:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.shared-messaging-role-color-swatch:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.52);
  outline-offset: 2px;
}

.shared-messaging-role-create input:focus,
.shared-messaging-role-edit input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-role-toggle {
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: inline-flex !important;
  align-items: center;
  gap: 8px !important;
}

.shared-messaging-role-toggle > span {
  line-height: 1.1;
}

.shared-messaging-role-toggle input {
  width: 16px;
  height: 16px;
}

.shared-messaging-role-profile,
.shared-messaging-role-permissions,
.shared-messaging-role-members-form {
  padding: 14px;
  border-radius: 18px;
}

.shared-messaging-role-profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-role-candidate {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  cursor: pointer;
}

.shared-messaging-role-candidate.is-assigned {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.07);
}

.shared-messaging-role-candidate input {
  width: 18px;
  height: 18px;
}

.shared-messaging-role-candidate span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-role-candidate strong,
.shared-messaging-role-candidate small {
  overflow-wrap: anywhere;
}

.shared-messaging-role-candidate strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-role-candidate small {
  color: var(--sf-muted);
  font-size: 0.76rem;
}

.shared-messaging-role-danger {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-role-danger-button:hover,
.shared-messaging-role-danger-button:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-member-detail {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-members-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-members-panel__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-members-panel__header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-members-panel__header h3,
.shared-messaging-members-panel__header p,
.shared-messaging-member-card h3,
.shared-messaging-member-card p,
.shared-messaging-member-card small {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-members-panel__header h3,
.shared-messaging-member-card h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-members-panel__header p,
.shared-messaging-member-card p,
.shared-messaging-member-card small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.shared-messaging-members-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-members-filter {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
}

.shared-messaging-members-filter label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-members-filter label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-members-filter input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-members-filter input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-member-grid {
  display: grid;
  gap: 10px;
}

.shared-messaging-member-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-member-card.is-pending {
  opacity: 0.72;
}

.shared-messaging-member-card__main {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-member-card__topline {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.shared-messaging-member-card__topline > span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-messaging-member-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-member-profile,
.shared-messaging-member-edit,
.shared-messaging-member-section,
.shared-messaging-ban-panel,
.shared-messaging-ban-card {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-member-profile {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-member-profile__main {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-member-profile__main p,
.shared-messaging-member-profile__main h3,
.shared-messaging-member-section h3,
.shared-messaging-member-section p,
.shared-messaging-ban-panel__header h3,
.shared-messaging-ban-panel__header p,
.shared-messaging-ban-card__main p,
.shared-messaging-ban-card__main h3,
.shared-messaging-ban-card__main span {
  margin: 0;
}

.shared-messaging-member-profile__main p,
.shared-messaging-ban-card__main p {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 850;
}

.shared-messaging-member-profile__main h3,
.shared-messaging-ban-card__main h3 {
  color: var(--sf-ink);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.shared-messaging-member-status,
.shared-messaging-ban-panel__header > span {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-member-status.is-warning {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-member-chip-cloud,
.shared-messaging-ban-card__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-member-chip,
.shared-messaging-ban-card__meta small {
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  font-size: 0.72rem;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  overflow-wrap: anywhere;
}

.shared-messaging-member-chip i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--member-role-color, var(--sf-cyan));
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.shared-messaging-member-chip small {
  margin-left: 5px;
  color: var(--sf-muted);
  font-size: 0.68rem;
}

.shared-messaging-member-chip.is-source,
.shared-messaging-member-chip.is-muted,
.shared-messaging-ban-card__meta small {
  color: var(--sf-muted);
}

.shared-messaging-member-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-member-metric {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 3px;
}

.shared-messaging-member-metric span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-member-metric strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  overflow-wrap: anywhere;
}

.shared-messaging-member-metric small,
.shared-messaging-member-section p,
.shared-messaging-ban-card__main span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-member-section,
.shared-messaging-member-edit,
.shared-messaging-ban-panel {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-messaging-member-section__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.shared-messaging-member-section__header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-member-edit .shared-feed-chip--primary {
  flex: 0 0 auto;
  min-width: 128px;
  white-space: nowrap;
}

.shared-messaging-member-section h3,
.shared-messaging-ban-panel__header h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-member-edit__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.22fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-member-nickname,
.shared-messaging-member-role-block {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-member-nickname > span,
.shared-messaging-member-role-block > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-member-nickname input {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-member-nickname input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-member-nickname small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.4;
}

.shared-messaging-member-role-editor {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-member-role-option {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.shared-messaging-member-role-option.is-selected {
  border-color: color-mix(in srgb, var(--member-role-color, var(--sf-cyan)) 48%, transparent);
  background: color-mix(in srgb, var(--member-role-color, var(--sf-cyan)) 14%, transparent);
}

.shared-messaging-member-role-option.is-locked {
  color: var(--sf-muted);
}

.shared-messaging-member-role-option input {
  width: 16px;
  height: 16px;
  accent-color: var(--member-role-color, var(--sf-cyan));
}

.shared-messaging-member-role-option__body {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-member-role-option__body strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow-wrap: anywhere;
}

.shared-messaging-member-role-option__body i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--member-role-color, var(--sf-cyan));
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}

.shared-messaging-member-role-option__body small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  line-height: 1.3;
}

.shared-messaging-member-timeout__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-member-section--danger {
  border-color: rgba(255, 51, 95, 0.18);
  background: rgba(255, 51, 95, 0.055);
}

.shared-messaging-member-ban-form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.shared-messaging-member-ban-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-member-ban-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-member-ban-form textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
  resize: vertical;
}

.shared-messaging-member-ban-form textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-member-danger-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-member-danger-button:hover,
.shared-messaging-member-danger-button:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-ban-panel__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-ban-panel__header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-ban-list {
  display: grid;
  gap: 10px;
}

.shared-messaging-ban-card {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-messaging-ban-card__main {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-ban-hero,
.shared-messaging-ban-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-ban-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.84fr);
  gap: 14px;
  align-items: stretch;
}

.shared-messaging-ban-hero > div:first-child,
.shared-messaging-ban-section__header div {
  min-width: 0;
  display: grid;
  gap: 6px;
  align-content: start;
}

.shared-messaging-ban-hero h3,
.shared-messaging-ban-hero p,
.shared-messaging-ban-section__header h3,
.shared-messaging-ban-section__header p,
.shared-messaging-ban-card__reason small,
.shared-messaging-ban-card__reason strong,
.shared-messaging-ban-card__map small,
.shared-messaging-ban-card__map strong,
.shared-messaging-ban-card__map span {
  margin: 0;
}

.shared-messaging-ban-hero > div:first-child > span,
.shared-messaging-ban-section__header div > span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-ban-hero h3,
.shared-messaging-ban-section__header h3 {
  color: var(--sf-ink);
  font-size: 1.15rem;
  line-height: 1.08;
}

.shared-messaging-ban-hero p,
.shared-messaging-ban-section__header p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-ban-hero__signals,
.shared-messaging-ban-summary {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-ban-hero__signals {
  grid-template-columns: repeat(3, minmax(82px, 1fr));
}

.shared-messaging-ban-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-messaging-ban-hero__signals div,
.shared-messaging-ban-summary div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 3px;
}

.shared-messaging-ban-hero__signals div {
  min-height: 92px;
  align-content: center;
}

.shared-messaging-ban-hero__signals strong,
.shared-messaging-ban-summary strong {
  color: var(--sf-ink);
  line-height: 1;
}

.shared-messaging-ban-hero__signals strong {
  font-size: 1.45rem;
}

.shared-messaging-ban-summary strong {
  font-size: 1.35rem;
}

.shared-messaging-ban-hero__signals span,
.shared-messaging-ban-summary span {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-ban-summary small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-messaging-ban-command,
.shared-messaging-ban-create-form {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), transparent 46%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-ban-command {
  grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr);
  align-items: stretch;
}

.shared-messaging-ban-command > div:first-child,
.shared-messaging-ban-create-form__header > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  align-content: start;
}

.shared-messaging-ban-command > div:first-child {
  grid-column: 1 / -1;
  max-width: 720px;
}

.shared-messaging-ban-command > div:first-child > span,
.shared-messaging-ban-create-form__header span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-ban-command h3,
.shared-messaging-ban-command p,
.shared-messaging-ban-create-form__header h3,
.shared-messaging-ban-create-form__header p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-ban-command h3,
.shared-messaging-ban-create-form__header h3 {
  color: var(--sf-ink);
  font-size: 1.06rem;
  line-height: 1.12;
}

.shared-messaging-ban-command p,
.shared-messaging-ban-create-form__header p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-ban-command__metrics,
.shared-messaging-ban-command__actions {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-ban-command__metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: min-content;
  align-content: start;
}

.shared-messaging-ban-command__metrics div {
  min-width: 0;
  min-height: 72px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 2px;
  align-content: start;
}

.shared-messaging-ban-command__metrics strong {
  color: var(--sf-ink);
  font-size: 1.02rem;
  line-height: 1;
}

.shared-messaging-ban-command__metrics span {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-ban-command__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-messaging-ban-command-action {
  min-width: 0;
  min-height: 92px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-align: left;
  display: grid;
  gap: 4px;
  cursor: pointer;
}

.shared-messaging-ban-command-action.is-primary {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.08);
}

.shared-messaging-ban-command-action:hover,
.shared-messaging-ban-command-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-messaging-ban-command-action span,
.shared-messaging-ban-command-action strong,
.shared-messaging-ban-command-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-ban-command-action span {
  color: var(--sf-cyan);
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-ban-command-action strong {
  color: var(--sf-ink);
  line-height: 1.1;
}

.shared-messaging-ban-command-action small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-messaging-ban-create-form {
  grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr) auto;
  align-items: end;
}

.shared-messaging-ban-create-form__header {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-messaging-ban-create-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-ban-create-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-ban-create-form input,
.shared-messaging-ban-create-form textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-ban-create-form textarea {
  resize: vertical;
}

.shared-messaging-ban-create-form input:focus,
.shared-messaging-ban-create-form textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-ban-reason-presets {
  min-width: 0;
  grid-column: 1 / 3;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-ban-reason-presets button {
  min-width: 0;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.shared-messaging-ban-reason-presets button:hover,
.shared-messaging-ban-reason-presets button:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-ban-section {
  display: grid;
  gap: 12px;
}

.shared-messaging-ban-section__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-messaging-ban-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-messaging-ban-card__risk {
  width: fit-content;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.shared-messaging-ban-card__risk.is-high {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-ban-card__risk.is-reported,
.shared-messaging-ban-card__risk.is-automod {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-ban-card__reason,
.shared-messaging-ban-card__map > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 5px;
}

.shared-messaging-ban-card__reason small,
.shared-messaging-ban-card__map small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-ban-card__reason strong,
.shared-messaging-ban-card__map strong,
.shared-messaging-ban-card__map span {
  overflow-wrap: anywhere;
}

.shared-messaging-ban-card__reason strong,
.shared-messaging-ban-card__map strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
  line-height: 1.35;
}

.shared-messaging-ban-card__map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-ban-card__map span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.shared-messaging-ban-card__actions {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-moderation-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-moderation-hero,
.shared-messaging-moderation-queue {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-moderation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.84fr);
  gap: 14px;
  align-items: stretch;
}

.shared-messaging-moderation-hero > div:first-child,
.shared-messaging-moderation-queue__header div {
  min-width: 0;
  display: grid;
  gap: 6px;
  align-content: start;
}

.shared-messaging-moderation-hero h3,
.shared-messaging-moderation-hero p,
.shared-messaging-moderation-queue__header h3,
.shared-messaging-moderation-queue__header p {
  margin: 0;
}

.shared-messaging-moderation-hero h3,
.shared-messaging-moderation-queue__header h3 {
  color: var(--sf-ink);
  font-size: 1.15rem;
  line-height: 1.08;
}

.shared-messaging-moderation-hero p,
.shared-messaging-moderation-queue__header p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-messaging-moderation-hero__signals {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(82px, 1fr));
  gap: 10px;
}

.shared-messaging-moderation-hero__signals div {
  min-width: 0;
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 4px;
}

.shared-messaging-moderation-hero__signals strong {
  color: var(--sf-ink);
  font-size: 1.45rem;
  line-height: 1;
}

.shared-messaging-moderation-hero__signals span {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  white-space: nowrap;
}

.shared-messaging-moderation-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-moderation-summary > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 2px;
}

.shared-messaging-moderation-summary strong {
  color: var(--sf-ink);
  font-size: 1.35rem;
  line-height: 1;
}

.shared-messaging-moderation-summary span,
.shared-messaging-moderation-summary small {
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-summary span {
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-messaging-moderation-summary small {
  font-size: 0.72rem;
  font-weight: 760;
}

.shared-messaging-moderation-command {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.075), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(260px, 0.62fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-moderation-command > div:first-child {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-moderation-command > div:first-child > span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-moderation-command h3,
.shared-messaging-moderation-command p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-command h3 {
  color: var(--sf-ink);
  font-size: 1.06rem;
  line-height: 1.12;
}

.shared-messaging-moderation-command p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-moderation-command__metrics,
.shared-messaging-moderation-command__actions {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-moderation-command__metrics {
  grid-template-columns: repeat(2, minmax(94px, 1fr));
}

.shared-messaging-moderation-command__metrics div {
  min-width: 0;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: start;
  gap: 2px;
}

.shared-messaging-moderation-command__metrics strong {
  color: var(--sf-ink);
  font-size: 1rem;
  line-height: 1;
}

.shared-messaging-moderation-command__metrics span {
  color: var(--sf-muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-moderation-command__actions {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-messaging-moderation-command-action {
  min-width: 0;
  min-height: 88px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-align: left;
  display: grid;
  gap: 4px;
  cursor: pointer;
}

.shared-messaging-moderation-command-action.is-primary {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.08);
}

.shared-messaging-moderation-command-action:hover,
.shared-messaging-moderation-command-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-messaging-moderation-command-action:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-moderation-command-action span,
.shared-messaging-moderation-command-action strong,
.shared-messaging-moderation-command-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-command-action span {
  color: var(--sf-cyan);
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-moderation-command-action strong {
  color: var(--sf-ink);
  line-height: 1.1;
}

.shared-messaging-moderation-command-action small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-messaging-moderation-queue {
  display: grid;
  gap: 12px;
}

.shared-messaging-moderation-queue__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 12px;
  align-items: start;
}

.shared-messaging-moderation-list {
  display: grid;
  gap: 12px;
}

.shared-messaging-moderation-task {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 12px;
}

.shared-messaging-moderation-task.is-urgent {
  border-color: rgba(255, 51, 95, 0.24);
  box-shadow: inset 3px 0 0 rgba(255, 51, 95, 0.52);
}

.shared-messaging-moderation-task.is-reported,
.shared-messaging-moderation-task.is-held {
  border-color: rgba(251, 191, 36, 0.18);
  box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.42);
}

.shared-messaging-moderation-task.is-cleared {
  border-color: rgba(34, 197, 94, 0.18);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.42);
}

.shared-messaging-moderation-task.is-blocked {
  border-color: rgba(255, 51, 95, 0.22);
  box-shadow: inset 3px 0 0 rgba(255, 51, 95, 0.48);
}

.shared-messaging-moderation-task__top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(116px, auto) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-moderation-task__badges {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-moderation-task__top > div:not(.shared-messaging-moderation-task__badges) {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-moderation-task__top strong,
.shared-messaging-moderation-task__top small,
.shared-messaging-moderation-task__message p,
.shared-messaging-moderation-task__meta span {
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-task__top strong {
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-messaging-moderation-task__top small,
.shared-messaging-moderation-task__message p,
.shared-messaging-moderation-task__message span {
  color: var(--sf-muted);
}

.shared-messaging-moderation-task__message {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 6px;
}

.shared-messaging-moderation-task__message span {
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-moderation-task__message p {
  margin: 0;
  line-height: 1.5;
}

.shared-messaging-moderation-task__status {
  min-width: 78px;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(251, 191, 36, 0.34);
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-moderation-task__priority {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-moderation-task__priority.is-urgent,
.shared-messaging-moderation-task__priority.is-blocked {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-moderation-task__priority.is-reported,
.shared-messaging-moderation-task__priority.is-held {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-moderation-task__priority.is-cleared {
  border-color: rgba(34, 197, 94, 0.34);
  background: rgba(34, 197, 94, 0.12);
  color: #bbf7d0;
}

.shared-messaging-moderation-task__status.is-approved {
  border-color: rgba(34, 197, 94, 0.34);
  background: rgba(34, 197, 94, 0.12);
  color: #bbf7d0;
}

.shared-messaging-moderation-task__status.is-rejected {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-moderation-task__status.is-resolved {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-messaging-moderation-task__map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-moderation-task__map > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 4px;
}

.shared-messaging-moderation-task__map small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-moderation-task__map strong,
.shared-messaging-moderation-task__map span {
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-task__map strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-messaging-moderation-task__map span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.shared-messaging-moderation-task__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-moderation-task__meta span {
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-messaging-moderation-task__review {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-moderation-task__review label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-moderation-task__review label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-moderation-task__review textarea {
  width: 100%;
  min-height: 72px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
  resize: vertical;
}

.shared-messaging-moderation-task__review textarea:disabled {
  opacity: 0.68;
  resize: none;
}

.shared-messaging-moderation-task__review textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-moderation-note-presets {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-moderation-note-presets button {
  min-width: 0;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-note-presets button:hover,
.shared-messaging-moderation-note-presets button:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-audit-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-audit-command,
.shared-messaging-audit-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-audit-command {
  border-color: rgba(38, 244, 238, 0.16);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(0, 0.76fr) minmax(230px, 0.54fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-audit-command > div:first-child,
.shared-messaging-audit-section__header div,
.shared-messaging-audit-event__body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-audit-command > div:first-child > span,
.shared-messaging-audit-section__header div > span,
.shared-messaging-audit-event__tone {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-audit-command h3,
.shared-messaging-audit-command p,
.shared-messaging-audit-section__header h3,
.shared-messaging-audit-section__header p,
.shared-messaging-audit-event h3,
.shared-messaging-audit-event p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-audit-command h3,
.shared-messaging-audit-section__header h3,
.shared-messaging-audit-event h3 {
  color: var(--sf-ink);
  line-height: 1.12;
}

.shared-messaging-audit-command h3,
.shared-messaging-audit-section__header h3 {
  font-size: 1.06rem;
}

.shared-messaging-audit-event h3 {
  font-size: 1rem;
}

.shared-messaging-audit-command p,
.shared-messaging-audit-section__header p,
.shared-messaging-audit-event p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-audit-command__metrics,
.shared-messaging-audit-command__actions {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-messaging-audit-command__metrics {
  grid-template-columns: repeat(2, minmax(94px, 1fr));
}

.shared-messaging-audit-command__metrics div {
  min-width: 0;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: start;
  gap: 2px;
}

.shared-messaging-audit-command__metrics strong {
  color: var(--sf-ink);
  font-size: 1.02rem;
  line-height: 1;
}

.shared-messaging-audit-command__metrics span {
  color: var(--sf-muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-audit-command__actions {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-messaging-audit-command-action {
  min-width: 0;
  min-height: 92px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  text-align: left;
  display: grid;
  gap: 4px;
  cursor: pointer;
}

.shared-messaging-audit-command-action.is-primary {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.08);
}

.shared-messaging-audit-command-action:hover,
.shared-messaging-audit-command-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-messaging-audit-command-action:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-audit-command-action span,
.shared-messaging-audit-command-action strong,
.shared-messaging-audit-command-action small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-audit-command-action span {
  color: var(--sf-cyan);
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-audit-command-action strong {
  color: var(--sf-ink);
  line-height: 1.1;
}

.shared-messaging-audit-command-action small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-messaging-audit-section {
  display: grid;
  gap: 12px;
}

.shared-messaging-audit-section__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-messaging-audit-section__header > strong {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-audit-timeline {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-audit-event {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-messaging-audit-event:focus-visible {
  border-color: rgba(38, 244, 238, 0.38);
  outline: 2px solid rgba(38, 244, 238, 0.13);
  outline-offset: 2px;
}

.shared-messaging-audit-event__rail {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 6px;
}

.shared-messaging-audit-event__rail span {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 950;
  display: grid;
  place-items: center;
}

.shared-messaging-audit-event__top {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.shared-messaging-audit-event__top time {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-messaging-audit-event__map {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.shared-messaging-audit-event__map > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 3px;
}

.shared-messaging-audit-event__map small {
  color: var(--sf-muted);
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-audit-event__map strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.shared-messaging-audit-event.is-safety .shared-messaging-audit-event__tone,
.shared-messaging-audit-event.is-safety .shared-messaging-audit-event__rail span {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-audit-event.is-access .shared-messaging-audit-event__tone,
.shared-messaging-audit-event.is-access .shared-messaging-audit-event__rail span {
  border-color: rgba(251, 191, 36, 0.34);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
}

.shared-messaging-audit-event.is-automation .shared-messaging-audit-event__tone,
.shared-messaging-audit-event.is-automation .shared-messaging-audit-event__rail span {
  border-color: rgba(129, 140, 248, 0.36);
  background: rgba(129, 140, 248, 0.12);
  color: #c7d2fe;
}

.shared-messaging-moderation-task__resolution {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
}

.shared-messaging-moderation-task__resolution span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-moderation-task__resolution strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.shared-messaging-moderation-task__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-moderation-task__reject:hover,
.shared-messaging-moderation-task__reject:focus-visible {
  border-color: rgba(255, 51, 95, 0.38);
  background: rgba(255, 51, 95, 0.12);
  color: #fecdd3;
}

.shared-messaging-server-card,
.shared-messaging-request,
.shared-messaging-device {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-requests-console {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-requests-console__summary {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.05)),
    rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.shared-messaging-requests-console__summary > div:first-child {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-requests-console__summary span,
.shared-messaging-request__meta em {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-messaging-requests-console__summary h3,
.shared-messaging-requests-console__summary p {
  margin: 0;
}

.shared-messaging-requests-console__summary h3 {
  color: var(--sf-ink);
  font-size: 1.15rem;
}

.shared-messaging-requests-console__summary p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-requests-console__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(74px, 1fr));
  gap: 8px;
}

.shared-messaging-requests-console__metrics span {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  display: grid;
  gap: 2px;
  text-transform: none;
}

.shared-messaging-requests-console__metrics strong {
  color: var(--sf-ink);
  font-size: 1.15rem;
  line-height: 1;
}

.shared-messaging-requests-console__metrics small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-request,
.shared-messaging-device {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.shared-messaging-request.is-pending {
  opacity: 0.78;
}

.shared-messaging-request.is-invite {
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.04);
}

.shared-messaging-request__body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-request > div,
.shared-messaging-device > div {
  min-width: 0;
}

.shared-messaging-request__eyebrow {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-weight: 850;
}

.shared-messaging-request__eyebrow time {
  color: inherit;
  font: inherit;
}

.shared-messaging-request > div > h3,
.shared-messaging-device > div > h3,
.shared-messaging-request > div > span,
.shared-messaging-device > div > span {
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.shared-messaging-request__meta {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-messaging-request__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-request__actions .shared-feed-chip {
  min-height: 34px;
  white-space: nowrap;
}

.shared-messaging-request__meta em {
  max-width: 100%;
  min-height: 27px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-style: normal;
  text-transform: none;
}

.shared-messaging-request__meta em span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-request__meta svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-page .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.34);
  background: rgba(255, 51, 95, 0.1);
  color: #fecdd3;
}

.shared-messaging-page .shared-feed-chip.is-danger:hover,
.shared-messaging-page .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(255, 51, 95, 0.54);
  background: rgba(255, 51, 95, 0.18);
}

.shared-messaging-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.shared-messaging-settings-grid > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 6px;
}

.shared-messaging-settings-grid strong {
  color: var(--sf-ink);
}

.shared-messaging-settings-grid span {
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-messaging-account-settings {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-messaging-account-hero,
.shared-messaging-account-section {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-account-hero {
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: stretch;
}

.shared-messaging-account-hero > div:first-child {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-messaging-account-hero > div:first-child > span,
.shared-messaging-account-section__header > div > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-messaging-account-hero > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.shared-messaging-account-hero > div:first-child > span svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.shared-messaging-account-hero h3,
.shared-messaging-account-hero p,
.shared-messaging-account-section h3,
.shared-messaging-account-section p {
  margin: 0;
}

.shared-messaging-account-hero h3,
.shared-messaging-account-section h3 {
  color: var(--sf-ink);
  font-size: 1.06rem;
  line-height: 1.18;
}

.shared-messaging-account-hero p,
.shared-messaging-account-section p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-messaging-account-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-account-metric {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.16);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 10px;
  align-items: center;
}

.shared-messaging-account-metric > span {
  grid-row: span 3;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-account-metric svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-account-metric strong,
.shared-messaging-account-metric small,
.shared-messaging-account-metric em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-account-metric strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1.15;
}

.shared-messaging-account-metric small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-messaging-account-metric em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
}

.shared-messaging-account-section {
  padding: 16px;
  display: grid;
  gap: 14px;
}

.shared-messaging-account-section__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-account-section__header > div {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-account-section__header > em {
  flex: 0 0 auto;
  max-width: 46%;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  overflow-wrap: anywhere;
  text-align: right;
}

.shared-messaging-account-choice-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 9px;
}

.shared-messaging-account-choice-group legend {
  padding: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-messaging-account-choice-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 9px;
}

.shared-messaging-account-choice {
  min-width: 0;
  display: block;
  cursor: pointer;
}

.shared-messaging-account-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.shared-messaging-account-choice span {
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  align-content: start;
  gap: 5px;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease;
}

.shared-messaging-account-choice strong,
.shared-messaging-account-choice small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-account-choice strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
  line-height: 1.2;
}

.shared-messaging-account-choice small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-account-choice:hover span,
.shared-messaging-account-choice input:focus-visible + span,
.shared-messaging-account-choice.is-selected span,
.shared-messaging-account-choice input:checked + span {
  border-color: rgba(38, 244, 238, 0.44);
  background: rgba(38, 244, 238, 0.09);
}

.shared-messaging-account-toggle {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  cursor: pointer;
}

.shared-messaging-account-toggle input {
  width: 20px;
  height: 20px;
  accent-color: var(--sf-cyan);
}

.shared-messaging-account-toggle > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-account-toggle strong,
.shared-messaging-account-toggle small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-account-toggle strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-account-toggle small {
  color: var(--sf-muted);
  font-size: 0.79rem;
  line-height: 1.35;
}

.shared-messaging-app-lock-settings {
  border-color: rgba(250, 204, 21, 0.24);
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.08), transparent 44%),
    rgba(255, 255, 255, 0.04);
}

.shared-messaging-app-lock-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(250, 204, 21, 0.22);
  border-radius: 16px;
  background: rgba(250, 204, 21, 0.07);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-app-lock-card__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(250, 204, 21, 0.3);
  border-radius: 14px;
  background: rgba(250, 204, 21, 0.13);
  color: #facc15;
  display: grid;
  place-items: center;
}

.shared-messaging-app-lock-card__icon svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-messaging-app-lock-card > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-app-lock-card strong,
.shared-messaging-app-lock-card small,
.shared-messaging-app-lock-settings__note {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-app-lock-card strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
  line-height: 1.2;
}

.shared-messaging-app-lock-card small,
.shared-messaging-app-lock-settings__note {
  color: var(--sf-muted);
  font-size: 0.79rem;
  line-height: 1.42;
}

.shared-messaging-app-lock-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-lock-gate {
  width: min(100%, 760px);
  margin: auto;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid rgba(250, 204, 21, 0.28);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.12), transparent 46%),
    linear-gradient(180deg, rgba(18, 20, 28, 0.94), rgba(7, 9, 13, 0.96));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
  display: grid;
  justify-items: center;
  gap: 18px;
  text-align: center;
}

.shared-messaging-lock-gate__icon {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(250, 204, 21, 0.34);
  border-radius: 20px;
  background: rgba(250, 204, 21, 0.12);
  color: #facc15;
  display: grid;
  place-items: center;
}

.shared-messaging-lock-gate__icon svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.shared-messaging-lock-gate__copy {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 8px;
}

.shared-messaging-lock-gate__copy > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(250, 204, 21, 0.3);
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.1);
  color: #facc15;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-lock-gate h1,
.shared-messaging-lock-gate p,
.shared-messaging-lock-gate__summary strong,
.shared-messaging-lock-gate__summary small {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-lock-gate h1 {
  max-width: 620px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.42rem, 3vw, 2.2rem);
  line-height: 1.04;
}

.shared-messaging-lock-gate p {
  max-width: 640px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-messaging-lock-gate__summary {
  width: min(100%, 420px);
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 3px;
  text-align: left;
}

.shared-messaging-lock-gate__summary strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-lock-gate__summary small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-lock-gate__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.shared-messaging-lock-gate__footnote {
  font-size: 0.82rem;
}

.shared-messaging-account-time-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-account-time-field {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-account-time-field span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-account-time-field input {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-account-time-field input:focus {
  border-color: rgba(38, 244, 238, 0.5);
  outline: none;
}

.shared-messaging-account-footer {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-account-footer span {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.shared-messaging-account-footer .shared-feed-chip {
  min-height: 40px;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-hero,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-section,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-footer {
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-metric,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-choice span,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-toggle,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-time-field input {
  background: rgba(255, 255, 255, 0.82);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-hero h3,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-section h3,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-metric strong,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-choice strong,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-toggle strong,
:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-card strong {
  color: #111827;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-hero p,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-section p,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-metric small,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-metric em,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-choice small,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-toggle small,
:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-card small,
:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-settings__note {
  color: #475569;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-time-field span {
  color: #334155;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-account-settings .shared-messaging-account-hero p,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-settings .shared-messaging-account-section__header p,
:root[data-polis-theme-resolved="light"] .shared-messaging-account-settings .shared-messaging-app-lock-settings__note {
  color: #334155;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-settings {
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.13), transparent 46%),
    rgba(255, 255, 255, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-card,
:root[data-polis-theme-resolved="light"] .shared-messaging-lock-gate__summary {
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-lock-gate {
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.16), transparent 48%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-app-lock-card .shared-feed-chip--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.24);
}

@media (max-width: 700px) {
  .shared-messaging-account-hero,
  .shared-messaging-account-metrics,
  .shared-messaging-account-section__header,
  .shared-messaging-account-choice-grid,
  .shared-messaging-account-time-grid,
  .shared-messaging-app-lock-card {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-account-section__header > em {
    width: fit-content;
    max-width: 100%;
    text-align: left;
  }

  .shared-messaging-account-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-account-footer .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-app-lock-card__icon {
    width: 38px;
    height: 38px;
  }

  .shared-messaging-app-lock-card__actions,
  .shared-messaging-lock-gate__actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-app-lock-card__actions .shared-feed-chip,
  .shared-messaging-lock-gate__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-lock-gate {
    border-radius: 20px;
  }
}

.shared-messaging-room-settings-stack {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 16px;
  align-content: start;
  overflow-y: auto;
  padding-right: 4px;
}

.shared-messaging-room-setup,
.shared-messaging-room-hero,
.shared-messaging-room-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-room-setup {
  display: grid;
  gap: 14px;
}

.shared-messaging-room-setup__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-room-setup__header > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-room-setup__header span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-room-setup__header h3,
.shared-messaging-room-setup__header p,
.shared-messaging-room-setup-metric strong,
.shared-messaging-room-setup-metric small,
.shared-messaging-room-setup-action strong,
.shared-messaging-room-setup-action small,
.shared-messaging-room-setup-action em {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-room-setup__header h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  line-height: 1.1;
}

.shared-messaging-room-setup__header p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-messaging-room-setup__header > em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-room-setup-metrics,
.shared-messaging-room-setup-action-grid {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-room-setup-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-messaging-room-setup-metric {
  min-width: 0;
  min-height: 82px;
  padding: 11px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: start;
  gap: 4px;
}

.shared-messaging-room-setup-metric span {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-room-setup-metric strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
}

.shared-messaging-room-setup-metric small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.shared-messaging-room-setup-metric--ready {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.07);
}

.shared-messaging-room-setup-metric--attention {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.08);
}

.shared-messaging-room-setup-metric--muted {
  background: rgba(255, 255, 255, 0.03);
}

.shared-messaging-room-setup-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-messaging-room-setup-action {
  width: 100%;
  min-width: 0;
  min-height: 104px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 10px;
  align-items: start;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.shared-messaging-room-setup-action:hover,
.shared-messaging-room-setup-action:focus-visible,
.shared-messaging-room-setup-action.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-room-setup-action:hover,
.shared-messaging-room-setup-action:focus-visible {
  transform: translateY(-1px);
}

.shared-messaging-room-setup-action > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 3;
}

.shared-messaging-room-setup-action svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-room-setup-action strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-room-setup-action small,
.shared-messaging-room-setup-action em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.34;
}

.shared-messaging-room-setup-action em {
  font-style: normal;
  font-weight: 900;
}

.shared-messaging-room-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-room-hero__main,
.shared-messaging-room-section__header div,
.shared-messaging-room-member__main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-hero__main p,
.shared-messaging-room-hero__main h3,
.shared-messaging-room-hero__main span,
.shared-messaging-room-section__header h3,
.shared-messaging-room-section__header p,
.shared-messaging-room-member__main strong,
.shared-messaging-room-member__main > span {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-room-hero__main p,
.shared-messaging-room-section__header p,
.shared-messaging-room-member__main > span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-room-hero__main h3,
.shared-messaging-room-section__header h3,
.shared-messaging-room-member__main strong {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-room-hero__metric,
.shared-messaging-room-section__header > span {
  min-width: 92px;
  padding: 8px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.shared-messaging-room-hero__metric {
  display: grid;
  gap: 2px;
}

.shared-messaging-room-hero__metric strong {
  color: var(--sf-cyan);
  font-size: 1rem;
  line-height: 1;
}

.shared-messaging-room-hero__metric span {
  color: var(--sf-muted);
  font-size: 0.72rem;
}

.shared-messaging-room-chip-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-room-chip-cloud span {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-messaging-room-section {
  display: grid;
  gap: 14px;
}

.shared-messaging-room-section--danger {
  border-color: rgba(255, 96, 96, 0.3);
  background: rgba(255, 96, 96, 0.055);
}

.shared-messaging-room-section__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-room-section__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-room-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-room-mode {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 5px;
}

.shared-messaging-room-mode.is-active {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.09);
}

.shared-messaging-room-mode strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-room-mode span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-room-notification-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-room-notification-options {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-room-notification-option {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-messaging-room-notification-option.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.09);
}

.shared-messaging-room-notification-option input {
  margin-top: 3px;
  accent-color: var(--sf-cyan);
}

.shared-messaging-room-notification-option span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-notification-option strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-room-notification-option em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-room-notification-form__footer {
  display: flex;
  justify-content: flex-end;
}

.shared-messaging-room-settings-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-room-settings-form__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-room-settings-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-room-settings-form label.is-wide {
  grid-column: 1 / -1;
}

.shared-messaging-room-settings-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-room-settings-form input,
.shared-messaging-room-settings-form select,
.shared-messaging-room-settings-form textarea {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-room-settings-form textarea {
  resize: vertical;
  min-height: 96px;
  line-height: 1.45;
}

.shared-messaging-room-settings-form input:focus,
.shared-messaging-room-settings-form select:focus,
.shared-messaging-room-settings-form textarea:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-room-toggle {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-messaging-room-toggle.is-disabled {
  opacity: 0.72;
}

.shared-messaging-room-toggle input {
  width: auto;
  margin-top: 4px;
  accent-color: var(--sf-cyan);
}

.shared-messaging-room-toggle span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-toggle strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-room-toggle em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-room-settings-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-room-settings-summary div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 4px;
}

.shared-messaging-room-settings-summary strong {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-room-settings-summary span {
  color: var(--sf-ink);
  font-size: 0.84rem;
  overflow-wrap: anywhere;
}

.shared-messaging-room-settings-form__footer {
  display: flex;
  justify-content: flex-end;
}

.shared-messaging-room-danger {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-room-danger__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-danger__copy strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
  overflow-wrap: anywhere;
}

.shared-messaging-room-danger__copy span {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-room-danger-form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.shared-messaging-room-danger-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-room-danger-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-room-danger-form input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 96, 96, 0.32);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-room-danger-form input:focus {
  border-color: rgba(255, 96, 96, 0.58);
  outline: 2px solid rgba(255, 96, 96, 0.15);
  outline-offset: 2px;
}

.shared-messaging-room-danger-button {
  border-color: rgba(255, 96, 96, 0.4);
  color: #ffd8d8;
  background: rgba(255, 96, 96, 0.14);
}

.shared-messaging-room-danger-button:hover,
.shared-messaging-room-danger-button:focus-visible {
  border-color: rgba(255, 96, 96, 0.68);
  background: rgba(255, 96, 96, 0.22);
}

.shared-messaging-room-member-form,
.shared-messaging-room-invite-form {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-items: end;
}

.shared-messaging-room-member-form {
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) auto;
}

.shared-messaging-room-invite-form {
  grid-template-columns: minmax(150px, 1fr) minmax(120px, 1fr) auto;
}

.shared-messaging-room-member-form label,
.shared-messaging-room-invite-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-room-member-form label > span,
.shared-messaging-room-invite-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-room-member-form input,
.shared-messaging-room-invite-form input,
.shared-messaging-room-invite-form select {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-room-member-form input:focus,
.shared-messaging-room-invite-form input:focus,
.shared-messaging-room-invite-form select:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-room-member-list,
.shared-messaging-room-invite-list,
.shared-messaging-room-pin-list,
.shared-messaging-room-recent-list {
  display: grid;
  gap: 10px;
}

.shared-messaging-room-pin-group {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-room-pin-group__header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-room-pin-group__header strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-messaging-room-pin-group__header span {
  padding: 5px 8px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-room-member,
.shared-messaging-room-invite {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-room-pin,
.shared-messaging-room-recent-message {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-room-member.is-pending,
.shared-messaging-room-invite.is-pending,
.shared-messaging-room-pin.is-pending,
.shared-messaging-room-recent-message.is-pending {
  opacity: 0.72;
}

.shared-messaging-room-recent-message.is-pinned {
  border-color: rgba(38, 244, 238, 0.2);
  background: rgba(38, 244, 238, 0.06);
}

.shared-messaging-room-invite.is-muted {
  border-color: rgba(255, 255, 255, 0.07);
  opacity: 0.78;
}

.shared-messaging-room-member__main,
.shared-messaging-room-invite__main,
.shared-messaging-room-pin__main,
.shared-messaging-room-recent-message__main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-member__main strong,
.shared-messaging-room-invite__main h3,
.shared-messaging-room-invite__main p,
.shared-messaging-room-invite__main span,
.shared-messaging-room-pin__main h3,
.shared-messaging-room-pin__main p,
.shared-messaging-room-recent-message__main p,
.shared-messaging-room-recent-message__main strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-room-invite__main p,
.shared-messaging-room-pin__main p,
.shared-messaging-room-recent-message__main p {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-messaging-room-invite__main h3,
.shared-messaging-room-pin__main h3,
.shared-messaging-room-recent-message__main strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-room-invite__main > span {
  color: var(--sf-muted);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.78rem;
}

.shared-messaging-room-invite__status {
  justify-self: end;
  padding: 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-room-invite-token {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.08);
  display: grid;
  gap: 6px;
}

.shared-messaging-room-invite-token span {
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
}

.shared-messaging-room-invite-token code {
  min-width: 0;
  color: var(--sf-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-settings-stack {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-messaging-server-settings-hero,
.shared-messaging-server-settings-section,
.shared-messaging-server-settings-group {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-server-settings-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-server-settings-hero__main,
.shared-messaging-server-settings-section__header div,
.shared-messaging-server-settings-group__header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-settings-hero__main p,
.shared-messaging-server-settings-hero__main h3,
.shared-messaging-server-settings-hero__main span,
.shared-messaging-server-settings-section__header h3,
.shared-messaging-server-settings-section__header p,
.shared-messaging-server-settings-group__header h3,
.shared-messaging-server-settings-group__header p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-server-settings-hero__main p,
.shared-messaging-server-settings-section__header p,
.shared-messaging-server-settings-group__header p {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-server-settings-hero__main h3,
.shared-messaging-server-settings-section__header h3,
.shared-messaging-server-settings-group__header h3 {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-messaging-server-settings-hero__main > span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-server-settings-chip-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-server-settings-chip-cloud span {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-messaging-server-settings-hero__metric,
.shared-messaging-server-settings-section__header > span,
.shared-messaging-server-settings-group__header > span {
  min-width: 96px;
  padding: 8px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.shared-messaging-server-settings-hero__metric {
  display: grid;
  gap: 2px;
}

.shared-messaging-server-settings-hero__metric strong {
  color: var(--sf-cyan);
  font-size: 1rem;
  line-height: 1;
}

.shared-messaging-server-settings-hero__metric span {
  color: var(--sf-muted);
  font-size: 0.72rem;
}

.shared-messaging-server-settings-section {
  display: grid;
  gap: 14px;
}

.shared-messaging-server-settings-section__header,
.shared-messaging-server-settings-group__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-server-settings-section__actions,
.shared-messaging-server-settings-form__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-server-settings-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-server-identity {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-server-identity__profile,
.shared-messaging-server-identity__id,
.shared-messaging-server-identity__metric {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-server-identity__profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}

.shared-messaging-server-identity__main {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-server-identity__main > span,
.shared-messaging-server-identity__metric span,
.shared-messaging-server-identity__id > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-server-identity__main h3,
.shared-messaging-server-identity__main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-server-identity__main h3 {
  color: var(--sf-ink);
  font-size: 1.02rem;
}

.shared-messaging-server-identity__main p,
.shared-messaging-server-identity__metric small {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.shared-messaging-server-identity__id {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
}

.shared-messaging-server-identity__id > span {
  grid-column: 1 / -1;
}

.shared-messaging-server-identity__id code {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--sf-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-identity__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-server-identity__metric {
  display: grid;
  align-content: start;
  gap: 4px;
}

.shared-messaging-server-identity__metric strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-identity__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-messaging-server-notification-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-server-overview-defaults__notifications {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.shared-messaging-server-overview-defaults__notifications > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-server-notification {
  min-width: 0;
  position: relative;
  cursor: pointer;
}

.shared-messaging-server-notification input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-messaging-server-notification > span {
  min-height: 112px;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  align-content: start;
  gap: 6px;
  transition:
    border-color 160ms ease,
    background 160ms ease;
}

.shared-messaging-server-notification.is-active > span,
.shared-messaging-server-notification input:focus-visible + span {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.09);
}

.shared-messaging-server-notification strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-server-notification small,
.shared-messaging-server-settings-form__footer span,
.shared-messaging-server-settings-item small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-server-settings-form__footer {
  align-items: center;
  justify-content: space-between;
}

.shared-messaging-readiness-strip {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-readiness-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
}

.shared-messaging-readiness-item span,
.shared-messaging-command-card__body > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-readiness-item strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.shared-messaging-readiness-item small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-messaging-readiness-item.is-ready {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.07);
}

.shared-messaging-readiness-item.is-attention {
  border-color: rgba(250, 204, 21, 0.26);
  background: rgba(250, 204, 21, 0.08);
}

.shared-messaging-readiness-item.is-muted {
  opacity: 0.84;
}

.shared-messaging-command-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-command-card {
  min-width: 0;
  width: 100%;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-messaging-command-card:hover,
.shared-messaging-command-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  transform: translateY(-1px);
  outline: none;
}

.shared-messaging-command-card__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-command-card__icon svg {
  width: 20px;
  height: 20px;
}

.shared-messaging-command-card__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-command-card__body strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.shared-messaging-command-card__body small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.shared-messaging-command-card__footer {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.shared-messaging-command-card__footer em,
.shared-messaging-command-card__footer b {
  max-width: 100%;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-messaging-command-card__footer em {
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--sf-muted);
  font-style: normal;
  font-weight: 850;
}

.shared-messaging-command-card__footer b {
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  font-weight: 900;
}

.shared-messaging-command-card.is-attention .shared-messaging-command-card__icon {
  border-color: rgba(250, 204, 21, 0.28);
  background: rgba(250, 204, 21, 0.08);
  color: #facc15;
}

.shared-messaging-command-card.is-muted {
  opacity: 0.84;
}

.shared-messaging-server-settings-groups {
  display: grid;
  gap: 12px;
}

.shared-messaging-server-settings-group {
  display: grid;
  gap: 12px;
}

.shared-messaging-server-settings-list {
  display: grid;
  gap: 8px;
}

.shared-messaging-server-settings-item {
  min-width: 0;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-server-settings-item:hover,
.shared-messaging-server-settings-item:focus-visible,
.shared-messaging-server-settings-item.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
}

.shared-messaging-server-settings-item.is-disabled {
  cursor: default;
  opacity: 0.62;
}

.shared-messaging-server-settings-item span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-settings-item strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-settings-item em {
  max-width: 120px;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
}

.shared-messaging-server-media-strip {
  display: grid;
  grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
  gap: 12px;
}

.shared-messaging-server-media-strip > div,
.shared-messaging-server-asset {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-server-media-strip > div {
  display: grid;
  gap: 10px;
  align-content: start;
}

.shared-messaging-server-media-strip strong,
.shared-messaging-server-asset h3 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-messaging-server-media-strip img {
  width: 100%;
  max-height: 180px;
  border-radius: 14px;
  object-fit: cover;
}

.shared-messaging-server-media-strip span {
  color: var(--sf-muted);
  font-size: 0.8rem;
}

.shared-messaging-server-profile-media {
  min-width: 0;
  position: relative;
  display: grid;
  gap: 0;
}

.shared-messaging-server-profile-media__file {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-messaging-server-profile-media__banner,
.shared-messaging-server-profile-media__avatar {
  min-width: 0;
  border: 1px solid rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.07);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-messaging-server-profile-media__banner:hover,
.shared-messaging-server-profile-media__banner:focus-visible,
.shared-messaging-server-profile-media__avatar:hover,
.shared-messaging-server-profile-media__avatar:focus-visible {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.11);
  transform: translateY(-1px);
  outline: none;
}

.shared-messaging-server-profile-media__banner:disabled,
.shared-messaging-server-profile-media__avatar:disabled {
  cursor: default;
  opacity: 0.72;
  transform: none;
}

.shared-messaging-server-profile-media__banner {
  position: relative;
  width: 100%;
  min-height: 180px;
  aspect-ratio: 16 / 6;
  padding: 0;
  border-radius: 18px;
}

.shared-messaging-server-profile-media__banner > span {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
}

.shared-messaging-server-profile-media__banner svg {
  width: 42px;
  height: 42px;
}

.shared-messaging-server-profile-media__banner img,
.shared-messaging-server-profile-media__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-messaging-server-profile-media__banner em {
  position: absolute;
  right: 12px;
  bottom: 12px;
  max-width: min(72%, 360px);
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(5, 10, 18, 0.72);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  overflow-wrap: anywhere;
  text-align: right;
}

.shared-messaging-server-profile-media__identity {
  min-width: 0;
  margin: -38px 12px 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: end;
  position: relative;
  z-index: 1;
}

.shared-messaging-server-profile-media__avatar {
  width: 86px;
  height: 86px;
  padding: 0;
  border-radius: 20px;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
}

.shared-messaging-server-profile-media__avatar span {
  color: var(--sf-cyan);
  font-size: 1.5rem;
  font-weight: 950;
}

.shared-messaging-server-profile-media__copy {
  min-width: 0;
  padding: 12px 0 2px;
  display: grid;
  gap: 3px;
}

.shared-messaging-server-profile-media__copy strong,
.shared-messaging-server-profile-media__copy span,
.shared-messaging-server-profile-media__copy small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-server-profile-media__copy strong {
  color: var(--sf-ink);
  font-size: 1rem;
  line-height: 1.16;
}

.shared-messaging-server-profile-media__copy span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-server-profile-media__copy small {
  color: #fca5a5;
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-messaging-server-profile-media__actions {
  min-width: 0;
  grid-column: 1 / -1;
  padding-left: 98px;
  padding-bottom: 2px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
}

.shared-messaging-server-settings-editor,
.shared-messaging-server-invite-form {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-server-settings-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-server-overview-defaults__intro {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.06);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-server-overview-defaults__intro div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-overview-defaults__intro strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-server-overview-defaults__intro span {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.shared-messaging-server-overview-defaults__intro em {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-server-settings-editor label,
.shared-messaging-server-invite-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-server-settings-editor label > span,
.shared-messaging-server-invite-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-server-settings-editor input,
.shared-messaging-server-settings-editor select,
.shared-messaging-server-settings-editor textarea,
.shared-messaging-server-invite-form input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-server-settings-editor select {
  min-height: 42px;
}

.shared-messaging-server-settings-editor textarea {
  min-height: 86px;
  resize: vertical;
}

.shared-messaging-server-settings-editor input:focus,
.shared-messaging-server-settings-editor select:focus,
.shared-messaging-server-settings-editor textarea:focus,
.shared-messaging-server-invite-form input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-server-settings-editor__wide,
.shared-messaging-server-settings-editor__footer {
  grid-column: 1 / -1;
}

.shared-messaging-server-settings-toggle {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.shared-messaging-server-settings-toggle input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-top: 2px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-messaging-server-settings-toggle span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-server-settings-toggle strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
}

.shared-messaging-server-settings-toggle small,
.shared-messaging-server-settings-editor__footer span,
.shared-messaging-server-invite-form > span,
.shared-messaging-server-invite-form__footer span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-server-settings-editor__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.shared-messaging-server-invite-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

.shared-messaging-server-invite-form__header,
.shared-messaging-server-invite-form__footer,
.shared-messaging-server-invite-selected,
.shared-messaging-server-invite-search-field,
.shared-messaging-server-invite-results,
.shared-messaging-server-invite-message {
  grid-column: 1 / -1;
}

.shared-messaging-server-invite-form__header,
.shared-messaging-server-invite-form__footer,
.shared-messaging-server-invite-selected {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.shared-messaging-server-invite-form__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-server-invite-form__header strong {
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-messaging-server-invite-form__header span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-messaging-server-invite-selected {
  padding: 10px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.075);
}

.shared-messaging-server-invite-selected > span {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 2px;
}

.shared-messaging-server-invite-selected strong,
.shared-messaging-server-invite-result strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-invite-selected small,
.shared-messaging-server-invite-result small {
  min-width: 0;
  color: var(--sf-muted);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-invite-results {
  display: grid;
  gap: 8px;
}

.shared-messaging-server-invite-result {
  min-width: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}

.shared-messaging-server-invite-result:hover,
.shared-messaging-server-invite-result:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  transform: translateY(-1px);
  outline: none;
}

.shared-messaging-server-invite-result.is-disabled {
  cursor: not-allowed;
  opacity: 0.64;
  transform: none;
}

.shared-messaging-server-invite-result > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-messaging-server-invite-result em {
  max-width: 150px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  overflow-wrap: anywhere;
}

.shared-messaging-server-invite-result:not(.is-disabled) em {
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-messaging-server-invite-message {
  padding: 10px 12px;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.4;
}

.shared-messaging-server-invite-message.is-error {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.08);
  color: #fecdd3;
}

.shared-messaging-server-security-panel {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-messaging-server-security-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-server-security-status {
  min-width: 0;
  min-height: 118px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 10px;
}

.shared-messaging-server-security-status.is-ready {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.07);
}

.shared-messaging-server-security-status.is-attention {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(245, 158, 11, 0.07);
}

.shared-messaging-server-security-status.is-muted {
  background: rgba(255, 255, 255, 0.028);
}

.shared-messaging-server-security-status__icon {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-server-security-status__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-server-security-status > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-security-status strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-status span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-server-security-status small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.36;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-summary__updated {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.36;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-form {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-server-security-intro {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.055);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: start;
}

.shared-messaging-server-security-intro div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-security-intro strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-server-security-intro span,
.shared-messaging-server-security-intro p {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-intro p {
  grid-column: 1 / -1;
  margin: 0;
}

.shared-messaging-server-security-intro em {
  padding: 6px 9px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-messaging-server-security-list {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-server-security-toggle {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-messaging-server-security-toggle.is-active {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.06);
}

.shared-messaging-server-security-toggle input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--sf-cyan);
}

.shared-messaging-server-security-toggle span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-server-security-toggle strong {
  color: var(--sf-ink);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-toggle small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-server-security-toggle em {
  min-width: 38px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-server-security-toggle.is-active em {
  border-color: rgba(38, 244, 238, 0.3);
  color: var(--sf-cyan);
}

.shared-messaging-server-security-toggle.is-disabled {
  opacity: 0.66;
}

.shared-messaging-server-security-toggle.is-locked {
  opacity: 0.8;
}

.shared-messaging-server-security-history {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-server-security-history__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.shared-messaging-server-security-history__header strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-server-security-history__header span {
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-server-asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 10px;
}

.shared-messaging-server-asset-form {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(190px, 0.72fr) minmax(160px, 0.64fr) minmax(180px, 1fr);
  gap: 12px;
  align-items: end;
}

.shared-messaging-server-asset-form__header {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-messaging-server-asset-form__header div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-server-asset-form__header span {
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid rgba(38, 244, 238, 0.26);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-server-asset-form__header h3,
.shared-messaging-server-asset-form__header p,
.shared-messaging-server-asset-form__hint {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-server-asset-form__header h3 {
  color: var(--sf-ink);
  font-size: 1.06rem;
  line-height: 1.12;
}

.shared-messaging-server-asset-form__header p,
.shared-messaging-server-asset-form__hint {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-messaging-server-asset-picker {
  min-width: 0;
  grid-row: span 2;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-messaging-server-asset-picker__preview {
  width: 72px;
  height: 72px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.07);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.shared-messaging-server-asset-picker__preview.has-image {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-server-asset-picker__preview svg {
  width: 24px;
  height: 24px;
}

.shared-messaging-server-asset-picker__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-messaging-server-asset-picker__preview.has-image span {
  display: none;
}

.shared-messaging-server-asset-picker strong,
.shared-messaging-server-asset-picker small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-server-asset-picker strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-server-asset-picker small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.shared-messaging-server-asset-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-server-asset-form label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-server-asset-form input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-server-asset-form input[type="file"] {
  padding: 8px;
}

.shared-messaging-server-asset-form input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-ink);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
}

.shared-messaging-server-asset-form input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-server-asset-form__wide,
.shared-messaging-server-asset-form__hint {
  grid-column: span 2;
}

.shared-messaging-server-asset {
  display: grid;
  gap: 10px;
  align-content: start;
}

.shared-messaging-server-asset__summary {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shared-messaging-server-asset__preview {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.shared-messaging-server-asset__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-messaging-server-asset p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-server-asset-edit {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-messaging-server-asset-edit label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-server-asset-edit label > span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-server-asset-edit input {
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
  font-size: 0.84rem;
}

.shared-messaging-server-asset-edit input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-server-asset__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.shared-messaging-directory-admin {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
}

.shared-messaging-directory-command {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.1), rgba(255, 51, 95, 0.045));
  display: grid;
  gap: 14px;
}

.shared-messaging-directory-command__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.shared-messaging-directory-command__header > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-directory-command__header p,
.shared-messaging-directory-command__header h3,
.shared-messaging-directory-command__header span,
.shared-messaging-directory-command__stats strong,
.shared-messaging-directory-command__stats span {
  margin: 0;
}

.shared-messaging-directory-command__header p {
  color: var(--sf-cyan);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-directory-command__header h3 {
  color: var(--sf-ink);
  font-size: 1.1rem;
  font-weight: 950;
}

.shared-messaging-directory-command__header span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-messaging-directory-command__stats {
  min-width: 148px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.26);
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 2px 10px;
  align-items: baseline;
}

.shared-messaging-directory-command__stats strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
}

.shared-messaging-directory-command__stats span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-directory-create,
.shared-messaging-directory-category,
.shared-messaging-directory-room {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-directory-create {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-directory-create__intro {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-directory-create__intro strong,
.shared-messaging-directory-category__header h3,
.shared-messaging-directory-room__main strong {
  margin: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.shared-messaging-directory-create__intro strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.shared-messaging-directory-create__intro svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-directory-create__intro small,
.shared-messaging-directory-room__main small,
.shared-messaging-directory-category__header p,
.shared-messaging-directory-danger summary,
.shared-messaging-directory-create label > span,
.shared-messaging-directory-category__form label > span,
.shared-messaging-directory-room label > span,
.shared-messaging-directory-danger label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-directory-create label,
.shared-messaging-directory-category__form label,
.shared-messaging-directory-room label,
.shared-messaging-directory-danger label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-directory-create input,
.shared-messaging-directory-create select,
.shared-messaging-directory-category__form input,
.shared-messaging-directory-category__form select,
.shared-messaging-directory-room select,
.shared-messaging-directory-danger input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  font: inherit;
}

.shared-messaging-directory-create input:focus,
.shared-messaging-directory-create select:focus,
.shared-messaging-directory-category__form input:focus,
.shared-messaging-directory-category__form select:focus,
.shared-messaging-directory-room select:focus,
.shared-messaging-directory-danger input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  outline: 2px solid rgba(38, 244, 238, 0.12);
  outline-offset: 2px;
}

.shared-messaging-room-directory--managed {
  gap: 12px;
}

.shared-messaging-directory-category {
  padding: 12px;
  display: grid;
  gap: 12px;
}

.shared-messaging-directory-category.is-muted {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.shared-messaging-directory-category__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-directory-category__header h3,
.shared-messaging-directory-category__header p {
  margin: 0;
}

.shared-messaging-directory-category__header > span {
  flex: 0 0 auto;
  min-width: 34px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-directory-category__controls {
  display: grid;
  gap: 10px;
}

.shared-messaging-directory-category__form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-directory-category__actions,
.shared-messaging-directory-room__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-messaging-directory-rooms {
  display: grid;
  gap: 8px;
}

.shared-messaging-directory-room {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-directory-room--link {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  align-items: center;
}

.shared-messaging-directory-room--link > span:last-child {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
}

.shared-messaging-directory-room--link svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-directory-room__main {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-self: center;
}

.shared-messaging-directory-danger {
  min-width: 0;
  border-top: 1px solid var(--sf-line);
  padding-top: 10px;
}

.shared-messaging-directory-danger summary {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 900;
}

.shared-messaging-directory-danger summary svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-directory-danger form {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 10px;
  align-items: end;
}

.shared-messaging-form {
  box-shadow: none;
}

.shared-messaging-overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-messaging-overview-metrics > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 5px;
}

.shared-messaging-overview-metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.55rem;
  line-height: 1;
}

.shared-messaging-overview-metrics span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-messaging-compose {
  gap: 16px;
}

.shared-messaging-compose.shared-form,
:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form {
  border-color: var(--sf-line);
  background: rgba(10, 12, 18, 0.78);
  color: var(--sf-ink);
  box-shadow: none;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form label {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form input,
:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form select,
:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form textarea {
  border-color: var(--sf-line);
  background: rgba(5, 6, 8, 0.62);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-compose-search input {
  border: 0;
  background: transparent;
  box-shadow: none;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form input::placeholder,
:root[data-polis-theme-resolved="light"] .shared-messaging-compose.shared-form textarea::placeholder {
  color: rgba(232, 235, 245, 0.62);
}

.shared-messaging-compose-flow {
  display: grid;
  align-content: start;
}

.shared-messaging-compose-mode {
  min-width: 0;
  padding: 4px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.shared-messaging-compose-mode button {
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 900;
}

.shared-messaging-compose-mode button svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-messaging-compose-mode button:hover,
.shared-messaging-compose-mode button:focus-visible,
.shared-messaging-compose-mode button.is-active {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-ink);
  outline: none;
}

.shared-messaging-compose__intro,
.shared-messaging-compose__context > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.shared-messaging-compose__intro h3,
.shared-messaging-compose__intro p,
.shared-messaging-compose__intro span {
  margin: 0;
}

.shared-messaging-compose__intro h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.32rem;
  line-height: 1.1;
}

.shared-messaging-compose__intro p,
.shared-messaging-compose__intro span {
  color: var(--sf-muted);
}

.shared-messaging-compose__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-messaging-compose-search,
.shared-messaging-compose-group-title,
.shared-messaging-compose-exact {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-messaging-compose-search > span,
.shared-messaging-compose-group-title > span,
.shared-messaging-compose-exact summary,
.shared-messaging-compose__fields label > span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-compose-group-title small {
  color: rgba(232, 235, 245, 0.58);
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-messaging-compose-search > div {
  min-width: 0;
  min-height: 48px;
  padding: 0 9px 0 13px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.62);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.shared-messaging-compose-search svg {
  width: 17px;
  height: 17px;
  fill: var(--sf-cyan);
}

.shared-messaging-compose-search input,
.shared-messaging-compose-group-title input,
.shared-messaging-compose__fields input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(5, 6, 8, 0.62);
  color: var(--sf-ink);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 750;
}

.shared-messaging-compose-search input {
  min-height: 46px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.shared-messaging-compose-group-title input,
.shared-messaging-compose__fields input {
  padding: 0 12px;
}

.shared-messaging-compose-search input:focus,
.shared-messaging-compose-group-title input:focus,
.shared-messaging-compose__fields input:focus {
  outline: none;
}

.shared-messaging-compose-search:focus-within > div,
.shared-messaging-compose-group-title input:focus,
.shared-messaging-compose__fields input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-messaging-compose-search button {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.shared-messaging-compose-selected {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.07);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-compose-selected.is-empty {
  display: grid;
  gap: 3px;
  color: var(--sf-muted);
}

.shared-messaging-compose-selected.is-empty strong {
  color: var(--sf-ink);
}

.shared-messaging-compose-selected__chip {
  min-width: 0;
  max-width: 100%;
  min-height: 42px;
  padding: 4px 8px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.shared-messaging-compose-selected__chip .shared-messaging-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.shared-messaging-compose-selected__chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 850;
}

.shared-messaging-compose-selected__chip svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.shared-messaging-compose-people {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-messaging-compose-person {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.shared-messaging-compose-person__main {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--sf-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-compose-person__main:hover,
.shared-messaging-compose-person__main:focus-visible,
.shared-messaging-compose-person.is-selected .shared-messaging-compose-person__main {
  border-color: rgba(38, 244, 238, 0.3);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-compose-person.is-blocked {
  opacity: 0.72;
}

.shared-messaging-compose-person__main > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-compose-person__main strong,
.shared-messaging-compose-person__main small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-compose-person__main strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-messaging-compose-person__main small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 750;
}

.shared-messaging-compose-person__main em {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-cyan);
  display: inline-grid;
  place-items: center;
}

.shared-messaging-compose-person__main em svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.shared-messaging-compose-person__status {
  min-width: 72px;
  padding: 7px 9px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-muted);
  text-align: center;
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-compose-exact {
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-messaging-compose-exact summary {
  cursor: pointer;
}

.shared-messaging-compose-exact .shared-messaging-compose__fields {
  margin-top: 12px;
}

.shared-messaging-compose-status {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 850;
}

.shared-messaging-compose__context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-messaging-compose__context > div {
  align-items: start;
}

.shared-messaging-compose__context svg {
  width: 18px;
  height: 18px;
  fill: var(--sf-cyan);
}

.shared-messaging-compose__context span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-messaging-compose__context strong {
  color: var(--sf-ink);
}

.shared-messaging-compose__context small {
  color: var(--sf-muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

.shared-messaging-compose__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-messaging-room-directory,
.shared-messaging-settings-sections {
  display: grid;
  gap: 18px;
}

.shared-messaging-room-group {
  display: grid;
  gap: 10px;
}

.shared-messaging-room-group__header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-room-group__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-room-group__header .shared-feed-chip {
  min-height: 32px;
}

.shared-messaging-room-group h3 {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-room-settings-nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  overflow: visible;
}

.shared-messaging-room-settings-nav__item {
  width: 100%;
  min-width: 0;
  min-height: 70px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  align-content: center;
  gap: 4px;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.shared-messaging-room-settings-nav__item:hover,
.shared-messaging-room-settings-nav__item:focus-visible,
.shared-messaging-room-settings-nav__item.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-room-settings-nav__item:hover,
.shared-messaging-room-settings-nav__item:focus-visible {
  transform: translateY(-1px);
}

.shared-messaging-room-settings-nav__item.is-active {
  border-color: rgba(255, 51, 95, 0.34);
  background: rgba(255, 51, 95, 0.12);
}

.shared-messaging-room-settings-nav__item strong,
.shared-messaging-room-settings-nav__item span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-room-settings-nav__item strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-room-settings-nav__item span {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.32;
}

.shared-messaging-chip-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-messaging-chip-cloud span {
  padding: 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.shared-messaging-permissions {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-messaging-permission-command,
.shared-messaging-permission-hero,
.shared-messaging-permission-summary-grid > div,
.shared-messaging-permission-overrides,
.shared-messaging-permission-detail,
.shared-messaging-permission-decision-group {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-permission-command {
  padding: 16px;
  display: grid;
  gap: 14px;
}

.shared-messaging-permission-command__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-messaging-permission-command__header > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-messaging-permission-command__header span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-permission-command__header h3,
.shared-messaging-permission-command__header p,
.shared-messaging-permission-command-metric strong,
.shared-messaging-permission-command-metric small,
.shared-messaging-permission-command-action strong,
.shared-messaging-permission-command-action small,
.shared-messaging-permission-command-action em {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-command__header h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  line-height: 1.1;
}

.shared-messaging-permission-command__header p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-messaging-permission-command__header > em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-messaging-permission-command-metrics,
.shared-messaging-permission-command-actions {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-messaging-permission-command-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-messaging-permission-command-metric {
  min-width: 0;
  min-height: 82px;
  padding: 11px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  align-content: start;
  gap: 4px;
}

.shared-messaging-permission-command-metric span {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-messaging-permission-command-metric strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
}

.shared-messaging-permission-command-metric small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.shared-messaging-permission-command-metric--ready {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.07);
}

.shared-messaging-permission-command-metric--attention {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.08);
}

.shared-messaging-permission-command-metric--muted {
  background: rgba(255, 255, 255, 0.03);
}

.shared-messaging-permission-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

.shared-messaging-permission-command-action {
  width: 100%;
  min-width: 0;
  min-height: 108px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 10px;
  align-items: start;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.shared-messaging-permission-command-action:hover,
.shared-messaging-permission-command-action:focus-visible,
.shared-messaging-permission-command-action.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-permission-command-action:hover,
.shared-messaging-permission-command-action:focus-visible {
  transform: translateY(-1px);
}

.shared-messaging-permission-command-action:disabled {
  cursor: not-allowed;
  opacity: 0.64;
  transform: none;
}

.shared-messaging-permission-command-action > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 3;
}

.shared-messaging-permission-command-action svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-permission-command-action strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-messaging-permission-command-action small,
.shared-messaging-permission-command-action em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.34;
}

.shared-messaging-permission-command-action em {
  font-style: normal;
  font-weight: 900;
}

.shared-messaging-permission-hero {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(250px, 0.9fr);
  gap: 16px;
  align-items: stretch;
}

.shared-messaging-permission-hero h3,
.shared-messaging-permission-hero p,
.shared-messaging-permission-overrides h3,
.shared-messaging-permission-overrides p,
.shared-messaging-permission-detail h3,
.shared-messaging-permission-detail p,
.shared-messaging-permission-decision-group h4 {
  margin: 0;
}

.shared-messaging-permission-hero > div:first-child {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-messaging-permission-hero > div:first-child > span {
  width: fit-content;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(38, 244, 238, 0.28);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-hero h3 {
  color: var(--sf-ink);
  font-size: clamp(1.18rem, 2vw, 1.5rem);
  line-height: 1.14;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-hero p,
.shared-messaging-permission-overrides p,
.shared-messaging-permission-detail p {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-hero__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
  gap: 10px;
}

.shared-messaging-permission-hero__stats div,
.shared-messaging-permission-summary-grid > div {
  padding: 13px;
  display: grid;
  align-content: center;
  gap: 5px;
}

.shared-messaging-permission-hero__stats div {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-messaging-permission-hero__stats strong {
  color: var(--sf-ink);
  font-size: 1.2rem;
  line-height: 1;
}

.shared-messaging-permission-hero__stats span,
.shared-messaging-permission-summary-grid span,
.shared-messaging-permission-summary-grid small {
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-messaging-permission-hero__stats span {
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-permission-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-messaging-permission-summary-grid strong {
  color: var(--sf-ink);
}

.shared-messaging-permission-summary-grid small {
  font-size: 0.76rem;
  line-height: 1.4;
}

.shared-messaging-permission-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  gap: 14px;
  align-items: start;
}

.shared-messaging-permission-overrides,
.shared-messaging-permission-detail {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.shared-messaging-room-group__header p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

.shared-messaging-room-group__header > span {
  flex: 0 0 auto;
  min-width: 34px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  display: inline-grid;
  place-items: center;
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-messaging-permission-role-list {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-messaging-permission-role {
  --permission-role-color: #8f96a3;
  width: 100%;
  min-width: 0;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-permission-role:hover,
.shared-messaging-permission-role:focus-visible,
.shared-messaging-permission-role.is-active {
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.075);
  outline: none;
}

.shared-messaging-permission-role.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  box-shadow: inset 3px 0 0 var(--permission-role-color);
}

.shared-messaging-permission-role__swatch {
  width: 13px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: var(--permission-role-color);
  box-shadow: 0 0 20px color-mix(in srgb, var(--permission-role-color) 28%, transparent);
}

.shared-messaging-permission-role__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-permission-role__body strong,
.shared-messaging-permission-role__body span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-messaging-permission-role__body strong {
  color: var(--sf-ink);
}

.shared-messaging-permission-role__body span {
  color: var(--sf-muted);
  font-size: 0.8rem;
}

.shared-messaging-permission-role__count {
  min-width: 32px;
  padding: 5px 8px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.07);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-permission-detail.is-empty {
  min-height: 260px;
  align-content: center;
}

.shared-messaging-permission-empty-guide {
  min-width: 0;
  max-width: 420px;
  margin: 0 auto;
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
}

.shared-messaging-permission-empty-guide > span {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-permission-empty-guide svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-messaging-permission-empty-guide .shared-feed-chip {
  margin-top: 2px;
  justify-content: center;
}

.shared-messaging-permission-detail__header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-messaging-permission-detail__header > span:last-child {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-permission-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-messaging-permission-decision-group {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.shared-messaging-permission-decision-group > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-permission-decision-group h4 {
  color: var(--sf-ink);
  font-size: 0.84rem;
}

.shared-messaging-permission-decision-group > div:first-child span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-messaging-permission-decision-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-messaging-permission-decision {
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-grid;
  gap: 2px;
  color: var(--sf-muted);
}

.shared-messaging-permission-decision strong,
.shared-messaging-permission-decision em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-decision strong {
  color: var(--sf-ink);
  font-size: 0.78rem;
}

.shared-messaging-permission-decision em {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-messaging-permission-decision.is-allow {
  border-color: rgba(34, 197, 94, 0.28);
  background: rgba(34, 197, 94, 0.09);
}

.shared-messaging-permission-decision.is-deny {
  border-color: rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.1);
}

.shared-messaging-permission-decision.is-custom {
  border-color: rgba(251, 191, 36, 0.3);
  background: rgba(251, 191, 36, 0.09);
}

.shared-messaging-permission-decision.is-empty,
.shared-messaging-permission-decision.is-inherit {
  opacity: 0.78;
}

.shared-messaging-permission-basic,
.shared-messaging-permission-add-role,
.shared-messaging-permission-group {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-messaging-permission-basic {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-messaging-permission-basic h3,
.shared-messaging-permission-basic p,
.shared-messaging-permission-add-role span,
.shared-messaging-permission-editor-form h3,
.shared-messaging-permission-editor-form p,
.shared-messaging-permission-group h4,
.shared-messaging-permission-row strong,
.shared-messaging-permission-row span {
  margin: 0;
}

.shared-messaging-permission-basic h3,
.shared-messaging-permission-editor-form h3,
.shared-messaging-permission-group h4,
.shared-messaging-permission-row strong {
  color: var(--sf-ink);
}

.shared-messaging-permission-basic p,
.shared-messaging-permission-editor-form p,
.shared-messaging-permission-row span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-private {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(92px, auto));
  gap: 8px;
}

.shared-messaging-permission-add-role {
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
}

.shared-messaging-permission-add-role label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-messaging-permission-add-role label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-messaging-permission-add-role select {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(5, 8, 14, 0.82);
  color: var(--sf-ink);
  padding: 0 12px;
}

.shared-messaging-permission-editor-form {
  display: grid;
  gap: 12px;
}

.shared-messaging-permission-editor-form__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-permission-presets {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 12px;
}

.shared-messaging-permission-presets__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-messaging-permission-presets__header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-permission-presets__header > span {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-messaging-permission-preset-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 9px;
}

.shared-messaging-permission-preset {
  min-width: 0;
  min-height: 152px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  align-content: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.shared-messaging-permission-preset:hover,
.shared-messaging-permission-preset:focus-visible,
.shared-messaging-permission-preset.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-messaging-permission-preset.is-active {
  box-shadow: inset 0 0 0 1px rgba(38, 244, 238, 0.18);
}

.shared-messaging-permission-preset__icon {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-messaging-permission-preset__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-messaging-permission-preset strong,
.shared-messaging-permission-preset span,
.shared-messaging-permission-preset em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-preset strong {
  color: var(--sf-ink);
  line-height: 1.15;
}

.shared-messaging-permission-preset > span:not(.shared-messaging-permission-preset__icon) {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-messaging-permission-preset em {
  align-self: end;
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-messaging-permission-preset--attention {
  border-color: rgba(255, 51, 95, 0.18);
}

.shared-messaging-permission-preset--attention .shared-messaging-permission-preset__icon {
  background: rgba(255, 51, 95, 0.12);
  color: #ff6f8e;
}

.shared-messaging-permission-preset--muted {
  border-color: rgba(255, 255, 255, 0.08);
}

.shared-messaging-permission-preset:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-messaging-permission-presets__status {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.76rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-messaging-permission-group {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.shared-messaging-permission-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.shared-messaging-permission-group__header span {
  min-width: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-messaging-permission-group__rows {
  display: grid;
  gap: 8px;
}

.shared-messaging-permission-row {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.82fr);
  gap: 12px;
  align-items: center;
}

.shared-messaging-permission-row > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-messaging-permission-choices {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.shared-messaging-permission-choice {
  min-width: 0;
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-muted);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.shared-messaging-permission-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-messaging-permission-choice.is-selected {
  color: var(--sf-ink);
}

.shared-messaging-permission-choice.is-allow.is-selected {
  border-color: rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.14);
}

.shared-messaging-permission-choice.is-deny.is-selected {
  border-color: rgba(255, 51, 95, 0.45);
  background: rgba(255, 51, 95, 0.14);
}

.shared-messaging-permission-choice.is-inherit.is-selected {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.1);
}

.shared-messaging-permission-choice:has(input:focus-visible) {
  outline: 2px solid rgba(38, 244, 238, 0.5);
  outline-offset: 2px;
}

.shared-messaging-permission-editor-form__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-discover-page .shared-page__content {
  gap: 20px;
}

.shared-discover-auth,
.shared-discover-hero,
.shared-discover-destinations,
.shared-discover-section,
.shared-discover-path {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-discover-auth {
  min-height: min(68vh, 680px);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.7fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
}

.shared-discover-eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-discover-auth h1,
.shared-discover-hero h1,
.shared-discover-destinations h2,
.shared-discover-section h2,
.shared-discover-card h3,
.shared-discover-path strong {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-discover-auth h1 {
  max-width: 760px;
  font-size: clamp(2.35rem, 5vw, 4.8rem);
  line-height: 0.95;
}

.shared-discover-auth p,
.shared-discover-hero p,
.shared-discover-destinations p,
.shared-discover-section p,
.shared-discover-card p,
.shared-discover-path span {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-discover-auth__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-discover-auth__tile {
  min-height: 104px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: flex-end;
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-discover-module-command {
  min-width: 0;
  padding: clamp(16px, 2.5vw, 22px);
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 42%),
    rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(240px, 0.32fr) minmax(0, 0.46fr) minmax(280px, 0.4fr);
  gap: 14px;
  align-items: stretch;
}

.shared-discover-module-command header,
.shared-discover-module-command footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-discover-module-command header {
  align-items: flex-start;
}

.shared-discover-module-command header > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-discover-module-command header svg,
.shared-discover-module-command footer svg,
.shared-discover-module-command__metrics svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-discover-module-command header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-discover-module-command header small,
.shared-discover-module-command__metrics small,
.shared-discover-module-command__queue span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-discover-module-command header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1.05;
}

.shared-discover-module-command__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-discover-module-command__metrics article {
  min-width: 0;
  min-height: 124px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 9px;
}

.shared-discover-module-command__metrics article > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  display: grid;
  place-items: center;
}

.shared-discover-module-command__metrics article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-discover-module-command__metrics strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-discover-module-command__metrics p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-discover-module-command__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-discover-module-command__queue article {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.42);
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-discover-module-command__queue strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.16;
  overflow-wrap: break-word;
}

.shared-discover-module-command__queue em {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-discover-module-command footer {
  min-width: 0;
  padding: 2px 4px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-discover-module-command footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
}

.shared-feed-auth-page .shared-page__content {
  gap: 18px;
}

.shared-feed-auth {
  min-height: min(64vh, 680px);
  padding: clamp(18px, 3.4vw, 42px);
  border: 1px solid var(--sf-line);
  border-radius: 30px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(410px, 1.16fr);
  gap: clamp(20px, 4vw, 46px);
  align-items: stretch;
}

.shared-feed-auth__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.shared-feed-auth__copy h1 {
  margin: 0;
  max-width: 780px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 3rem;
  line-height: 1;
}

.shared-feed-auth__copy p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-feed-auth__coverage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-feed-auth__coverage span {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 900;
  min-width: 0;
}

.shared-feed-auth__coverage svg,
.shared-feed-auth__tools svg,
.shared-feed-auth-comment svg,
.shared-feed-auth-module svg,
.shared-feed-auth-post__actions svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-feed-auth__preview {
  min-width: 0;
  padding: 14px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
  display: grid;
  gap: 14px;
}

.shared-feed-auth__preview-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-feed-auth__segments {
  min-width: 0;
  padding: 5px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-feed-auth__segments span {
  min-height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-muted);
  font-weight: 900;
  text-align: center;
}

.shared-feed-auth__segments span.is-active {
  background: var(--sf-ink);
  color: #090b11;
}

.shared-feed-auth__tools {
  display: flex;
  gap: 8px;
}

.shared-feed-auth__tools span {
  width: 44px;
  height: 44px;
  border: 1px solid var(--sf-line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-ink);
}

.shared-feed-auth__workspace {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(260px, 0.88fr) minmax(220px, 0.62fr);
  gap: 12px;
  align-items: stretch;
}

.shared-feed-auth-post,
.shared-feed-auth-comment,
.shared-feed-auth-module {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(7, 9, 15, 0.72);
  box-shadow: none;
}

.shared-feed-auth-post {
  min-width: 0;
  padding: 14px;
  border-radius: 24px;
  display: grid;
  grid-template-rows: auto minmax(180px, 1fr) auto auto;
  gap: 12px;
}

.shared-feed-auth-post__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-feed-auth-post__avatar {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(38, 244, 238, 0.42);
  border-radius: 50%;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
  font-size: 1.45rem;
  font-weight: 950;
}

.shared-feed-auth-post__header strong,
.shared-feed-auth-module strong,
.shared-feed-auth-comment strong {
  display: block;
  color: var(--sf-ink);
  font-weight: 950;
}

.shared-feed-auth-post__header span,
.shared-feed-auth-post__header em,
.shared-feed-auth-module em,
.shared-feed-auth-comment small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.shared-feed-auth-post__header em {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-feed-auth-post__media {
  min-height: 180px;
  border-radius: 20px;
  background:
    linear-gradient(160deg, rgba(38, 244, 238, 0.18), rgba(255, 51, 95, 0.12)),
    linear-gradient(180deg, rgba(18, 23, 34, 0.92), rgba(5, 7, 12, 0.96));
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 14px;
  color: var(--sf-ink);
}

.shared-feed-auth-post__media > span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #090b11;
}

.shared-feed-auth-post__media svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-feed-auth-post__media strong,
.shared-feed-auth-post__media small {
  display: block;
  text-align: right;
}

.shared-feed-auth-post__media small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-feed-auth-post p,
.shared-feed-auth-module p,
.shared-feed-auth-comment p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-feed-auth-comment p b {
  color: var(--sf-ink);
}

.shared-feed-auth-post__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-feed-auth-post__actions span {
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 7px;
  align-items: center;
  color: var(--sf-ink);
}

.shared-feed-auth-post__actions strong,
.shared-feed-auth-post__actions small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-feed-auth-post__actions strong {
  font-size: 0.9rem;
}

.shared-feed-auth-post__actions small {
  grid-column: 2;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.shared-feed-auth__side {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-feed-auth-comment,
.shared-feed-auth-module {
  min-width: 0;
  padding: 13px;
  border-radius: 22px;
  display: grid;
  gap: 9px;
}

.shared-feed-auth-comment > div,
.shared-feed-auth-comment small,
.shared-feed-auth-module {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-feed-auth-comment > div span,
.shared-feed-auth-module > span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
  flex: 0 0 auto;
}

.shared-feed-auth-module {
  align-items: flex-start;
}

.shared-feed-auth-module div {
  min-width: 0;
}

.shared-feed-auth-module strong {
  margin-top: 2px;
}

.shared-feed-auth-comment small {
  color: var(--sf-cyan);
}

.shared-create-auth {
  grid-template-columns: minmax(0, 0.7fr) minmax(430px, 1.18fr);
}

.shared-create-auth__preview {
  overflow: hidden;
}

.shared-create-auth__segments {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-create-auth__workspace {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(250px, 0.9fr) minmax(250px, 0.8fr);
  gap: 12px;
  align-items: start;
}

.shared-create-auth__media,
.shared-create-auth__panel,
.shared-create-auth__caption,
.shared-create-auth__steps article,
.shared-create-auth__review span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(7, 9, 15, 0.72);
  box-shadow: none;
}

.shared-create-auth__media,
.shared-create-auth__panel {
  min-width: 0;
  padding: 13px;
  border-radius: 24px;
  display: grid;
  gap: 12px;
}

.shared-create-auth__media-frame {
  min-height: 258px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 22% 20%, rgba(38, 244, 238, 0.28), transparent 34%),
    linear-gradient(160deg, rgba(38, 244, 238, 0.16), rgba(255, 51, 95, 0.16)),
    linear-gradient(180deg, rgba(18, 23, 34, 0.94), rgba(5, 7, 12, 0.98));
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 14px;
  color: var(--sf-ink);
}

.shared-create-auth__media-frame > span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #090b11;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.shared-create-auth__media-frame svg,
.shared-create-auth__tool-row svg,
.shared-create-auth__steps svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-create-auth__media-frame > span svg {
  width: 22px;
  height: 22px;
}

.shared-create-auth__media-frame strong,
.shared-create-auth__media-frame small {
  display: block;
  text-align: right;
}

.shared-create-auth__media-frame small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.shared-create-auth__timeline {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  gap: 7px;
}

.shared-create-auth__timeline i {
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(38, 244, 238, 0.62), rgba(255, 255, 255, 0.16));
}

.shared-create-auth__timeline i:nth-child(2) {
  background: linear-gradient(90deg, rgba(255, 51, 95, 0.54), rgba(255, 255, 255, 0.12));
}

.shared-create-auth__tool-row,
.shared-create-auth__review {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-create-auth__tool-row span,
.shared-create-auth__review span {
  min-width: 0;
  min-height: 46px;
  padding: 9px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 900;
  text-align: center;
}

.shared-create-auth__panel {
  align-content: start;
}

.shared-create-auth__caption,
.shared-create-auth__steps article,
.shared-create-auth__review span {
  border-radius: 18px;
  padding: 12px;
}

.shared-create-auth__caption {
  display: grid;
  gap: 6px;
}

.shared-create-auth__caption strong,
.shared-create-auth__steps strong,
.shared-create-auth__review strong {
  color: var(--sf-ink);
  font-weight: 950;
}

.shared-create-auth__caption p,
.shared-create-auth__steps p,
.shared-create-auth__review small {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-create-auth__steps {
  display: grid;
  gap: 8px;
}

.shared-create-auth__steps article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-create-auth__steps article > span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.shared-create-auth__review {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-create-auth__review span {
  min-height: 58px;
  display: grid;
  justify-items: start;
  align-content: center;
}

.shared-profile-auth-page .shared-page__content {
  gap: 18px;
}

.shared-profile-auth {
  min-height: min(64vh, 690px);
  padding: clamp(18px, 3.4vw, 42px);
  border: 1px solid var(--sf-line);
  border-radius: 30px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(430px, 1.18fr);
  gap: clamp(20px, 4vw, 46px);
  align-items: stretch;
}

.shared-profile-auth__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.shared-profile-auth__copy h1 {
  margin: 0;
  max-width: 780px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 3rem;
  line-height: 1;
}

.shared-profile-auth__copy p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-profile-auth__quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-profile-auth__quick-links span {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 900;
  min-width: 0;
}

.shared-profile-auth__preview {
  min-width: 0;
  padding: 14px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
  display: grid;
  grid-template-columns: minmax(260px, 0.86fr) minmax(240px, 0.72fr);
  gap: 12px;
  align-items: stretch;
}

.shared-profile-auth-card,
.shared-profile-auth-connections,
.shared-profile-auth-tools article {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(7, 9, 15, 0.72);
  box-shadow: none;
}

.shared-profile-auth-card {
  min-width: 0;
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  grid-template-rows: 112px 1fr;
}

.shared-profile-auth-card__banner {
  background:
    radial-gradient(circle at 18% 10%, rgba(38, 244, 238, 0.24), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(255, 51, 95, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(23, 30, 46, 0.92), rgba(7, 9, 15, 0.96));
}

.shared-profile-auth-card__body {
  min-width: 0;
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-content: start;
}

.shared-profile-auth-card__avatar {
  width: 78px;
  height: 78px;
  margin-top: -38px;
  border: 3px solid rgba(7, 9, 15, 0.94);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.18), rgba(255, 51, 95, 0.16));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
  font-size: 2.1rem;
  font-weight: 950;
}

.shared-profile-auth-card__heading {
  grid-column: 1 / -1;
  min-width: 0;
}

.shared-profile-auth-card__heading span,
.shared-profile-auth-card__heading p,
.shared-profile-auth-card__stats small,
.shared-profile-auth-connections small,
.shared-profile-auth-tools em,
.shared-profile-auth-tools p {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-profile-auth-card__heading h2 {
  margin: 3px 0 2px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.75rem;
  line-height: 1;
}

.shared-profile-auth-card__heading p {
  margin: 0;
}

.shared-profile-auth-card__body > .shared-feed-chip {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  margin-top: 10px;
  white-space: nowrap;
}

.shared-profile-auth-card__stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-profile-auth-card__stats span {
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  align-content: center;
  gap: 2px;
}

.shared-profile-auth-card__stats strong,
.shared-profile-auth-connections strong,
.shared-profile-auth-tools strong {
  color: var(--sf-ink);
  font-weight: 950;
}

.shared-profile-auth-post-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-profile-auth-post-grid span {
  aspect-ratio: 1 / 1;
  min-height: 68px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(160deg, rgba(38, 244, 238, 0.14), rgba(255, 51, 95, 0.1)),
    rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-ink);
}

.shared-profile-auth__side {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-profile-auth-connections {
  min-width: 0;
  padding: 13px;
  border-radius: 22px;
  display: grid;
  gap: 10px;
}

.shared-profile-auth-connections header,
.shared-profile-auth-tools article {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.shared-profile-auth-connections header > span,
.shared-profile-auth-tools article > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
  flex: 0 0 auto;
}

.shared-profile-auth-connections__tabs {
  display: grid;
  gap: 8px;
}

.shared-profile-auth-connections__tabs span {
  min-height: 54px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 3px;
}

.shared-profile-auth-connections__tabs span.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.09);
}

.shared-profile-auth-tools {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.shared-profile-auth-tools article {
  min-width: 0;
  min-height: 88px;
  padding: 12px;
  border-radius: 20px;
}

.shared-profile-auth-tools div {
  min-width: 0;
}

.shared-profile-auth-tools strong {
  display: block;
  margin: 2px 0 4px;
}

.shared-profile-auth-tools p {
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}

.shared-profile-auth__quick-links svg,
.shared-profile-auth-post-grid svg,
.shared-profile-auth-connections svg,
.shared-profile-auth-tools svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-profile-page .shared-page__content {
  gap: 22px;
}

.shared-profile-stats,
.shared-profile-links {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-profile-stat,
.shared-profile-link-chip {
  min-width: 0;
  min-height: 38px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.shared-profile-stat {
  padding: 7px 11px;
  appearance: none;
  font: inherit;
}

button.shared-profile-stat {
  cursor: pointer;
}

button.shared-profile-stat:hover,
button.shared-profile-stat:focus-visible,
.shared-profile-link-chip:hover,
.shared-profile-link-chip:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-profile-stat strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
}

.shared-profile-stat span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-profile-link-chip {
  padding: 7px 12px;
  color: var(--sf-cyan);
  font-size: 0.84rem;
  font-weight: 850;
}

.shared-profile-page .shared-feed-chip svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-profile-campaign-tools {
  min-width: 0;
  padding: clamp(14px, 2vw, 18px);
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.05);
  display: grid;
  gap: 14px;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.2);
}

.shared-profile-campaign-tools__header {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-profile-campaign-tools__header > span {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(38, 244, 238, 0.3);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-profile-campaign-tools__header svg,
.shared-profile-campaign-tool svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-profile-campaign-tools__header h2,
.shared-profile-campaign-tools__header p {
  margin: 0;
}

.shared-profile-campaign-tools__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-profile-campaign-tool {
  min-width: 0;
  min-height: 112px;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.34);
  color: var(--sf-ink);
  cursor: pointer;
  display: grid;
  align-content: start;
  gap: 7px;
  text-align: left;
  font: inherit;
}

.shared-profile-campaign-tool:hover,
.shared-profile-campaign-tool:focus-visible {
  border-color: rgba(38, 244, 238, 0.45);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
  transform: translateY(-1px);
}

.shared-profile-campaign-tool.is-primary {
  border-color: rgba(38, 244, 238, 0.48);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.22), rgba(255, 255, 255, 0.06)),
    rgba(38, 244, 238, 0.08);
}

.shared-profile-campaign-tool > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-profile-campaign-tool strong,
.shared-profile-campaign-tool small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-profile-campaign-tool strong {
  font-size: 0.96rem;
}

.shared-profile-campaign-tool small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-profile-page .shared-feed-chip.is-danger,
.shared-profile-safety-confirm .shared-feed-chip.is-danger {
  border-color: rgba(251, 113, 133, 0.28);
  background: rgba(251, 113, 133, 0.12);
  color: #fecdd3;
}

.shared-profile-page .shared-feed-chip.is-danger:hover,
.shared-profile-page .shared-feed-chip.is-danger:focus-visible,
.shared-profile-safety-confirm .shared-feed-chip.is-danger:hover,
.shared-profile-safety-confirm .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(251, 113, 133, 0.5);
  background: rgba(251, 113, 133, 0.2);
}

.shared-profile-safety-confirm {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(251, 113, 133, 0.26);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(251, 113, 133, 0.12), transparent 42%),
    rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shared-profile-safety-confirm__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-profile-safety-confirm__copy strong,
.shared-profile-safety-confirm__copy span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-profile-safety-confirm__copy strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-profile-safety-confirm__copy span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-profile-safety-confirm__actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-profile-editor {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-profile-editor__identity,
.shared-profile-editor__section {
  min-width: 0;
  padding: clamp(16px, 2vw, 22px);
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.07), transparent 36%),
    rgba(255, 255, 255, 0.045);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
}

.shared-profile-editor__identity {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.shared-profile-editor__avatar {
  width: 104px;
  height: 104px;
  border: 1px solid var(--sf-line);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-size: 2rem;
  font-weight: 900;
}

.shared-profile-editor__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-profile-editor__identity h2,
.shared-profile-editor__identity p,
.shared-profile-editor__section-header p {
  margin: 0;
}

.shared-profile-editor__identity h2 {
  max-width: 760px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.05;
}

.shared-profile-editor__identity p,
.shared-profile-editor__section-header p {
  max-width: 760px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-profile-editor__avatar-actions,
.shared-profile-editor__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.shared-profile-editor__section {
  display: grid;
  gap: 16px;
}

.shared-profile-editor__section-header {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-profile-editor__grid,
.shared-profile-link-editor-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-profile-editor__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-profile-editor label,
.shared-profile-link-editor label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-profile-editor .is-wide {
  grid-column: 1 / -1;
}

.shared-profile-editor label span,
.shared-profile-link-editor__label small {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-profile-editor input:not([type="file"]),
.shared-profile-editor textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 13px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-ink);
  font: inherit;
  outline: none;
}

.shared-profile-editor textarea {
  min-height: 116px;
  padding-block: 12px;
  resize: vertical;
}

.shared-profile-editor input:disabled {
  opacity: 0.74;
}

.shared-profile-editor input:not([type="file"]):focus,
.shared-profile-editor textarea:focus {
  border-color: rgba(38, 244, 238, 0.5);
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.09);
}

.shared-profile-link-editor {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: minmax(130px, 0.34fr) minmax(160px, 0.38fr) minmax(220px, 1fr);
  gap: 12px;
  align-items: end;
}

.shared-profile-link-editor__label {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
}

.shared-profile-link-editor__label strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-profile-editor__actions {
  padding-top: 2px;
}

@media (max-width: 900px) {
  .shared-profile-campaign-tools__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-profile-editor__identity {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .shared-profile-editor__avatar {
    width: 84px;
    height: 84px;
    border-radius: 26px;
  }

  .shared-profile-editor__avatar-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .shared-profile-editor__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-profile-link-editor {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
}

@media (max-width: 620px) {
  .shared-profile-campaign-tools__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-profile-campaign-tool {
    min-height: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
  }

  .shared-profile-campaign-tool > span {
    grid-row: span 2;
  }

  .shared-profile-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-profile-safety-confirm {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-profile-safety-confirm__actions,
  .shared-profile-safety-confirm__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-profile-stat,
  .shared-profile-link-chip {
    width: 100%;
  }

  .shared-profile-editor__identity {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-profile-editor__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-profile-editor__avatar-actions,
  .shared-profile-editor__actions {
    justify-content: stretch;
  }

  .shared-profile-editor__avatar-actions .shared-feed-chip,
  .shared-profile-editor__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-profile-notifications-page .shared-page__content {
  gap: 18px;
}

.shared-profile-notifications__hero {
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.78);
  box-shadow: var(--sf-shadow);
}

.shared-profile-notifications__hero h1,
.shared-profile-notifications__hero p {
  margin: 0;
}

.shared-profile-notifications__hero h1 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.04;
}

.shared-profile-notifications__hero p:not(.shared-page__eyebrow) {
  max-width: 720px;
}

.shared-profile-notifications__hero-actions,
.shared-profile-notification__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-profile-notifications__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-profile-notifications__metrics article {
  min-height: 82px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: end;
  gap: 4px;
}

.shared-profile-notifications__metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.25rem, 2.3vw, 1.8rem);
  line-height: 1;
}

.shared-profile-notifications__metrics span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-profile-notifications__filters {
  min-width: 0;
  padding: 5px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  gap: 5px;
  overflow-x: auto;
}

.shared-profile-notifications__filter {
  min-width: max-content;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.shared-profile-notifications__filter:hover,
.shared-profile-notifications__filter:focus-visible,
.shared-profile-notifications__filter.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-ink);
  outline: none;
}

.shared-profile-notifications__filter strong {
  font-size: 0.82rem;
}

.shared-profile-notifications__filter span {
  min-width: 28px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}

.shared-profile-notifications__content,
.shared-profile-notifications__group,
.shared-profile-notifications__list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-profile-notifications__group h2 {
  margin: 10px 0 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shared-profile-notification {
  position: relative;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(10, 12, 18, 0.78);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-profile-notification.is-unread {
  border-color: rgba(38, 244, 238, 0.34);
  background:
    linear-gradient(90deg, rgba(38, 244, 238, 0.1), transparent 32%),
    rgba(10, 12, 18, 0.84);
}

.shared-profile-notification.is-unread::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--sf-cyan);
  transform: translateY(-50%);
}

.shared-profile-notification__main {
  min-width: 0;
  padding: 0 0 0 10px;
  border: 0;
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-profile-notification__main:disabled {
  cursor: default;
}

.shared-profile-notification__main:focus-visible {
  outline: 2px solid rgba(38, 244, 238, 0.45);
  outline-offset: 6px;
  border-radius: 14px;
}

.shared-profile-notification__avatar,
.shared-profile-notification__thumb {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.06);
}

.shared-profile-notification__avatar--icon {
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-profile-notification__avatar--icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-profile-notification__avatar--icon small {
  display: none;
}

.shared-profile-notification__body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-profile-notification__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-profile-notification__meta small,
.shared-profile-notification__status {
  min-width: 0;
  padding: 3px 7px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-profile-notification__body strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.shared-profile-notification__body > span:not(.shared-profile-notification__meta) {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.36;
  overflow-wrap: anywhere;
}

.shared-profile-notification__status {
  justify-self: start;
}

.shared-profile-notification__status.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.1);
  color: var(--sf-green);
}

.shared-profile-notification__status.is-bad {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.1);
  color: #ffd8df;
}

.shared-profile-notification__status.is-pending {
  border-color: rgba(250, 204, 21, 0.26);
  background: rgba(250, 204, 21, 0.1);
  color: #facc15;
}

.shared-profile-notification__chevron {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: var(--sf-muted);
  display: grid;
  place-items: center;
}

.shared-profile-notification__chevron svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  transform: rotate(-90deg);
}

.shared-profile-notification__actions {
  min-width: 150px;
}

.shared-profile-notification-aggregate {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 10px;
}

.shared-profile-notification-aggregate__header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-profile-notification-aggregate__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-profile-notification-aggregate__header strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-profile-notification-aggregate__header span,
.shared-profile-notification-aggregate__header em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.35;
}

.shared-profile-notification-aggregate__header em {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
  font-weight: 900;
}

.shared-profile-notification-aggregate__list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-profile-notification-child {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(10, 12, 18, 0.72);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}

.shared-profile-notification-child .shared-profile-notification__avatar,
.shared-profile-notification-child .shared-profile-notification__thumb {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

.shared-profile-notification-child__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-profile-notification-child__body strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.shared-profile-notification-child__body > span:not(.shared-profile-notification__meta),
.shared-profile-notification-child__unavailable {
  color: var(--sf-muted);
  font-size: 0.8rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-profile-notification-child__actions {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}

.shared-profile-notifications__load-more {
  justify-self: center;
}

.shared-profile-notifications__empty {
  min-height: 230px;
  padding: 26px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  text-align: center;
}

.shared-profile-notifications__empty > span {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-profile-notifications__empty svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-profile-notifications__empty strong {
  color: var(--sf-ink);
  font-size: 1.05rem;
}

.shared-profile-notifications__empty p {
  max-width: 520px;
  margin: 0;
}

@media (max-width: 780px) {
  .shared-profile-notifications__hero {
    border-radius: 20px;
  }

  .shared-profile-notifications__hero-actions {
    width: 100%;
    justify-content: stretch;
  }

  .shared-profile-notifications__hero-actions .shared-feed-chip {
    flex: 1 1 140px;
    justify-content: center;
  }

  .shared-profile-notifications__metrics {
    grid-template-columns: 1fr;
  }

  .shared-profile-notification {
    grid-template-columns: 1fr;
  }

  .shared-profile-notification__actions {
    min-width: 0;
    justify-content: stretch;
  }

  .shared-profile-notification__actions .shared-feed-chip {
    flex: 1 1 120px;
    justify-content: center;
  }

  .shared-profile-notification-aggregate__header {
    display: grid;
  }

  .shared-profile-notification-aggregate__header em {
    justify-self: start;
  }

  .shared-profile-notification-child {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .shared-profile-notification-child__actions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  .shared-profile-notification-child__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 560px) {
  .shared-profile-notification {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-profile-notification__main {
    grid-template-columns: 44px minmax(0, 1fr);
    padding-left: 8px;
  }

  .shared-profile-notification__avatar,
  .shared-profile-notification__thumb {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .shared-profile-notification__thumb,
  .shared-profile-notification__chevron {
    display: none;
  }

  .shared-profile-notification__actions .shared-feed-chip {
    flex-basis: 100%;
  }
}

.shared-candidates-page--auth .shared-page__content {
  gap: 18px;
}

.shared-candidates-auth,
.shared-candidates-auth-workspace article,
.shared-candidates-auth-card {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-candidates-auth {
  min-height: min(64vh, 680px);
  padding: clamp(18px, 3.4vw, 42px);
  border-radius: 30px;
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(390px, 1.18fr);
  gap: clamp(20px, 4vw, 46px);
  align-items: stretch;
}

.shared-candidates-auth__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.shared-candidates-auth__copy h1 {
  margin: 0;
  max-width: 780px;
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 3.2vw, 3.1rem);
  line-height: 1;
}

.shared-candidates-auth__copy p,
.shared-candidates-auth-card p,
.shared-candidates-auth-workspace p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-candidates-auth__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-candidates-auth__metrics span {
  min-height: 76px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.shared-candidates-auth__metrics strong {
  color: var(--sf-ink);
  font-size: 1.55rem;
  line-height: 1;
}

.shared-candidates-auth__metrics small,
.shared-candidates-auth-card span,
.shared-candidates-auth-card em,
.shared-candidates-auth-workspace em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.shared-candidates-auth__browser {
  min-width: 0;
  padding: 14px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 20% 0%, rgba(38, 244, 238, 0.12), transparent 34%),
    radial-gradient(circle at 100% 18%, rgba(255, 51, 95, 0.12), transparent 32%),
    rgba(255, 255, 255, 0.035);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.shared-candidates-auth__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-candidates-auth__segments {
  min-width: 0;
  padding: 5px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-candidates-auth__segments span {
  min-height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-muted);
  font-weight: 900;
  text-align: center;
}

.shared-candidates-auth__segments span.is-active {
  background: var(--sf-ink);
  color: #090b11;
}

.shared-candidates-auth__tools {
  display: flex;
  gap: 8px;
}

.shared-candidates-auth__tools span {
  width: 44px;
  height: 44px;
  border: 1px solid var(--sf-line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-ink);
}

.shared-candidates-auth__tools svg,
.shared-candidates-auth-workspace svg,
.shared-candidates-auth-card__meta svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-candidates-auth__filters,
.shared-candidates-auth-card__meta,
.shared-candidates-auth-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-candidates-auth__filters span,
.shared-candidates-auth-card__meta span,
.shared-candidates-auth-card__actions span {
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-candidates-auth__cards {
  display: grid;
  gap: 12px;
}

.shared-candidates-auth-card {
  padding: 13px;
  border-radius: 24px;
  box-shadow: none;
  display: grid;
  gap: 9px;
  position: relative;
  overflow: hidden;
}

.shared-candidates-auth-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--candidate-auth-accent, var(--sf-cyan));
}

.shared-candidates-auth-card.is-teal {
  --candidate-auth-accent: #26f4ee;
}

.shared-candidates-auth-card.is-red {
  --candidate-auth-accent: #ff335f;
}

.shared-candidates-auth-card.is-blue {
  --candidate-auth-accent: #74a8ff;
}

.shared-candidates-auth-card__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-candidates-auth-card__avatar {
  width: 50px;
  height: 50px;
  border: 2px solid color-mix(in srgb, var(--candidate-auth-accent), transparent 30%);
  border-radius: 50%;
  background: color-mix(in srgb, var(--candidate-auth-accent), transparent 84%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--candidate-auth-accent);
  font-size: 1.5rem;
  font-weight: 950;
}

.shared-candidates-auth-card h2 {
  margin: 2px 0 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1;
}

.shared-candidates-auth-card h2 em {
  color: var(--candidate-auth-accent);
  font-size: 0.82rem;
  vertical-align: middle;
}

.shared-candidates-auth-card__header p {
  margin-top: 5px;
}

.shared-candidates-auth-card > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shared-candidates-auth-card__actions span.is-primary {
  border-color: color-mix(in srgb, var(--candidate-auth-accent), transparent 52%);
  background: color-mix(in srgb, var(--candidate-auth-accent), transparent 86%);
  color: var(--sf-ink);
}

.shared-candidates-auth-workspace {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.shared-candidates-auth-workspace article {
  min-height: 148px;
  padding: 16px;
  border-radius: 24px;
  box-shadow: none;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
}

.shared-candidates-auth-workspace article > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
}

.shared-candidates-auth-workspace strong {
  display: block;
  margin-bottom: 5px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.18rem;
}

.shared-discover-hero {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  gap: 18px;
  align-items: end;
}

.shared-discover-hero h1 {
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 0.98;
}

.shared-discover-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-discover-search input,
.shared-discover-search select {
  min-width: 0;
  min-height: 46px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  padding: 0 14px;
  outline: none;
}

.shared-discover-search input:focus,
.shared-discover-search select:focus {
  border-color: rgba(38, 244, 238, 0.5);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.12);
}

.shared-discover-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-discover-stat {
  min-height: 84px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: end;
  gap: 4px;
}

.shared-discover-stat strong {
  font-size: 1.45rem;
}

.shared-discover-stat span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-discover-action-deck {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  gap: 12px;
}

.shared-discover-action-card {
  min-width: 0;
  min-height: 254px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(10, 12, 18, 0.82);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: start;
}

.shared-discover-action-card.is-warning {
  border-color: rgba(248, 211, 77, 0.24);
  background: rgba(26, 22, 8, 0.68);
}

.shared-discover-action-card.has-alert {
  border-color: rgba(38, 244, 238, 0.28);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(38, 244, 238, 0.08);
}

.shared-discover-action-card--calendar {
  min-height: 296px;
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(145deg, rgba(38, 244, 238, 0.075), rgba(255, 51, 95, 0.055)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-action-card--petitions {
  border-color: rgba(255, 51, 95, 0.22);
  background:
    linear-gradient(145deg, rgba(255, 51, 95, 0.12), rgba(38, 244, 238, 0.055)),
    rgba(14, 12, 18, 0.86);
}

.shared-discover-action-card--petitions .shared-discover-action-card__icon {
  background: rgba(255, 51, 95, 0.16);
  color: var(--sf-red);
}

.shared-discover-action-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-discover-action-card__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-discover-action-card__body {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
}

.shared-discover-action-card__eyebrow {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-discover-action-card h3,
.shared-discover-action-card p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-discover-action-card h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
  line-height: 1.08;
}

.shared-discover-action-card p {
  color: var(--sf-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.shared-discover-action-card__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-discover-action-card__meta span {
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-discover-action-card--schedule {
  min-height: 296px;
}

.shared-discover-calendar-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}

.shared-discover-calendar-icon {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-discover-calendar-icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-discover-calendar-icon span {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  border: 3px solid rgba(10, 12, 18, 0.94);
  border-radius: 999px;
  background: var(--sf-red);
}

.shared-discover-calendar-today {
  width: 100%;
  min-width: 0;
  min-height: 82px;
  padding: 10px;
  appearance: none;
  border: 1px solid rgba(38, 244, 238, 0.15);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-calendar-today:hover,
.shared-discover-calendar-today:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  outline: none;
}

.shared-discover-calendar-date {
  min-width: 0;
  height: 60px;
  overflow: hidden;
  border: 2px solid rgba(38, 244, 238, 0.64);
  border-radius: 12px;
  background: rgba(8, 12, 18, 0.68);
  display: grid;
  grid-template-rows: 20px 1fr;
  text-align: center;
}

.shared-discover-calendar-date small {
  display: grid;
  place-items: center;
  background: var(--sf-cyan);
  color: #071014;
  font-size: 0.58rem;
  font-weight: 950;
  line-height: 1;
}

.shared-discover-calendar-date strong {
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  font-size: 1.3rem;
  font-weight: 950;
  line-height: 1.2;
}

.shared-discover-calendar-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-discover-calendar-copy small,
.shared-discover-calendar-copy strong,
.shared-discover-calendar-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-discover-calendar-copy small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-discover-calendar-copy strong {
  color: var(--sf-ink);
  display: -webkit-box;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shared-discover-calendar-copy em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
}

.shared-discover-action-card--local-pulse {
  min-height: 312px;
}

.shared-discover-action-card--mission-work {
  min-height: 342px;
}

.shared-discover-action-card--voter-guide {
  min-height: 360px;
  border-color: rgba(255, 51, 95, 0.2);
  background:
    linear-gradient(145deg, rgba(255, 51, 95, 0.08), rgba(38, 244, 238, 0.055)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-action-card--voter-guide.is-started {
  border-color: rgba(38, 244, 238, 0.24);
  background:
    linear-gradient(145deg, rgba(38, 244, 238, 0.085), rgba(255, 51, 95, 0.06)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-voter-guide-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.shared-discover-voter-guide-head h3 {
  margin-top: 4px;
}

.shared-discover-voter-guide-icon {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 51, 95, 0.26);
  border-radius: 16px;
  background: rgba(255, 51, 95, 0.12);
  color: #ff8ea3;
  display: grid;
  place-items: center;
}

.shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-icon {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-discover-voter-guide-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-discover-voter-guide-icon b {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border: 2px solid rgba(10, 12, 18, 0.94);
  border-radius: 999px;
  background: var(--sf-red);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
}

.shared-discover-voter-guide-stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-discover-voter-guide-stats span {
  min-width: 0;
  min-height: 66px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  text-align: center;
}

.shared-discover-voter-guide-stats small {
  min-width: 0;
  max-width: 100%;
  color: var(--sf-muted);
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1.08;
  text-transform: uppercase;
  white-space: normal;
}

.shared-discover-voter-guide-stats strong {
  min-width: 0;
  max-width: 100%;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.04rem;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.shared-discover-voter-guide-preview {
  min-width: 0;
  width: 100%;
  min-height: 70px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 51, 95, 0.16);
  border-radius: 16px;
  background: rgba(255, 51, 95, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview {
  border-color: rgba(38, 244, 238, 0.15);
  background: rgba(38, 244, 238, 0.06);
}

.shared-discover-voter-guide-preview:hover,
.shared-discover-voter-guide-preview:focus-visible {
  border-color: rgba(255, 51, 95, 0.36);
  outline: none;
}

.shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview:hover,
.shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
}

.shared-discover-voter-guide-preview span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-discover-voter-guide-preview small,
.shared-discover-voter-guide-preview strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-discover-voter-guide-preview small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-discover-voter-guide-preview strong {
  color: var(--sf-ink);
  display: -webkit-box;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shared-discover-voter-guide-preview svg {
  width: 18px;
  height: 18px;
  color: #ff8ea3;
  fill: currentColor;
}

.shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview
  svg {
  color: var(--sf-cyan);
}

.shared-discover-action-card--civic-challenge {
  min-height: 360px;
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(145deg, rgba(38, 244, 238, 0.075), rgba(255, 255, 255, 0.035)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-action-card--civic-challenge.is-complete {
  border-color: rgba(255, 51, 95, 0.24);
  background:
    linear-gradient(145deg, rgba(255, 51, 95, 0.09), rgba(38, 244, 238, 0.06)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-civic-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.shared-discover-civic-head h3 {
  margin-top: 4px;
}

.shared-discover-civic-icon {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-discover-action-card--civic-challenge.is-complete
  .shared-discover-civic-icon {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.13);
  color: #ff8ea3;
}

.shared-discover-civic-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-discover-civic-scoreboard {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-discover-civic-scoreboard span {
  min-width: 0;
  min-height: 66px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  text-align: center;
}

.shared-discover-civic-scoreboard small {
  min-width: 0;
  max-width: 100%;
  color: var(--sf-muted);
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1.08;
  text-transform: uppercase;
  white-space: normal;
}

.shared-discover-civic-scoreboard strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.36rem;
  line-height: 1;
}

.shared-discover-civic-target {
  min-width: 0;
  width: 100%;
  min-height: 70px;
  padding: 10px 12px;
  border: 1px solid rgba(38, 244, 238, 0.15);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-civic-target:hover,
.shared-discover-civic-target:focus-visible {
  border-color: rgba(38, 244, 238, 0.36);
  outline: none;
}

.shared-discover-civic-target span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-discover-civic-target small,
.shared-discover-civic-target strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shared-discover-civic-target small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-discover-civic-target strong {
  color: var(--sf-ink);
  display: -webkit-box;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shared-discover-civic-target svg {
  width: 18px;
  height: 18px;
  color: var(--sf-cyan);
  fill: currentColor;
}

.shared-discover-action-card--achievements {
  min-height: 360px;
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(145deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.055)),
    rgba(10, 12, 18, 0.84);
}

.shared-discover-achievement-badge {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-discover-achievement-badge svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.shared-discover-achievement-badge span {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border: 2px solid rgba(10, 12, 18, 0.94);
  border-radius: 999px;
  background: var(--sf-red);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
}

.shared-discover-achievement-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-discover-achievement-item {
  min-width: 0;
  width: 100%;
  min-height: 66px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-achievement-item:hover,
.shared-discover-achievement-item:focus-visible {
  border-color: rgba(38, 244, 238, 0.35);
  outline: none;
}

.shared-discover-achievement-item.is-complete {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.07);
}

.shared-discover-achievement-item.is-new {
  border-color: rgba(255, 51, 95, 0.38);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.12), rgba(38, 244, 238, 0.07)),
    rgba(255, 255, 255, 0.045);
}

.shared-discover-achievement-item__icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-discover-achievement-item.is-new .shared-discover-achievement-item__icon {
  background: rgba(255, 51, 95, 0.13);
  color: #ff6e88;
}

.shared-discover-achievement-item__icon svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.shared-discover-achievement-item__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-discover-achievement-item__body small,
.shared-discover-achievement-item__body strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-achievement-item__body small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-discover-achievement-item.is-new .shared-discover-achievement-item__body small {
  color: #ff8ea3;
}

.shared-discover-achievement-item__body strong {
  color: var(--sf-ink);
  font-size: 0.91rem;
  font-weight: 900;
}

.shared-discover-achievement-item__body i {
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  display: block;
}

.shared-discover-achievement-item__body b {
  width: var(--achievement-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sf-cyan), var(--sf-red));
  display: block;
}

.shared-discover-schedule-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-discover-schedule-item {
  min-width: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: inherit;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 10px;
  text-align: left;
  cursor: pointer;
}

.shared-discover-schedule-item:hover,
.shared-discover-schedule-item:focus-visible {
  border-color: rgba(38, 244, 238, 0.35);
  outline: none;
}

.shared-discover-schedule-item__date {
  height: 52px;
  overflow: hidden;
  border: 2px solid rgba(38, 244, 238, 0.64);
  border-radius: 10px;
  background: rgba(8, 12, 18, 0.68);
  display: grid;
  grid-template-rows: 18px 1fr;
  text-align: center;
}

.shared-discover-schedule-item__date span {
  display: grid;
  place-items: center;
  background: var(--sf-cyan);
  color: #071014;
  font-size: 0.58rem;
  font-weight: 950;
  line-height: 1;
}

.shared-discover-schedule-item__date strong {
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  font-size: 1.12rem;
  font-weight: 950;
  line-height: 1;
}

.shared-discover-schedule-item__body {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
}

.shared-discover-schedule-item__topline,
.shared-discover-schedule-item__meta,
.shared-discover-schedule-item__meta span,
.shared-discover-schedule-item__body strong,
.shared-discover-schedule-item__body small {
  min-width: 0;
}

.shared-discover-schedule-item__topline {
  display: grid;
  gap: 6px;
}

.shared-discover-schedule-item__body strong,
.shared-discover-schedule-item__body small {
  overflow-wrap: anywhere;
}

.shared-discover-schedule-item__body strong {
  color: var(--sf-ink);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
}

.shared-discover-schedule-item__status {
  width: fit-content;
  min-height: 22px;
  padding: 4px 7px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-discover-schedule-item__status.is-ready {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-discover-schedule-item__status.is-pending {
  border-color: rgba(248, 211, 77, 0.26);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-discover-schedule-item__meta {
  display: grid;
  gap: 5px;
}

.shared-discover-schedule-item__meta span {
  color: var(--sf-muted);
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.shared-discover-schedule-item__meta svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  opacity: 0.86;
}

.shared-discover-schedule-item__body small,
.shared-discover-schedule-empty {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.28;
}

.shared-discover-schedule-item__type {
  color: rgba(245, 248, 255, 0.56);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-discover-schedule-empty {
  min-height: 54px;
  padding: 11px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  display: grid;
  align-content: center;
}

.shared-discover-pulse-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-discover-pulse-item {
  min-width: 0;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(38, 244, 238, 0.15);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-pulse-item__icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-discover-pulse-item__icon svg {
  width: 18px;
  height: 18px;
}

.shared-discover-pulse-item__body {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-discover-pulse-item__body small,
.shared-discover-pulse-item__body strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-pulse-item__body small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-discover-pulse-item__body strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-discover-pulse-item__body span {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.shared-discover-pulse-item__body em {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}

.shared-discover-mission-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-discover-mission-preview {
  min-width: 0;
  width: 100%;
  min-height: 76px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-discover-mission-preview:hover,
.shared-discover-mission-preview:focus-visible {
  border-color: rgba(38, 244, 238, 0.35);
  outline: none;
}

.shared-discover-mission-preview.is-late {
  border-color: rgba(255, 106, 106, 0.35);
  background: rgba(255, 106, 106, 0.08);
}

.shared-discover-mission-preview.is-priority:not(.is-late) {
  border-color: rgba(255, 220, 120, 0.32);
  background: rgba(255, 220, 120, 0.07);
}

.shared-discover-mission-preview__status,
.shared-discover-mission-preview__arrow {
  display: grid;
  place-items: center;
}

.shared-discover-mission-preview__status {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-discover-mission-preview.is-late .shared-discover-mission-preview__status {
  background: rgba(255, 106, 106, 0.16);
  color: #ff9c9c;
}

.shared-discover-mission-preview__status svg,
.shared-discover-mission-preview__arrow svg {
  width: 18px;
  height: 18px;
}

.shared-discover-mission-preview__body {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-discover-mission-preview__body small,
.shared-discover-mission-preview__body strong,
.shared-discover-mission-preview__body span,
.shared-discover-mission-preview__body em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-mission-preview__body small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-discover-mission-preview__body strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
  font-weight: 900;
}

.shared-discover-mission-preview__body span,
.shared-discover-mission-preview__body em {
  color: var(--sf-muted);
  font-size: 0.73rem;
  font-style: normal;
  font-weight: 760;
}

.shared-discover-mission-preview__arrow {
  color: var(--sf-muted);
}

.shared-discover-action-card > .shared-feed-chip {
  width: 100%;
  justify-content: center;
}

.shared-discover-module-empty,
.shared-discover-module-manager {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.82);
  box-shadow: var(--sf-shadow);
}

.shared-discover-module-empty {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.shared-discover-module-empty h2,
.shared-discover-module-empty p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-discover-module-empty h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.22rem;
  line-height: 1.08;
}

.shared-discover-module-empty p {
  margin-top: 6px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-discover-module-manager {
  display: grid;
  gap: 14px;
}

.shared-discover-module-manager__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.shared-discover-module-manager__header h2,
.shared-discover-module-manager__header p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-discover-module-manager__header h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.28rem;
  line-height: 1.08;
}

.shared-discover-module-manager__header p {
  margin-top: 6px;
  max-width: 720px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-discover-module-manager__header-actions,
.shared-discover-module-manager__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-discover-module-manager__header-actions {
  justify-content: flex-end;
}

.shared-discover-module-manager__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr));
  gap: 10px;
}

.shared-discover-module-manager__row {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-discover-module-manager__row.is-hidden {
  border-style: dashed;
}

.shared-discover-module-manager__row.is-locked {
  background: rgba(255, 255, 255, 0.025);
}

.shared-discover-module-manager__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-discover-module-manager__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-discover-module-manager__copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-discover-module-manager__copy strong,
.shared-discover-module-manager__copy small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-discover-module-manager__copy strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
  line-height: 1.12;
}

.shared-discover-module-manager__copy small {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.38;
}

.shared-discover-module-manager__copy em {
  width: fit-content;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-discover-module-manager__row.is-visible
  .shared-discover-module-manager__copy
  em {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-discover-module-manager__row.is-locked
  .shared-discover-module-manager__copy
  em {
  border-color: rgba(248, 211, 77, 0.26);
  background: rgba(248, 211, 77, 0.08);
  color: #f8d34d;
}

.shared-discover-module-manager__actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
}

.shared-discover-module-manager__actions .shared-feed-chip {
  min-height: 34px;
  padding-inline: 12px;
  font-size: 0.78rem;
}

.shared-discover-module-manager__actions .shared-feed-chip:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.shared-discover-paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-discover-path {
  min-height: 142px;
  padding: 16px;
  border-radius: 22px;
  color: var(--sf-ink);
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.shared-discover-path:hover,
.shared-discover-path:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(255, 255, 255, 0.06);
  outline: none;
  transform: translateY(-1px);
}

.shared-discover-path__icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  color: var(--sf-cyan);
}

.shared-discover-path__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-discover-path strong {
  font-size: 1rem;
}

.shared-discover-path span:not(.shared-discover-path__icon) {
  margin: 0;
  font-size: 0.9rem;
}

.shared-discover-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 16px;
  align-items: start;
}

.shared-discover-section {
  padding: 16px;
  border-radius: 24px;
  display: grid;
  gap: 14px;
}

.shared-discover-section--wide {
  grid-row: span 2;
}

.shared-discover-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-discover-section__header h2 {
  font-size: 1.2rem;
}

.shared-discover-section__header p {
  font-size: 0.92rem;
}

.shared-discover-list {
  display: grid;
  gap: 10px;
}

.shared-discover-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
}

.shared-discover-card--post,
.shared-discover-card--event {
  grid-template-columns: minmax(128px, 0.44fr) minmax(0, 1fr);
}

.shared-discover-card--friend-profile {
  border-color: rgba(38, 244, 238, 0.18);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.045);
}

.shared-discover-card--friend-profile .shared-discover-image {
  border-radius: 999px;
}

.shared-discover-card--friend-profile .shared-card__meta span:first-child {
  color: var(--sf-cyan);
}

.shared-discover-image {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-discover-image--wide {
  width: 100%;
  min-height: 116px;
  height: 100%;
}

.shared-discover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-discover-event-visual {
  padding: 12px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.14), rgba(255, 51, 95, 0.12)),
    rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: flex;
}

.shared-discover-event-visual__date {
  width: 58px;
  min-height: 64px;
  padding: 9px 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background: rgba(6, 10, 18, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  display: grid;
  align-content: center;
  justify-items: center;
  flex: 0 0 auto;
}

.shared-discover-event-visual__date small,
.shared-discover-event-visual__date strong,
.shared-discover-event-visual__copy strong,
.shared-discover-event-visual__copy small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-event-visual__date small {
  color: var(--sf-cyan);
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.shared-discover-event-visual__date strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
  line-height: 1.25;
  overflow: visible;
  text-overflow: clip;
}

.shared-discover-event-visual__copy {
  min-width: 0;
  padding: 8px 9px;
  border-radius: 14px;
  background: rgba(6, 10, 18, 0.22);
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
}

.shared-discover-event-visual__copy strong {
  color: var(--sf-ink);
  font-size: 0.82rem;
  line-height: 1.15;
}

.shared-discover-event-visual__copy small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 850;
}

.shared-discover-card__body {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
}

.shared-discover-card h3 {
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-card p {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.9rem;
}

.shared-discover-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.shared-discover-card__footer span {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-follow-state.is-following {
  color: var(--sf-cyan);
}

.shared-discover-card__actions {
  min-width: 0;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.shared-discover-card__footer .shared-feed-chip {
  min-height: 34px;
  padding-inline: 12px;
}

.shared-discover-card--event .shared-discover-card__footer {
  align-items: flex-start;
  flex-wrap: wrap;
}

.shared-discover-card--event .shared-discover-card__footer > span {
  flex: 1 1 150px;
  overflow: visible;
  line-height: 1.35;
  text-overflow: clip;
  white-space: normal;
}

.shared-discover-event-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.shared-discover-event-metrics span {
  min-width: 0;
  min-height: 50px;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 2px;
}

.shared-discover-event-metrics strong,
.shared-discover-event-metrics small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-event-metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.02rem;
  line-height: 1;
}

.shared-discover-event-metrics small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-discover-event-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.shared-discover-event-interest {
  min-height: 34px;
  max-width: 132px;
  padding: 0 10px;
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
}

.shared-discover-event-interest:hover,
.shared-discover-event-interest:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  color: var(--sf-cyan);
  outline: none;
}

.shared-discover-event-interest.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-discover-event-interest svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-discover-event-interest span {
  min-width: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-list--questions {
  grid-auto-flow: column;
  grid-auto-columns: minmax(270px, min(78vw, 330px));
  grid-template-columns: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 8px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.shared-discover-card--question {
  min-height: 232px;
  appearance: none;
  color: var(--sf-ink);
  font: inherit;
  text-align: left;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
  border-color: rgba(38, 244, 238, 0.16);
  background:
    linear-gradient(145deg, rgba(38, 244, 238, 0.105), rgba(255, 51, 95, 0.055)),
    rgba(255, 255, 255, 0.045);
  cursor: pointer;
  scroll-snap-align: start;
}

.shared-discover-card--question.is-answered {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(38, 244, 238, 0.035)),
    rgba(255, 255, 255, 0.035);
}

.shared-discover-card--question:focus-visible {
  border-color: rgba(38, 244, 238, 0.42);
  outline: 2px solid rgba(38, 244, 238, 0.34);
  outline-offset: 2px;
}

.shared-discover-question-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
}

.shared-discover-question-top .shared-discover-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 15px;
}

.shared-discover-question-top > span:not(.shared-discover-card__icon) {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-discover-question-top small,
.shared-discover-question-top em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-question-top small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.shared-discover-card--question.is-answered .shared-discover-question-top small {
  color: var(--sf-muted);
}

.shared-discover-question-top em {
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 800;
}

.shared-discover-question-top > svg {
  width: 18px;
  height: 18px;
  color: var(--sf-cyan);
  fill: currentColor;
}

.shared-discover-card--question .shared-discover-card__body {
  gap: 10px;
}

.shared-discover-card--question h3 {
  font-size: 1.02rem;
  line-height: 1.16;
  -webkit-line-clamp: 3;
}

.shared-discover-card--question p {
  -webkit-line-clamp: 2;
}

.shared-discover-question-options {
  min-width: 0;
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-discover-question-options span {
  min-width: 0;
  max-width: 100%;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.09);
  color: var(--sf-ink);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-discover-question-options span.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.14);
  color: var(--sf-cyan);
}

.shared-discover-card--question .shared-discover-card__footer {
  min-height: 36px;
}

.shared-discover-card--question .shared-feed-chip {
  pointer-events: none;
}

.shared-discover-empty {
  min-height: 120px;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  display: grid;
  align-content: center;
  gap: 6px;
  color: var(--sf-muted);
}

.shared-discover-empty strong {
  color: var(--sf-ink);
}

.shared-discover-privacy-state {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 255, 255, 0.04));
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.shared-discover-privacy-state > span {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
}

.shared-discover-privacy-state > span svg {
  width: 21px;
  height: 21px;
}

.shared-discover-privacy-state strong,
.shared-discover-privacy-state p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-discover-privacy-state strong {
  color: var(--sf-ink);
  font-size: 0.98rem;
}

.shared-discover-privacy-state p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  font-size: 0.9rem;
}

.shared-discover-footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.shared-discover-hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.58fr);
  align-items: stretch;
  gap: clamp(16px, 3vw, 30px);
  overflow: hidden;
}

.shared-discover-hero > div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}

.shared-discover-hero h1 {
  max-width: 820px;
  font-size: clamp(2.25rem, 4.8vw, 4.35rem);
}

.shared-discover-hero p {
  max-width: 760px;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
}

.shared-discover-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shared-discover-search {
  align-self: center;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-discover-stats {
  align-self: end;
}

.shared-discover-action-deck {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-discover-action-card {
  min-height: 220px;
}

.shared-discover-action-card--schedule {
  min-height: 274px;
}

.shared-discover-action-card--voter-guide {
  min-height: 336px;
}

.shared-discover-action-card--civic-challenge {
  min-height: 336px;
}

.shared-discover-action-card--mission-work {
  min-height: 318px;
}

.shared-discover-action-card--achievements {
  min-height: 336px;
}

.shared-discover-destinations {
  padding: 18px;
  border-radius: 24px;
  display: grid;
  gap: 14px;
}

.shared-discover-destinations__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.shared-discover-destinations h2 {
  color: var(--sf-ink);
  font-size: 1.24rem;
}

.shared-discover-destinations p {
  font-size: 0.92rem;
}

.shared-discover-destinations .shared-discover-paths {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 10px;
}

.shared-discover-destinations .shared-discover-path {
  min-height: 118px;
  padding: 14px;
  border-radius: 18px;
  box-shadow: none;
}

.shared-discover-destinations .shared-discover-path strong {
  font-size: 0.98rem;
}

.shared-discover-destinations .shared-discover-path span:not(.shared-discover-path__icon) {
  font-size: 0.82rem;
  line-height: 1.42;
}

.shared-discover-layout--curated {
  grid-template-columns: minmax(0, 1.32fr) minmax(320px, 0.78fr);
  grid-auto-flow: dense;
  gap: 16px;
}

.shared-discover-section--feed {
  grid-row: span 2;
}

.shared-discover-section--events {
  grid-column: 1;
}

.shared-discover-list--featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-discover-list--featured .shared-discover-card.is-featured {
  grid-column: 1 / -1;
}

.shared-discover-list--compact {
  gap: 8px;
}

.shared-discover-list--people .shared-discover-card {
  min-height: 118px;
  align-items: center;
}

.shared-discover-list--people .shared-discover-image {
  width: 56px;
  height: 56px;
  border-radius: 18px;
}

.shared-discover-card {
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.shared-discover-card:hover {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-1px);
}

.shared-discover-card--post.is-featured,
.shared-discover-card--event.is-featured {
  min-height: 238px;
  grid-template-columns: minmax(220px, 0.76fr) minmax(0, 1fr);
  align-items: stretch;
}

.shared-discover-card--post.is-featured .shared-discover-image--wide,
.shared-discover-card--event.is-featured .shared-discover-image--wide {
  min-height: 214px;
}

.shared-discover-list--featured .shared-discover-card--post:not(.is-featured),
.shared-discover-list--featured .shared-discover-card--event:not(.is-featured) {
  min-height: 244px;
  grid-template-columns: 1fr;
}

.shared-discover-list--featured .shared-discover-card--post:not(.is-featured) .shared-discover-image--wide,
.shared-discover-list--featured .shared-discover-card--event:not(.is-featured) .shared-discover-image--wide {
  min-height: 132px;
}

.shared-discover-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-discover-card__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-discover-card h3 {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shared-discover-card.is-featured h3 {
  font-size: 1.22rem;
}

.shared-discover-card.is-featured p {
  -webkit-line-clamp: 3;
}

.shared-search-page .shared-page__content {
  gap: 18px;
}

.shared-search-auth-page .shared-page__content {
  gap: 18px;
}

.shared-search-auth,
.shared-search-hero,
.shared-search-results-header,
.shared-search-panel,
.shared-search-quick-card {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-search-auth {
  min-height: min(64vh, 690px);
  padding: clamp(18px, 3.4vw, 42px);
  border-radius: 30px;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(430px, 1.16fr);
  gap: clamp(20px, 4vw, 46px);
  align-items: stretch;
}

.shared-search-auth__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.shared-search-auth__copy h1 {
  margin: 0;
  max-width: 780px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 3rem;
  line-height: 1;
}

.shared-search-auth__copy p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-search-auth__coverage,
.shared-search-auth__suggestions,
.shared-search-auth__tabs {
  display: grid;
  gap: 10px;
}

.shared-search-auth__coverage {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-search-auth__coverage span,
.shared-search-auth__suggestions span,
.shared-search-auth__tabs span,
.shared-search-auth__post-grid,
.shared-search-auth__result-list article {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.shared-search-auth__coverage span {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 900;
  min-width: 0;
}

.shared-search-auth__preview {
  min-width: 0;
  padding: 14px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 12px;
}

.shared-search-auth__bar {
  min-width: 0;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: var(--sf-ink);
}

.shared-search-auth__bar span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
}

.shared-search-auth__bar strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-search-auth__bar em {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--sf-ink);
  color: #090b11;
  font-style: normal;
  font-weight: 950;
}

.shared-search-auth__suggestions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-search-auth__suggestions span,
.shared-search-auth__tabs span {
  min-width: 0;
  min-height: 58px;
  padding: 10px;
  border-radius: 18px;
  display: grid;
  align-content: center;
  gap: 3px;
}

.shared-search-auth__suggestions strong,
.shared-search-auth__tabs strong,
.shared-search-auth__post-grid strong,
.shared-search-auth__result-list strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-ink);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-search-auth__suggestions small,
.shared-search-auth__tabs small,
.shared-search-auth__post-grid small,
.shared-search-auth__result-list em,
.shared-search-auth__result-list p {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.shared-search-auth__tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-search-auth__tabs span {
  min-height: 50px;
  border-radius: 999px;
  text-align: center;
}

.shared-search-auth__tabs span.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
}

.shared-search-auth__results {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.82fr) minmax(240px, 0.9fr);
  gap: 12px;
  align-items: stretch;
}

.shared-search-auth__post-grid {
  min-width: 0;
  padding: 13px;
  border-radius: 22px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.shared-search-auth__post-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.shared-search-auth__post-grid > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-search-auth__post-grid > div span {
  aspect-ratio: 1 / 1;
  min-height: 78px;
  border-radius: 18px;
  background:
    linear-gradient(160deg, rgba(38, 244, 238, 0.14), rgba(255, 51, 95, 0.1)),
    rgba(255, 255, 255, 0.045);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-ink);
}

.shared-search-auth__result-list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-search-auth__result-list article {
  min-width: 0;
  padding: 12px;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.shared-search-auth__result-list article > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sf-cyan);
  flex: 0 0 auto;
}

.shared-search-auth__result-list div {
  min-width: 0;
}

.shared-search-auth__result-list p {
  margin: 3px 0 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}

.shared-search-auth__coverage svg,
.shared-search-auth__bar svg,
.shared-search-auth__post-grid svg,
.shared-search-auth__result-list svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-search-hero,
.shared-search-results-header {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 0.7fr);
  gap: 18px;
  align-items: end;
}

.shared-search-hero h1,
.shared-search-results-header h1,
.shared-search-panel h2,
.shared-search-result h3,
.shared-search-quick-card strong {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-search-hero h1,
.shared-search-results-header h1 {
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 0.98;
}

.shared-search-hero p,
.shared-search-results-header p,
.shared-search-panel p,
.shared-search-result p,
.shared-search-quick-card span:not(.shared-discover-path__icon) {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-search-form {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-search-form--compact {
  align-self: center;
}

.shared-search-form__icon {
  width: 22px;
  height: 22px;
  margin-left: 8px;
  display: inline-flex;
  color: var(--sf-cyan);
}

.shared-search-form__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.shared-search-form input {
  min-width: 0;
  min-height: 38px;
  border: 0;
  background: transparent;
  color: var(--sf-ink);
  outline: none;
}

.shared-search-form input::placeholder {
  color: var(--sf-muted);
}

.shared-search-form:focus-within {
  border-color: rgba(38, 244, 238, 0.5);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.12);
}

.shared-search-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.shared-search-quick-card {
  min-height: 150px;
  padding: 16px;
  border-radius: 22px;
  color: var(--sf-ink);
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 8px;
  text-align: left;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.shared-search-quick-card:hover,
.shared-search-quick-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(255, 255, 255, 0.06);
  outline: none;
  transform: translateY(-1px);
}

.shared-search-panel {
  padding: 16px;
  border-radius: 24px;
  display: grid;
  gap: 14px;
}

.shared-search-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-search-panel__count {
  min-width: 44px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--sf-cyan);
  font-size: 0.82rem;
  font-weight: 900;
  text-align: center;
}

.shared-search-query-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.shared-search-query-chip {
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 4px;
  text-align: left;
  cursor: pointer;
}

.shared-search-query-chip span,
.shared-search-query-chip small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-search-query-chip small {
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-search-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-search-tabs span {
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--sf-muted);
  font-weight: 900;
}

.shared-search-tabs strong {
  color: var(--sf-ink);
}

.shared-search-results-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
  gap: 16px;
  align-items: start;
}

.shared-search-results-layout .shared-search-panel:first-child {
  grid-row: span 2;
}

.shared-search-result-list {
  display: grid;
  gap: 10px;
}

.shared-search-result {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
}

.shared-search-result__body {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
}

.shared-search-result h3 {
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-search-result p {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.9rem;
}

:root[data-polis-theme-resolved="light"] .shared-search-auth,
:root[data-polis-theme-resolved="light"] .shared-search-hero,
:root[data-polis-theme-resolved="light"] .shared-search-results-header,
:root[data-polis-theme-resolved="light"] .shared-search-panel,
:root[data-polis-theme-resolved="light"] .shared-search-quick-card {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.74);
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-search-form input,
:root[data-polis-theme-resolved="light"] .shared-search-query-chip,
:root[data-polis-theme-resolved="light"] .shared-search-result,
:root[data-polis-theme-resolved="light"] .shared-search-result .shared-feed-chip {
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-search-form input::placeholder,
:root[data-polis-theme-resolved="light"] .shared-search-query-chip small,
:root[data-polis-theme-resolved="light"] .shared-search-result p,
:root[data-polis-theme-resolved="light"] .shared-search-result .shared-card__meta,
:root[data-polis-theme-resolved="light"] .shared-search-result .shared-card__meta span {
  color: rgba(232, 235, 245, 0.74);
}

.shared-search-result__actions {
  display: flex;
  justify-content: flex-end;
}

.shared-policy-questions-page .shared-page__content {
  gap: 18px;
}

.shared-policy-questions-page--auth .shared-page__content {
  gap: 0;
}

.shared-policy-questions-auth {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1.18fr);
  align-items: start;
  gap: 18px;
}

.shared-policy-questions-auth__copy,
.shared-policy-questions-auth__preview {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-policy-questions-auth__copy {
  min-height: 0;
  padding: clamp(22px, 4vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 22px;
}

.shared-policy-questions-auth__copy h1 {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: clamp(2.05rem, 3.25vw, 3.35rem);
  line-height: 1.02;
}

.shared-policy-questions-auth__copy p {
  margin: 14px 0 0;
  max-width: 60ch;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-policy-questions-auth__coverage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-policy-questions-auth__coverage span {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(247, 248, 251, 0.9);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 900;
}

.shared-policy-questions-auth__coverage svg,
.shared-policy-questions-auth__search svg,
.shared-policy-questions-auth__matrix svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-policy-questions-auth__preview {
  min-width: 0;
  padding: 16px;
  display: grid;
  gap: 12px;
  overflow: hidden;
}

.shared-policy-questions-auth__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-policy-questions-auth__search {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-policy-questions-auth__search > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
}

.shared-policy-questions-auth__search strong,
.shared-policy-questions-auth__search em,
.shared-policy-questions-auth__search b {
  display: block;
}

.shared-policy-questions-auth__search strong {
  color: #f7f8fb;
}

.shared-policy-questions-auth__search em {
  margin-top: 2px;
  color: rgba(232, 235, 245, 0.64);
  font-size: 0.82rem;
  font-style: normal;
}

.shared-policy-questions-auth__search b {
  min-width: 34px;
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  text-align: center;
}

.shared-policy-questions-auth__categories {
  padding-bottom: 0;
}

.shared-policy-questions-auth__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-policy-questions-auth__list .shared-policy-question-card {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
}

.shared-policy-questions-auth__detail {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
  gap: 12px;
}

.shared-policy-questions-auth__detail .shared-policy-question-panel,
.shared-policy-questions-auth__detail .shared-policy-question-answer-panel {
  padding: 14px;
  border-radius: 18px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.045);
}

.shared-policy-questions-auth__detail h2 {
  font-size: 1.05rem;
  line-height: 1.18;
}

.shared-policy-questions-auth__chart-mini {
  display: grid;
  gap: 11px;
}

.shared-policy-questions-auth__chart-mini span {
  min-width: 0;
  padding-bottom: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  position: relative;
  color: rgba(232, 235, 245, 0.78);
  font-size: 0.82rem;
}

.shared-policy-questions-auth__chart-mini span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.shared-policy-questions-auth__chart-mini span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--policy-question-bar-width, 0%);
  height: 8px;
  border-radius: 999px;
  background: var(--policy-question-bar-color, var(--sf-cyan));
}

.shared-policy-questions-auth__chart-mini strong {
  color: #f7f8fb;
}

.shared-policy-questions-auth__chart-mini em {
  font-style: normal;
}

.shared-policy-questions-auth__detail .shared-policy-question-options {
  gap: 8px;
}

.shared-policy-questions-auth__detail .shared-policy-question-option {
  padding: 11px;
  border-radius: 16px;
  cursor: default;
}

.shared-policy-questions-auth__detail .shared-policy-question-option__radio {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
}

.shared-policy-questions-auth__detail .shared-policy-question-option__status {
  padding: 7px 8px;
  font-size: 0.72rem;
}

.shared-policy-questions-auth__intel {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(220px, 1.12fr);
  gap: 12px;
}

.shared-policy-questions-auth__scores {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-policy-questions-auth__scores span,
.shared-policy-questions-auth__matrix {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-policy-questions-auth__scores strong,
.shared-policy-questions-auth__scores small,
.shared-policy-questions-auth__matrix strong,
.shared-policy-questions-auth__matrix em {
  display: block;
}

.shared-policy-questions-auth__scores strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: 1.25rem;
}

.shared-policy-questions-auth__scores small {
  margin-top: 3px;
  color: rgba(232, 235, 245, 0.68);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-policy-questions-auth__matrix {
  min-height: 136px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255, 255, 255, 0.12) 49.7%, rgba(255, 255, 255, 0.12) 50.3%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255, 255, 255, 0.12) 49.7%, rgba(255, 255, 255, 0.12) 50.3%, transparent 50.3%),
    radial-gradient(circle at 66% 39%, rgba(38, 244, 238, 0.2), transparent 18%),
    rgba(255, 255, 255, 0.045);
}

.shared-policy-questions-auth__matrix strong {
  color: #f7f8fb;
}

.shared-policy-questions-auth__matrix em {
  margin-top: 4px;
  color: rgba(232, 235, 245, 0.66);
  font-size: 0.82rem;
  font-style: normal;
}

.shared-policy-questions-auth__matrix-point {
  position: absolute;
  left: 64%;
  top: 36%;
  width: 18px;
  height: 18px;
  border: 3px solid #071016;
  border-radius: 50%;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 6px rgba(38, 244, 238, 0.16);
}

.shared-policy-questions-hero,
.shared-policy-questions-toolbar,
.shared-policy-questions-results,
.shared-policy-question-detail-hero,
.shared-policy-question-panel,
.shared-policy-question-chart,
.shared-policy-question-answer-panel {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-policy-questions-hero,
.shared-policy-question-detail-hero {
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-policy-questions-hero h1,
.shared-policy-question-detail-hero h1,
.shared-policy-questions-results h2,
.shared-policy-question-panel h2,
.shared-policy-question-chart h2,
.shared-policy-question-answer-panel h2,
.shared-policy-question-card h3 {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-policy-questions-hero h1,
.shared-policy-question-detail-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 4.65rem);
  line-height: 0.98;
}

.shared-policy-questions-hero p,
.shared-policy-question-detail-hero p,
.shared-policy-questions-results p,
.shared-policy-question-panel p,
.shared-policy-question-chart p,
.shared-policy-question-answer-panel p,
.shared-policy-question-card p {
  margin: 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-policy-questions-metrics {
  min-width: min(100%, 380px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-policy-questions-metrics span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-policy-questions-metrics strong,
.shared-policy-questions-metrics small {
  display: block;
}

.shared-policy-questions-metrics strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-policy-questions-metrics small {
  margin-top: 3px;
  color: rgba(232, 235, 245, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-policy-questions-toolbar {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.shared-policy-questions-search {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-policy-questions-search > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 13px;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.08);
}

.shared-policy-questions-search svg,
.shared-policy-question-card__icon svg,
.shared-policy-question-option__radio svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-policy-questions-search input {
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: #f7f8fb;
  outline: none;
}

.shared-policy-questions-search input::placeholder {
  color: rgba(232, 235, 245, 0.58);
}

.shared-policy-questions-actions,
.shared-policy-questions-category-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-policy-questions-actions {
  justify-content: flex-end;
}

.shared-policy-questions-category-strip {
  overflow-x: auto;
  padding-bottom: 2px;
}

.shared-policy-questions-category-strip .shared-feed-chip {
  flex: 0 0 auto;
}

.shared-policy-questions-category-strip span {
  margin-left: 4px;
  color: inherit;
  opacity: 0.72;
}

.shared-policy-questions-category-strip .shared-feed-chip--primary,
.shared-policy-questions-toolbar .shared-feed-chip--primary,
.shared-policy-questions-results .shared-feed-chip--primary,
.shared-policy-question-answer-panel .shared-feed-chip--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-policy-questions-toolbar .shared-feed-chip:not(.shared-feed-chip--primary),
.shared-policy-questions-results .shared-feed-chip:not(.shared-feed-chip--primary),
.shared-policy-question-chart .shared-feed-chip:not(.shared-feed-chip--primary),
.shared-policy-question-answer-panel .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-policy-question-back {
  border-color: var(--sf-line);
  background: var(--sf-panel-soft);
  color: var(--sf-ink);
}

.shared-policy-questions-results {
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-policy-questions-results__header,
.shared-policy-question-chart__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.shared-policy-question-list {
  display: grid;
  gap: 12px;
}

.shared-policy-question-card {
  min-width: 0;
  padding: 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-policy-question-card__icon,
.shared-policy-question-option__radio {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-policy-question-card__body {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-policy-question-card .shared-card__meta {
  color: rgba(232, 235, 245, 0.72);
}

.shared-policy-question-card__actions {
  display: flex;
  justify-content: flex-end;
}

.shared-policy-questions-more {
  justify-self: center;
}

.shared-policy-question-back {
  justify-self: start;
}

.shared-policy-question-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.48fr);
  align-items: start;
  gap: 18px;
}

.shared-policy-question-detail-main,
.shared-policy-question-options,
.shared-policy-question-sources {
  display: grid;
  gap: 12px;
}

.shared-policy-question-panel,
.shared-policy-question-chart,
.shared-policy-question-answer-panel {
  padding: 18px;
  display: grid;
  gap: 14px;
}

.shared-policy-question-chart__bars {
  display: grid;
  gap: 10px;
}

.shared-policy-question-chart__bar {
  display: grid;
  gap: 7px;
}

.shared-policy-question-chart__bar div {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(232, 235, 245, 0.78);
  font-size: 0.86rem;
}

.shared-policy-question-chart__bar strong {
  color: #f7f8fb;
}

.shared-policy-question-chart__bar i,
.shared-policy-question-option__copy i {
  width: 100%;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  display: block;
}

.shared-policy-question-chart__bar i::before {
  content: "";
  width: var(--policy-question-bar-width, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--policy-question-bar-color, var(--sf-cyan));
}

.shared-policy-question-sources a,
.shared-policy-question-sources span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: #f7f8fb;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.shared-policy-question-option {
  appearance: none;
  width: 100%;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: #f7f8fb;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  text-align: left;
}

.shared-policy-question-option.is-selected {
  border-color: rgba(38, 244, 238, 0.42);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 55%),
    rgba(255, 255, 255, 0.055);
}

.shared-policy-question-option__copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-policy-question-option__copy strong,
.shared-policy-question-option__copy small,
.shared-policy-question-option__copy em {
  overflow-wrap: anywhere;
}

.shared-policy-question-option__copy small,
.shared-policy-question-option__copy em {
  color: rgba(232, 235, 245, 0.72);
  font-size: 0.82rem;
  font-style: normal;
}

.shared-policy-question-option__copy b {
  width: var(--policy-question-result-width, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
}

.shared-policy-question-option__status {
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  color: rgba(232, 235, 245, 0.78);
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

:root[data-polis-theme-resolved="light"] .shared-policy-question-answer-panel .shared-page__banner {
  color: #e9fffe;
}

:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-questions-hero,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-questions-toolbar,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-questions-results,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-question-detail-hero,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-question-panel,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-question-chart,
:root[data-polis-theme-resolved="light"] .shared-policy-questions-page .shared-policy-question-answer-panel {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.74);
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-post-analytics-page .shared-post-analytics-hero,
:root[data-polis-theme-resolved="light"] .shared-post-analytics-page .shared-post-analytics-card,
:root[data-polis-theme-resolved="light"] .shared-post-analytics-page .shared-post-analytics-panel,
:root[data-polis-theme-resolved="light"] .shared-post-analytics-page .shared-post-analytics-error {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.74);
  color: #f7f8fb;
}

.shared-post-analytics-page .shared-page__content {
  gap: 18px;
}

.shared-achievements-page .shared-page__content {
  gap: 18px;
}

.shared-achievements-page--auth .shared-page__content {
  gap: 0;
}

.shared-achievements-auth {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(430px, 1.22fr);
  align-items: start;
  gap: 18px;
}

.shared-achievements-auth__copy,
.shared-achievements-auth__preview,
.shared-achievements-auth__summary {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-achievements-auth__copy {
  min-width: 0;
  padding: clamp(22px, 4vw, 36px);
  display: grid;
  align-content: start;
  gap: 22px;
}

.shared-achievements-auth__copy h1,
.shared-achievements-auth__summary h2 {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-achievements-auth__copy h1 {
  font-size: clamp(2.05rem, 3.25vw, 3.35rem);
  line-height: 1.02;
}

.shared-achievements-auth__copy p,
.shared-achievements-auth__summary p {
  margin: 12px 0 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-achievements-auth__coverage,
.shared-achievements-auth__routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-achievements-auth__coverage span,
.shared-achievements-auth__routes span {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(247, 248, 251, 0.9);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 900;
}

.shared-achievements-auth__coverage svg,
.shared-achievements-auth__routes svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-achievements-auth__preview {
  min-width: 0;
  padding: 16px;
  display: grid;
  gap: 12px;
}

.shared-achievements-auth__summary {
  padding: 16px;
  box-shadow: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  align-items: center;
  gap: 14px;
}

.shared-achievements-auth__summary h2 {
  font-size: 1.4rem;
  line-height: 1.12;
}

.shared-achievements-auth__preview .shared-achievement-card {
  min-height: 188px;
  cursor: default;
}

.shared-achievements-auth__detail {
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, 0.44fr);
  align-items: center;
}

.shared-achievements-auth__detail .shared-achievements-detail__progress {
  align-self: stretch;
  align-content: center;
}

.shared-achievements-auth__routes {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-cta-invite-page .shared-page__content {
  gap: 18px;
}

.shared-create-page .shared-page__content {
  gap: 18px;
}

.shared-create-hero,
.shared-create-panel {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-create-hero {
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-create-hero h1,
.shared-create-drop strong,
.shared-create-panel label > span {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 4.7rem);
  line-height: 0.98;
}

.shared-create-hero p,
.shared-create-drop small,
.shared-create-upload-note p {
  margin: 0;
  color: rgba(232, 235, 245, 0.82);
  line-height: 1.55;
}

:root[data-polis-theme-resolved="light"] .shared-create-hero p {
  color: rgba(247, 248, 251, 0.84);
}

.shared-create-hero__actions,
.shared-create-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-create-hero__actions .shared-feed-chip,
.shared-create-actions .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-actions .shared-feed-chip--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-create-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.44fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.shared-create-panel {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-create-source-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-create-source-row .shared-feed-chip {
  min-height: 44px;
  justify-content: center;
  gap: 8px;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-file-chip {
  position: relative;
  cursor: pointer;
}

.shared-create-file-chip input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.shared-create-source-row .shared-feed-chip:disabled,
.shared-create-file-chip.is-disabled {
  cursor: not-allowed;
  opacity: 0.54;
  color: rgba(247, 248, 251, 0.72);
  -webkit-text-fill-color: rgba(247, 248, 251, 0.72);
}

.shared-create-mode-strip {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.shared-create-mode {
  min-width: 0;
  min-height: 56px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: rgba(232, 235, 245, 0.72);
  cursor: pointer;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 2px;
}

.shared-create-mode strong,
.shared-create-mode span {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-mode strong {
  color: #f7f8fb;
  font-weight: 900;
}

.shared-create-mode span {
  font-size: 0.72rem;
  font-weight: 800;
}

.shared-create-mode.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.14);
  color: #e9fffe;
  box-shadow: 0 12px 26px rgba(38, 244, 238, 0.08);
}

.shared-create-mode:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.shared-create-page .shared-page__banner {
  padding: 11px 13px;
  border: 1px solid rgba(38, 244, 238, 0.24);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.13);
  color: #e9fffe;
  font-weight: 800;
}

.shared-create-drop {
  min-height: 420px;
  padding: 18px;
  border: 1px dashed rgba(38, 244, 238, 0.32);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 58%),
    rgba(255, 255, 255, 0.035);
  cursor: pointer;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  text-align: center;
}

.shared-create-drop.has-camera,
.shared-create-drop.has-image {
  align-content: stretch;
}

.shared-create-drop input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-create-drop img,
.shared-create-preview-video,
.shared-create-camera video {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 16px;
  background: #080d12;
}

.shared-create-drop img,
.shared-create-preview-video {
  aspect-ratio: 4 / 5;
}

.shared-create-camera video {
  width: min(100%, 420px);
  aspect-ratio: 9 / 16;
  max-height: min(70vh, 640px);
  justify-self: center;
}

.shared-create-preview-frame {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #080d12;
}

.shared-create-preview-frame .shared-create-preview-video {
  display: block;
}

.shared-create-drop__empty {
  min-height: 360px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
}

.shared-create-drop > span,
.shared-create-drop__empty > span {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-drop svg,
.shared-create-upload-note svg,
.shared-create-source-row svg,
.shared-create-camera svg,
.shared-create-media-meta svg,
.shared-create-cover svg,
.shared-create-captions svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-create-camera {
  position: relative;
  width: min(100%, 420px);
  justify-self: center;
  display: grid;
  gap: 12px;
}

.shared-create-camera.is-recording video {
  outline: 2px solid rgba(255, 51, 95, 0.78);
  outline-offset: 3px;
}

.shared-create-camera__hud {
  position: absolute;
  left: 14px;
  right: 14px;
  top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}

.shared-create-camera__hud span,
.shared-create-camera__hud small {
  min-width: 0;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(5, 8, 14, 0.62);
  color: #f7f8fb;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 900;
  white-space: nowrap;
  backdrop-filter: blur(12px);
}

.shared-create-camera__hud strong {
  white-space: nowrap;
}

.shared-create-camera__hud small {
  color: rgba(232, 235, 245, 0.76);
}

.shared-create-camera__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-create-camera__actions .shared-feed-chip {
  justify-content: center;
}

.shared-create-camera__actions .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-teleprompter-overlay {
  position: absolute;
  left: 14px;
  right: 14px;
  top: 64px;
  height: var(--teleprompter-height, 25%);
  min-height: 92px;
  max-height: calc(100% - 150px);
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  background: rgba(0, 0, 0, var(--teleprompter-opacity, 0.58));
  color: #ffffff;
  overflow: hidden;
  backdrop-filter: blur(8px);
  z-index: 2;
}

.shared-create-teleprompter-overlay__script {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
  font-size: var(--teleprompter-font, 28px);
  line-height: 1.35;
  font-weight: 800;
  text-align: left;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.76);
}

.shared-create-teleprompter-overlay.is-scrolling .shared-create-teleprompter-overlay__script {
  animation: shared-create-teleprompter-scroll var(--teleprompter-duration, 18s) linear var(--teleprompter-delay, 3s) forwards;
}

@keyframes shared-create-teleprompter-scroll {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-55%);
  }
}

.shared-create-media-meta {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.shared-create-media-meta div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-create-media-meta strong,
.shared-create-media-meta small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-media-meta strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-media-meta small {
  color: rgba(232, 235, 245, 0.64);
  font-weight: 700;
}

.shared-create-media-meta .shared-feed-chip {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-upload-note {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.shared-create-upload-note span {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.08);
  display: grid;
  place-items: center;
}

.shared-create-timeline,
.shared-create-trim,
.shared-create-teleprompter,
.shared-create-cover,
.shared-create-captions,
.shared-create-text-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 12px;
}

.shared-create-timeline__header,
.shared-create-trim__header,
.shared-create-trim__header > div,
.shared-create-trim__actions,
.shared-create-teleprompter__header,
.shared-create-teleprompter__header > div,
.shared-create-teleprompter__actions,
.shared-create-teleprompter__footer,
.shared-create-captions__header,
.shared-create-captions__header > div,
.shared-create-captions__actions,
.shared-create-captions__footer,
.shared-create-text-panel__header,
.shared-create-text-panel__header > div,
.shared-create-text-panel__actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.shared-create-timeline__header,
.shared-create-trim__header,
.shared-create-teleprompter__header,
.shared-create-captions__header,
.shared-create-text-panel__header {
  justify-content: space-between;
}

.shared-create-timeline__header div,
.shared-create-trim__header div div,
.shared-create-teleprompter__header div div,
.shared-create-captions__header div div,
.shared-create-text-panel__header div div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-create-timeline__header span,
.shared-create-trim__header small,
.shared-create-teleprompter__header small,
.shared-create-captions__header small,
.shared-create-text-panel__header small,
.shared-create-timeline p {
  margin: 0;
  color: rgba(232, 235, 245, 0.66);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-create-timeline__header strong,
.shared-create-trim__header strong,
.shared-create-teleprompter__header strong,
.shared-create-captions__header strong,
.shared-create-text-panel__header strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-timeline__track {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.shared-create-timeline__track b {
  width: 0;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
}

.shared-create-timeline__clips {
  display: grid;
  gap: 8px;
}

.shared-create-timeline__clips span {
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 9px;
  row-gap: 2px;
  align-items: center;
}

.shared-create-timeline__clips svg {
  grid-row: span 2;
  color: var(--sf-cyan);
}

.shared-create-timeline__clips strong,
.shared-create-timeline__clips small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-timeline__clips small {
  color: rgba(232, 235, 245, 0.62);
  font-size: 0.8rem;
  font-weight: 800;
}

.shared-create-trim {
  gap: 14px;
}

.shared-create-trim__header {
  flex-wrap: wrap;
}

.shared-create-trim__header > div {
  flex: 1 1 180px;
}

.shared-create-trim__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.shared-create-trim__actions .shared-feed-chip {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-trim__body {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-create-trim__range {
  position: relative;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  overflow: hidden;
}

.shared-create-trim__range::before {
  content: "";
  position: absolute;
  inset: 7px 0;
  background: rgba(255, 255, 255, 0.12);
}

.shared-create-trim__range span {
  position: absolute;
  inset-block: 3px;
  left: var(--trim-start, 0%);
  right: calc(100% - var(--trim-end, 100%));
  min-width: 4px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
  box-shadow: 0 0 20px rgba(38, 244, 238, 0.26);
}

.shared-create-trim__sliders,
.shared-create-trim__fields,
.shared-create-trim__meta {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-create-trim__meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-create-trim__sliders label,
.shared-create-trim__fields label,
.shared-create-trim__meta span {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-create-trim__sliders span {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: rgba(232, 235, 245, 0.76);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-create-trim__sliders b,
.shared-create-trim__meta strong {
  color: var(--sf-cyan);
}

.shared-create-trim__meta span {
  min-height: 66px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-create-trim__meta small,
.shared-create-trim__fields span {
  color: rgba(232, 235, 245, 0.66);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-create-trim__meta strong {
  font-family: var(--sf-font-display);
}

.shared-create-teleprompter__header > div > span,
.shared-create-trim__header > div > span,
.shared-create-captions__header > div > span,
.shared-create-text-panel__header > div > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-switch {
  min-height: 38px;
  padding: 5px 10px 5px 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #f7f8fb;
  font-size: 0.82rem;
  font-weight: 900;
  cursor: pointer;
}

.shared-create-switch input {
  width: 28px;
  height: 28px;
  accent-color: var(--sf-cyan);
}

.shared-create-teleprompter__body {
  display: grid;
  gap: 12px;
}

.shared-create-teleprompter__sliders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-create-teleprompter__sliders label,
.shared-create-teleprompter__footer label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-create-teleprompter__sliders span,
.shared-create-teleprompter__footer span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: rgba(232, 235, 245, 0.76);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-create-teleprompter__sliders b {
  color: var(--sf-cyan);
}

.shared-create-teleprompter__footer {
  justify-content: space-between;
}

.shared-create-teleprompter__footer label {
  width: min(160px, 100%);
}

.shared-create-cover {
  gap: 14px;
  max-width: 100%;
  overflow: hidden;
}

.shared-create-cover__header,
.shared-create-cover__header > div,
.shared-create-cover-source,
.shared-create-cover-control-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.shared-create-cover__header {
  justify-content: space-between;
  flex-wrap: wrap;
}

.shared-create-cover__header > div {
  flex: 1 1 170px;
}

.shared-create-cover__header > div > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-cover__header div div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-create-cover__header strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-cover__header small,
.shared-create-cover-controls small,
.shared-create-cover-upload em {
  color: rgba(232, 235, 245, 0.66);
  font-size: 0.78rem;
  font-weight: 850;
}

.shared-create-cover-source {
  flex: 0 1 208px;
  max-width: 100%;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  flex-wrap: wrap;
}

.shared-create-cover-source label {
  flex: 1 1 66px;
  min-width: 0;
  min-height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  color: rgba(232, 235, 245, 0.72);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.shared-create-cover-source label:has(input:checked) {
  background: rgba(38, 244, 238, 0.14);
  color: #e9fffe;
}

.shared-create-cover-source input {
  width: 14px;
  min-width: 14px;
  padding: 0;
}

.shared-create-cover-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-create-cover-preview {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: #080d12;
}

.shared-create-cover-preview video,
.shared-create-cover-preview img {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 150px;
  object-fit: cover;
  display: block;
}

.shared-create-cover-overlay {
  position: absolute;
  left: var(--cover-x, 50%);
  top: var(--cover-y, 76%);
  max-width: 82%;
  transform: translate(-50%, -50%) scale(var(--cover-scale, 1));
  transform-origin: center;
  padding: 0.08em 0.26em;
  color: var(--cover-color, #ffffff);
  font-family: var(--sf-font-display);
  font-size: clamp(0.95rem, 1.45vw, 1.8rem);
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.72);
  overflow-wrap: anywhere;
}

.shared-create-cover-overlay.is-left {
  text-align: left;
}

.shared-create-cover-overlay.is-right {
  text-align: right;
}

.shared-create-cover-overlay.is-outline {
  text-shadow:
    0 2px 14px rgba(0, 0, 0, 0.78),
    -1px -1px 0 #061015,
    1px -1px 0 #061015,
    -1px 1px 0 #061015,
    1px 1px 0 #061015;
}

.shared-create-cover-overlay.is-fill {
  padding: 0.18em 0.36em;
  border-radius: 0.28em;
  background: var(--cover-bg, rgba(5, 8, 14, 0.78));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.shared-create-cover-controls {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-create-cover-controls label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-create-cover-control-row {
  align-items: start;
  flex-wrap: wrap;
}

.shared-create-cover-control-row label {
  flex: 1 1 min(140px, 100%);
}

.shared-create-cover-upload input {
  padding: 11px;
}

.shared-create-cover-upload em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}

.shared-create-cover-sliders {
  display: grid;
  gap: 9px;
}

.shared-create-cover-sliders span {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: rgba(232, 235, 245, 0.76);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-create-cover-sliders b {
  color: var(--sf-cyan);
}

.shared-create-caption-overlay {
  position: absolute;
  left: var(--caption-x, 50%);
  top: var(--caption-y, 78%);
  width: var(--caption-width, 86%);
  max-width: calc(100% - 24px);
  transform: translate(-50%, -50%) scale(var(--caption-scale, 1));
  transform-origin: center;
  padding: 0.15em 0.34em;
  border-radius: 0.32em;
  background: var(--caption-bg, rgba(0, 0, 0, 0));
  color: var(--caption-color, #ffffff);
  font-family: var(--sf-font-display);
  font-size: clamp(1rem, 2.5vw, 2.2rem);
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-shadow:
    0 2px 14px rgba(0, 0, 0, 0.76),
    -1px -1px 0 rgba(0, 0, 0, 0.38),
    1px -1px 0 rgba(0, 0, 0, 0.38),
    -1px 1px 0 rgba(0, 0, 0, 0.38),
    1px 1px 0 rgba(0, 0, 0, 0.38);
  overflow-wrap: anywhere;
  pointer-events: none;
  z-index: 2;
}

.shared-create-caption-overlay.is-clean,
.shared-create-caption-overlay.is-contrast {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.36);
}

.shared-create-text-overlay {
  position: absolute;
  left: var(--overlay-x, 50%);
  top: var(--overlay-y, 50%);
  max-width: calc(100% - 32px);
  transform:
    translate(-50%, -50%)
    rotate(var(--overlay-rotation, 0deg))
    scale(var(--overlay-scale, 1));
  transform-origin: center;
  padding: 0.36em 0.54em;
  border-radius: 0.42em;
  color: var(--overlay-color, #ffffff);
  font-family: var(--sf-font-display);
  font-size: clamp(1rem, 2.2vw, 2rem);
  font-weight: 950;
  line-height: 1.08;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.72);
  overflow-wrap: anywhere;
  pointer-events: none;
  z-index: 3;
}

.shared-create-text-overlay.has-fill {
  background: color-mix(in srgb, var(--overlay-bg, #000000) 86%, transparent);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
}

.shared-create-captions {
  gap: 14px;
}

.shared-create-text-panel {
  gap: 14px;
}

.shared-create-text-panel__header {
  flex-wrap: wrap;
}

.shared-create-text-panel__header > div {
  flex: 1 1 190px;
}

.shared-create-text-panel__actions {
  justify-content: flex-end;
}

.shared-create-text-panel__body {
  display: grid;
  gap: 12px;
}

.shared-create-text-panel__text {
  display: grid;
  gap: 8px;
}

.shared-create-switch.is-compact {
  align-self: end;
  justify-self: stretch;
  justify-content: center;
}

.shared-create-captions__header {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}

.shared-create-captions__actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.shared-create-captions__actions .shared-feed-chip,
.shared-create-captions__footer .shared-feed-chip {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-captions__actions .shared-feed-chip {
  min-width: 0;
  min-height: 38px;
  padding: 8px 9px;
  justify-content: center;
  font-size: 0.78rem;
}

.shared-create-captions__actions .shared-feed-chip svg {
  width: 18px;
  height: 18px;
}

.shared-create-captions__body {
  display: grid;
  gap: 12px;
}

.shared-create-caption-tabs {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.shared-create-caption-tabs button {
  min-width: 0;
  min-height: 34px;
  padding: 0 6px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(232, 235, 245, 0.72);
  font-size: 0.78rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.shared-create-caption-tabs button.is-selected {
  background: rgba(38, 244, 238, 0.14);
  color: #e9fffe;
}

.shared-create-caption-tabs button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.shared-create-caption-empty {
  min-height: 160px;
  padding: 18px;
  border: 1px dashed rgba(38, 244, 238, 0.24);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.06);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.shared-create-caption-empty > span {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-caption-empty strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-caption-empty small {
  color: rgba(232, 235, 245, 0.66);
  font-weight: 800;
}

.shared-create-caption-transcript {
  display: grid;
  gap: 12px;
}

.shared-create-caption-generate {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.shared-create-caption-generate div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-create-caption-generate strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-caption-generate small {
  color: rgba(232, 235, 245, 0.68);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.35;
}

.shared-create-caption-generate .shared-feed-chip {
  min-width: 118px;
  justify-content: center;
}

.shared-create-caption-generate-status {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  color: rgba(232, 235, 245, 0.74);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.35;
}

.shared-create-caption-generate-status.is-good {
  border-color: rgba(37, 211, 102, 0.28);
  background: rgba(37, 211, 102, 0.1);
  color: #d8ffe8;
}

.shared-create-caption-generate-status.is-error {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.12);
  color: #ffd6df;
}

.shared-create-caption-generate-status.is-pending {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.1);
  color: #d9fffd;
}

.shared-create-caption-rows {
  max-height: 260px;
  padding-right: 2px;
  overflow: auto;
  display: grid;
  gap: 8px;
}

.shared-create-caption-row {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: #f7f8fb;
  cursor: pointer;
  display: grid;
  gap: 4px;
  text-align: left;
}

.shared-create-caption-row span {
  color: rgba(232, 235, 245, 0.58);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-create-caption-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--sf-font-display);
}

.shared-create-caption-row.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.11);
}

.shared-create-caption-editor {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 10px;
}

.shared-create-caption-time-grid,
.shared-create-caption-control-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-create-caption-control-row {
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(72px, 0.6fr));
}

.shared-create-caption-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-create-caption-style {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: #f7f8fb;
  cursor: pointer;
  display: grid;
  gap: 9px;
  text-align: left;
}

.shared-create-caption-style span {
  min-height: 52px;
  padding: 10px;
  border-radius: 12px;
  background: var(--caption-bg, transparent);
  color: var(--caption-color, #ffffff);
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-weight: 950;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

.shared-create-caption-style strong {
  font-family: var(--sf-font-display);
}

.shared-create-caption-style.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.11);
}

.shared-create-caption-format {
  display: grid;
  gap: 12px;
}

.shared-create-caption-sliders {
  display: grid;
  gap: 9px;
}

.shared-create-caption-sliders label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-create-caption-sliders span {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: rgba(232, 235, 245, 0.76);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-create-caption-sliders b {
  color: var(--sf-cyan);
}

.shared-create-captions__footer {
  justify-content: space-between;
  flex-wrap: wrap;
}

.shared-create-panel--form label {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-create-panel label > span {
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-create-panel textarea,
.shared-create-panel input,
.shared-create-panel select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: #f7f8fb;
  outline: none;
}

.shared-create-panel textarea,
.shared-create-panel input {
  padding: 13px 14px;
}

.shared-create-panel select {
  padding: 13px 14px;
}

.shared-create-panel textarea::placeholder,
.shared-create-panel input::placeholder {
  color: rgba(232, 235, 245, 0.52);
}

.shared-create-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 1fr);
  gap: 12px;
}

.shared-create-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-create-checks label {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  gap: 9px;
}

.shared-create-checks input {
  width: auto;
}

.shared-create-review {
  display: grid;
  gap: 12px;
}

.shared-create-review__header {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 51, 95, 0.16), rgba(38, 244, 238, 0.08));
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.shared-create-page .shared-create-review__header h2 {
  margin: 3px 0 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.05;
}

.shared-create-review__header > span:last-child,
.shared-create-lock-pill {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(247, 248, 251, 0.86);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-create-review-section,
.shared-create-branding,
.shared-create-save-export,
.shared-create-crosspost,
.shared-create-caption-composer {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 12px;
}

.shared-create-review-section__header,
.shared-create-caption-composer__header,
.shared-create-branding,
.shared-create-save-export,
.shared-create-crosspost__summary,
.shared-create-crosspost__actions,
.shared-create-caption-actions,
.shared-create-topic-empty,
.shared-create-topic-chips,
.shared-create-audience-preview,
.shared-create-crosspost__providers,
.shared-create-youtube-defaults {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.shared-create-review-section__header {
  align-items: flex-start;
}

.shared-create-caption-composer {
  position: relative;
}

.shared-create-caption-composer__header {
  align-items: flex-start;
  justify-content: space-between;
}

.shared-create-caption-composer__header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-create-review-section__header > span,
.shared-create-caption-composer__header > span,
.shared-create-branding > span:first-child,
.shared-create-save-export > span,
.shared-create-topic-empty > span,
.shared-create-option-row__icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 13px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-review-section__header svg,
.shared-create-caption-composer svg,
.shared-create-branding svg,
.shared-create-save-export svg,
.shared-create-topic-empty svg,
.shared-create-topic-chips svg,
.shared-create-option-row svg,
.shared-create-crosspost svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-create-review-section__header div,
.shared-create-caption-field,
.shared-create-branding div,
.shared-create-save-export div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-create-review-section__header strong,
.shared-create-caption-composer__header strong,
.shared-create-branding strong,
.shared-create-save-export strong,
.shared-create-option-row strong,
.shared-create-audience-preview strong,
.shared-create-youtube-defaults strong {
  min-width: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-review-section__header small,
.shared-create-caption-composer__header small,
.shared-create-branding p,
.shared-create-save-export p,
.shared-create-option-row small,
.shared-create-audience-preview small,
.shared-create-youtube-defaults small,
.shared-create-crosspost p,
.shared-create-topic-empty p,
.shared-create-inline-status {
  margin: 0;
  color: rgba(232, 235, 245, 0.78);
  line-height: 1.45;
  font-weight: 750;
}

.shared-create-custom-audience {
  display: grid;
  gap: 10px;
}

.shared-create-inline-status {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-create-inline-status.is-error {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.12);
  color: #ffdce4;
}

.shared-create-caption-field {
  gap: 7px;
}

.shared-create-caption-field textarea {
  min-height: 142px;
  resize: vertical;
}

.shared-create-caption-actions {
  justify-content: space-between;
  flex-wrap: wrap;
}

.shared-create-caption-actions .shared-feed-chip {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(247, 248, 251, 0.9);
}

.shared-create-caption-actions .shared-feed-chip svg {
  color: var(--sf-cyan);
}

.shared-create-mention-menu {
  position: static;
  width: 100%;
  max-height: 260px;
  overflow: auto;
  padding: 7px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 16px;
  background: rgba(8, 11, 18, 0.97);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
  display: grid;
  gap: 6px;
}

.shared-create-mention-menu[hidden] {
  display: none;
}

.shared-create-mention-option {
  width: 100%;
  min-width: 0;
  padding: 9px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: rgba(247, 248, 251, 0.9);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  text-align: left;
}

.shared-create-mention-option:hover,
.shared-create-mention-option:focus-visible,
.shared-create-mention-option.is-selected {
  border-color: rgba(38, 244, 238, 0.26);
  background: rgba(38, 244, 238, 0.09);
}

.shared-create-mention-option__avatar {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(38, 244, 238, 0.11);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-mention-option__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-create-mention-option__avatar svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-create-mention-option__body {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-create-mention-option__body strong,
.shared-create-mention-option__body small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-mention-option__body strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-mention-option__body small,
.shared-create-mention-empty {
  color: rgba(232, 235, 245, 0.66);
  font-weight: 750;
}

.shared-create-mention-empty {
  padding: 10px;
  line-height: 1.35;
}

.shared-create-mention-empty.is-error {
  color: #ffdce4;
}

.shared-create-audience-preview,
.shared-create-topic-chips,
.shared-create-crosspost__providers {
  flex-wrap: wrap;
}

.shared-create-audience-preview span,
.shared-create-topic-chip,
.shared-create-topic-chips span,
.shared-create-topic-chips small,
.shared-create-crosspost__providers span,
.shared-create-youtube-defaults {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(247, 248, 251, 0.9);
  font-size: 0.8rem;
  font-weight: 900;
}

.shared-create-audience-preview span {
  border-radius: 14px;
  display: grid;
  gap: 2px;
}

.shared-create-topic-empty {
  align-items: flex-start;
  padding: 12px;
  border: 1px dashed rgba(38, 244, 238, 0.24);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.055);
}

.shared-create-topic-empty > div {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-create-topic-chip,
.shared-create-topic-chips span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.shared-create-topic-chip {
  cursor: pointer;
}

.shared-create-topic-chip:hover,
.shared-create-topic-chip:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.11);
}

.shared-create-topic-chip small {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  display: grid;
  place-items: center;
}

.shared-create-topic-chip small svg {
  width: 14px;
  height: 14px;
}

.shared-create-topic-picker {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.055);
  display: grid;
  gap: 10px;
}

.shared-create-topic-picker__toolbar {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.shared-create-topic-picker__toolbar label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-create-topic-picker__groups {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-create-topic-group {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  overflow: hidden;
}

.shared-create-topic-group summary {
  min-width: 0;
  padding: 10px 12px;
  color: rgba(247, 248, 251, 0.92);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  list-style: none;
}

.shared-create-topic-group summary::-webkit-details-marker {
  display: none;
}

.shared-create-topic-group summary span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-topic-group summary strong,
.shared-create-topic-group summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-topic-group summary small {
  color: rgba(232, 235, 245, 0.62);
  font-weight: 850;
}

.shared-create-topic-picker__options {
  min-width: 0;
  padding: 0 10px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-create-topic-option {
  min-width: 0;
  max-width: 100%;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(247, 248, 251, 0.9);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.shared-create-topic-option:hover,
.shared-create-topic-option:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.11);
}

.shared-create-topic-option:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.shared-create-topic-option strong,
.shared-create-topic-option small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-topic-option small {
  color: rgba(232, 235, 245, 0.56);
  font-size: 0.74rem;
  font-weight: 850;
}

.shared-create-options-list {
  display: grid;
  gap: 8px;
}

.shared-create-option-row {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
}

.shared-create-option-row > span {
  min-width: 0;
  color: inherit;
  font-family: var(--sf-font-body);
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

.shared-create-option-row > span:not(.shared-create-option-row__icon) {
  display: grid;
  gap: 2px;
}

.shared-create-option-row input {
  width: auto;
}

.shared-create-option-row.is-disabled {
  border-color: rgba(255, 255, 255, 0.075);
  background: rgba(255, 255, 255, 0.035);
}

.shared-create-option-row.is-disabled .shared-create-option-row__icon {
  background: rgba(232, 235, 245, 0.07);
  color: rgba(232, 235, 245, 0.62);
}

.shared-create-option-row.is-disabled small {
  color: rgba(232, 235, 245, 0.62);
}

.shared-create-branding {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.shared-create-save-export {
  position: relative;
  overflow: hidden;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.shared-create-save-export.is-ready {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.08);
}

.shared-create-save-export.is-error {
  border-color: rgba(255, 51, 95, 0.25);
  background: rgba(255, 51, 95, 0.1);
}

.shared-create-save-export > i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--save-progress, 0%);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
}

.shared-create-save-export .shared-feed-chip {
  justify-self: start;
  margin-top: 6px;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-create-branding p,
.shared-create-crosspost p {
  max-width: 70ch;
}

.shared-create-crosspost--ready {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.075);
}

.shared-create-crosspost--blocked {
  border-color: rgba(255, 51, 95, 0.22);
  background: rgba(255, 51, 95, 0.085);
}

.shared-create-youtube-defaults {
  border-radius: 14px;
  justify-content: space-between;
}

.shared-create-youtube-defaults span,
.shared-create-youtube-defaults small {
  flex: 0 0 auto;
}

.shared-create-youtube-defaults strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-crosspost__summary {
  flex-wrap: wrap;
}

.shared-create-crosspost__summary > span {
  min-width: 92px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 2px;
}

.shared-create-crosspost__summary strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-crosspost__summary small {
  color: rgba(232, 235, 245, 0.62);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-create-crosspost__body,
.shared-create-crosspost-targets {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-create-crosspost-target {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.shared-create-crosspost-target input {
  width: auto;
}

.shared-create-crosspost-target__mark {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-create-crosspost-target__body {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-create-crosspost-target strong,
.shared-create-crosspost-target small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-create-crosspost-target strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-create-crosspost-target small,
.shared-create-crosspost-target em {
  color: rgba(232, 235, 245, 0.64);
  font-size: 0.76rem;
  font-weight: 850;
}

.shared-create-crosspost-target em {
  justify-self: end;
  max-width: 96px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}

.shared-create-crosspost-target.is-selected {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
}

.shared-create-crosspost-target.is-disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-create-crosspost-youtube {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.34fr);
  gap: 10px;
}

.shared-create-crosspost-youtube .is-wide {
  grid-column: 1 / -1;
}

.shared-create-crosspost__actions {
  flex-wrap: wrap;
}

.shared-create-custom-audience .shared-feed-chip,
.shared-create-crosspost__summary .shared-feed-chip,
.shared-create-crosspost__actions .shared-feed-chip {
  width: fit-content;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-achievements-hero,
.shared-achievement-card,
.shared-achievements-detail,
.shared-achievements-error {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-achievements-hero {
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-achievements-hero h1,
.shared-achievements-metrics strong,
.shared-achievement-card strong,
.shared-achievements-detail h2,
.shared-achievements-detail__progress strong,
.shared-achievements-error strong {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-achievements-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 4.7rem);
  line-height: 0.98;
}

.shared-achievements-hero p,
.shared-achievements-metrics small,
.shared-achievement-card small,
.shared-achievements-detail p,
.shared-achievements-detail__progress span {
  margin: 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-auth__copy,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-auth__preview,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-auth__summary,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-hero,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievement-card,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-detail,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-error {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.74);
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-hero h1,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-metrics strong,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievement-card strong,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-detail h2,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-detail__progress strong,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-error strong {
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-hero p,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-metrics small,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievement-card small,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-detail p,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-detail__progress span,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-auth__copy p,
:root[data-polis-theme-resolved="light"] .shared-achievements-page .shared-achievements-auth__summary p {
  color: rgba(232, 235, 245, 0.74);
}

.shared-achievements-metrics {
  min-width: min(100%, 380px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-achievements-metrics span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-achievements-metrics strong,
.shared-achievements-metrics small {
  display: block;
}

.shared-achievements-metrics strong {
  font-size: 1.15rem;
}

.shared-achievements-metrics small,
.shared-achievement-card small,
.shared-achievements-detail__progress span {
  margin-top: 3px;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-achievements-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.4fr);
  align-items: start;
  gap: 18px;
}

.shared-achievements-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-achievement-card {
  appearance: none;
  min-width: 0;
  min-height: 220px;
  padding: 18px;
  cursor: pointer;
  display: grid;
  align-content: space-between;
  gap: 16px;
  text-align: left;
}

.shared-achievement-card.is-selected {
  border-color: rgba(38, 244, 238, 0.38);
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), transparent 58%),
    rgba(10, 12, 18, 0.9);
}

.shared-achievement-card.is-complete {
  border-color: rgba(38, 244, 238, 0.28);
}

.shared-achievement-card__icon,
.shared-achievements-detail__icon {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-achievement-card.is-complete .shared-achievement-card__icon {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
  color: #061015;
}

.shared-achievement-card__icon svg,
.shared-achievements-detail__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-achievement-card__body {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-achievement-card strong,
.shared-achievements-detail h2 {
  font-size: 1.35rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-achievement-card i,
.shared-achievements-detail__progress i {
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  display: block;
}

.shared-achievement-card i b,
.shared-achievements-detail__progress i b {
  width: var(--achievement-progress, 0%);
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
}

.shared-achievements-detail {
  min-width: 0;
  padding: 20px;
  display: grid;
  gap: 18px;
}

.shared-achievements-detail__progress {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 10px;
}

.shared-achievements-detail__progress div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.shared-achievements-detail .shared-feed-chip--primary,
.shared-achievements-error .shared-feed-chip {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-achievements-error {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.shared-cta-invite-hero,
.shared-cta-invite-card,
.shared-cta-invite-side,
.shared-cta-invite-error {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-cta-invite-hero {
  min-height: 190px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-cta-invite-hero h1,
.shared-cta-invite-status strong,
.shared-cta-invite-card h2,
.shared-cta-invite-detail strong,
.shared-cta-invite-side h2,
.shared-cta-invite-side-row strong,
.shared-cta-invite-error strong {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-cta-invite-hero h1 {
  max-width: 920px;
  font-size: 3.2rem;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-cta-invite-hero p,
.shared-cta-invite-status small,
.shared-cta-invite-card p,
.shared-cta-invite-detail small,
.shared-cta-invite-detail em,
.shared-cta-invite-side p,
.shared-cta-invite-side-row small {
  margin: 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-cta-invite-status {
  min-width: 190px;
  padding: 16px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 20px;
  background: rgba(38, 244, 238, 0.08);
  display: grid;
  gap: 6px;
}

.shared-cta-invite-status > span,
.shared-cta-invite-side-row > span {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-cta-invite-status svg,
.shared-cta-invite-side-row svg,
.shared-cta-invite-detail svg,
.shared-cta-invite-card__image--placeholder svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-cta-invite-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.34fr);
  align-items: start;
  gap: 18px;
}

.shared-cta-invite-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);
}

.shared-cta-invite-card__image {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  background: #080d12;
}

.shared-cta-invite-card__image--placeholder {
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 60%),
    rgba(255, 255, 255, 0.035);
}

.shared-cta-invite-card__body,
.shared-cta-invite-side {
  min-width: 0;
  padding: 22px;
  display: grid;
  gap: 18px;
}

.shared-cta-invite-pills,
.shared-cta-invite-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.shared-cta-invite-pills span {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(247, 248, 251, 0.86);
  display: inline-flex;
  align-items: center;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-cta-invite-card h2,
.shared-cta-invite-side h2 {
  font-size: 1.55rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.shared-cta-invite-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-cta-invite-detail {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 10px;
}

.shared-cta-invite-detail > span {
  width: 36px;
  height: 36px;
  border-radius: 13px;
  background: rgba(255, 51, 95, 0.11);
  color: #ff6e88;
  display: grid;
  place-items: center;
}

.shared-cta-invite-detail div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-cta-invite-detail strong,
.shared-cta-invite-detail small,
.shared-cta-invite-detail em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-cta-invite-detail small,
.shared-cta-invite-detail em {
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-cta-invite-actions .shared-feed-chip--primary,
.shared-cta-invite-side .shared-feed-chip,
.shared-cta-invite-error .shared-feed-chip {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-cta-invite-actions .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
  box-shadow: none;
}

.shared-cta-invite-side-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
}

.shared-cta-invite-side-row.is-good {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.08);
}

.shared-cta-invite-side-row.is-good > span {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.12);
  color: var(--sf-green);
}

.shared-cta-invite-side-row div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-cta-invite-error {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

@media (max-width: 980px) {
  .shared-cta-invite-hero,
  .shared-cta-invite-error {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-cta-invite-layout,
  .shared-cta-invite-card {
    grid-template-columns: 1fr;
  }

  .shared-cta-invite-card__image {
    min-height: 260px;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 640px) {
  .shared-cta-invite-hero,
  .shared-cta-invite-card,
  .shared-cta-invite-side,
  .shared-cta-invite-error {
    border-radius: 18px;
  }

  .shared-cta-invite-hero {
    padding: 22px;
  }

  .shared-cta-invite-hero h1 {
    font-size: 2.1rem;
  }

  .shared-cta-invite-details {
    grid-template-columns: 1fr;
  }

  .shared-cta-invite-actions,
  .shared-cta-invite-actions .shared-feed-chip,
  .shared-cta-invite-side .shared-feed-chip,
  .shared-cta-invite-error .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }
}

.shared-post-analytics-hero,
.shared-post-analytics-card,
.shared-post-analytics-panel,
.shared-post-analytics-error {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-post-analytics-hero {
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-post-analytics-hero h1,
.shared-post-analytics-card strong,
.shared-post-analytics-panel h2,
.shared-post-analytics-panel__header > strong,
.shared-post-analytics-error strong {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-post-analytics-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 4.7rem);
  line-height: 0.98;
}

.shared-post-analytics-hero p,
.shared-post-analytics-card small,
.shared-post-analytics-card em,
.shared-post-analytics-panel p,
.shared-post-analytics-summary small,
.shared-post-analytics-breakdown__row span {
  margin: 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-post-analytics-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-post-analytics-actions .shared-feed-chip--primary,
.shared-post-analytics-error .shared-feed-chip,
.shared-post-analytics-panel .shared-feed-chip--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-post-analytics-actions .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-post-analytics-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.shared-post-analytics-card {
  min-width: 0;
  min-height: 138px;
  padding: 16px;
  display: grid;
  align-content: space-between;
  gap: 14px;
}

.shared-post-analytics-card__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-post-analytics-card__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-post-analytics-card__copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-post-analytics-card strong {
  font-size: clamp(1.65rem, 2.2vw, 2.35rem);
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-post-analytics-card small {
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-post-analytics-card em {
  font-size: 0.82rem;
  font-style: normal;
}

.shared-post-analytics-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.38fr);
  gap: 18px;
  align-items: stretch;
}

.shared-post-analytics-panel {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-post-analytics-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.shared-post-analytics-panel__header > strong {
  flex: 0 0 auto;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 0.95;
}

.shared-post-analytics-breakdown {
  display: grid;
  gap: 12px;
}

.shared-post-analytics-breakdown__row {
  display: grid;
  gap: 8px;
}

.shared-post-analytics-breakdown__row div {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.shared-post-analytics-breakdown__row strong {
  color: #f7f8fb;
}

.shared-post-analytics-breakdown__row i {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
  display: block;
}

.shared-post-analytics-breakdown__row i::before {
  content: "";
  width: var(--post-analytics-width, 0%);
  height: 100%;
  border-radius: inherit;
  display: block;
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-green));
}

.shared-post-analytics-breakdown__row--comments i::before {
  background: linear-gradient(135deg, #ffb84d, var(--sf-red));
}

.shared-post-analytics-breakdown__row--shares i::before {
  background: linear-gradient(135deg, #a78bfa, var(--sf-cyan));
}

.shared-post-analytics-panel--summary {
  align-content: start;
}

.shared-post-analytics-summary {
  display: grid;
  gap: 10px;
}

.shared-post-analytics-summary span {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-post-analytics-summary strong,
.shared-post-analytics-summary small {
  display: block;
}

.shared-post-analytics-summary strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: 1.2rem;
}

.shared-post-analytics-summary small {
  margin-top: 3px;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-post-analytics-error {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.shared-topics-page .shared-page__content {
  gap: 18px;
}

.shared-topics-hero,
.shared-topics-toolbar,
.shared-topics-results,
.shared-topics-footer {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-topics-hero {
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.shared-topics-hero h1,
.shared-topics-results h2,
.shared-topics-group h3,
.shared-topics-card strong {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-topics-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 4.8rem);
  line-height: 0.98;
}

.shared-topics-hero p,
.shared-topics-results p,
.shared-topics-card small {
  margin: 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-topics-metrics {
  min-width: min(100%, 380px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-topics-metrics span {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-topics-metrics strong,
.shared-topics-metrics small {
  display: block;
}

.shared-topics-metrics strong {
  color: #f7f8fb;
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-topics-metrics small {
  margin-top: 3px;
  color: rgba(232, 235, 245, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-topics-toolbar {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.shared-topics-search {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-topics-search > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 13px;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.08);
}

.shared-topics-search svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-topics-search input {
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: #f7f8fb;
  outline: none;
}

.shared-topics-search input::placeholder {
  color: rgba(232, 235, 245, 0.58);
}

.shared-topics-search input:focus {
  border-color: rgba(38, 244, 238, 0.36);
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.1);
}

.shared-topics-toolbar .shared-feed-chip:not(.shared-feed-chip--primary),
.shared-topics-results .shared-feed-chip:not(.shared-feed-chip--primary),
.shared-topics-footer .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.075);
  color: #f7f8fb;
}

.shared-topics-category-strip .shared-feed-chip--primary,
.shared-topics-toolbar .shared-feed-chip--primary,
.shared-topics-results .shared-feed-chip--primary,
.shared-topics-footer .shared-feed-chip--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 51, 95, 0.28);
}

.shared-topics-actions,
.shared-topics-category-strip,
.shared-topics-footer__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-topics-actions {
  justify-content: flex-end;
}

.shared-topics-category-strip {
  padding-bottom: 2px;
  overflow-x: auto;
}

.shared-topics-category-strip .shared-feed-chip {
  flex: 0 0 auto;
}

.shared-topics-category-strip span {
  margin-left: 4px;
  color: inherit;
  opacity: 0.72;
}

.shared-topics-results {
  padding: 18px;
  display: grid;
  gap: 18px;
}

.shared-topics-results__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.shared-topics-group {
  display: grid;
  gap: 10px;
}

.shared-topics-group h3 {
  font-size: 1rem;
}

.shared-topics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.shared-topics-card {
  min-width: 0;
  min-height: 126px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-topics-card.is-selected {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
}

.shared-topics-card__main {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-topics-card__main > span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-topics-card strong,
.shared-topics-card small {
  overflow-wrap: anywhere;
}

.shared-topics-card .shared-feed-chip svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.shared-topics-footer {
  position: sticky;
  bottom: 14px;
  z-index: 5;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.shared-topics-footer strong,
.shared-topics-footer span {
  display: block;
}

.shared-topics-footer strong {
  color: #f7f8fb;
}

.shared-topics-footer span {
  margin-top: 3px;
  color: rgba(232, 235, 245, 0.72);
  font-size: 0.86rem;
}

:root[data-polis-theme-resolved="light"] .shared-topics-page .shared-topics-hero,
:root[data-polis-theme-resolved="light"] .shared-topics-page .shared-topics-toolbar,
:root[data-polis-theme-resolved="light"] .shared-topics-page .shared-topics-results,
:root[data-polis-theme-resolved="light"] .shared-topics-page .shared-topics-footer {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.74);
  color: #f7f8fb;
}

.shared-topics-page--auth .shared-page__content {
  gap: 0;
}

.shared-topics-auth {
  display: grid;
  grid-template-columns: minmax(0, 0.76fr) minmax(470px, 1.24fr);
  align-items: start;
  gap: 18px;
}

.shared-topics-auth__copy,
.shared-topics-auth__preview {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
  color: #f7f8fb;
}

.shared-topics-auth__copy {
  padding: clamp(22px, 4vw, 36px);
  display: grid;
  align-content: start;
  gap: 22px;
}

.shared-topics-auth__copy h1,
.shared-topics-auth__hero h2 {
  margin: 0;
  color: #f7f8fb;
  font-family: var(--sf-font-display);
}

.shared-topics-auth__copy h1 {
  font-size: clamp(2.05rem, 3.25vw, 3.35rem);
  line-height: 1.02;
}

.shared-topics-auth__hero h2 {
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: 0.98;
}

.shared-topics-auth__copy p {
  margin: 12px 0 0;
  color: rgba(232, 235, 245, 0.74);
  line-height: 1.55;
}

.shared-topics-auth__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-topics-auth__coverage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-topics-auth__coverage span {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(247, 248, 251, 0.9);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 900;
}

.shared-topics-auth__coverage svg,
.shared-topics-auth__card .shared-feed-chip svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex: 0 0 auto;
}

.shared-topics-auth__preview {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.shared-topics-auth__preview .shared-topics-hero,
.shared-topics-auth__preview .shared-topics-toolbar,
.shared-topics-auth__preview .shared-topics-results,
.shared-topics-auth__preview .shared-topics-footer {
  box-shadow: none;
}

.shared-topics-auth__hero {
  min-height: 166px;
}

.shared-topics-auth__toolbar {
  grid-template-columns: minmax(0, 1fr) auto;
}

.shared-topics-auth__categories {
  padding-bottom: 0;
}

.shared-topics-auth__card {
  min-height: 142px;
}

.shared-topics-auth__card .shared-feed-chip {
  white-space: nowrap;
}

.shared-topics-auth__card .shared-feed-chip:not(.shared-feed-chip--primary) {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-topics-auth__footer {
  position: static;
  bottom: auto;
}

.shared-settings-page .shared-page__content {
  gap: 20px;
}

.shared-settings-auth,
.shared-settings-header,
.shared-settings-nav,
.shared-settings-panel,
.shared-settings-card,
.shared-settings-provider {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-settings-auth {
  min-height: min(68vh, 680px);
  padding: clamp(24px, 5vw, 56px);
  border-radius: 32px;
  display: grid;
  grid-template-columns: minmax(360px, 0.68fr) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}

.shared-settings-auth__copy {
  min-width: 0;
  display: grid;
  gap: 18px;
  align-content: start;
}

.shared-settings-auth__workspace {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-settings-command-preview {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.11), transparent 42%),
    rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 14px;
}

.shared-settings-command-preview header,
.shared-settings-command-preview footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.shared-settings-command-preview header > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-command-preview header svg,
.shared-settings-command-preview footer svg,
.shared-settings-command-preview__metrics svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-settings-command-preview header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-settings-command-preview header small,
.shared-settings-command-preview__metrics small,
.shared-settings-command-preview__queue span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-settings-command-preview header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1.05;
}

.shared-settings-command-preview__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-command-preview__metrics article {
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 9px;
}

.shared-settings-command-preview__metrics article > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: rgba(255, 51, 95, 0.13);
  color: #ff8da2;
  display: grid;
  place-items: center;
}

.shared-settings-command-preview__metrics article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-command-preview__metrics strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
  line-height: 1.12;
  overflow-wrap: break-word;
}

.shared-settings-command-preview__metrics p {
  margin: 0;
  max-width: none;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.34;
}

.shared-settings-command-preview__queue {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-settings-command-preview__queue article {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(8, 10, 16, 0.42);
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.shared-settings-command-preview__queue strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.9rem;
  line-height: 1.16;
  overflow-wrap: break-word;
}

.shared-settings-command-preview__queue em {
  min-width: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-settings-command-preview footer {
  min-width: 0;
  padding-top: 2px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-settings-command-preview footer span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: break-word;
}

.shared-settings-eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-settings-auth h1,
.shared-settings-header h1,
.shared-settings-panel h2,
.shared-settings-card h3,
.shared-settings-provider h3 {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-settings-auth h1 {
  max-width: 620px;
  font-size: clamp(2.25rem, 3.7vw, 3.75rem);
  line-height: 1.02;
  text-wrap: balance;
}

.shared-settings-auth p,
.shared-settings-header p,
.shared-settings-panel p,
.shared-settings-card p,
.shared-settings-provider p {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-settings-auth p {
  max-width: 540px;
  line-height: 1.52;
}

.shared-settings-auth__grid,
.shared-settings-grid,
.shared-settings-provider-grid,
.shared-settings-form-grid,
.shared-settings-check-grid {
  display: grid;
  gap: 14px;
}

.shared-settings-auth__grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.shared-settings-auth__grid div,
.shared-settings-auth__grid article {
  min-width: 0;
  min-height: 132px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: end;
  gap: 7px;
}

.shared-settings-auth__grid strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 0.98rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.shared-settings-auth__grid span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.32;
}

.shared-voter-intel-auth {
  min-height: min(68vh, 720px);
  padding: clamp(24px, 5vw, 52px);
  border: 1px solid var(--sf-line);
  border-radius: 32px;
  background:
    radial-gradient(circle at 12% 10%, rgba(38, 244, 238, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(255, 51, 95, 0.1), transparent 46%),
    rgba(10, 12, 18, 0.9);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
  gap: clamp(20px, 3.4vw, 40px);
  align-items: center;
}

.shared-voter-intel-auth__copy,
.shared-voter-intel-auth__workspace,
.shared-voter-intel-auth__panel,
.shared-voter-intel-auth__signals article,
.shared-voter-intel-auth__guide {
  min-width: 0;
}

.shared-voter-intel-auth__copy {
  display: grid;
  gap: 18px;
  align-content: center;
}

.shared-voter-intel-auth__copy h1 {
  margin: 0;
  max-width: 660px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(2.3rem, 4vw, 4.1rem);
  line-height: 1;
  text-wrap: balance;
}

.shared-voter-intel-auth__copy p {
  margin: 0;
  max-width: 58ch;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-voter-intel-auth__coverage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-voter-intel-auth__coverage span {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.shared-voter-intel-auth__coverage svg,
.shared-voter-intel-auth__guide svg,
.shared-voter-intel-auth__signals svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: currentColor;
}

.shared-voter-intel-auth__workspace {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  background: rgba(4, 5, 8, 0.68);
  display: grid;
  grid-template-columns: minmax(240px, 0.86fr) minmax(260px, 1fr);
  gap: 12px;
  align-items: stretch;
}

.shared-voter-intel-auth__matrix,
.shared-voter-intel-auth__panel,
.shared-voter-intel-auth__guide,
.shared-voter-intel-auth__signals article {
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: none;
}

.shared-voter-intel-auth__matrix,
.shared-voter-intel-auth__panel {
  min-width: 0;
  padding: 14px;
  border-radius: 24px;
  display: grid;
  gap: 12px;
}

.shared-voter-intel-auth__matrix {
  align-content: start;
}

.shared-voter-intel-auth__matrix header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shared-voter-intel-auth__matrix header div {
  display: grid;
  gap: 4px;
}

.shared-voter-intel-auth__matrix small,
.shared-voter-intel-auth__guide small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-voter-intel-auth__matrix strong,
.shared-voter-intel-auth__guide strong,
.shared-voter-intel-auth__signals strong,
.shared-voter-intel-auth__stats strong {
  color: var(--sf-ink);
  font-weight: 950;
}

.shared-voter-intel-auth__matrix header > span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
}

.shared-voter-intel-auth__matrix-plot {
  position: relative;
  min-height: 260px;
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.065) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.065) 1px, transparent 1px),
    radial-gradient(circle at 68% 38%, rgba(255, 51, 95, 0.25), transparent 24%),
    radial-gradient(circle at 36% 58%, rgba(38, 244, 238, 0.22), transparent 28%),
    rgba(8, 10, 16, 0.86);
  background-size:
    42px 42px,
    42px 42px,
    auto,
    auto,
    auto;
}

.shared-voter-intel-auth__matrix-plot i,
.shared-voter-intel-auth__matrix-plot b {
  position: absolute;
  background: rgba(255, 255, 255, 0.18);
}

.shared-voter-intel-auth__matrix-plot i {
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
}

.shared-voter-intel-auth__matrix-plot b {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
}

.shared-voter-intel-auth__matrix-plot span {
  position: absolute;
  left: 62%;
  top: 34%;
  width: 58px;
  height: 58px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: var(--sf-cyan);
  color: #061015;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  box-shadow: 0 18px 40px rgba(38, 244, 238, 0.22);
}

.shared-voter-intel-auth__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-voter-intel-auth__stats span {
  min-width: 0;
  min-height: 58px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  align-content: center;
  justify-items: center;
}

.shared-voter-intel-auth__stats small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.shared-voter-intel-auth__panel {
  align-content: start;
}

.shared-voter-intel-auth__guide,
.shared-voter-intel-auth__signals article {
  border-radius: 20px;
  padding: 13px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
}

.shared-voter-intel-auth__guide > span,
.shared-voter-intel-auth__signals article > span {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-voter-intel-auth__guide div,
.shared-voter-intel-auth__signals div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-voter-intel-auth__guide p,
.shared-voter-intel-auth__signals p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.42;
}

.shared-voter-intel-auth__signals {
  display: grid;
  gap: 10px;
}

.shared-auth-route-content,
.shared-onboarding-content {
  display: grid;
  grid-template-columns: minmax(280px, 0.74fr) minmax(340px, 1fr);
  gap: clamp(18px, 4vw, 34px);
  align-items: start;
}

.shared-auth-route-hero,
.shared-auth-route-panel,
.shared-onboarding-steps {
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.88);
  box-shadow: var(--sf-shadow);
}

.shared-auth-route-hero {
  min-height: 360px;
  padding: clamp(24px, 5vw, 44px);
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.shared-auth-route-hero h1 {
  margin: 0;
  max-width: 680px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(2.15rem, 5vw, 4.25rem);
  line-height: 0.98;
}

.shared-auth-route-hero p,
.shared-auth-route-panel p,
.shared-auth-route-signed-in p {
  margin: 10px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-auth-route-panel,
.shared-onboarding-panel {
  min-width: 0;
  padding: clamp(20px, 4vw, 34px);
  border-radius: 28px;
}

.shared-auth-route-panel h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-auth-route-tabs,
.shared-auth-route-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-auth-route-tabs {
  margin-bottom: 18px;
}

.shared-auth-route-actions {
  margin-top: 16px;
}

.shared-auth-route-fallback {
  display: grid;
  gap: 16px;
}

.shared-auth-route-fallback__icon {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  color: var(--sf-accent);
  background: rgba(255, 255, 255, 0.06);
}

.shared-auth-route-fallback__icon svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-auth-route-fallback__body {
  display: grid;
  gap: 8px;
}

.shared-auth-route-fallback__body h2,
.shared-auth-route-fallback__body p {
  margin: 0;
}

.shared-auth-route-fallback__status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-auth-route-reset {
  display: grid;
  gap: 14px;
}

.shared-bootstrap-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-onboarding-panel .shared-bootstrap-grid {
  margin-top: 18px;
}

.shared-onboarding-content {
  grid-template-areas:
    "hero panel"
    "steps panel";
}

.shared-onboarding-content .shared-auth-route-hero {
  grid-area: hero;
}

.shared-onboarding-steps {
  grid-area: steps;
  padding: 12px;
  border-radius: 24px;
  display: grid;
  gap: 8px;
}

.shared-onboarding-panel {
  grid-area: panel;
}

.shared-onboarding-step {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.shared-onboarding-step span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
}

.shared-onboarding-step.is-active {
  border-color: rgba(45, 212, 191, 0.5);
  background: rgba(45, 212, 191, 0.12);
  color: var(--sf-ink);
}

.shared-onboarding-form {
  display: grid;
  gap: 16px;
}

.shared-onboarding-form .is-wide {
  grid-column: 1 / -1;
}

.shared-onboarding-photo,
.shared-onboarding-location {
  display: grid;
  gap: 18px;
}

.shared-onboarding-photo__card {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-onboarding-avatar {
  width: min(220px, 52vw);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.shared-onboarding-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-onboarding-avatar span {
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-size: 4rem;
}

.shared-onboarding-photo__card h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1;
}

.shared-onboarding-photo__card p {
  max-width: 58ch;
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-onboarding-photo__card small {
  display: block;
  margin-top: 8px;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-onboarding-photo__error {
  color: #ff8ca3 !important;
}

.shared-onboarding-photo__file-input {
  display: none;
}

.shared-onboarding-photo__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-onboarding-photo__fallback {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(45, 212, 191, 0.22);
  border-radius: 16px;
  background: rgba(45, 212, 191, 0.08);
}

.shared-onboarding-photo__fallback span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(45, 212, 191, 0.12);
}

.shared-onboarding-photo__fallback svg {
  width: 18px;
  height: 18px;
}

.shared-onboarding-photo__fallback p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.shared-onboarding-location__intro {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: clamp(16px, 3vw, 22px);
  border: 1px solid rgba(45, 212, 191, 0.24);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.11), rgba(255, 255, 255, 0.035));
}

.shared-onboarding-location__icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(45, 212, 191, 0.14);
}

.shared-onboarding-location__icon svg {
  width: 22px;
  height: 22px;
}

.shared-onboarding-location__intro h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.05;
}

.shared-onboarding-location__intro p {
  max-width: 62ch;
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-onboarding-location__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-onboarding-location__steps span {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-onboarding-location__steps strong {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--sf-cyan);
  background: rgba(45, 212, 191, 0.12);
  font-size: 0.9rem;
}

.shared-onboarding-location__steps small,
.shared-onboarding-location__status small {
  min-width: 0;
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-onboarding-location__status {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-onboarding-location__status > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-onboarding-location__status strong {
  color: var(--sf-ink);
}

.shared-onboarding-panel > .shared-workspace-service-alert,
.shared-onboarding-location > .shared-workspace-service-alert,
.shared-onboarding-form > .shared-workspace-service-alert {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.shared-onboarding-panel > .shared-workspace-service-alert .shared-workspace-service-alert__actions,
.shared-onboarding-location > .shared-workspace-service-alert .shared-workspace-service-alert__actions,
.shared-onboarding-form > .shared-workspace-service-alert .shared-workspace-service-alert__actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
}

.shared-onboarding-panel > .shared-workspace-service-alert .shared-workspace-service-alert__body h2,
.shared-onboarding-location > .shared-workspace-service-alert .shared-workspace-service-alert__body h2,
.shared-onboarding-form > .shared-workspace-service-alert .shared-workspace-service-alert__body h2 {
  max-width: 26rem;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}

.shared-settings-header {
  min-width: 0;
  padding: clamp(18px, 3vw, 28px);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.shared-settings-header__actions,
.shared-settings-form-actions,
.shared-settings-provider__actions,
.shared-settings-consent__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-settings-layout {
  min-width: 0;
  max-width: 100%;
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.shared-settings-nav {
  position: sticky;
  top: 86px;
  min-width: 0;
  padding: 14px;
  border-radius: 24px;
}

.shared-settings-nav__header {
  display: grid;
  gap: 4px;
  padding: 8px 8px 12px;
}

.shared-settings-nav__header strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
}

.shared-settings-nav__header span {
  color: var(--sf-muted);
  font-size: 0.84rem;
}

.shared-settings-nav__list,
.shared-settings-main,
.shared-settings-row-list,
.shared-settings-targets {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-settings-main {
  grid-template-columns: minmax(0, 1fr);
}

.shared-settings-nav__item,
.shared-settings-row {
  width: 100%;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-settings-nav__item:hover,
.shared-settings-nav__item:focus-visible,
.shared-settings-row:hover,
.shared-settings-row:focus-visible,
.shared-settings-nav__item.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(255, 255, 255, 0.06);
  outline: none;
}

.shared-settings-nav__item span,
.shared-settings-row span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-nav__item strong,
.shared-settings-row strong {
  overflow: hidden;
  color: var(--sf-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-nav__item small,
.shared-settings-row small {
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-nav__item em,
.shared-settings-row em,
.shared-settings-status {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.shared-settings-status.is-connected {
  background: rgba(56, 210, 157, 0.13);
  color: var(--sf-green);
}

.shared-settings-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.shared-settings-card,
.shared-settings-panel {
  border-radius: 24px;
}

.shared-settings-card {
  min-height: 216px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shared-settings-card .shared-feed-chip {
  margin-top: auto;
  align-self: flex-start;
}

.shared-settings-card__metric {
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-size: 1.65rem;
  font-weight: 900;
}

.shared-settings-overview-hero {
  min-width: 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), transparent 46%),
    rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: 18px;
  align-items: end;
}

.shared-settings-overview-hero h2,
.shared-settings-command-group h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-overview-hero p,
.shared-settings-command-group p {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-settings-overview-hero__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-settings-overview-stats {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-overview-stat {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  display: grid;
  gap: 3px;
}

.shared-settings-overview-stat strong {
  overflow: hidden;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-overview-stat small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-overview-stat em {
  overflow: hidden;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-overview-summary {
  margin-top: 2px;
}

.shared-settings-overview-groups {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-settings-command-group {
  align-content: start;
}

.shared-settings-command-list {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.shared-settings-command {
  width: 100%;
  min-width: 0;
  min-height: 70px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.shared-settings-command:hover,
.shared-settings-command:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(255, 255, 255, 0.07);
  outline: none;
}

.shared-settings-command.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
}

.shared-settings-command.is-danger {
  border-color: rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.08);
}

.shared-settings-command__icon {
  width: 42px;
  height: 42px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-command.is-danger .shared-settings-command__icon {
  color: var(--sf-red);
}

.shared-settings-command__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-settings-command__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-command__body strong,
.shared-settings-command__body small,
.shared-settings-command em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-command__body strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-settings-command__body small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-settings-command em {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.shared-settings-command.is-primary em {
  color: var(--sf-cyan);
}

.shared-settings-command.is-danger em {
  color: var(--sf-red);
}

@media (max-width: 1100px) {
  .shared-settings-overview-hero,
  .shared-settings-quiet-hero,
  .shared-settings-quiet-row,
  .shared-settings-overview-groups {
    grid-template-columns: 1fr;
  }

  .shared-settings-overview-hero__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .shared-settings-overview-stats,
  .shared-settings-quiet-metrics,
  .shared-settings-quiet-time-grid {
    grid-template-columns: 1fr;
  }

  .shared-settings-command {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-settings-command em {
    justify-self: start;
    grid-column: 2;
  }
}

.shared-settings-panel {
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 16px;
}

.shared-settings-panel--placeholder {
  min-height: 340px;
  align-content: center;
}

.shared-settings-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-settings-provider-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: start;
}

.shared-settings-connected-command {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 14px;
}

.shared-settings-connected-command__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-settings-connected-command__header h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2vw, 2.15rem);
  line-height: 1.05;
}

.shared-settings-connected-command__header p {
  margin: 8px 0 0;
  max-width: 720px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-settings-connected-command__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-settings-connected-metrics,
.shared-settings-connected-lanes {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-settings-connected-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shared-settings-connected-metric,
.shared-settings-connected-lane {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-settings-connected-metric {
  min-height: 116px;
  padding: 12px;
  border-radius: 16px;
  display: grid;
  align-content: start;
  gap: 6px;
}

.shared-settings-connected-metric span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-connected-metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.7rem;
  line-height: 1;
}

.shared-settings-connected-metric small,
.shared-settings-connected-lane small,
.shared-settings-connected-provider-pill small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-settings-connected-metric.is-ready {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.08);
}

.shared-settings-connected-metric.is-pending {
  border-color: rgba(255, 206, 86, 0.26);
  background: rgba(255, 206, 86, 0.08);
}

.shared-settings-connected-metric.is-bad {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.08);
}

.shared-settings-connected-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-settings-connected-lane {
  padding: 12px;
  border-radius: 16px;
  display: grid;
  gap: 12px;
}

.shared-settings-connected-lane__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.shared-settings-connected-lane__header span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-connected-lane__header strong,
.shared-settings-connected-provider-pill strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-connected-lane__header strong {
  overflow-wrap: anywhere;
  white-space: normal;
}

.shared-settings-connected-lane__header em {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-settings-connected-lane__providers {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-settings-connected-provider-pill {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 3px;
}

.shared-settings-connected-provider-pill.is-ready {
  border-color: rgba(56, 210, 157, 0.24);
  background: rgba(56, 210, 157, 0.08);
}

.shared-settings-connected-provider-pill.is-pending {
  border-color: rgba(255, 206, 86, 0.24);
  background: rgba(255, 206, 86, 0.08);
}

.shared-settings-connected-provider-pill.is-bad {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.08);
}

.shared-settings-provider {
  min-width: 0;
  padding: 16px;
  border-radius: 22px;
  display: grid;
  align-content: start;
  gap: 14px;
}

.shared-settings-provider.is-connected {
  border-color: rgba(56, 210, 157, 0.28);
}

.shared-settings-provider__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-settings-provider__avatar {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-settings-provider__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-settings-provider__meta,
.shared-settings-target,
.shared-settings-consent,
.shared-settings-empty,
.shared-settings-return,
.shared-settings-quiet {
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-settings-return {
  display: grid;
  gap: 4px;
}

.shared-settings-return strong,
.shared-settings-return span {
  overflow-wrap: anywhere;
}

.shared-settings-quiet-hours {
  gap: 14px;
}

.shared-settings-quiet-hero {
  grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1fr);
  align-items: stretch;
}

.shared-settings-quiet-hero h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.7rem, 2.6vw, 2.55rem);
  line-height: 1.05;
}

.shared-settings-quiet-hero p {
  margin: 10px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-settings-quiet-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-quiet-metric {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 6px;
}

.shared-settings-quiet-metric span {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-quiet-metric span svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-settings-quiet-metric strong {
  overflow: hidden;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-quiet-metric small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-quiet-metric p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shared-settings-quiet-metric.is-good span {
  border-color: rgba(56, 210, 157, 0.22);
  background: rgba(56, 210, 157, 0.09);
  color: var(--sf-green);
}

.shared-settings-quiet-metric.is-pending span {
  border-color: rgba(255, 209, 102, 0.28);
  background: rgba(255, 209, 102, 0.1);
  color: var(--sf-yellow);
}

.shared-settings-quiet-panel {
  align-content: start;
}

.shared-settings-quiet-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(280px, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-settings-quiet-row__copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.shared-settings-quiet-row__copy h3 {
  margin: 0;
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-settings-quiet-row__copy p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-settings-quiet-row__copy em {
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-quiet-row__controls {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-settings-quiet-time-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-quiet-time-grid label {
  min-width: 0;
}

.shared-settings-quiet-digest {
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 680px) {
  .shared-settings-quiet-hero,
  .shared-settings-quiet-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-settings-quiet-metrics,
  .shared-settings-quiet-time-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-settings-quiet-metric {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
  }

  .shared-settings-quiet-metric > span {
    grid-row: 1 / span 2;
  }

  .shared-settings-quiet-metric strong,
  .shared-settings-quiet-row__copy em {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .shared-settings-quiet-metric p {
    grid-column: 1 / -1;
  }
}

.shared-settings-provider__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: var(--sf-muted);
  font-size: 0.86rem;
}

.shared-settings-target,
.shared-settings-consent {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-settings-target span,
.shared-settings-consent div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-target strong,
.shared-settings-consent strong {
  overflow: hidden;
  color: var(--sf-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-target small,
.shared-settings-consent span,
.shared-settings-empty {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-settings-target em {
  max-width: 170px;
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-style: normal;
}

.shared-settings-return.is-success {
  border-color: rgba(56, 210, 157, 0.3);
  background: rgba(56, 210, 157, 0.1);
}

.shared-settings-return.is-error {
  border-color: rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.1);
}

.shared-settings-form,
.shared-settings-manual {
  display: grid;
  gap: 14px;
}

.shared-settings-form label,
.shared-settings-field,
.shared-settings-manual label {
  display: grid;
  gap: 7px;
  color: var(--sf-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.shared-settings-form input,
.shared-settings-form select,
.shared-settings-form textarea,
.shared-settings-manual input,
.shared-settings-manual select {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
}

.shared-settings-form textarea {
  min-height: 96px;
  padding-block: 11px;
  resize: vertical;
}

.shared-settings-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.shared-settings-form-grid .is-full {
  grid-column: 1 / -1;
}

.shared-settings-form-grid .is-wide {
  grid-column: span 1;
}

.shared-settings-check-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.shared-candidate-access {
  gap: 14px;
}

.shared-candidate-access-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.shared-candidate-access-steps {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shared-candidate-access-step {
  min-height: 46px;
  padding: 8px 14px 8px 8px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}

.shared-candidate-access-step span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: inline-grid;
  place-items: center;
  font-weight: 900;
}

.shared-candidate-access-step.is-active {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
}

.shared-candidate-access-form .shared-settings-form-grid {
  align-items: start;
}

.shared-candidate-access-subhead {
  margin-top: 4px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-access-summary {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-candidate-access-summary div {
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 4px;
}

.shared-candidate-access-summary div:last-child {
  border-bottom: 0;
}

.shared-candidate-access-summary span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-candidate-access-summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .shared-candidate-access-layout,
  .shared-settings-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-settings-form-grid .is-wide {
    grid-column: 1 / -1;
  }
}

.shared-settings-toggle {
  min-height: 52px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  color: var(--sf-ink) !important;
  cursor: pointer;
}

.shared-settings-toggle input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-settings-toggle span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-target-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-target-hints span {
  padding: 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.8rem;
  font-weight: 800;
}

.shared-settings-security {
  gap: 14px;
}

.shared-settings-security-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.09), rgba(255, 255, 255, 0.035) 46%, rgba(56, 210, 157, 0.08));
}

.shared-settings-security-hero > div:first-child {
  min-width: 0;
  max-width: 680px;
}

.shared-settings-security-actions,
.shared-settings-security-metrics,
.shared-settings-form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-security-actions {
  justify-content: flex-end;
}

.shared-settings-security-metrics {
  justify-content: flex-end;
  min-width: min(100%, 360px);
}

.shared-settings-security-metrics span {
  min-width: 108px;
  padding: 11px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 3px;
}

.shared-settings-security-metrics strong,
.shared-settings-security-metrics small,
.shared-settings-security-metrics em {
  display: block;
}

.shared-settings-security-metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-settings-security-metrics small {
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-settings-security-metrics em {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-settings-security-metrics span.is-good {
  border-color: rgba(56, 210, 157, 0.32);
  background: rgba(56, 210, 157, 0.1);
}

.shared-settings-security-metrics span.is-pending {
  border-color: rgba(255, 209, 102, 0.28);
  background: rgba(255, 209, 102, 0.09);
}

.shared-settings-security-grid,
.shared-settings-security-forms,
.shared-settings-security-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-settings-security-forms {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  align-items: start;
}

.shared-settings-security-card,
.shared-settings-security-step,
.shared-settings-security-secret {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-settings-security-card {
  min-height: 214px;
  display: grid;
  align-content: start;
  gap: 12px;
}

.shared-settings-security-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-settings-security-card__top > span:first-child,
.shared-settings-security-step > strong {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-settings-security-card svg,
.shared-settings-security-step svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-settings-security-card h3,
.shared-settings-security-step h3,
.shared-settings-security-secret h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-security-card p,
.shared-settings-security-step p,
.shared-settings-security-card small {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-settings-security-card small {
  min-height: 36px;
  overflow-wrap: anywhere;
}

.shared-settings-security-card .shared-feed-chip {
  justify-self: start;
}

.shared-settings-page .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.08);
  color: var(--sf-red);
}

.shared-settings-page .shared-feed-chip.is-danger:hover,
.shared-settings-page .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(255, 51, 95, 0.55);
  background: rgba(255, 51, 95, 0.14);
}

.shared-settings-username {
  gap: 14px;
}

.shared-settings-username-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.36fr);
  gap: 16px;
  align-items: stretch;
}

.shared-settings-username-hero h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 5vw, 4.4rem);
  line-height: 0.95;
  overflow-wrap: anywhere;
}

.shared-settings-username-hero__main,
.shared-settings-username-hero__status {
  min-width: 0;
}

.shared-settings-username-hero__status {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: center;
  gap: 8px;
}

.shared-settings-username-hero__status strong,
.shared-settings-username-hero__status span {
  display: block;
}

.shared-settings-username-hero__status strong {
  color: var(--sf-ink);
  font-size: 0.94rem;
}

.shared-settings-username-hero__status span {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-settings-username-form {
  gap: 16px;
}

.shared-settings-username-field {
  max-width: 520px;
}

.shared-settings-username-input {
  min-height: 50px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
}

.shared-settings-username-input em {
  padding-left: 14px;
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
  font-style: normal;
  font-weight: 900;
}

.shared-settings-username-input input {
  min-height: 50px;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-weight: 900;
  letter-spacing: 0;
}

.shared-settings-username-input input:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.shared-settings-username-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-username-rules span {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(56, 210, 157, 0.18);
  border-radius: 999px;
  background: rgba(56, 210, 157, 0.08);
  color: var(--sf-muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-settings-username-rules svg {
  width: 14px;
  height: 14px;
  fill: #8ff1c7;
}

.shared-settings-username-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-settings-username-map article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 8px;
}

.shared-settings-username-map article > span {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-username-map svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.shared-settings-username-map strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-username-map p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .shared-settings-username-hero,
  .shared-settings-username-map {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-settings-username-hero__status {
    align-content: start;
  }
}

.shared-settings-security-list {
  display: grid;
  gap: 10px;
}

.shared-settings-security-row,
.shared-settings-security-lookup-result {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-settings-security-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-settings-security-row > span,
.shared-settings-security-lookup-result > span,
.shared-settings-security-empty > span {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(38, 244, 238, 0.2);
  border-radius: 13px;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.08);
}

.shared-settings-security-row svg,
.shared-settings-security-lookup-result svg,
.shared-settings-security-empty svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-settings-security-row div,
.shared-settings-security-lookup-result div,
.shared-settings-security-empty div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-settings-security-row strong,
.shared-settings-security-lookup-result strong,
.shared-settings-security-empty strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-settings-security-row__title {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-security-row small,
.shared-settings-security-row em,
.shared-settings-security-lookup-result small,
.shared-settings-security-empty small {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-style: normal;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-settings-security-display {
  gap: 14px;
}

.shared-settings-security-code,
.shared-settings-security-secret__code {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px dashed rgba(38, 244, 238, 0.34);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.08);
}

.shared-settings-security-code.is-empty {
  border-style: solid;
  background: rgba(255, 255, 255, 0.04);
}

.shared-settings-security-code small,
.shared-settings-security-secret__code small {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-security-code strong,
.shared-settings-security-secret__code strong {
  color: var(--sf-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: clamp(1.45rem, 6vw, 2.3rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.shared-settings-security-code span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-settings-security-lookup {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.shared-settings-security-lookup-result {
  margin-top: 12px;
}

.shared-settings-security-flow {
  counter-reset: settings-security;
}

.shared-settings-security-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-settings-security-secret {
  display: grid;
  gap: 12px;
}

.shared-settings-security-recovery-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-settings-security-recovery-map > span {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-settings-security-recovery-map > span > small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-settings-security-secret textarea {
  width: 100%;
  min-height: 118px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.22);
  color: var(--sf-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  resize: vertical;
}

.shared-settings-resource-grid,
.shared-settings-license-list {
  display: grid;
  gap: 12px;
}

.shared-settings-resource-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.shared-settings-resource-card,
.shared-settings-license-row {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
}

.shared-settings-resource-card {
  min-height: 138px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  text-align: left;
  text-decoration: none;
}

button.shared-settings-resource-card {
  cursor: pointer;
}

.shared-settings-resource-card:hover,
.shared-settings-resource-card:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.07);
  outline: none;
}

.shared-settings-resource-card h3,
.shared-settings-license-row strong {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-privacy-command {
  min-width: 0;
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.11), rgba(255, 51, 95, 0.07) 58%, transparent),
    rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: 18px;
  align-items: start;
}

.shared-settings-privacy-command__copy,
.shared-settings-privacy-command__metrics span,
.shared-settings-privacy-lane,
.shared-settings-privacy-action {
  min-width: 0;
}

.shared-settings-privacy-command__copy {
  display: grid;
  gap: 9px;
}

.shared-settings-privacy-command__copy > span {
  color: var(--sf-cyan);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-privacy-command__copy svg,
.shared-settings-privacy-action svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-settings-privacy-command__copy h2,
.shared-settings-privacy-command__copy p {
  margin: 0;
}

.shared-settings-privacy-command__copy h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.55rem, 2.8vw, 2.25rem);
  line-height: 1.08;
}

.shared-settings-privacy-command__copy p {
  max-width: 620px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-settings-privacy-command__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-privacy-command__metrics span {
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 6px;
}

.shared-settings-privacy-command__metrics small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-privacy-command__metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.26rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-settings-privacy-command__metrics em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-settings-privacy-command__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-privacy-lanes {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr);
  gap: 14px;
}

.shared-settings-privacy-lane {
  display: grid;
  gap: 10px;
}

.shared-settings-privacy-lane > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-privacy-lane > div {
  display: grid;
  gap: 10px;
}

.shared-settings-privacy-action {
  min-height: 108px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 7px 10px;
  align-items: start;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.shared-settings-privacy-action:hover,
.shared-settings-privacy-action:focus-visible {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-settings-privacy-action.is-primary {
  border-color: rgba(255, 51, 95, 0.26);
  background: rgba(255, 51, 95, 0.08);
}

.shared-settings-privacy-action > span {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-privacy-action strong,
.shared-settings-privacy-action small,
.shared-settings-privacy-action em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-privacy-action strong {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-settings-privacy-action small {
  grid-column: 2 / 4;
  grid-row: 2;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-settings-privacy-action em {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: center;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.shared-settings-resource-card > span,
.shared-settings-license-row em {
  justify-self: start;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
}

.shared-settings-license-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-settings-license-row span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-license-row small {
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-status-pill {
  justify-self: start;
  padding: 6px 9px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
}

.shared-settings-status-pill.is-good {
  border-color: rgba(56, 210, 157, 0.34);
  background: rgba(56, 210, 157, 0.12);
  color: #8ff1c7;
}

.shared-settings-status-pill.is-pending {
  border-color: rgba(255, 209, 102, 0.32);
  background: rgba(255, 209, 102, 0.11);
  color: #ffe08a;
}

.shared-settings-status-pill.is-bad {
  border-color: rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.1);
  color: #ff9aaa;
}

.shared-settings-permission-grid,
.shared-settings-sharing-list,
.shared-settings-list,
.shared-settings-donation-detail-grid,
.shared-settings-disclosure {
  display: grid;
  gap: 12px;
}

.shared-settings-permission-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.shared-settings-permission-card,
.shared-settings-sharing-card,
.shared-settings-list-row,
.shared-settings-donation-detail,
.shared-settings-donation-detail-grid > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
}

.shared-settings-permission-card {
  min-height: 156px;
  display: grid;
  align-content: space-between;
  gap: 12px;
}

.shared-settings-permission-card h3,
.shared-settings-sharing-card h3,
.shared-settings-donation-detail h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-permission-card__footer,
.shared-settings-sharing-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-settings-list-row {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  text-decoration: none;
}

button.shared-settings-list-row {
  cursor: pointer;
}

button.shared-settings-list-row:hover,
button.shared-settings-list-row:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.07);
  outline: none;
}

.shared-settings-list-row > span:not(.shared-settings-list-row__avatar) {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-list-row strong,
.shared-settings-donation-row > strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-list-row small {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-list-row__avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: 1px solid rgba(38, 244, 238, 0.22);
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-weight: 900;
  overflow: hidden;
}

.shared-settings-list-row__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-settings-safety-list {
  scroll-margin-top: 96px;
}

.shared-settings-safety-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-settings-safety-row {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
}

.shared-settings-safety-row__body,
.shared-settings-safety-row__title {
  min-width: 0;
}

.shared-settings-safety-row__body {
  display: grid;
  gap: 5px;
}

.shared-settings-safety-row__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-settings-safety-row__title em {
  min-width: 0;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 51, 95, 0.14);
  background: rgba(255, 51, 95, 0.1);
  color: #ff8aa2;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  overflow-wrap: anywhere;
}

.shared-settings-safety-row.is-muted .shared-settings-safety-row__title em {
  border-color: rgba(38, 244, 238, 0.18);
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-settings-safety-empty {
  display: grid;
  gap: 6px;
  text-align: left;
}

.shared-settings-safety-empty strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-safety-empty span,
.shared-settings-safety-footer > span {
  min-width: 0;
  color: var(--sf-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-settings-safety-footer {
  align-items: center;
  justify-content: space-between;
}

.shared-settings-activity-filter {
  grid-template-columns: minmax(180px, 280px) auto;
  align-items: end;
}

.shared-settings-preference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-sharing-card {
  display: grid;
  gap: 14px;
}

.shared-settings-campaign-sharing .shared-settings-sharing-card,
.shared-settings-campaign-hero,
.shared-settings-campaign-metric,
.shared-settings-campaign-pref-row,
.shared-settings-campaign-choice,
.shared-settings-campaign-confirm {
  border-radius: 8px;
}

.shared-settings-campaign-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-campaign-metric {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 4px;
}

.shared-settings-campaign-metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.35rem;
  line-height: 1;
}

.shared-settings-campaign-metric span,
.shared-settings-campaign-metric small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-campaign-metric span {
  color: var(--sf-ink);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-settings-campaign-metric small {
  color: var(--sf-muted);
  font-size: 0.74rem;
}

.shared-settings-campaign-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-campaign-channels span {
  padding: 6px 9px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
}

.shared-settings-campaign-channels span.is-shared {
  border-color: rgba(38, 244, 238, 0.24);
  background: rgba(38, 244, 238, 0.09);
  color: var(--sf-cyan);
}

.shared-settings-campaign-pref-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shared-settings-campaign-pref-row {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.035);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.shared-settings-campaign-pref-row > span {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-ink);
  font-size: 0.84rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-settings-campaign-pref-row .shared-settings-status-pill {
  flex: 0 0 auto;
}

.shared-settings-campaign-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-campaign-choice {
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.035);
}

.shared-settings-campaign-choice legend {
  padding: 0 4px;
  color: var(--sf-ink);
  font-size: 0.78rem;
  font-weight: 900;
}

.shared-settings-segmented-control {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.shared-settings-segmented-control label {
  min-width: 0;
  cursor: pointer;
}

.shared-settings-segmented-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.shared-settings-segmented-control span {
  min-height: 34px;
  padding: 8px 6px;
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--sf-muted);
  display: grid;
  place-items: center;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
}

.shared-settings-segmented-control label:hover span,
.shared-settings-segmented-control input:focus-visible + span {
  border-color: rgba(38, 244, 238, 0.34);
  color: var(--sf-ink);
}

.shared-settings-segmented-control label.is-selected span,
.shared-settings-segmented-control input:checked + span {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.13);
  color: var(--sf-cyan);
}

.shared-settings-sharing-card__actions,
.shared-settings-campaign-edit-form .shared-settings-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-settings-campaign-confirm {
  padding: 10px;
  border: 1px solid rgba(255, 51, 95, 0.32);
  background: rgba(255, 51, 95, 0.08);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

.shared-settings-campaign-confirm div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-settings-campaign-confirm strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
}

.shared-settings-campaign-confirm span {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-settings-campaign-sharing .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.34);
  background: rgba(255, 51, 95, 0.12);
  color: #ff9aaa;
}

.shared-settings-campaign-sharing .shared-feed-chip.is-danger:hover,
.shared-settings-campaign-sharing .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(255, 51, 95, 0.5);
  background: rgba(255, 51, 95, 0.18);
  outline: none;
}

.shared-settings-donation-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
  gap: 14px;
  align-items: start;
}

.shared-settings-donation-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.shared-settings-donation-row {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
}

.shared-settings-donation-row.is-selected {
  border-color: rgba(38, 244, 238, 0.32);
  background: rgba(38, 244, 238, 0.08);
  box-shadow: 0 0 0 3px rgba(38, 244, 238, 0.08);
}

.shared-settings-donation-row__body,
.shared-settings-donation-row__title,
.shared-settings-donation-row__amount {
  min-width: 0;
}

.shared-settings-donation-row__body {
  display: grid;
  gap: 5px;
}

.shared-settings-donation-row__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shared-settings-donation-row__title .shared-settings-status-pill {
  justify-self: auto;
}

.shared-settings-donation-row__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-settings-donation-row__meta em {
  min-width: 0;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.shared-settings-donation-row__amount {
  display: grid;
  gap: 3px;
  justify-items: end;
}

.shared-settings-donation-row__amount strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-donation-row__amount small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 800;
}

.shared-settings-donation-detail {
  display: grid;
  gap: 14px;
}

.shared-settings-donation-detail--empty {
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: start;
}

.shared-settings-donation-detail--empty .shared-settings-list-row__avatar svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shared-settings-donation-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-settings-donation-detail-grid > div {
  display: grid;
  gap: 4px;
}

.shared-settings-donation-detail-grid span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-disclosure {
  grid-template-columns: repeat(auto-fit, minmax(160px, max-content));
}

.shared-settings-donation-empty {
  display: grid;
  gap: 6px;
  text-align: left;
}

.shared-settings-donation-empty strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-settings-donation-empty span,
.shared-settings-donation-footer > span {
  min-width: 0;
  color: var(--sf-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-settings-donation-footer {
  align-items: center;
  justify-content: space-between;
}

.shared-settings-balance-paused {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 209, 102, 0.22);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 209, 102, 0.12), rgba(38, 244, 238, 0.06)),
    rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.shared-settings-balance-paused__icon {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 209, 102, 0.26);
  border-radius: 16px;
  background: rgba(255, 209, 102, 0.12);
  color: #ffe08a;
  display: grid;
  place-items: center;
}

.shared-settings-balance-paused__icon svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.shared-settings-balance-paused__body {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-settings-balance-paused__body h3,
.shared-settings-balance-paused__body p {
  margin: 0;
}

.shared-settings-balance-paused__body h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
}

.shared-settings-balance-paused__body p {
  max-width: 72ch;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-settings-balance-paused__timeline {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 8px;
}

.shared-settings-balance-paused__timeline span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 3px;
}

.shared-settings-balance-paused__timeline strong,
.shared-settings-balance-paused__timeline small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-balance-paused__timeline strong {
  color: var(--sf-ink);
  font-size: 0.82rem;
}

.shared-settings-balance-paused__timeline small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.shared-settings-balance-paused__actions {
  min-width: 180px;
  display: grid;
  gap: 8px;
  justify-items: stretch;
}

.shared-settings-balance-paused__actions .shared-feed-chip {
  justify-content: center;
}

.shared-settings-payments-command {
  min-width: 0;
  padding: clamp(18px, 2.6vw, 28px);
  border: 1px solid rgba(255, 209, 102, 0.22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 209, 102, 0.12), rgba(38, 244, 238, 0.08) 55%, transparent),
    rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: minmax(260px, 0.86fr) minmax(0, 1.14fr);
  gap: 18px;
  align-items: start;
}

.shared-settings-payments-command__copy,
.shared-settings-payments-command__metrics span,
.shared-settings-payment-action {
  min-width: 0;
}

.shared-settings-payments-command__copy {
  display: grid;
  gap: 10px;
}

.shared-settings-payments-command__copy > span {
  color: #ffe08a;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-payments-command__copy svg,
.shared-settings-payment-action svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.shared-settings-payments-command__copy h2,
.shared-settings-payments-command__copy p {
  margin: 0;
}

.shared-settings-payments-command__copy h2 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.55rem, 2.8vw, 2.3rem);
  line-height: 1.08;
}

.shared-settings-payments-command__copy p {
  max-width: 620px;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-settings-payments-command__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-settings-payments-command__metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-payments-command__metrics span {
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  align-content: start;
  gap: 6px;
}

.shared-settings-payments-command__metrics small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-payments-command__metrics strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.26rem;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.shared-settings-payments-command__metrics em {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 760;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shared-settings-payment-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-payment-action {
  min-height: 146px;
  padding: 13px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.shared-settings-payment-action:hover,
.shared-settings-payment-action:focus-visible {
  border-color: rgba(255, 209, 102, 0.34);
  background: rgba(255, 209, 102, 0.08);
  outline: none;
}

.shared-settings-payment-action.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
}

.shared-settings-payment-action > span {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffe08a;
  display: grid;
  place-items: center;
}

.shared-settings-payment-action strong,
.shared-settings-payment-action small,
.shared-settings-payment-action em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-payment-action strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-settings-payment-action small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.shared-settings-payment-action em {
  justify-self: start;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: #ffe08a;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

:root[data-polis-theme-resolved="light"] .shared-settings-balance-paused {
  border-color: rgba(188, 132, 10, 0.24);
  background:
    linear-gradient(135deg, rgba(255, 209, 102, 0.16), rgba(5, 125, 132, 0.06)),
    rgba(255, 255, 255, 0.92);
  box-shadow: var(--sf-shadow);
}

:root[data-polis-theme-resolved="light"] .shared-settings-payments-command {
  border-color: rgba(188, 132, 10, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 209, 102, 0.16), rgba(5, 125, 132, 0.06) 55%, transparent),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-settings-balance-paused__icon {
  border-color: rgba(188, 132, 10, 0.26);
  background: rgba(255, 209, 102, 0.22);
  color: #9a6406;
}

:root[data-polis-theme-resolved="light"] .shared-settings-payments-command__copy > span,
:root[data-polis-theme-resolved="light"] .shared-settings-payment-action > span,
:root[data-polis-theme-resolved="light"] .shared-settings-payment-action em {
  color: #9a6406;
}

:root[data-polis-theme-resolved="light"] .shared-settings-balance-paused__timeline span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.74);
}

:root[data-polis-theme-resolved="light"] .shared-settings-payments-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-settings-payment-action {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.72);
}

.shared-settings-inline-note,
.shared-settings-audience-choice,
.shared-settings-audience-card,
.shared-settings-audience-metrics article {
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-settings-inline-note {
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--sf-muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.shared-settings-audience {
  gap: 14px;
}

.shared-settings-audience-hero {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  padding: clamp(18px, 3vw, 28px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.58fr);
  gap: 18px;
  align-items: start;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.13), rgba(255, 209, 102, 0.07)),
    rgba(10, 12, 18, 0.84);
  box-shadow: var(--sf-shadow);
}

.shared-settings-audience-hero h2 {
  margin: 6px 0 8px;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
}

.shared-settings-audience-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-settings-audience-flow {
  display: grid;
  gap: 10px;
}

.shared-settings-audience-flow span {
  min-width: 0;
  min-height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
}

.shared-settings-audience-flow strong {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(38, 244, 238, 0.16);
  color: var(--sf-cyan);
  font-family: var(--sf-font-display);
}

.shared-settings-audience-flow small {
  min-width: 0;
  color: var(--sf-ink);
  font-weight: 900;
  overflow-wrap: anywhere;
}

:root[data-polis-theme-resolved="light"] .shared-settings-audience-hero {
  border-color: rgba(8, 14, 28, 0.1);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.1), rgba(188, 132, 10, 0.08)),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-settings-audience-flow span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.72);
}

.shared-settings-audience-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-settings-audience-metrics article {
  min-height: 104px;
  padding: 16px;
  border-radius: 18px;
  display: grid;
  align-content: space-between;
}

.shared-settings-audience-metrics strong {
  font-family: var(--sf-font-display);
  color: var(--sf-ink);
  font-size: 1.85rem;
}

.shared-settings-audience-metrics span,
.shared-settings-field > span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-settings-audience-choices {
  display: grid;
  gap: 8px;
}

.shared-settings-audience-choice {
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.shared-settings-audience-choice input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--sf-cyan);
}

.shared-settings-audience-choice span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-settings-audience-choice strong,
.shared-settings-audience-card h3 {
  color: var(--sf-ink);
}

.shared-settings-audience-choice small {
  color: var(--sf-muted);
  font-size: 0.78rem;
}

.shared-settings-audience-list {
  display: grid;
  gap: 12px;
}

.shared-settings-audience-card {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 14px;
}

.shared-settings-audience-card.is-default {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.07);
}

.shared-settings-audience-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.shared-settings-audience-card__header h3,
.shared-settings-audience-card__header p {
  margin: 0;
}

.shared-settings-audience-card__header > span,
.shared-settings-audience-members span {
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
}

.shared-settings-audience-editor textarea {
  min-height: 118px;
}

.shared-settings-audience-search {
  max-width: 720px;
}

.shared-settings-audience-members {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-voter-profile {
  gap: 14px;
}

.shared-voter-profile-hero,
.shared-voter-profile-metric {
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-voter-profile-hero {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.shared-voter-profile-id {
  min-width: 0;
  display: flex;
  gap: 16px;
  align-items: center;
}

.shared-voter-profile-avatar {
  width: 78px;
  height: 78px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.18), transparent 48%),
    rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.shared-voter-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-voter-profile-avatar span {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.45rem;
  font-weight: 900;
}

.shared-voter-profile-hero h2 {
  max-width: 760px;
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
  font-size: clamp(1.75rem, 4vw, 3.35rem);
  line-height: 1;
}

.shared-voter-profile-hero p {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-voter-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-voter-profile-badge {
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 2px;
}

.shared-voter-profile-badge strong {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-profile-badge em {
  color: var(--sf-ink);
  font-style: normal;
  font-weight: 900;
}

.shared-voter-profile-badge.is-good {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.09);
}

.shared-voter-profile-badge.is-attention {
  border-color: rgba(255, 51, 95, 0.28);
  background: rgba(255, 51, 95, 0.09);
}

.shared-voter-profile-address {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 5px;
}

.shared-voter-profile-address strong,
.shared-voter-profile-address span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-voter-profile-address span,
.shared-voter-profile-district-foot {
  color: var(--sf-muted);
  font-size: 0.88rem;
}

.shared-voter-profile-metrics,
.shared-voter-profile-district-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-voter-profile-metric {
  min-height: 132px;
  padding: 18px;
  border-radius: 22px;
  display: grid;
  align-content: end;
  gap: 7px;
}

.shared-voter-profile-metric strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.45rem, 3vw, 2.45rem);
  line-height: 1;
}

.shared-voter-profile-metric span {
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-profile-metric p {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-voter-profile-gps {
  margin-top: 14px;
}

.shared-voter-profile-district-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.shared-voter-profile-district-foot span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-voter-profile-manual-district {
  min-width: 0;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 14px;
}

.shared-voter-profile-manual-district__summary {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 209, 102, 0.22);
  border-radius: 16px;
  background: rgba(255, 209, 102, 0.08);
  display: grid;
  gap: 4px;
}

.shared-voter-profile-manual-district__summary strong,
.shared-voter-profile-manual-district__summary span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-voter-profile-manual-district__summary strong {
  color: var(--sf-ink);
}

.shared-voter-profile-manual-district__summary span,
.shared-voter-profile-manual-district__ack span {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-manual-district-form {
  min-width: 0;
}

.shared-address-change-request-panel {
  display: grid;
  gap: 16px;
}

.shared-address-change-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.shared-address-change-form {
  min-width: 0;
}

.shared-address-change-upload,
.shared-address-change-attachment,
.shared-address-change-request,
.shared-address-change-review {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-address-change-upload {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.shared-address-change-upload > div {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.shared-address-change-upload > div,
.shared-address-change-upload label,
.shared-address-change-review,
.shared-address-change-request {
  display: grid;
  gap: 6px;
}

.shared-address-change-upload strong,
.shared-address-change-attachment strong,
.shared-address-change-request h3,
.shared-address-change-review h3 {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.shared-address-change-upload span,
.shared-address-change-upload label span,
.shared-address-change-attachment span,
.shared-address-change-request span,
.shared-address-change-request small,
.shared-address-change-review p,
.shared-address-change-review__steps span,
.shared-address-change-empty {
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-address-change-upload input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.shared-address-change-file-pick {
  position: relative;
  cursor: pointer;
}

.shared-address-change-file-pick:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.58;
}

.shared-address-change-file-pick__label {
  font-weight: 800;
}

.shared-address-change-file-pick__control {
  min-width: 0;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-text);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.shared-address-change-file-pick:not(:has(input:disabled)):hover .shared-address-change-file-pick__control,
.shared-address-change-file-pick:focus-within .shared-address-change-file-pick__control {
  border-color: rgba(20, 184, 166, 0.45);
  box-shadow: 0 14px 32px rgba(20, 184, 166, 0.14);
  transform: translateY(-1px);
}

.shared-address-change-file-pick__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(20, 184, 166, 0.12);
  color: #0f766e;
}

.shared-address-change-file-pick__icon svg {
  width: 17px;
  height: 17px;
}

.shared-address-change-file-pick__text {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-address-change-file-pick__text strong,
.shared-address-change-file-pick__text small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-address-change-file-pick__text strong {
  color: var(--sf-text);
  font-size: 0.9rem;
  line-height: 1.2;
}

.shared-address-change-file-pick__text small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.25;
}

.shared-address-change-empty {
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px dashed var(--sf-line);
  border-radius: 16px;
}

.shared-address-change-attachments,
.shared-address-change-history,
.shared-address-change-review__steps {
  display: grid;
  gap: 10px;
}

.shared-address-change-attachment {
  padding: 12px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.shared-address-change-attachment > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-address-change-review {
  padding: 16px;
  border-radius: 20px;
}

.shared-address-change-review__steps span {
  padding: 9px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  font-weight: 800;
}

.shared-address-change-history-panel {
  display: grid;
  gap: 12px;
}

.shared-address-change-request {
  padding: 14px;
  border-radius: 18px;
}

.shared-address-change-request__top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.shared-address-change-request p {
  margin: 0;
  color: var(--sf-muted);
}

.shared-settings-preferences,
.shared-settings-display,
.shared-settings-districts {
  gap: 14px;
}

.shared-settings-preferences-hero,
.shared-settings-display-preview,
.shared-settings-districts-hero,
.shared-settings-district-seat {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-settings-preferences-hero,
.shared-settings-districts-hero {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-settings-preferences-hero h2,
.shared-settings-display-preview h2,
.shared-settings-districts-hero h2,
.shared-settings-district-seat h3 {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--sf-font-display);
}

.shared-settings-preferences-hero h2,
.shared-settings-districts-hero h2 {
  font-size: clamp(1.8rem, 4vw, 3.35rem);
  line-height: 1;
}

.shared-settings-preferences-hero p,
.shared-settings-display-preview p,
.shared-settings-districts-hero p,
.shared-settings-district-seat p {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-settings-preferences-metrics,
.shared-settings-districts-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-settings-preference-card {
  width: 100%;
  min-height: 108px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-settings-preference-card:hover,
.shared-settings-preference-card:focus-visible,
.shared-settings-preference-card.is-primary {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-settings-preference-card__icon {
  width: 44px;
  height: 44px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-preference-card__icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.shared-settings-preference-card span {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-settings-preference-card strong,
.shared-settings-preference-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-preference-card strong {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-settings-preference-card small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-settings-preference-card em {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.shared-settings-display-form,
.shared-settings-display-group {
  display: grid;
  gap: 16px;
}

.shared-settings-display-group > div:first-child {
  display: grid;
  gap: 5px;
}

.shared-settings-display-group > div:first-child strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
}

.shared-settings-display-group > div:first-child span {
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-settings-segmented {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-settings-segment-option {
  position: relative;
  min-width: 0;
  min-height: 100px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  align-content: end;
  gap: 5px;
  cursor: pointer;
}

.shared-settings-segment-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.shared-settings-segment-option strong,
.shared-settings-segment-option small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-segment-option small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-settings-segment-option.is-selected,
.shared-settings-segment-option:focus-within {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.09);
}

.shared-settings-display-preview {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: grid;
  gap: 18px;
}

.shared-settings-display-sample {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.shared-settings-display-sample > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-settings-display-sample svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.shared-settings-display-sample div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-settings-display-sample strong,
.shared-settings-display-sample small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-display-sample small {
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-settings-districts-empty {
  min-height: 340px;
  align-content: center;
}

.shared-settings-district-jurisdictions,
.shared-settings-district-data-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-settings-district-seat-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-settings-district-seat {
  padding: 16px;
  border-radius: 22px;
  display: grid;
  gap: 14px;
}

.shared-settings-district-seat__top,
.shared-settings-district-seat__actions,
.shared-settings-district-person {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-items: center;
}

.shared-settings-district-seat__top {
  grid-template-columns: minmax(0, 1fr) auto;
}

.shared-settings-district-seat__status {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.shared-settings-district-seat__status > span:not(.shared-settings-status-pill) {
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-settings-district-people,
.shared-settings-district-candidates {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.shared-settings-district-person {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  grid-template-columns: auto minmax(0, 1fr);
  text-align: left;
}

button.shared-settings-district-person {
  cursor: pointer;
}

button.shared-settings-district-person:hover,
button.shared-settings-district-person:focus-visible {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-settings-district-avatar {
  width: 42px;
  height: 42px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  overflow: hidden;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.shared-settings-district-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-settings-district-avatar strong {
  font-family: var(--sf-font-display);
  font-size: 0.86rem;
}

.shared-settings-district-person span:last-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-settings-district-person strong,
.shared-settings-district-person small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-settings-district-person small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-settings-district-seat__actions {
  grid-template-columns: minmax(0, 1fr) auto;
}

.shared-settings-district-seat__actions > span {
  color: var(--sf-muted);
  font-size: 0.88rem;
}

.shared-settings-district-seat__details,
.shared-settings-district-candidate-groups {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-settings-district-candidate-groups section {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 10px;
}

.shared-settings-district-candidate-groups h4 {
  margin: 0;
  color: var(--sf-cyan);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.shared-settings-district-data-grid > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 5px;
}

.shared-settings-district-data-grid span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-settings-district-data-grid strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail,
:root[data-polis-theme-resolved="light"] .shared-feed-topbar,
:root[data-polis-theme-resolved="light"] .shared-settings-auth,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth,
:root[data-polis-theme-resolved="light"] .shared-settings-header,
:root[data-polis-theme-resolved="light"] .shared-settings-nav,
:root[data-polis-theme-resolved="light"] .shared-settings-panel,
:root[data-polis-theme-resolved="light"] .shared-settings-card,
:root[data-polis-theme-resolved="light"] .shared-settings-provider,
:root[data-polis-theme-resolved="light"] .shared-settings-privacy-command,
:root[data-polis-theme-resolved="light"] .shared-voter-profile-hero,
:root[data-polis-theme-resolved="light"] .shared-voter-profile-metric,
:root[data-polis-theme-resolved="light"] .shared-voter-profile-manual-district,
:root[data-polis-theme-resolved="light"] .shared-settings-preferences-hero,
:root[data-polis-theme-resolved="light"] .shared-settings-display-preview,
:root[data-polis-theme-resolved="light"] .shared-settings-districts-hero,
:root[data-polis-theme-resolved="light"] .shared-settings-district-seat,
:root[data-polis-theme-resolved="light"] .shared-profile-notifications__hero,
:root[data-polis-theme-resolved="light"] .shared-profile-notification {
  background: rgba(255, 255, 255, 0.88);
}

:root[data-polis-theme-resolved="light"] .shared-profile-notifications__metrics article,
:root[data-polis-theme-resolved="light"] .shared-profile-notifications__filters,
:root[data-polis-theme-resolved="light"] .shared-profile-notifications__empty {
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth {
  background:
    radial-gradient(circle at 12% 10%, rgba(5, 125, 132, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(217, 40, 77, 0.08), transparent 46%),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-settings-privacy-command {
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.08), rgba(217, 40, 77, 0.06) 58%, transparent),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__workspace,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__matrix,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__panel,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__guide,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__signals article,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__stats span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__coverage span,
:root[data-polis-theme-resolved="light"] .shared-settings-privacy-command__metrics span,
:root[data-polis-theme-resolved="light"] .shared-settings-privacy-action {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.64);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-auth__matrix-plot {
  background:
    linear-gradient(90deg, rgba(8, 14, 28, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(8, 14, 28, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 68% 38%, rgba(217, 40, 77, 0.18), transparent 24%),
    radial-gradient(circle at 36% 58%, rgba(5, 125, 132, 0.18), transparent 28%),
    rgba(255, 255, 255, 0.72);
  background-size:
    42px 42px,
    42px 42px,
    auto,
    auto,
    auto;
}

:root[data-polis-theme-resolved="light"] .shared-profile-notification.is-unread {
  background:
    linear-gradient(90deg, rgba(5, 125, 132, 0.08), transparent 32%),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-profile-notification__meta small,
:root[data-polis-theme-resolved="light"] .shared-profile-notification__status,
:root[data-polis-theme-resolved="light"] .shared-profile-notifications__filter span {
  border-color: rgba(8, 14, 28, 0.09);
  background: rgba(8, 14, 28, 0.045);
}

:root[data-polis-theme-resolved="light"] .shared-profile-notification__status.is-bad {
  color: #9f1239;
}

:root[data-polis-theme-resolved="light"] .shared-profile-notification__status.is-pending {
  color: #92400e;
}

:root[data-polis-theme-resolved="light"] .shared-settings-connected-command {
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.08), transparent 42%),
    rgba(255, 255, 255, 0.82);
}

:root[data-polis-theme-resolved="light"] .shared-settings-connected-metric,
:root[data-polis-theme-resolved="light"] .shared-settings-connected-lane,
:root[data-polis-theme-resolved="light"] .shared-settings-connected-provider-pill {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-settings-connected-metric.is-ready,
:root[data-polis-theme-resolved="light"] .shared-settings-connected-provider-pill.is-ready {
  border-color: rgba(17, 146, 105, 0.22);
  background: rgba(17, 146, 105, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-settings-connected-metric.is-pending,
:root[data-polis-theme-resolved="light"] .shared-settings-connected-provider-pill.is-pending {
  border-color: rgba(180, 120, 0, 0.22);
  background: rgba(180, 120, 0, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-settings-connected-metric.is-bad,
:root[data-polis-theme-resolved="light"] .shared-settings-connected-provider-pill.is-bad {
  border-color: rgba(185, 28, 66, 0.24);
  background: rgba(185, 28, 66, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail__brand-name {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail__brand-copy,
:root[data-polis-theme-resolved="light"] .shared-feed-rail__nav {
  color: rgba(16, 22, 36, 0.68);
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail__nav:hover,
:root[data-polis-theme-resolved="light"] .shared-feed-rail__nav.is-active {
  background: rgba(8, 14, 28, 0.06);
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail__nav.is-active {
  box-shadow: inset 0 0 0 1px rgba(8, 14, 28, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-feed-rail__secondary {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-feed-topbar__title,
:root[data-polis-theme-resolved="light"] .shared-feed-topbar__mode.is-active {
  color: #101624;
}

:root[data-polis-theme-resolved="light"] .shared-feed-topbar__mode {
  color: rgba(16, 22, 36, 0.58);
}

:root[data-polis-theme-resolved="light"] .shared-feed-topbar__icon {
  border-color: rgba(8, 14, 28, 0.08);
  background: rgba(255, 255, 255, 0.76);
  color: #101624;
  box-shadow: 0 12px 28px rgba(8, 14, 28, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-page {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-page__header h1,
:root[data-polis-theme-resolved="light"] .shared-page__content h2,
:root[data-polis-theme-resolved="light"] .shared-card h3,
:root[data-polis-theme-resolved="light"] .shared-card strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-page__header p,
:root[data-polis-theme-resolved="light"] .shared-page__content p,
:root[data-polis-theme-resolved="light"] .shared-card__meta,
:root[data-polis-theme-resolved="light"] .shared-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-card p,
:root[data-polis-theme-resolved="light"] .shared-form label,
:root[data-polis-theme-resolved="light"] .shared-form__checkbox,
:root[data-polis-theme-resolved="light"] .shared-page__hint {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-review__header h2,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-review-section__header strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-branding strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-save-export strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-option-row strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-audience-preview strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-youtube-defaults strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost__summary strong,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost-target strong {
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-review-section__header small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-branding p,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-save-export p,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-option-row small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-audience-preview small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-youtube-defaults small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost p,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-topic-empty p,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-inline-status,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost__summary small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost-target small,
:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-crosspost-target em {
  color: rgba(232, 235, 245, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-page__loading,
:root[data-polis-theme-resolved="light"] .shared-page__empty,
:root[data-polis-theme-resolved="light"] .shared-page__hint,
:root[data-polis-theme-resolved="light"] .shared-card,
:root[data-polis-theme-resolved="light"] .shared-form {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--sf-shadow);
}

:root[data-polis-theme-resolved="light"] .shared-card__tags span {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.08);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-page__error {
  border-color: rgba(212, 29, 72, 0.22);
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-page__banner {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-hero h1,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-status strong,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-card h2,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-detail strong,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-side h2,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-side-row strong,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-error strong {
  color: #f7f8fb;
}

:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-hero p,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-status small,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-card p,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-detail small,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-detail em,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-side p,
:root[data-polis-theme-resolved="light"] .shared-cta-invite-page .shared-cta-invite-side-row small {
  color: rgba(232, 235, 245, 0.74);
}

:root[data-polis-theme-resolved="light"] .shared-form input,
:root[data-polis-theme-resolved="light"] .shared-form select,
:root[data-polis-theme-resolved="light"] .shared-form textarea,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__form input,
:root[data-polis-theme-resolved="light"] .shared-comments__form textarea {
  border-color: rgba(8, 14, 28, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-form input::placeholder,
:root[data-polis-theme-resolved="light"] .shared-form textarea::placeholder,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__form input::placeholder,
:root[data-polis-theme-resolved="light"] .shared-comments__form textarea::placeholder {
  color: rgba(25, 35, 52, 0.46);
}

:root[data-polis-theme-resolved="light"] .shared-event-panel,
:root[data-polis-theme-resolved="light"] .shared-event-stats span,
:root[data-polis-theme-resolved="light"] .shared-event-check,
:root[data-polis-theme-resolved="light"] .shared-manage-events-command,
:root[data-polis-theme-resolved="light"] .shared-manage-event-card,
:root[data-polis-theme-resolved="light"] .shared-manage-events-empty,
:root[data-polis-theme-resolved="light"] .shared-manage-events-command__metrics div,
:root[data-polis-theme-resolved="light"] .shared-manage-event-card__stats span,
:root[data-polis-theme-resolved="light"] .shared-manage-event-card__readiness span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-manage-event-card__facts span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__cover,
:root[data-polis-theme-resolved="light"] .shared-event-editor__summary,
:root[data-polis-theme-resolved="light"] .shared-event-editor__checks,
:root[data-polis-theme-resolved="light"] .shared-event-address-lookup__results,
:root[data-polis-theme-resolved="light"] .shared-event-address-option {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__checks span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.74);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__checks .is-ready {
  border-color: rgba(5, 125, 132, 0.22);
  background: rgba(5, 125, 132, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__checks .is-missing {
  border-color: rgba(194, 120, 3, 0.2);
  background: rgba(250, 204, 21, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__cover strong,
:root[data-polis-theme-resolved="light"] .shared-event-editor__summary h2,
:root[data-polis-theme-resolved="light"] .shared-event-editor__checks strong,
:root[data-polis-theme-resolved="light"] .shared-event-address-option strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-event-editor__cover > div,
:root[data-polis-theme-resolved="light"] .shared-event-editor__summary p,
:root[data-polis-theme-resolved="light"] .shared-event-editor__checks em,
:root[data-polis-theme-resolved="light"] .shared-event-address-option span {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-event-signup-form input,
:root[data-polis-theme-resolved="light"] .shared-event-signup-form textarea {
  border-color: rgba(8, 14, 28, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-event-signup-form input::placeholder,
:root[data-polis-theme-resolved="light"] .shared-event-signup-form textarea::placeholder {
  color: rgba(25, 35, 52, 0.46);
}

:root[data-polis-theme-resolved="light"] .shared-event-payment-note {
  border-color: rgba(194, 120, 3, 0.22);
  background: rgba(250, 204, 21, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-event-payment-status,
:root[data-polis-theme-resolved="light"] .shared-event-payment-summary div,
:root[data-polis-theme-resolved="light"] .shared-event-payment-check,
:root[data-polis-theme-resolved="light"] .shared-event-payment-action > span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-event-payment-status > span,
:root[data-polis-theme-resolved="light"] .shared-event-payment-check.is-ready > span {
  background: rgba(5, 125, 132, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-event-payment-check.is-pending > span,
:root[data-polis-theme-resolved="light"] .shared-event-payment-check.is-blocked > span {
  background: rgba(250, 204, 21, 0.14);
}

:root[data-polis-theme-resolved="light"] .shared-media-tile {
  border-color: rgba(8, 14, 28, 0.14);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 45px rgba(25, 35, 52, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-media-tile:hover,
:root[data-polis-theme-resolved="light"] .shared-media-tile:focus-visible {
  border-color: rgba(5, 125, 132, 0.32);
  box-shadow: 0 24px 54px rgba(25, 35, 52, 0.16);
}

:root[data-polis-theme-resolved="light"] .shared-media-tile__placeholder {
  background:
    radial-gradient(circle at top, rgba(5, 125, 132, 0.16), transparent 52%),
    linear-gradient(180deg, rgba(217, 40, 77, 0.08), rgba(255, 255, 255, 0.95));
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-media-tile__detail,
:root[data-polis-theme-resolved="light"] .shared-media-tile__corner-action,
:root[data-polis-theme-resolved="light"] .shared-media-tile__engagement {
  border-color: rgba(8, 14, 28, 0.14);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
  box-shadow: 0 12px 28px rgba(25, 35, 52, 0.16);
}

:root[data-polis-theme-resolved="light"] .shared-media-tile__engagement-button {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-profile-page .shared-feed-chip.is-danger,
:root[data-polis-theme-resolved="light"] .shared-profile-safety-confirm .shared-feed-chip.is-danger {
  border-color: rgba(190, 18, 60, 0.22);
  background: rgba(225, 29, 72, 0.08);
  color: #be123c;
}

:root[data-polis-theme-resolved="light"] .shared-profile-campaign-tools {
  border-color: rgba(5, 125, 132, 0.18);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 16px 42px rgba(25, 35, 52, 0.14);
}

:root[data-polis-theme-resolved="light"] .shared-profile-campaign-tools__header > span,
:root[data-polis-theme-resolved="light"] .shared-profile-campaign-tool {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-profile-campaign-tool.is-primary {
  border-color: rgba(5, 125, 132, 0.24);
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.14), rgba(255, 255, 255, 0.84)),
    rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-profile-campaign-tool > span {
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-profile-page .shared-feed-chip.is-danger:hover,
:root[data-polis-theme-resolved="light"] .shared-profile-page .shared-feed-chip.is-danger:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-profile-safety-confirm .shared-feed-chip.is-danger:hover,
:root[data-polis-theme-resolved="light"] .shared-profile-safety-confirm .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(190, 18, 60, 0.38);
  background: rgba(225, 29, 72, 0.14);
  color: #9f1239;
}

:root[data-polis-theme-resolved="light"] .shared-profile-safety-confirm {
  border-color: rgba(190, 18, 60, 0.16);
  background:
    linear-gradient(135deg, rgba(225, 29, 72, 0.08), transparent 42%),
    rgba(255, 255, 255, 0.78);
}

:root[data-polis-theme-resolved="light"] .shared-post-delete .shared-feed-chip.is-danger {
  border-color: rgba(190, 18, 60, 0.22);
  background: rgba(225, 29, 72, 0.08);
  color: #be123c;
}

:root[data-polis-theme-resolved="light"] .shared-post-delete .shared-feed-chip.is-danger:hover,
:root[data-polis-theme-resolved="light"] .shared-post-delete .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(190, 18, 60, 0.38);
  background: rgba(225, 29, 72, 0.14);
  color: #9f1239;
}

:root[data-polis-theme-resolved="light"] .shared-post-delete__copy {
  border-color: rgba(190, 18, 60, 0.16);
  background: rgba(225, 29, 72, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-confirmation__detail {
  border-color: rgba(8, 14, 28, 0.12);
  background: rgba(255, 255, 255, 0.74);
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-confirmation .shared-feed-chip.is-danger {
  border-color: rgba(190, 18, 60, 0.22);
  background: rgba(225, 29, 72, 0.08);
  color: #be123c;
}

:root[data-polis-theme-resolved="light"] .shared-confirmation .shared-feed-chip.is-danger:hover,
:root[data-polis-theme-resolved="light"] .shared-confirmation .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(190, 18, 60, 0.38);
  background: rgba(225, 29, 72, 0.14);
  color: #9f1239;
}

:root[data-polis-theme-resolved="light"] .shared-text-prompt__field textarea[readonly] {
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-text-prompt .shared-feed-chip.is-danger {
  border-color: rgba(190, 18, 60, 0.22);
  background: rgba(225, 29, 72, 0.08);
  color: #be123c;
}

:root[data-polis-theme-resolved="light"] .shared-text-prompt .shared-feed-chip.is-danger:hover,
:root[data-polis-theme-resolved="light"] .shared-text-prompt .shared-feed-chip.is-danger:focus-visible {
  border-color: rgba(190, 18, 60, 0.38);
  background: rgba(225, 29, 72, 0.14);
  color: #9f1239;
}

:root[data-polis-theme-resolved="light"] .shared-media-tile__detail:hover,
:root[data-polis-theme-resolved="light"] .shared-media-tile__detail:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-media-tile__corner-action:hover,
:root[data-polis-theme-resolved="light"] .shared-media-tile__corner-action:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-media-tile__engagement-button:hover,
:root[data-polis-theme-resolved="light"] .shared-media-tile__engagement-button:focus-visible {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(255, 255, 255, 0.96);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-discover-event-visual {
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.12), rgba(217, 40, 77, 0.1)),
    rgba(255, 255, 255, 0.7);
}

:root[data-polis-theme-resolved="light"] .shared-discover-event-visual__date,
:root[data-polis-theme-resolved="light"] .shared-discover-event-visual__copy {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.62);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--calendar {
  background:
    linear-gradient(145deg, rgba(5, 125, 132, 0.08), rgba(217, 40, 77, 0.055)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-calendar-icon,
:root[data-polis-theme-resolved="light"] .shared-discover-calendar-today {
  border-color: rgba(5, 125, 132, 0.14);
  background: rgba(5, 125, 132, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-discover-calendar-icon span {
  border-color: rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-discover-calendar-date,
:root[data-polis-theme-resolved="light"] .shared-discover-schedule-item__date {
  background: rgba(255, 255, 255, 0.74);
}

:root[data-polis-theme-resolved="light"] .shared-discover-schedule-item__type {
  color: rgba(58, 70, 96, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-discover-schedule-item__status.is-ready {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
  color: #057d84;
}

:root[data-polis-theme-resolved="light"] .shared-discover-schedule-item__status.is-pending {
  border-color: rgba(156, 105, 0, 0.22);
  background: rgba(248, 211, 77, 0.18);
  color: #745000;
}

:root[data-polis-theme-resolved="light"] .shared-discover-auth,
:root[data-polis-theme-resolved="light"] .shared-discover-hero,
:root[data-polis-theme-resolved="light"] .shared-discover-destinations,
:root[data-polis-theme-resolved="light"] .shared-discover-section,
:root[data-polis-theme-resolved="light"] .shared-discover-path,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card,
:root[data-polis-theme-resolved="light"] .shared-discover-module-empty,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager,
:root[data-polis-theme-resolved="light"] .shared-feed-auth,
:root[data-polis-theme-resolved="light"] .shared-profile-auth,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-workspace article,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.88);
  color: var(--sf-ink);
  box-shadow: var(--sf-shadow);
}

:root[data-polis-theme-resolved="light"] .shared-discover-stat,
:root[data-polis-theme-resolved="light"] .shared-discover-auth__tile,
:root[data-polis-theme-resolved="light"] .shared-discover-card,
:root[data-polis-theme-resolved="light"] .shared-discover-card__icon,
:root[data-polis-theme-resolved="light"] .shared-discover-empty,
:root[data-polis-theme-resolved="light"] .shared-discover-privacy-state,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-icon,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-scoreboard span,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-target,
:root[data-polis-theme-resolved="light"] .shared-discover-achievement-badge,
:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item,
:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item__icon,
:root[data-polis-theme-resolved="light"] .shared-discover-event-metrics span,
:root[data-polis-theme-resolved="light"] .shared-discover-event-interest,
:root[data-polis-theme-resolved="light"] .shared-discover-pulse-item,
:root[data-polis-theme-resolved="light"] .shared-discover-pulse-item__icon,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__status,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__row,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__icon,
:root[data-polis-theme-resolved="light"] .shared-discover-privacy-state > span,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__copy em,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__coverage span,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__segments,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__tools span,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-comment,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-module,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__actions span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth__quick-links span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-connections,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-tools article,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__stats span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-post-grid span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-connections__tabs span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__metrics span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__segments,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__tools span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__filters span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card__actions span {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.04);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-discover-auth p,
:root[data-polis-theme-resolved="light"] .shared-discover-hero p,
:root[data-polis-theme-resolved="light"] .shared-discover-destinations p,
:root[data-polis-theme-resolved="light"] .shared-discover-section p,
:root[data-polis-theme-resolved="light"] .shared-discover-card p,
:root[data-polis-theme-resolved="light"] .shared-discover-path span:not(.shared-discover-path__icon),
:root[data-polis-theme-resolved="light"] .shared-discover-card__footer span,
:root[data-polis-theme-resolved="light"] .shared-discover-stat span,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card p,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card__eyebrow,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-scoreboard small,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-target small,
:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item__body small,
:root[data-polis-theme-resolved="light"] .shared-discover-pulse-item__body small,
:root[data-polis-theme-resolved="light"] .shared-discover-pulse-item__body em,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__body small,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__body span,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__body em,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__arrow,
:root[data-polis-theme-resolved="light"] .shared-discover-module-empty p,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__header p,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__copy small,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__copy em,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__copy p,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post p,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__header span,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__header em,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__actions small,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__media small,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-comment p,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-comment small,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-module p,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-module em,
:root[data-polis-theme-resolved="light"] .shared-profile-auth__copy p,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__heading span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__heading p,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__stats small,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-connections small,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-tools em,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-tools p,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__copy p,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card p,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card span,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card em,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-workspace p,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-workspace em {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-discover-auth h1,
:root[data-polis-theme-resolved="light"] .shared-discover-hero h1,
:root[data-polis-theme-resolved="light"] .shared-discover-destinations h2,
:root[data-polis-theme-resolved="light"] .shared-discover-section h2,
:root[data-polis-theme-resolved="light"] .shared-discover-card h3,
:root[data-polis-theme-resolved="light"] .shared-discover-path strong,
:root[data-polis-theme-resolved="light"] .shared-discover-stat strong,
:root[data-polis-theme-resolved="light"] .shared-discover-empty strong,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card h3,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-scoreboard strong,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-target strong,
:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item__body strong,
:root[data-polis-theme-resolved="light"] .shared-discover-pulse-item__body strong,
:root[data-polis-theme-resolved="light"] .shared-discover-mission-preview__body strong,
:root[data-polis-theme-resolved="light"] .shared-discover-module-empty h2,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__header h2,
:root[data-polis-theme-resolved="light"] .shared-discover-module-manager__copy strong,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__copy h1,
:root[data-polis-theme-resolved="light"] .shared-feed-auth__coverage span,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__header strong,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__media,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__actions strong,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-comment strong,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-comment p b,
:root[data-polis-theme-resolved="light"] .shared-feed-auth-module strong,
:root[data-polis-theme-resolved="light"] .shared-profile-auth__copy h1,
:root[data-polis-theme-resolved="light"] .shared-profile-auth__quick-links span,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__heading h2,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__stats strong,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-connections strong,
:root[data-polis-theme-resolved="light"] .shared-profile-auth-tools strong,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__copy h1,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth__metrics strong,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-card h2,
:root[data-polis-theme-resolved="light"] .shared-candidates-auth-workspace strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-feed-auth__preview {
  background: linear-gradient(145deg, rgba(8, 14, 28, 0.055), rgba(8, 14, 28, 0.025));
}

:root[data-polis-theme-resolved="light"] .shared-profile-auth__preview {
  background: linear-gradient(145deg, rgba(8, 14, 28, 0.055), rgba(8, 14, 28, 0.025));
}

:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__banner {
  background:
    radial-gradient(circle at 18% 10%, rgba(5, 125, 132, 0.18), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(217, 40, 77, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(246, 248, 252, 0.96), rgba(229, 235, 245, 0.96));
}

:root[data-polis-theme-resolved="light"] .shared-profile-auth-card__avatar {
  border-color: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-feed-auth__segments span.is-active {
  background: #101727;
  color: #fff;
}

:root[data-polis-theme-resolved="light"] .shared-feed-auth-post__media {
  background:
    linear-gradient(160deg, rgba(5, 125, 132, 0.16), rgba(217, 40, 77, 0.09)),
    linear-gradient(180deg, rgba(246, 248, 252, 0.94), rgba(229, 235, 245, 0.96));
}

:root[data-polis-theme-resolved="light"] .shared-create-auth__media,
:root[data-polis-theme-resolved="light"] .shared-create-auth__panel,
:root[data-polis-theme-resolved="light"] .shared-create-auth__caption,
:root[data-polis-theme-resolved="light"] .shared-create-auth__steps article,
:root[data-polis-theme-resolved="light"] .shared-create-auth__review span {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.82);
}

:root[data-polis-theme-resolved="light"] .shared-create-auth__caption p,
:root[data-polis-theme-resolved="light"] .shared-create-auth__steps p,
:root[data-polis-theme-resolved="light"] .shared-create-auth__review small,
:root[data-polis-theme-resolved="light"] .shared-create-auth__media-frame small {
  color: #506070;
}

:root[data-polis-theme-resolved="light"] .shared-create-auth__media-frame {
  background:
    radial-gradient(circle at 22% 20%, rgba(5, 125, 132, 0.2), transparent 34%),
    linear-gradient(160deg, rgba(5, 125, 132, 0.14), rgba(217, 40, 77, 0.08)),
    linear-gradient(180deg, rgba(246, 248, 252, 0.94), rgba(229, 235, 245, 0.96));
}

:root[data-polis-theme-resolved="light"] .shared-candidates-auth__browser {
  background:
    radial-gradient(circle at 20% 0%, rgba(5, 125, 132, 0.12), transparent 34%),
    radial-gradient(circle at 100% 18%, rgba(217, 40, 77, 0.1), transparent 32%),
    rgba(8, 14, 28, 0.035);
}

:root[data-polis-theme-resolved="light"] .shared-candidates-auth__segments span.is-active {
  background: #101727;
  color: #fff;
}

:root[data-polis-theme-resolved="light"] .shared-discover-search input,
:root[data-polis-theme-resolved="light"] .shared-discover-search select {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-discover-search input::placeholder {
  color: rgba(25, 35, 52, 0.5);
}

:root[data-polis-theme-resolved="light"] .shared-discover-path:hover,
:root[data-polis-theme-resolved="light"] .shared-discover-path:focus-visible {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-event-interest:hover,
:root[data-polis-theme-resolved="light"] .shared-discover-event-interest:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-discover-event-interest.is-active {
  border-color: rgba(5, 125, 132, 0.24);
  background: rgba(5, 125, 132, 0.08);
  color: var(--sf-cyan);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--voter-guide {
  background:
    linear-gradient(145deg, rgba(217, 40, 77, 0.08), rgba(5, 125, 132, 0.055)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--voter-guide.is-started {
  background:
    linear-gradient(145deg, rgba(5, 125, 132, 0.09), rgba(217, 40, 77, 0.055)),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-discover-voter-guide-icon b {
  border-color: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-voter-guide-preview:hover,
:root[data-polis-theme-resolved="light"] .shared-discover-voter-guide-preview:focus-visible {
  background: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview:hover,
:root[data-polis-theme-resolved="light"] .shared-discover-action-card--voter-guide.is-started
  .shared-discover-voter-guide-preview:focus-visible {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-card--question {
  background:
    linear-gradient(145deg, rgba(5, 125, 132, 0.08), rgba(217, 40, 77, 0.045)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-card--question.is-answered {
  background:
    linear-gradient(145deg, rgba(8, 14, 28, 0.035), rgba(5, 125, 132, 0.045)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-question-options span {
  border-color: rgba(8, 14, 28, 0.08);
  background: rgba(255, 255, 255, 0.72);
}

:root[data-polis-theme-resolved="light"] .shared-discover-question-options span.is-selected {
  border-color: rgba(5, 125, 132, 0.22);
  background: rgba(5, 125, 132, 0.08);
  color: var(--sf-cyan);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--civic-challenge {
  background:
    linear-gradient(145deg, rgba(5, 125, 132, 0.08), rgba(8, 14, 28, 0.025)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--civic-challenge.is-complete {
  background:
    linear-gradient(145deg, rgba(217, 40, 77, 0.08), rgba(5, 125, 132, 0.055)),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--civic-challenge.is-complete
  .shared-discover-civic-icon {
  border-color: rgba(217, 40, 77, 0.2);
  background: rgba(217, 40, 77, 0.08);
  color: var(--sf-red);
}

:root[data-polis-theme-resolved="light"] .shared-discover-civic-target:hover,
:root[data-polis-theme-resolved="light"] .shared-discover-civic-target:focus-visible {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-action-card--achievements {
  background:
    linear-gradient(145deg, rgba(5, 125, 132, 0.09), rgba(217, 40, 77, 0.055)),
    rgba(255, 255, 255, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-discover-achievement-badge span {
  border-color: rgba(255, 255, 255, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item.is-complete {
  border-color: rgba(5, 125, 132, 0.18);
  background: rgba(5, 125, 132, 0.055);
}

:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item.is-new {
  border-color: rgba(217, 40, 77, 0.22);
  background:
    linear-gradient(135deg, rgba(217, 40, 77, 0.08), rgba(5, 125, 132, 0.05)),
    rgba(255, 255, 255, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item.is-new
  .shared-discover-achievement-item__body
  small {
  color: var(--sf-red);
}

:root[data-polis-theme-resolved="light"] .shared-discover-achievement-item__body i {
  background: rgba(8, 14, 28, 0.09);
}

:root[data-polis-theme-resolved="light"] .shared-election-controls span,
:root[data-polis-theme-resolved="light"] .shared-election-custom-toolbar span,
:root[data-polis-theme-resolved="light"] .shared-election-custom-editor span,
:root[data-polis-theme-resolved="light"] .shared-election-custom-add span,
:root[data-polis-theme-resolved="light"] .shared-election-results__header p,
:root[data-polis-theme-resolved="light"] .shared-election-candidate__topline span,
:root[data-polis-theme-resolved="light"] .shared-election-candidate__numbers span,
:root[data-polis-theme-resolved="light"] .shared-election-county-row__header,
:root[data-polis-theme-resolved="light"] .shared-election-county-candidate em,
:root[data-polis-theme-resolved="light"] .shared-election-custom-state-group h4 {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-election-controls select,
:root[data-polis-theme-resolved="light"] .shared-election-custom-panel select,
:root[data-polis-theme-resolved="light"] .shared-election-custom-panel input {
  border-color: rgba(8, 14, 28, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-election-custom-panel,
:root[data-polis-theme-resolved="light"] .shared-election-districts,
:root[data-polis-theme-resolved="light"] .shared-election-race,
:root[data-polis-theme-resolved="light"] .shared-election-upcoming,
:root[data-polis-theme-resolved="light"] .shared-election-candidate,
:root[data-polis-theme-resolved="light"] .shared-election-custom-item,
:root[data-polis-theme-resolved="light"] .shared-election-county-row {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: var(--sf-ink);
  box-shadow: var(--sf-shadow);
}

:root[data-polis-theme-resolved="light"] .shared-election-candidate {
  background: rgba(8, 14, 28, 0.04);
  box-shadow: none;
}

:root[data-polis-theme-resolved="light"] .shared-election-candidate.is-winner {
  border-color: rgba(188, 132, 10, 0.28);
  background: rgba(255, 209, 102, 0.16);
}

:root[data-polis-theme-resolved="light"] .shared-election-status {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.06);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-election-status--called,
:root[data-polis-theme-resolved="light"] .shared-election-candidate__numbers em {
  border-color: rgba(188, 132, 10, 0.28);
  background: rgba(255, 209, 102, 0.2);
  color: #9a6406;
}

:root[data-polis-theme-resolved="light"] .shared-election-empty-candidates {
  border-color: rgba(8, 14, 28, 0.14);
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-election-coverage {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-election-map-panel__chrome .shared-feed-chip {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.86);
  color: #0f172a;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18);
}

:root[data-polis-theme-resolved="light"] .shared-comments__panel,
:root[data-polis-theme-resolved="light"] .shared-likers__panel,
:root[data-polis-theme-resolved="light"] .shared-post-share__panel,
:root[data-polis-theme-resolved="light"] .shared-post-report__panel,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__dialog,
:root[data-polis-theme-resolved="light"] .shared-auth-route-hero,
:root[data-polis-theme-resolved="light"] .shared-auth-route-panel,
:root[data-polis-theme-resolved="light"] .shared-onboarding-steps {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.98);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-comments__header,
:root[data-polis-theme-resolved="light"] .shared-comments__composer,
:root[data-polis-theme-resolved="light"] .shared-comments__load-more,
:root[data-polis-theme-resolved="light"] .shared-likers__header,
:root[data-polis-theme-resolved="light"] .shared-likers__footer,
:root[data-polis-theme-resolved="light"] .shared-post-share__header,
:root[data-polis-theme-resolved="light"] .shared-post-share__footer,
:root[data-polis-theme-resolved="light"] .shared-post-report__header,
:root[data-polis-theme-resolved="light"] .shared-post-report__footer {
  border-color: rgba(8, 14, 28, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-comments__load-more {
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-comments__handle,
:root[data-polis-theme-resolved="light"] .shared-likers__handle,
:root[data-polis-theme-resolved="light"] .shared-post-share__handle,
:root[data-polis-theme-resolved="light"] .shared-post-report__handle {
  background: rgba(8, 14, 28, 0.18);
}

:root[data-polis-theme-resolved="light"] .shared-comments__header h2,
:root[data-polis-theme-resolved="light"] .shared-likers__header h2,
:root[data-polis-theme-resolved="light"] .shared-liker__copy strong,
:root[data-polis-theme-resolved="light"] .shared-post-share__header h2,
:root[data-polis-theme-resolved="light"] .shared-post-share__conversation-copy strong,
:root[data-polis-theme-resolved="light"] .shared-post-report__header h2,
:root[data-polis-theme-resolved="light"] .shared-post-report__preview strong,
:root[data-polis-theme-resolved="light"] .shared-post-report-category strong,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__dialog h2,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__form span,
:root[data-polis-theme-resolved="light"] .shared-auth-route-hero h1,
:root[data-polis-theme-resolved="light"] .shared-auth-route-panel h2 {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-comments__header p,
:root[data-polis-theme-resolved="light"] .shared-likers__header p,
:root[data-polis-theme-resolved="light"] .shared-liker__copy small,
:root[data-polis-theme-resolved="light"] .shared-liker__time,
:root[data-polis-theme-resolved="light"] .shared-likers__footer,
:root[data-polis-theme-resolved="light"] .shared-post-share__conversation-copy small,
:root[data-polis-theme-resolved="light"] .shared-post-share__conversation-copy em,
:root[data-polis-theme-resolved="light"] .shared-post-share__empty,
:root[data-polis-theme-resolved="light"] .shared-post-share__notice,
:root[data-polis-theme-resolved="light"] .shared-post-report__preview p,
:root[data-polis-theme-resolved="light"] .shared-post-report-category small,
:root[data-polis-theme-resolved="light"] .shared-post-report__empty,
:root[data-polis-theme-resolved="light"] .shared-post-report__status,
:root[data-polis-theme-resolved="light"] .shared-post-report__footer > span,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__dialog p,
:root[data-polis-theme-resolved="light"] .shared-auth-route-hero p,
:root[data-polis-theme-resolved="light"] .shared-auth-route-panel p,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__hint,
:root[data-polis-theme-resolved="light"] .shared-auth-modal__stores a {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-comment__reply-pill--mode,
:root[data-polis-theme-resolved="light"] .shared-comments__engagement-mode {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-liker,
:root[data-polis-theme-resolved="light"] .shared-liker__avatar,
:root[data-polis-theme-resolved="light"] .shared-post-share__conversation,
:root[data-polis-theme-resolved="light"] .shared-post-share__room-picker,
:root[data-polis-theme-resolved="light"] .shared-post-report__preview,
:root[data-polis-theme-resolved="light"] .shared-post-report-category,
:root[data-polis-theme-resolved="light"] .shared-post-report__details textarea {
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-post-share__room-picker {
  border-color: rgba(5, 125, 132, 0.18);
}

:root[data-polis-theme-resolved="light"] .shared-post-share__room-picker-header small {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-auth-modal__close,
:root[data-polis-theme-resolved="light"] .shared-likers__close,
:root[data-polis-theme-resolved="light"] .shared-post-share__close,
:root[data-polis-theme-resolved="light"] .shared-post-report__close {
  color: var(--sf-ink);
  background: rgba(8, 14, 28, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-step,
:root[data-polis-theme-resolved="light"] .shared-onboarding-photo__card,
:root[data-polis-theme-resolved="light"] .shared-onboarding-avatar {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-photo__fallback {
  border-color: rgba(5, 125, 132, 0.2);
  background: rgba(5, 125, 132, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-photo__fallback span {
  background: rgba(5, 125, 132, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-location__intro {
  border-color: rgba(5, 125, 132, 0.2);
  background: linear-gradient(135deg, rgba(5, 125, 132, 0.08), rgba(255, 255, 255, 0.82));
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-location__icon,
:root[data-polis-theme-resolved="light"] .shared-onboarding-location__steps strong {
  background: rgba(5, 125, 132, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-location__steps span,
:root[data-polis-theme-resolved="light"] .shared-onboarding-location__status {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.035);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-step span {
  background: rgba(8, 14, 28, 0.07);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-onboarding-step.is-active {
  border-color: rgba(5, 125, 132, 0.3);
  background: rgba(5, 125, 132, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-auth-modal__status--error {
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-auth-modal__status--notice {
  background: rgba(5, 125, 132, 0.08);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__dialog {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(255, 255, 255, 0.98);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__card,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__actions,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__step,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__preset,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__requirement,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__certification,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__review-line,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__amount-field div,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__field input {
  border-color: rgba(8, 14, 28, 0.1);
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__amount-card {
  background:
    linear-gradient(135deg, rgba(5, 125, 132, 0.12), transparent 48%),
    rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__amount-field input,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__field input {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__step span,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__pill,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__requirement-status {
  background: rgba(8, 14, 28, 0.07);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__step.is-active,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__preset.is-selected,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__preset:hover,
:root[data-polis-theme-resolved="light"] .shared-donation-flow__preset:focus-visible {
  border-color: rgba(5, 125, 132, 0.28);
  background: rgba(5, 125, 132, 0.1);
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__status--error {
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-donation-flow__status--notice {
  background: rgba(5, 125, 132, 0.08);
  color: #0f6f76;
}

:root[data-polis-theme-resolved="light"] .shared-settings-preference-card,
:root[data-polis-theme-resolved="light"] .shared-settings-segment-option,
:root[data-polis-theme-resolved="light"] .shared-settings-display-sample,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-metric,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-row,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-digest,
:root[data-polis-theme-resolved="light"] .shared-settings-district-person,
:root[data-polis-theme-resolved="light"] .shared-settings-district-candidate-groups section,
:root[data-polis-theme-resolved="light"] .shared-settings-district-data-grid > div,
:root[data-polis-theme-resolved="light"] .shared-settings-empty,
:root[data-polis-theme-resolved="light"] .shared-settings-return,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-step,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-step span,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-summary div {
  background: rgba(8, 14, 28, 0.04);
}

:root[data-polis-theme-resolved="light"] .shared-settings-header h1,
:root[data-polis-theme-resolved="light"] .shared-settings-panel h2,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-hero h2,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-row__copy h3,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-metric strong,
:root[data-polis-theme-resolved="light"] .shared-settings-preferences-hero h2,
:root[data-polis-theme-resolved="light"] .shared-settings-display-preview h2,
:root[data-polis-theme-resolved="light"] .shared-settings-districts-hero h2,
:root[data-polis-theme-resolved="light"] .shared-settings-district-seat h3,
:root[data-polis-theme-resolved="light"] .shared-settings-district-data-grid strong,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-summary strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-settings-header p,
:root[data-polis-theme-resolved="light"] .shared-settings-panel p,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-hero p,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-row__copy p,
:root[data-polis-theme-resolved="light"] .shared-settings-quiet-metric p,
:root[data-polis-theme-resolved="light"] .shared-settings-empty,
:root[data-polis-theme-resolved="light"] .shared-settings-return,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-step,
:root[data-polis-theme-resolved="light"] .shared-candidate-access-summary span {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-settings-return.is-success {
  border-color: rgba(13, 124, 102, 0.24);
  background: rgba(13, 124, 102, 0.08);
  color: #0d6f5e;
}

:root[data-polis-theme-resolved="light"] .shared-settings-return.is-error {
  border-color: rgba(212, 29, 72, 0.22);
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-settings-status-pill.is-good {
  border-color: rgba(13, 124, 102, 0.24);
  background: rgba(13, 124, 102, 0.08);
  color: #0d6f5e;
}

:root[data-polis-theme-resolved="light"] .shared-settings-status-pill.is-pending {
  border-color: rgba(188, 132, 10, 0.28);
  background: rgba(255, 209, 102, 0.2);
  color: #9a6406;
}

:root[data-polis-theme-resolved="light"] .shared-settings-status-pill.is-bad {
  border-color: rgba(212, 29, 72, 0.22);
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-panel,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-card,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-secret {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(18, 20, 28, 0.94);
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-hero {
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.14), rgba(18, 20, 28, 0.96) 48%, rgba(56, 210, 157, 0.12)),
    rgba(18, 20, 28, 0.96);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-panel h2,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-panel h3,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-card h3,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-row strong,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-empty strong {
  color: var(--sf-ink);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-panel p,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-card p,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-card small,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-row small,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-row em,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-empty small {
  color: var(--sf-muted);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-metrics span,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-row,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-empty,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-secret__code,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-recovery-map > span {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

:root[data-polis-theme-resolved="light"] .shared-messaging-security-center input,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center textarea {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(7, 9, 13, 0.72);
  color: var(--sf-ink);
}

.shared-messaging-security-center .shared-settings-security-hero,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-height: 220px;
  overflow: hidden;
}

.shared-messaging-security-center .shared-settings-security-metrics,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-center .shared-settings-security-metrics {
  justify-content: flex-start;
  min-width: 0;
}

.shared-messaging-devices-center .shared-settings-security-hero,
.shared-messaging-device-link-center .shared-settings-security-hero,
.shared-messaging-security-activity-center .shared-settings-security-hero,
:root[data-polis-theme-resolved="light"] .shared-messaging-devices-center .shared-settings-security-hero,
:root[data-polis-theme-resolved="light"] .shared-messaging-device-link-center .shared-settings-security-hero,
:root[data-polis-theme-resolved="light"] .shared-messaging-security-activity-center .shared-settings-security-hero {
  min-height: 216px;
}

.shared-messaging-device-link-center .shared-settings-security-flow {
  gap: 10px;
}

.shared-messaging-device-link-center .shared-settings-security-forms {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-messaging-device-link-center .shared-settings-security-step {
  padding: 12px;
}

.shared-messaging-device-link-center .shared-settings-security-step h3 {
  font-size: 0.98rem;
  line-height: 1.08;
}

.shared-messaging-device-link-center .shared-settings-security-step p {
  font-size: 0.82rem;
  line-height: 1.34;
}

:root[data-polis-theme-resolved="light"] .shared-settings-username-hero__status,
:root[data-polis-theme-resolved="light"] .shared-settings-username-input,
:root[data-polis-theme-resolved="light"] .shared-settings-username-map article {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.76);
}

:root[data-polis-theme-resolved="light"] .shared-settings-username-map article > span {
  border-color: rgba(13, 124, 102, 0.18);
  background: rgba(13, 124, 102, 0.08);
  color: #0d6f5e;
}

:root[data-polis-theme-resolved="light"] .shared-settings-username-rules span {
  border-color: rgba(13, 124, 102, 0.18);
  background: rgba(13, 124, 102, 0.07);
  color: #334155;
}

:root[data-polis-theme-resolved="light"] .shared-settings-campaign-metric,
:root[data-polis-theme-resolved="light"] .shared-settings-campaign-pref-row,
:root[data-polis-theme-resolved="light"] .shared-settings-campaign-choice,
:root[data-polis-theme-resolved="light"] .shared-settings-campaign-channels span,
:root[data-polis-theme-resolved="light"] .shared-settings-segmented-control span {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.76);
}

:root[data-polis-theme-resolved="light"] .shared-settings-campaign-channels span.is-shared,
:root[data-polis-theme-resolved="light"] .shared-settings-segmented-control label.is-selected span,
:root[data-polis-theme-resolved="light"] .shared-settings-segmented-control input:checked + span {
  border-color: rgba(13, 124, 102, 0.22);
  background: rgba(13, 124, 102, 0.08);
  color: #0d6f5e;
}

:root[data-polis-theme-resolved="light"] .shared-settings-campaign-confirm {
  border-color: rgba(212, 29, 72, 0.22);
  background: rgba(255, 51, 95, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-settings-campaign-sharing .shared-feed-chip.is-danger {
  border-color: rgba(212, 29, 72, 0.24);
  background: rgba(255, 51, 95, 0.08);
  color: #b91c42;
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-hero,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-tab,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guided,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-election-hero,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-panel,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-metric,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-question,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.94);
  color: #07111f;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-hero h2,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-tab strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guided strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-election-hero h2,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-panel h2,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-question h3,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking h3,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__panel-title strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__candidate-main strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__privacy strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__aggregate-item strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card h3,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-metric strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-group h3,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-row strong,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide li span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option strong {
  color: #07111f;
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-hero p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-tab small,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guided p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-election-hero p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-panel p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-question p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__panel-title span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__candidate-main small,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__aggregate-item small,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-metric p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-group h3,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-row p,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option small,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option em,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card__meta small,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__meta span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__label {
  color: #536173;
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix {
  border-color: rgba(15, 23, 42, 0.11);
  background:
    linear-gradient(
      90deg,
      rgba(255, 51, 95, 0.09),
      rgba(255, 255, 255, 0.68) 50%,
      rgba(0, 137, 145, 0.11)
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.88));
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__axis {
  background: rgba(15, 23, 42, 0.16);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__point {
  border-color: #ffffff;
  box-shadow:
    0 0 0 8px rgba(0, 137, 145, 0.16),
    0 8px 22px rgba(15, 23, 42, 0.2);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__official {
  border-color: #ffffff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-officials,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-official-row {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-official-row:hover,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-official-row:focus-visible {
  border-color: rgba(0, 137, 145, 0.26);
  background: rgba(236, 253, 245, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-officials__header span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-official-row small {
  color: #536173;
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-official-row em,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-officials__header strong {
  color: #111827;
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-matrix__meta span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-row,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-source,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-tab.is-active,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__panel,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__candidate,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__privacy,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-ranking__aggregate-item,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-race-card__candidates span,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide li {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-source.is-enabled {
  border-color: rgba(13, 124, 102, 0.22);
  background: rgba(13, 124, 102, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-source-row.is-enabled,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item:hover,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-next__item:focus-visible {
  border-color: rgba(13, 124, 102, 0.22);
  background: rgba(13, 124, 102, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-option:hover,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option:focus-visible,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-option.is-selected {
  border-color: rgba(0, 137, 145, 0.3);
  background: rgba(0, 137, 145, 0.08);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-option em {
  background: rgba(15, 23, 42, 0.06);
}

:root[data-polis-theme-resolved="light"] .shared-voter-intel-option.is-selected em,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-guide li em,
:root[data-polis-theme-resolved="light"] .shared-voter-intel-metric span {
  color: #007c85;
}

.shared-voter-intel {
  gap: 14px;
}

.shared-voter-intel-tab,
.shared-voter-intel-guided,
.shared-voter-intel-election-hero,
.shared-voter-intel-hero,
.shared-voter-intel-panel,
.shared-voter-intel-metric,
.shared-voter-intel-question,
.shared-voter-intel-ranking,
.shared-voter-intel-race-card,
.shared-voter-intel-guide {
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--sf-line);
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
}

.shared-voter-intel-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-voter-intel-tab {
  min-height: 82px;
  padding: 12px;
  border-radius: 16px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 3px 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-voter-intel-tab span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  grid-row: span 2;
}

.shared-voter-intel-tab svg {
  width: 18px;
  height: 18px;
}

.shared-voter-intel-tab strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.96rem;
}

.shared-voter-intel-tab small {
  min-width: 0;
  color: var(--sf-muted);
  line-height: 1.3;
}

.shared-voter-intel-tab:hover,
.shared-voter-intel-tab:focus-visible,
.shared-voter-intel-tab.is-active {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-voter-intel-tab-body {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-voter-intel-guided {
  padding: 14px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-color: rgba(255, 209, 102, 0.28);
  background: rgba(255, 209, 102, 0.08);
}

.shared-voter-intel-guided > span {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(255, 209, 102, 0.14);
  color: #ffd166;
  display: grid;
  place-items: center;
}

.shared-voter-intel-guided svg {
  width: 22px;
  height: 22px;
}

.shared-voter-intel-guided strong,
.shared-voter-intel-election-hero h2,
.shared-voter-intel-ranking h3,
.shared-voter-intel-race-card h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-voter-intel-guided p,
.shared-voter-intel-election-hero p,
.shared-voter-intel-ranking p,
.shared-voter-intel-race-card p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  line-height: 1.5;
}

.shared-voter-intel-hero {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.shared-voter-intel-hero h2,
.shared-voter-intel-panel h2,
.shared-voter-intel-question h3,
.shared-voter-intel-guide strong {
  margin: 0;
  font-family: var(--sf-font-display);
}

.shared-voter-intel-hero h2 {
  max-width: 780px;
  font-size: clamp(1.75rem, 4vw, 3.4rem);
  line-height: 1;
}

.shared-voter-intel-hero p,
.shared-voter-intel-panel p,
.shared-voter-intel-question p,
.shared-voter-intel-guide span {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-voter-intel-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-voter-intel-next {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.shared-voter-intel-next__item {
  min-width: 0;
  min-height: 154px;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  color: inherit;
  background: rgba(10, 12, 18, 0.86);
  box-shadow: var(--sf-shadow);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 6px 12px;
  text-align: left;
  cursor: pointer;
}

.shared-voter-intel-next__item > span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  color: var(--sf-cyan);
  background: rgba(38, 244, 238, 0.1);
  display: grid;
  place-items: center;
  grid-row: span 3;
}

.shared-voter-intel-next__item svg {
  width: 20px;
  height: 20px;
}

.shared-voter-intel-next__item strong,
.shared-voter-intel-next__item p,
.shared-voter-intel-next__item em {
  min-width: 0;
}

.shared-voter-intel-next__item strong {
  color: var(--sf-ink);
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.shared-voter-intel-next__item p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.shared-voter-intel-next__item em {
  color: var(--sf-cyan);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-next__item:hover,
.shared-voter-intel-next__item:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-voter-intel-election-hero {
  padding: clamp(16px, 2.4vw, 24px);
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.shared-voter-intel-election-hero h2 {
  font-size: clamp(1.35rem, 2.5vw, 2.3rem);
  line-height: 1.06;
}

.shared-voter-intel-election-hero__actions,
.shared-voter-intel-race-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-voter-intel-election-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.shared-voter-intel-election-list {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-voter-intel-election-group {
  min-width: 0;
  border-top: 1px solid var(--sf-line);
  display: grid;
  gap: 12px;
}

.shared-voter-intel-election-group:last-child {
  border-bottom: 1px solid var(--sf-line);
  padding-bottom: 4px;
}

.shared-voter-intel-election-group__summary {
  min-width: 0;
  padding: 13px 0 2px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

.shared-voter-intel-election-group__summary::-webkit-details-marker {
  display: none;
}

.shared-voter-intel-election-group__icon,
.shared-voter-intel-election-group__chevron {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
}

.shared-voter-intel-election-group__icon {
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
}

.shared-voter-intel-election-group__chevron {
  color: var(--sf-muted);
  transition: transform 160ms ease;
}

.shared-voter-intel-election-group[open] .shared-voter-intel-election-group__chevron {
  transform: rotate(180deg);
}

.shared-voter-intel-election-group__icon svg,
.shared-voter-intel-election-group__chevron svg {
  width: 20px;
  height: 20px;
}

.shared-voter-intel-election-group__main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-voter-intel-election-group__main small {
  color: var(--sf-cyan);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-election-group__main strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.shared-voter-intel-election-group__main em,
.shared-voter-intel-election-group__relative {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
}

.shared-voter-intel-election-group__relative {
  padding: 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  white-space: nowrap;
}

.shared-voter-intel-election-group__races {
  min-width: 0;
  padding-bottom: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.shared-voter-intel-race-card {
  padding: 14px;
  border-radius: 20px;
  display: grid;
  gap: 12px;
  align-content: start;
}

.shared-voter-intel-race-card__top {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-voter-intel-race-card__top > span:first-child {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
}

.shared-voter-intel-race-card__top svg {
  width: 20px;
  height: 20px;
}

.shared-voter-intel-race-card__top small {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-race-card__meta {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-voter-intel-race-card__meta span {
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 2px;
  align-content: center;
}

.shared-voter-intel-race-card__meta strong {
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-voter-intel-race-card__meta small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-race-card__candidates {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-voter-intel-race-card__candidates span {
  padding: 6px 9px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.shared-voter-intel-race-card.is-selected {
  border-color: rgba(38, 244, 238, 0.42);
  background: rgba(38, 244, 238, 0.08);
}

.shared-voter-intel-ranking {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 24px);
  border-radius: 24px;
  display: grid;
  gap: 16px;
}

.shared-voter-intel-ranking__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.shared-voter-intel-ranking__header h3 {
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.08;
}

.shared-voter-intel-ranking__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-voter-intel-ranking__layout {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 12px;
  align-items: start;
}

.shared-voter-intel-ranking__panel {
  min-width: 0;
  min-height: 100%;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  gap: 10px;
  align-content: start;
}

.shared-voter-intel-ranking__panel-title {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.shared-voter-intel-ranking__panel-title strong {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-voter-intel-ranking__panel-title span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.shared-voter-intel-ranking__list,
.shared-voter-intel-ranking__aggregate-list {
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.shared-voter-intel-ranking__candidate {
  min-width: 0;
  min-height: 64px;
  padding: 8px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 34px 42px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.shared-voter-intel-ranking__rank {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-size: 0.82rem;
  font-weight: 950;
}

.shared-voter-intel-ranking__rank svg {
  width: 16px;
  height: 16px;
}

.shared-voter-intel-ranking__avatar {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 950;
}

.shared-voter-intel-ranking__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-voter-intel-ranking__candidate-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.shared-voter-intel-ranking__candidate-main strong,
.shared-voter-intel-ranking__candidate-main small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-voter-intel-ranking__candidate-main strong {
  color: var(--sf-ink);
  font-size: 0.9rem;
}

.shared-voter-intel-ranking__candidate-main small {
  color: var(--sf-muted);
  font-size: 0.72rem;
}

.shared-voter-intel-ranking__tools {
  display: flex;
  gap: 5px;
}

.shared-voter-intel-icon-button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--sf-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.shared-voter-intel-icon-button svg {
  width: 15px;
  height: 15px;
}

.shared-voter-intel-icon-button:hover,
.shared-voter-intel-icon-button:focus-visible {
  border-color: rgba(38, 244, 238, 0.38);
  background: rgba(38, 244, 238, 0.1);
  outline: none;
}

.shared-voter-intel-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.shared-voter-intel-ranking__privacy {
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 209, 102, 0.08);
  display: grid;
  gap: 5px;
}

.shared-voter-intel-ranking__privacy strong {
  color: var(--sf-ink);
}

.shared-voter-intel-ranking__privacy p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
}

.shared-voter-intel-ranking__aggregate-item {
  position: relative;
  min-width: 0;
  min-height: 62px;
  padding: 9px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.shared-voter-intel-ranking__aggregate-item > * {
  position: relative;
  z-index: 1;
}

.shared-voter-intel-ranking__aggregate-item strong,
.shared-voter-intel-ranking__aggregate-item small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-voter-intel-ranking__aggregate-item strong {
  color: var(--sf-ink);
  font-size: 0.88rem;
}

.shared-voter-intel-ranking__aggregate-item small {
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.7rem;
}

.shared-voter-intel-ranking__aggregate-item span {
  color: var(--sf-cyan);
  font-weight: 950;
}

.shared-voter-intel-ranking__aggregate-item i {
  position: absolute;
  inset: auto auto 0 0;
  height: 4px;
  border-radius: 0 999px 999px 0;
  background: var(--sf-cyan);
}

.shared-voter-intel-metric {
  min-height: 150px;
  padding: 18px;
  border-radius: 22px;
  display: grid;
  align-content: end;
  gap: 7px;
}

.shared-voter-intel-metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 1;
}

.shared-voter-intel-metric span {
  color: var(--sf-cyan);
  font-size: 0.84rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-metric p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-voter-intel-panel {
  padding: 18px;
  border-radius: 24px;
  display: grid;
  gap: 14px;
}

.shared-voter-intel-panel--matrix {
  gap: 16px;
}

.shared-voter-intel-matrix {
  position: relative;
  min-height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 51, 95, 0.1), transparent 50%, rgba(38, 244, 238, 0.1)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
}

.shared-voter-intel-matrix.is-pending {
  background:
    linear-gradient(90deg, rgba(255, 51, 95, 0.06), transparent 50%, rgba(38, 244, 238, 0.07)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018));
}

.shared-voter-intel-matrix__axis {
  position: absolute;
  background: rgba(255, 255, 255, 0.18);
}

.shared-voter-intel-matrix__axis--x {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
}

.shared-voter-intel-matrix__axis--y {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
}

.shared-voter-intel-matrix__label {
  position: absolute;
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-matrix__label--top {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.shared-voter-intel-matrix__label--bottom {
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.shared-voter-intel-matrix__label--left {
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.shared-voter-intel-matrix__label--right {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.shared-voter-intel-matrix__point {
  position: absolute;
  width: 42px;
  height: 42px;
  z-index: 3;
  border: 3px solid #050608;
  border-radius: 999px;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 8px rgba(38, 244, 238, 0.18);
  transform: translate(-50%, -50%);
  overflow: hidden;
  color: #050608;
  display: grid;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 950;
}

.shared-voter-intel-matrix__point img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shared-voter-intel-matrix__empty {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(280px, calc(100% - 72px));
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(5, 6, 8, 0.72);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  transform: translate(-50%, -50%);
  text-align: center;
  display: grid;
  gap: 5px;
}

.shared-voter-intel-matrix__empty strong {
  color: var(--sf-ink);
  font-size: 0.92rem;
}

.shared-voter-intel-matrix__empty small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-voter-intel-matrix__official {
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 2px solid rgba(5, 6, 8, 0.82);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #050608;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)),
    var(--sf-pink);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.shared-voter-intel-matrix__official:hover,
.shared-voter-intel-matrix__official:focus-visible {
  z-index: 4;
  outline: none;
  box-shadow:
    0 0 0 4px rgba(38, 244, 238, 0.18),
    0 14px 30px rgba(0, 0, 0, 0.34);
}

.shared-voter-intel-matrix__official img,
.shared-voter-intel-official-row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.shared-voter-intel-matrix__official strong,
.shared-voter-intel-official-row strong {
  font-size: 0.72rem;
  font-weight: 950;
}

.shared-voter-intel-officials {
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  gap: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.shared-voter-intel-officials__header,
.shared-voter-intel-official-row {
  min-width: 0;
  display: flex;
  align-items: center;
}

.shared-voter-intel-officials__header {
  justify-content: space-between;
  gap: 12px;
}

.shared-voter-intel-officials__header strong {
  color: var(--sf-text);
  font-size: 0.94rem;
}

.shared-voter-intel-officials__header span,
.shared-voter-intel-official-row small {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.shared-voter-intel-officials__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.shared-voter-intel-official-row {
  min-height: 48px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  padding: 7px 9px;
  gap: 9px;
  color: inherit;
  text-align: left;
  background: rgba(255, 255, 255, 0.045);
  cursor: pointer;
}

.shared-voter-intel-official-row:hover,
.shared-voter-intel-official-row:focus-visible {
  outline: none;
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
}

.shared-voter-intel-official-row span {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: #050608;
  background: var(--sf-cyan);
  overflow: hidden;
}

.shared-voter-intel-official-row em {
  min-width: 0;
  flex: 1 1 auto;
  color: var(--sf-text);
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-voter-intel-matrix__official[style*="--official-index:1"],
.shared-voter-intel-official-row[style*="--official-index:1"] span {
  background: #a7f3d0;
}

.shared-voter-intel-matrix__official[style*="--official-index:2"],
.shared-voter-intel-official-row[style*="--official-index:2"] span {
  background: #fecdd3;
}

.shared-voter-intel-matrix__official[style*="--official-index:3"],
.shared-voter-intel-official-row[style*="--official-index:3"] span {
  background: #fde68a;
}

.shared-voter-intel-matrix__official[style*="--official-index:4"],
.shared-voter-intel-official-row[style*="--official-index:4"] span {
  background: #bfdbfe;
}

.shared-voter-intel-matrix__official[style*="--official-index:5"],
.shared-voter-intel-official-row[style*="--official-index:5"] span {
  background: #ddd6fe;
}

.shared-voter-intel-matrix__meta,
.shared-voter-intel-source-grid,
.shared-voter-intel-guide-list,
.shared-voter-intel-question-list,
.shared-voter-intel-options,
.shared-voter-intel-explanations {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-voter-intel-matrix__meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-voter-intel-matrix__meta span,
.shared-voter-intel-source,
.shared-voter-intel-option {
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-voter-intel-matrix__meta span {
  min-height: 44px;
  padding: 10px 12px;
  color: var(--sf-muted);
  font-weight: 850;
  display: grid;
  gap: 2px;
}

.shared-voter-intel-matrix__meta strong {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-voter-intel-matrix__meta small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-source-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.shared-voter-intel-source-groups {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-voter-intel-source-group {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-voter-intel-source-group h3 {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-voter-intel-source-list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-voter-intel-source-row {
  min-width: 0;
  min-height: 76px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.shared-voter-intel-source-row > span {
  width: 36px;
  height: 36px;
  border-radius: 13px;
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  place-items: center;
}

.shared-voter-intel-source-row svg {
  width: 18px;
  height: 18px;
}

.shared-voter-intel-source-row div {
  min-width: 0;
}

.shared-voter-intel-source-row strong,
.shared-voter-intel-source-row p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-voter-intel-source-row strong {
  color: var(--sf-ink);
}

.shared-voter-intel-source-row p {
  margin: 3px 0 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.4;
}

.shared-voter-intel-source-row em {
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--sf-muted);
  background: rgba(255, 255, 255, 0.07);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.shared-voter-intel-source-row.is-enabled {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.09);
}

.shared-voter-intel-source-row.is-enabled > span {
  color: #38d29d;
  background: rgba(56, 210, 157, 0.12);
}

.shared-voter-intel-source-row.is-enabled em {
  color: #38d29d;
  background: rgba(56, 210, 157, 0.12);
}

.shared-voter-intel-source {
  min-height: 82px;
  padding: 14px;
  display: grid;
  align-content: end;
  gap: 4px;
}

.shared-voter-intel-source.is-enabled {
  border-color: rgba(56, 210, 157, 0.28);
  background: rgba(56, 210, 157, 0.09);
}

.shared-voter-intel-source strong {
  color: var(--sf-ink);
}

.shared-voter-intel-source span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 850;
}

.shared-voter-intel-guide {
  padding: 14px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-voter-intel-guide ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}

.shared-voter-intel-guide li {
  min-height: 42px;
  padding: 9px 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.shared-voter-intel-guide li span {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-voter-intel-guide li em {
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-voter-intel-question {
  padding: 16px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.shared-voter-intel-question h3,
.shared-voter-intel-question p {
  overflow-wrap: anywhere;
}

.shared-voter-intel-question h3 {
  font-size: 1.05rem;
}

.shared-voter-intel-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-voter-intel-option {
  min-height: 92px;
  padding: 12px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-voter-intel-option:hover,
.shared-voter-intel-option:focus-visible,
.shared-voter-intel-option.is-selected {
  border-color: rgba(38, 244, 238, 0.36);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-voter-intel-option span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-voter-intel-option strong {
  overflow-wrap: anywhere;
  color: var(--sf-ink);
}

.shared-voter-intel-option small {
  overflow-wrap: anywhere;
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-voter-intel-option em {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.shared-voter-intel-option.is-selected em {
  background: rgba(38, 244, 238, 0.16);
  color: var(--sf-cyan);
}

.shared-admin-page .shared-page__content {
  gap: 18px;
}

.shared-admin-hero,
.shared-admin-nav,
.shared-admin-panel,
.shared-admin-detail,
.shared-admin-section-card,
.shared-admin-metric {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: var(--sf-panel);
  box-shadow: var(--sf-shadow);
}

.shared-admin-hero {
  padding: clamp(18px, 3vw, 30px);
  border-radius: 28px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.shared-admin-hero h1,
.shared-admin-panel h2,
.shared-admin-detail h2,
.shared-admin-section-card h2 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  line-height: 1;
}

.shared-admin-hero h1 {
  font-size: clamp(2rem, 4vw, 4.2rem);
}

.shared-admin-hero p,
.shared-admin-panel p,
.shared-admin-detail p,
.shared-admin-section-card p,
.shared-admin-metric p {
  margin: 8px 0 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.shared-admin-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.shared-admin-nav {
  position: sticky;
  top: 12px;
  padding: 8px;
  border-radius: 24px;
  display: grid;
  gap: 6px;
}

.shared-admin-nav__item {
  width: 100%;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-admin-nav__item:hover,
.shared-admin-nav__item:focus-visible,
.shared-admin-nav__item.is-active {
  border-color: rgba(38, 244, 238, 0.28);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-admin-nav__item span,
.shared-admin-item__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-admin-nav__item strong,
.shared-admin-item__body strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-admin-nav__item small,
.shared-admin-item__body small {
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.35;
}

.shared-admin-nav__item em {
  min-width: 30px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.shared-admin-main {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.shared-admin-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-admin-metric {
  min-height: 150px;
  padding: 18px;
  border-radius: 22px;
  display: grid;
  align-content: end;
  gap: 6px;
}

.shared-admin-metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 4vw, 3.3rem);
  line-height: 1;
}

.shared-admin-metric span {
  color: var(--sf-cyan);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-metric.is-good span {
  color: var(--sf-green);
}

.shared-admin-metric.is-bad span {
  color: var(--sf-pink);
}

.shared-admin-voter-map {
  gap: 14px;
}

.shared-admin-voter-map-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.shared-admin-voter-map-hero__meta,
.shared-admin-voter-map-windows {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-admin-voter-map-hero__meta {
  margin-top: 12px;
}

.shared-admin-voter-map-hero__meta span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 850;
}

.shared-admin-voter-map-window.is-active {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.13);
  color: var(--sf-ink);
}

.shared-admin-voter-map-metrics,
.shared-admin-voter-map-grid {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-voter-map-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-admin-voter-map-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  align-items: start;
}

.shared-admin-voter-map-metric,
.shared-admin-voter-map-card {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-voter-map-metric {
  min-height: 132px;
  padding: 15px;
  display: grid;
  align-content: end;
  gap: 6px;
}

.shared-admin-voter-map-metric span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-voter-map-metric.is-good span {
  color: var(--sf-green);
}

.shared-admin-voter-map-metric.is-pending span {
  color: #ffd166;
}

.shared-admin-voter-map-metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.6rem, 3vw, 2.7rem);
  line-height: 1;
}

.shared-admin-voter-map-metric small {
  color: var(--sf-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shared-admin-voter-map-card {
  padding: 15px;
  display: grid;
  gap: 12px;
}

.shared-admin-voter-map-card__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-admin-voter-map-card h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-admin-voter-map-card p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  line-height: 1.4;
}

.shared-admin-voter-map-bars {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: end;
  overflow-x: auto;
  padding: 8px 2px 4px;
}

.shared-admin-voter-map-day {
  flex: 0 0 34px;
  min-width: 0;
  display: grid;
  gap: 6px;
  justify-items: center;
}

.shared-admin-voter-map-day__bars {
  width: 26px;
  height: 128px;
  display: flex;
  gap: 3px;
  align-items: end;
}

.shared-admin-voter-map-day__bars span {
  width: 100%;
  height: var(--bar-height);
  min-height: 4px;
  border-radius: 5px 5px 2px 2px;
}

.shared-admin-voter-map-day__bars .is-cache {
  background: var(--sf-cyan);
}

.shared-admin-voter-map-day__bars .is-network {
  background: var(--sf-pink);
}

.shared-admin-voter-map-day small {
  color: var(--sf-muted);
  font-size: 0.66rem;
  font-weight: 800;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.shared-admin-voter-map-list,
.shared-admin-voter-map-owner-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-voter-map-list div,
.shared-admin-voter-map-owner-list span {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.shared-admin-voter-map-list span,
.shared-admin-voter-map-owner-list strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-admin-voter-map-list strong,
.shared-admin-voter-map-owner-list em {
  flex: 0 0 auto;
  color: var(--sf-ink);
  font-style: normal;
  font-weight: 900;
}

.shared-admin-election-ops {
  gap: 14px;
}

.shared-admin-election-ops__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shared-admin-election-ops__metric,
.shared-admin-race-index-card {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-election-ops__metric {
  min-height: 128px;
  padding: 14px;
  display: grid;
  align-content: end;
  gap: 6px;
}

.shared-admin-election-ops__metric span {
  color: var(--sf-cyan);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-election-ops__metric.is-good span {
  color: var(--sf-green);
}

.shared-admin-election-ops__metric.is-pending span {
  color: #ffd166;
}

.shared-admin-election-ops__metric.is-bad span {
  color: var(--sf-pink);
}

.shared-admin-election-ops__metric strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.05;
}

.shared-admin-election-ops__metric small {
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-admin-race-index-list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-race-index-card {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.shared-admin-race-index-card__head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-admin-race-index-card__head h3 {
  margin: 3px 0 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  line-height: 1.15;
}

.shared-admin-race-index-card__head p {
  margin-top: 6px;
}

.shared-admin-race-index-card__head form {
  display: flex;
  justify-content: flex-end;
}

.shared-admin-race-index-card__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shared-admin-race-index-card__meta span {
  max-width: 100%;
  padding: 6px 9px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--sf-muted);
  overflow-wrap: anywhere;
  font-size: 0.75rem;
  font-weight: 850;
}

.shared-admin-race-index-repair {
  min-width: 0;
}

.shared-admin-race-index-repair summary {
  width: fit-content;
  color: var(--sf-cyan);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-race-index-actions {
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.shared-admin-race-index-repair__grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(110px, 0.55fr) minmax(0, 1.45fr) minmax(82px, 0.45fr) minmax(92px, 0.55fr);
  gap: 8px;
}

.shared-admin-race-index-repair__grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.shared-admin-race-index-repair__grid label span {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.shared-admin-race-index-repair__grid input {
  min-width: 0;
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(5, 8, 14, 0.7);
  color: var(--sf-ink);
  font: inherit;
}

.shared-admin-race-index-actions .shared-feed-chip {
  justify-self: end;
}

.shared-admin-grid,
.shared-admin-metrics {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.shared-admin-section-card {
  min-height: 180px;
  padding: 16px;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: space-between;
}

.shared-admin-section-card.is-pending {
  border-color: rgba(255, 209, 102, 0.22);
}

.shared-admin-section-card.is-bad {
  border-color: rgba(255, 51, 95, 0.28);
}

.shared-admin-split {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.shared-admin-split.has-detail {
  grid-template-columns: minmax(0, 0.72fr) minmax(460px, 1.28fr);
}

.shared-admin-panel,
.shared-admin-detail {
  padding: 16px;
  border-radius: 24px;
  display: grid;
  gap: 14px;
}

.shared-admin-panel__header,
.shared-admin-detail__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-admin-list {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-donations-toolbar,
.shared-admin-reports-toolbar {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 12px;
}

.shared-admin-donations-toolbar__summary,
.shared-admin-reports-toolbar__summary {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-admin-donations-toolbar__summary strong,
.shared-admin-reports-toolbar__summary strong {
  color: var(--sf-ink);
  font-size: 1rem;
  font-weight: 900;
}

.shared-admin-donations-toolbar__summary small,
.shared-admin-reports-toolbar__summary small,
.shared-admin-donations-search label span,
.shared-admin-donations-footer span,
.shared-admin-reports-footer span,
.shared-admin-queue-footer span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.shared-admin-donations-search {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-donations-search label {
  min-width: 0;
  margin: 0;
  display: grid;
  gap: 6px;
}

.shared-admin-donations-search input[type="text"],
.shared-admin-donations-search input:not([type]) {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.16);
  color: var(--sf-ink);
}

.shared-admin-donations-search__actions,
.shared-admin-donations-status,
.shared-admin-reports-status,
.shared-admin-donations-footer,
.shared-admin-reports-footer,
.shared-admin-queue-footer {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-admin-donations-footer,
.shared-admin-reports-footer,
.shared-admin-queue-footer {
  justify-content: space-between;
}

@media (max-width: 760px) {
  .shared-admin-donations-search {
    grid-template-columns: 1fr;
  }

  .shared-admin-donations-search__actions,
  .shared-admin-donations-footer,
  .shared-admin-reports-footer,
  .shared-admin-queue-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-admin-donations-search__actions .shared-feed-chip,
  .shared-admin-donations-footer .shared-feed-chip,
  .shared-admin-reports-footer .shared-feed-chip,
  .shared-admin-queue-footer .shared-feed-chip {
    width: 100%;
  }
}

.shared-admin-item {
  min-width: 0;
}

.shared-admin-item__main {
  width: 100%;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-admin-item__main:hover,
.shared-admin-item__main:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
  outline: none;
}

.shared-admin-item__avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.12);
  color: var(--sf-cyan);
  display: grid;
  place-items: center;
  font-family: var(--sf-font-display);
  font-weight: 900;
}

.shared-admin-item__meta {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.shared-admin-item__meta em {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.shared-admin-item__count {
  color: var(--sf-cyan);
  font-size: 0.82rem;
  font-weight: 900;
}

.shared-admin-detail {
  position: sticky;
  top: 12px;
}

.shared-admin-detail-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-admin-detail-grid span {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 4px;
}

.shared-admin-detail-grid small {
  color: var(--sf-muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-detail-grid strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  white-space: normal;
}

.shared-admin-case-stack {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-case-chip-list,
.shared-admin-case-grid {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-case-chip-list {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.shared-admin-case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-admin-case-chip,
.shared-admin-case-grid span,
.shared-admin-case-section,
.shared-admin-json-card,
.shared-admin-timeline-entry div,
.shared-admin-attachment-list a,
.shared-admin-attachment-list article {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-case-chip,
.shared-admin-case-grid span {
  padding: 10px 12px;
  border-radius: 16px;
  display: grid;
  gap: 4px;
}

.shared-admin-case-chip small,
.shared-admin-case-grid small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-admin-case-chip strong,
.shared-admin-case-grid strong {
  min-width: 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
  font-size: 0.92rem;
  line-height: 1.25;
}

.shared-admin-case-chip.is-good strong {
  color: var(--sf-green);
}

.shared-admin-case-chip.is-pending strong {
  color: var(--sf-yellow);
}

.shared-admin-case-chip.is-bad strong {
  color: var(--sf-pink);
}

.shared-admin-case-section {
  padding: 13px;
  border-radius: 20px;
  display: grid;
  gap: 12px;
}

.shared-admin-case-section__header {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-admin-case-section__header h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.05rem;
  line-height: 1.1;
}

.shared-admin-case-section__header p {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.shared-admin-blocker-list {
  margin: 0;
  padding-left: 18px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-admin-blocker-list li + li {
  margin-top: 6px;
}

.shared-admin-json-card {
  border-radius: 18px;
  overflow: hidden;
}

.shared-admin-json-card summary {
  min-height: 46px;
  padding: 11px 13px;
  color: var(--sf-ink);
  display: grid;
  gap: 3px;
  cursor: pointer;
}

.shared-admin-json-card summary span {
  font-weight: 900;
}

.shared-admin-json-card summary small {
  color: var(--sf-muted);
}

.shared-admin-json-card pre {
  max-height: 340px;
  margin: 0;
  padding: 12px 13px;
  overflow: auto;
  border-top: 1px solid var(--sf-line);
  color: var(--sf-ink);
  font-size: 0.78rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

.shared-admin-timeline {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-timeline-entry {
  min-width: 0;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.shared-admin-timeline-entry > span {
  width: 10px;
  height: 10px;
  margin-top: 12px;
  border-radius: 999px;
  background: var(--sf-cyan);
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.1);
}

.shared-admin-timeline-entry div {
  padding: 10px 12px;
  border-radius: 16px;
  display: grid;
  gap: 4px;
}

.shared-admin-timeline-entry strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-admin-timeline-entry small,
.shared-admin-timeline-entry p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-admin-attachment-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-attachment-list a,
.shared-admin-attachment-list article {
  padding: 10px 12px;
  border-radius: 16px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-decoration: none;
}

.shared-admin-attachment-list span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-admin-attachment-list strong,
.shared-admin-attachment-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-admin-attachment-list small {
  color: var(--sf-muted);
}

.shared-admin-attachment-list em {
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-admin-cert-imports .shared-admin-case-section__header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-admin-cert-create,
.shared-admin-cert-card,
.shared-admin-cert-parsed form,
.shared-admin-cert-mapping,
.shared-admin-cert-mapping-preview,
.shared-admin-cert-action.has-reason {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 10px;
}

.shared-admin-cert-create__grid,
.shared-admin-cert-decisions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-admin-cert-create label,
.shared-admin-cert-parsed label,
.shared-admin-cert-mapping label,
.shared-admin-cert-action label {
  min-width: 0;
  margin: 0;
  display: grid;
  gap: 6px;
}

.shared-admin-cert-create label.is-wide {
  grid-column: 1 / -1;
}

.shared-admin-cert-create label span,
.shared-admin-cert-parsed label span,
.shared-admin-cert-mapping label span,
.shared-admin-cert-action label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-admin-cert-create input,
.shared-admin-cert-parsed input,
.shared-admin-cert-parsed textarea,
.shared-admin-cert-mapping input,
.shared-admin-cert-mapping select,
.shared-admin-cert-action textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.16);
  color: var(--sf-ink);
  font: inherit;
}

.shared-admin-cert-create input,
.shared-admin-cert-parsed input,
.shared-admin-cert-mapping input,
.shared-admin-cert-mapping select {
  min-height: 42px;
  padding: 0 12px;
}

.shared-admin-cert-parsed textarea,
.shared-admin-cert-action textarea {
  padding: 10px 12px;
  resize: vertical;
}

.shared-admin-cert-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-cert-card__header {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.shared-admin-cert-card__header h3 {
  margin: 2px 0 0;
  color: var(--sf-ink);
  overflow-wrap: anywhere;
  font-size: 1rem;
}

.shared-admin-cert-card__meta {
  min-width: 0;
  display: grid;
  gap: 5px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.shared-admin-cert-card__meta a,
.shared-admin-cert-card__meta span {
  min-width: 0;
  color: inherit;
  overflow-wrap: anywhere;
}

.shared-admin-cert-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.shared-admin-cert-action:not(.has-reason) {
  display: contents;
}

.shared-admin-cert-parsed {
  min-width: 0;
}

.shared-admin-cert-parsed summary {
  color: var(--sf-ink);
  cursor: pointer;
  font-weight: 900;
}

.shared-admin-cert-parsed form {
  margin-top: 10px;
}

.shared-admin-cert-advanced {
  min-width: 0;
  margin-top: 10px;
}

.shared-admin-cert-mapping {
  margin-top: 10px;
}

.shared-admin-cert-mapping__header,
.shared-admin-cert-mapping-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.shared-admin-cert-mapping__header div,
.shared-admin-cert-mapping-row__summary {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-admin-cert-mapping__header strong,
.shared-admin-cert-mapping-row__summary strong {
  color: var(--sf-ink);
  overflow-wrap: anywhere;
}

.shared-admin-cert-mapping__header span,
.shared-admin-cert-mapping-row__summary span,
.shared-admin-cert-mapping-row__summary small {
  min-width: 0;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.shared-admin-cert-mapping__rows {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-cert-mapping-row {
  padding: 10px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  grid-template-columns: minmax(0, 1fr);
}

.shared-admin-cert-warning {
  margin: 0;
  color: var(--sf-yellow);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-admin-actions-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  gap: 12px;
}

.shared-admin-actions-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-admin-actions-panel h3,
.shared-admin-action-card strong {
  margin: 0;
  color: var(--sf-ink);
}

.shared-admin-actions-panel h3 {
  font-family: var(--sf-font-display);
  font-size: 1.1rem;
}

.shared-admin-actions-panel p,
.shared-admin-action-card p {
  margin: 4px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-admin-actions-panel__header em {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(56, 210, 157, 0.12);
  color: var(--sf-green);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
}

.shared-admin-action-grid {
  display: grid;
  gap: 10px;
}

.shared-admin-lifecycle-filters {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.shared-admin-lifecycle-filters > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-admin-lifecycle-filters strong {
  color: var(--sf-ink);
  font-size: 1rem;
}

.shared-admin-lifecycle-filters small {
  color: var(--sf-muted);
}

.shared-admin-lifecycle-filters__chips {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-admin-action-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 10px;
}

.shared-admin-action-card.is-good {
  border-color: rgba(56, 210, 157, 0.24);
}

.shared-admin-action-card.is-bad {
  border-color: rgba(255, 51, 95, 0.28);
}

.shared-admin-action-card.is-pending {
  border-color: rgba(255, 209, 102, 0.24);
}

.shared-admin-action-card.is-disabled {
  opacity: 0.72;
}

.shared-admin-action-card__hint {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
}

.shared-admin-action-card label {
  display: grid;
  gap: 6px;
}

.shared-admin-action-card label span {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-action-card textarea,
.shared-admin-action-card select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  font: inherit;
  line-height: 1.4;
}

.shared-admin-action-card textarea {
  min-height: 68px;
  resize: vertical;
}

.shared-admin-action-card select {
  min-height: 42px;
}

.shared-admin-action-card textarea:focus,
.shared-admin-action-card select:focus {
  border-color: rgba(38, 244, 238, 0.4);
  outline: none;
}

.shared-admin-policy-editor,
.shared-admin-policy-generation-form,
.shared-admin-policy-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-policy-list.is-compact {
  gap: 8px;
}

.shared-admin-policy-section,
.shared-admin-policy-option,
.shared-admin-policy-generator,
.shared-admin-policy-generation-topic,
.shared-admin-policy-generation-source,
.shared-admin-policy-generation-picker,
.shared-admin-policy-generation-result,
.shared-admin-policy-generation-draft,
.shared-admin-policy-row {
  min-width: 0;
  border: 1px solid var(--sf-line);
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-policy-section {
  padding: 13px;
  border-radius: 20px;
  display: grid;
  gap: 12px;
}

.shared-admin-policy-section__header,
.shared-admin-policy-option__header,
.shared-admin-policy-editor__footer {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.shared-admin-policy-section__header h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.04rem;
  line-height: 1.1;
}

.shared-admin-policy-section__header p,
.shared-admin-policy-editor__footer span,
.shared-admin-policy-check small {
  margin: 4px 0 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.shared-admin-policy-grid,
.shared-admin-policy-matrix {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-admin-policy-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shared-admin-policy-matrix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shared-admin-policy-grid .is-wide {
  grid-column: 1 / -1;
}

.shared-admin-policy-editor label,
.shared-admin-policy-generation-form label,
.shared-admin-policy-check {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-admin-policy-editor label span,
.shared-admin-policy-generation-form label:not(.shared-admin-policy-check) > span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-admin-policy-editor input,
.shared-admin-policy-editor textarea,
.shared-admin-policy-editor select,
.shared-admin-policy-generation-form input,
.shared-admin-policy-generation-form textarea,
.shared-admin-policy-generation-form select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  line-height: 1.35;
}

.shared-admin-policy-editor textarea,
.shared-admin-policy-generation-form textarea {
  min-height: 78px;
  resize: vertical;
}

.shared-admin-policy-editor input:focus,
.shared-admin-policy-editor textarea:focus,
.shared-admin-policy-editor select:focus,
.shared-admin-policy-generation-form input:focus,
.shared-admin-policy-generation-form textarea:focus,
.shared-admin-policy-generation-form select:focus {
  border-color: rgba(38, 244, 238, 0.4);
  outline: none;
}

.shared-admin-policy-editor input:disabled,
.shared-admin-policy-editor textarea:disabled,
.shared-admin-policy-editor select:disabled,
.shared-admin-policy-generation-form input:disabled,
.shared-admin-policy-generation-form textarea:disabled,
.shared-admin-policy-generation-form select:disabled {
  opacity: 0.64;
}

.shared-admin-policy-option,
.shared-admin-policy-row {
  padding: 12px;
  border-radius: 18px;
  display: grid;
  gap: 10px;
}

.shared-admin-policy-option__header strong,
.shared-admin-policy-check strong {
  color: var(--sf-ink);
}

.shared-admin-policy-generator {
  align-content: start;
}

.shared-admin-policy-generation-settings {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(120px, 160px) repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
}

.shared-admin-policy-generation-settings > label:last-child {
  grid-column: 1 / -1;
}

.shared-admin-policy-generation-topic,
.shared-admin-policy-generation-source,
.shared-admin-policy-generation-picker,
.shared-admin-policy-generation-result {
  padding: 12px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
}

.shared-admin-policy-option__header p {
  margin: 3px 0 0;
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

.shared-admin-policy-generation-picker > div:first-child,
.shared-admin-policy-generation-sources > .shared-admin-policy-section__header {
  min-width: 0;
}

.shared-admin-policy-generation-picker > div:first-child {
  display: grid;
  gap: 3px;
}

.shared-admin-policy-generation-picker span,
.shared-admin-policy-generation-picker small {
  color: var(--sf-muted);
}

.shared-admin-policy-generation-picker > div:first-child span {
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-policy-generation-issues {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-admin-policy-generation-issue {
  min-width: 0;
  max-width: 100%;
  padding: 7px 8px 7px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.08);
  color: var(--sf-ink);
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.shared-admin-policy-generation-issue span {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.shared-admin-policy-generation-issue strong,
.shared-admin-policy-generation-issue small {
  min-width: 0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-admin-policy-generation-issue strong {
  color: var(--sf-ink);
  font-size: 0.8rem;
}

.shared-admin-policy-generation-issue small {
  color: var(--sf-muted);
  font-size: 0.68rem;
}

.shared-admin-policy-generation-issue button {
  border: 0;
  background: transparent;
  color: var(--sf-cyan);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.shared-admin-policy-generation-empty {
  padding: 10px 12px;
  border: 1px dashed var(--sf-line);
  border-radius: 14px;
  color: var(--sf-muted);
  font-size: 0.84rem;
}

.shared-admin-policy-generation-issue-add {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.shared-admin-policy-generation-drafts {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-policy-generation-draft {
  padding: 10px 12px;
  border-radius: 16px;
  color: var(--sf-ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.shared-admin-policy-generation-draft span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shared-admin-policy-generation-draft strong,
.shared-admin-policy-generation-draft small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-admin-policy-generation-draft small {
  color: var(--sf-muted);
}

.shared-admin-policy-generation-draft em {
  color: var(--sf-cyan);
  font-style: normal;
  font-weight: 900;
}

.shared-admin-policy-check {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-admin-policy-check input {
  width: 18px;
  min-width: 18px;
  min-height: 18px;
  padding: 0;
}

.shared-admin-policy-check span {
  display: grid;
  gap: 2px;
}

.shared-admin-policy-row {
  grid-template-columns: minmax(150px, 1fr) minmax(100px, 0.7fr) minmax(110px, 0.7fr) auto;
  align-items: end;
}

.shared-admin-policy-row label.is-wide {
  grid-column: span 2;
}

.shared-admin-detail .shared-admin-policy-row {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.shared-admin-detail .shared-admin-policy-row label.is-wide {
  grid-column: auto;
}

.shared-admin-detail .shared-admin-policy-row .shared-feed-chip {
  width: 100%;
  justify-content: center;
}

.shared-admin-policy-editor__footer {
  position: sticky;
  bottom: 0;
  z-index: 1;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(11, 18, 32, 0.94);
  backdrop-filter: blur(14px);
  align-items: center;
}

.shared-admin-catalog {
  align-content: start;
}

.shared-admin-catalog-create,
.shared-admin-catalog-category,
.shared-admin-catalog-legacy {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-catalog-create {
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(96px, 128px) auto;
  gap: 10px;
  align-items: end;
}

.shared-admin-catalog label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-admin-catalog label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-catalog input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  line-height: 1.35;
}

.shared-admin-catalog input:focus {
  border-color: rgba(38, 244, 238, 0.4);
  outline: none;
}

.shared-admin-catalog-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.shared-admin-catalog-category {
  padding: 12px;
  display: grid;
  gap: 12px;
}

.shared-admin-catalog-category__head,
.shared-admin-catalog-tag-row,
.shared-admin-catalog-tag-create {
  min-width: 0;
  display: grid;
  gap: 10px;
  align-items: end;
}

.shared-admin-catalog-category__head {
  grid-template-columns: minmax(220px, 1fr) minmax(88px, 112px) auto auto;
}

.shared-admin-catalog-count,
.shared-admin-catalog-tag-row em {
  padding: 9px 10px;
  border-radius: 999px;
  background: rgba(38, 244, 238, 0.1);
  color: var(--sf-cyan);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.shared-admin-catalog-tags {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-catalog-tag-row {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.032);
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto auto;
}

.shared-admin-catalog-tag-create {
  padding: 10px;
  border: 1px dashed rgba(38, 244, 238, 0.26);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.045);
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto;
}

.shared-admin-catalog-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-admin-catalog .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.26);
  color: #ff8aa0;
}

.shared-admin-catalog .shared-feed-chip.is-danger:hover,
.shared-admin-catalog .shared-feed-chip.is-danger:focus-visible {
  background: rgba(255, 51, 95, 0.1);
}

.shared-admin-catalog-legacy {
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border-color: rgba(255, 209, 102, 0.28);
}

.shared-admin-catalog-legacy h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.08rem;
}

.shared-admin-catalog-legacy p {
  margin: 5px 0 0;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-admin-feed-config {
  align-content: start;
}

.shared-admin-feed-config-header {
  align-items: flex-start;
}

.shared-admin-feed-config-toolbar,
.shared-admin-feed-config-history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-admin-feed-config-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);
  gap: 12px;
  align-items: start;
}

.shared-admin-feed-config-editor,
.shared-admin-feed-config-summary,
.shared-admin-feed-config-history-row,
.shared-admin-feed-config-preview {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-admin-feed-config-editor {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.shared-admin-feed-config-editor label {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-feed-config-editor label span {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-feed-config-editor textarea {
  width: 100%;
  min-width: 0;
  min-height: clamp(360px, 52vh, 640px);
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(5, 8, 14, 0.72);
  color: var(--sf-ink);
  font: 0.84rem/1.5 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono",
    monospace;
  resize: vertical;
  tab-size: 2;
}

.shared-admin-feed-config-editor textarea:focus {
  border-color: rgba(38, 244, 238, 0.42);
  outline: none;
}

.shared-admin-feed-config-editor__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.shared-admin-feed-config-editor__footer span,
.shared-admin-feed-config-summary p {
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-admin-feed-config-summary {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.shared-admin-feed-config-meta-grid {
  display: grid;
  gap: 8px;
}

.shared-admin-feed-config-meta {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  display: grid;
  gap: 4px;
}

.shared-admin-feed-config-meta small {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-admin-feed-config-meta strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
  font-size: 0.84rem;
}

.shared-admin-feed-config-meta.is-good strong {
  color: var(--sf-green);
}

.shared-admin-feed-config-meta.is-bad strong {
  color: var(--sf-pink);
}

.shared-admin-feed-config-history {
  align-content: start;
}

.shared-admin-feed-config-history-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-admin-feed-config-history-row {
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.shared-admin-feed-config-history-row.is-selected {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.08);
}

.shared-admin-feed-config-history-row div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shared-admin-feed-config-history-row strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-ink);
}

.shared-admin-feed-config-history-row span,
.shared-admin-feed-config-history-row small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sf-muted);
  line-height: 1.35;
}

.shared-admin-feed-config-history-row small {
  color: var(--sf-cyan);
  font-weight: 800;
}

.shared-admin-feed-config .shared-feed-chip.is-danger,
.shared-admin-feed-config-history .shared-feed-chip.is-danger {
  border-color: rgba(255, 51, 95, 0.26);
  color: #ff8aa0;
}

.shared-admin-feed-config .shared-feed-chip.is-danger:hover,
.shared-admin-feed-config .shared-feed-chip.is-danger:focus-visible,
.shared-admin-feed-config-history .shared-feed-chip.is-danger:hover,
.shared-admin-feed-config-history .shared-feed-chip.is-danger:focus-visible {
  background: rgba(255, 51, 95, 0.1);
}

.shared-admin-feed-config-preview {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.shared-admin-feed-config-preview h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.02rem;
}

.shared-admin-feed-config-preview pre {
  max-height: min(48vh, 520px);
  margin: 0;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  overflow: auto;
  background: rgba(5, 8, 14, 0.74);
  color: var(--sf-ink);
  font: 0.8rem/1.5 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono",
    monospace;
}

.shared-admin-feed-config-more {
  justify-self: center;
}

:root[data-polis-theme-resolved="light"] .shared-admin-hero,
:root[data-polis-theme-resolved="light"] .shared-admin-nav,
:root[data-polis-theme-resolved="light"] .shared-admin-panel,
:root[data-polis-theme-resolved="light"] .shared-admin-detail,
:root[data-polis-theme-resolved="light"] .shared-admin-section-card,
:root[data-polis-theme-resolved="light"] .shared-admin-metric,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-metric,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-card,
:root[data-polis-theme-resolved="light"] .shared-admin-election-ops__metric,
:root[data-polis-theme-resolved="light"] .shared-admin-lifecycle-filters,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-toolbar,
:root[data-polis-theme-resolved="light"] .shared-admin-reports-toolbar,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-card {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.94);
  color: #07111f;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
}

:root[data-polis-theme-resolved="light"] .shared-admin-hero h1,
:root[data-polis-theme-resolved="light"] .shared-admin-panel h2,
:root[data-polis-theme-resolved="light"] .shared-admin-detail h2,
:root[data-polis-theme-resolved="light"] .shared-admin-section-card h2,
:root[data-polis-theme-resolved="light"] .shared-admin-metric strong,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-metric strong,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-card h3,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-list strong,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-owner-list em,
:root[data-polis-theme-resolved="light"] .shared-admin-election-ops__metric strong,
:root[data-polis-theme-resolved="light"] .shared-admin-lifecycle-filters strong,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-toolbar__summary strong,
:root[data-polis-theme-resolved="light"] .shared-admin-reports-toolbar__summary strong,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-card__head h3,
:root[data-polis-theme-resolved="light"] .shared-admin-nav__item,
:root[data-polis-theme-resolved="light"] .shared-admin-item__main,
:root[data-polis-theme-resolved="light"] .shared-admin-detail-grid strong,
:root[data-polis-theme-resolved="light"] .shared-admin-case-chip strong,
:root[data-polis-theme-resolved="light"] .shared-admin-case-grid strong,
:root[data-polis-theme-resolved="light"] .shared-admin-case-section__header h3,
:root[data-polis-theme-resolved="light"] .shared-admin-json-card summary,
:root[data-polis-theme-resolved="light"] .shared-admin-json-card pre,
:root[data-polis-theme-resolved="light"] .shared-admin-timeline-entry strong,
:root[data-polis-theme-resolved="light"] .shared-admin-attachment-list a,
:root[data-polis-theme-resolved="light"] .shared-admin-attachment-list article,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-card__header h3,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed summary,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-create input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping__header strong,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping-row__summary strong,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping select,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-action textarea {
  color: #07111f;
}

:root[data-polis-theme-resolved="light"] .shared-admin-hero p,
:root[data-polis-theme-resolved="light"] .shared-admin-panel p,
:root[data-polis-theme-resolved="light"] .shared-admin-detail p,
:root[data-polis-theme-resolved="light"] .shared-admin-section-card p,
:root[data-polis-theme-resolved="light"] .shared-admin-metric p,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-metric small,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-card p,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-hero__meta span,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-list span,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-owner-list strong,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-day small,
:root[data-polis-theme-resolved="light"] .shared-admin-election-ops__metric small,
:root[data-polis-theme-resolved="light"] .shared-admin-lifecycle-filters small,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-toolbar__summary small,
:root[data-polis-theme-resolved="light"] .shared-admin-reports-toolbar__summary small,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-search label span,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-footer span,
:root[data-polis-theme-resolved="light"] .shared-admin-reports-footer span,
:root[data-polis-theme-resolved="light"] .shared-admin-queue-footer span,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-repair__grid label span,
:root[data-polis-theme-resolved="light"] .shared-admin-nav__item small,
:root[data-polis-theme-resolved="light"] .shared-admin-item__body small,
:root[data-polis-theme-resolved="light"] .shared-admin-detail-grid small,
:root[data-polis-theme-resolved="light"] .shared-admin-case-chip small,
:root[data-polis-theme-resolved="light"] .shared-admin-case-grid small,
:root[data-polis-theme-resolved="light"] .shared-admin-case-section__header p,
:root[data-polis-theme-resolved="light"] .shared-admin-json-card summary small,
:root[data-polis-theme-resolved="light"] .shared-admin-timeline-entry small,
:root[data-polis-theme-resolved="light"] .shared-admin-timeline-entry p,
:root[data-polis-theme-resolved="light"] .shared-admin-attachment-list small,
:root[data-polis-theme-resolved="light"] .shared-admin-blocker-list,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-create label span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed label span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping label span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping__header span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping-row__summary span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping-row__summary small,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-action label span,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-card__meta {
  color: #536173;
}

:root[data-polis-theme-resolved="light"] .shared-admin-item__main,
:root[data-polis-theme-resolved="light"] .shared-admin-detail-grid span,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-list div,
:root[data-polis-theme-resolved="light"] .shared-admin-voter-map-owner-list span,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-card__meta span,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-toolbar,
:root[data-polis-theme-resolved="light"] .shared-admin-reports-toolbar,
:root[data-polis-theme-resolved="light"] .shared-admin-donations-search input[type="text"],
:root[data-polis-theme-resolved="light"] .shared-admin-donations-search input:not([type]),
:root[data-polis-theme-resolved="light"] .shared-admin-case-chip,
:root[data-polis-theme-resolved="light"] .shared-admin-case-grid span,
:root[data-polis-theme-resolved="light"] .shared-admin-case-section,
:root[data-polis-theme-resolved="light"] .shared-admin-json-card,
:root[data-polis-theme-resolved="light"] .shared-admin-timeline-entry div,
:root[data-polis-theme-resolved="light"] .shared-admin-attachment-list a,
:root[data-polis-theme-resolved="light"] .shared-admin-attachment-list article,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-create,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-card,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed form,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping-preview,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping-row,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-action.has-reason,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-create input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-parsed textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping input,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-mapping select,
:root[data-polis-theme-resolved="light"] .shared-admin-cert-action textarea {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
}

:root[data-polis-theme-resolved="light"] .shared-admin-actions-panel,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card select,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-section,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-option,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generator,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-topic,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-source,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-picker,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-result,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-draft,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-empty,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-issue,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-row,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-check,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor input,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor select,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form input,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form select,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor__footer,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-create,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-category,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-tag-row,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-tag-create,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-legacy,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog input,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-editor,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-summary,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-meta,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-history-row,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-preview {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
}

:root[data-polis-theme-resolved="light"] .shared-admin-actions-panel h3,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card strong,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card select,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-section__header h3,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-option__header strong,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-check strong,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-issue strong,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-draft,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-draft strong,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor input,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor select,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form input,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form select,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog input,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-legacy h3,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-editor textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-meta strong,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-history-row strong,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-preview h3,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-repair__grid input,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-preview pre {
  color: #07111f;
}

:root[data-polis-theme-resolved="light"] .shared-admin-actions-panel p,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card p,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card label span,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card__hint,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-section__header p,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-option__header p,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor label span,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-form label:not(.shared-admin-policy-check) > span,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-editor__footer span,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-check small,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-picker span,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-picker small,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-empty,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-issue small,
:root[data-polis-theme-resolved="light"] .shared-admin-policy-generation-draft small,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog label span,
:root[data-polis-theme-resolved="light"] .shared-admin-catalog-legacy p,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-editor label span,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-editor__footer span,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-summary p,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-meta small,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-history-row span {
  color: #536173;
}

:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-editor textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card textarea,
:root[data-polis-theme-resolved="light"] .shared-admin-action-card select,
:root[data-polis-theme-resolved="light"] .shared-admin-race-index-repair__grid input,
:root[data-polis-theme-resolved="light"] .shared-admin-feed-config-preview pre {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
}

.shared-election-page .shared-page__content {
  gap: 18px;
}

.shared-election-map-panel {
  position: relative;
  min-height: min(58vh, 560px);
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--sf-line);
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0)
    ),
    #0b0f15;
  box-shadow: var(--sf-shadow);
}

.shared-election-map {
  width: 100%;
  min-height: min(58vh, 560px);
}

.shared-election-map__canvas {
  width: 100%;
  min-height: min(58vh, 560px);
}

.shared-election-map__svg-fallback {
  position: relative;
  width: 100%;
  min-height: min(58vh, 560px);
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: hidden;
}

.shared-election-map-svg {
  width: 100%;
  max-width: 100%;
  height: min(58vh, 560px);
  display: block;
  overflow: hidden;
  shape-rendering: geometricPrecision;
  touch-action: none;
  cursor: grab;
  user-select: none;
}

.shared-election-map-svg.is-dragging {
  cursor: grabbing;
}

.shared-election-map-svg__viewport {
  transform-box: fill-box;
  transform-origin: 0 0;
}

.shared-election-map-svg__district {
  stroke: #475569;
  stroke-width: 1.25;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  fill-opacity: 0.74;
  transition:
    fill-opacity 160ms ease,
    stroke 160ms ease;
}

.shared-election-map-svg__district[data-action] {
  cursor: pointer;
}

.shared-election-map-svg.is-dragging .shared-election-map-svg__district {
  cursor: grabbing;
}

.shared-election-map-svg__district.is-selected {
  stroke: #fbbf24;
  stroke-width: 3;
  fill-opacity: 0.92;
}

.shared-election-map-svg__district.is-dimmed {
  fill-opacity: 0.42;
}

.shared-election-map-svg__district[data-action]:hover {
  stroke: #f8fafc;
  fill-opacity: 0.9;
}

.shared-election-map-svg__boundary {
  fill: none;
  stroke: #0f172a;
  stroke-width: 2.25;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.shared-election-map__svg-controls {
  position: absolute;
  left: 16px;
  top: 64px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.78);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
}

.shared-election-map__svg-controls button,
.shared-election-map__svg-controls span {
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--sf-ink);
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1;
}

.shared-election-map__svg-controls button {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

.shared-election-map__svg-controls button:hover,
.shared-election-map__svg-controls button:focus-visible {
  border-color: rgba(38, 244, 238, 0.35);
  background: rgba(38, 244, 238, 0.13);
  outline: none;
}

.shared-election-map__svg-controls span {
  min-width: 48px;
  color: rgba(248, 250, 252, 0.76);
}

.shared-election-map__fallback-note {
  position: absolute;
  right: 16px;
  bottom: 16px;
  max-width: min(320px, calc(100% - 32px));
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.72);
  color: rgba(248, 250, 252, 0.82);
  font-size: 0.76rem;
  font-weight: 700;
}

.shared-election-map .maplibregl-canvas {
  outline: none;
}

.shared-election-map-panel__chrome {
  position: absolute;
  inset: 16px 16px auto 16px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}

.shared-election-map-panel__chrome > span,
.shared-election-map-panel__chrome .shared-feed-chip {
  pointer-events: auto;
}

.shared-election-map-panel__chrome > span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  background: rgba(248, 250, 252, 0.86);
  color: #0f172a;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18);
}

.shared-election-controls {
  display: grid;
  grid-template-columns: minmax(170px, 0.42fr) minmax(240px, 1fr) minmax(
      150px,
      0.3fr
    );
  gap: 12px;
  align-items: end;
}

.shared-election-controls label {
  display: grid;
  gap: 8px;
}

.shared-election-controls span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.shared-election-controls select,
.shared-election-custom-panel select,
.shared-election-custom-panel input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid var(--sf-line);
  background: rgba(5, 6, 8, 0.72);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 700;
}

.shared-election-custom-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-election-custom-toolbar,
.shared-election-custom-add {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.shared-election-custom-add {
  grid-template-columns:
    minmax(150px, 0.55fr)
    minmax(190px, 0.8fr)
    minmax(160px, 0.5fr)
    auto;
}

.shared-election-custom-toolbar label,
.shared-election-custom-editor label,
.shared-election-custom-add label {
  display: grid;
  gap: 8px;
}

.shared-election-custom-toolbar span,
.shared-election-custom-editor span,
.shared-election-custom-add span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.shared-election-custom-toolbar__actions,
.shared-election-custom-item__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.shared-election-custom-editor,
.shared-election-custom-items {
  display: grid;
  gap: 12px;
}

.shared-election-custom-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}

.shared-election-custom-item strong {
  display: block;
}

.shared-feed-icon-button {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.shared-feed-icon-button:hover,
.shared-feed-icon-button:focus-visible {
  border-color: rgba(38, 244, 238, 0.34);
  background: rgba(38, 244, 238, 0.1);
}

.shared-election-controls__hint {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: var(--sf-muted);
  font-weight: 700;
}

.shared-election-race-tabs {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-election-districts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 172px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--sf-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.shared-election-coverage {
  padding: 10px 12px;
  border: 1px solid rgba(38, 244, 238, 0.18);
  border-radius: 16px;
  background: rgba(38, 244, 238, 0.08);
  color: #c6fffb;
  font-size: 0.86rem;
  font-weight: 800;
}

.shared-election-results,
.shared-election-group,
.shared-election-race,
.shared-election-race__candidates {
  display: grid;
  gap: 14px;
}

.shared-election-custom-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.shared-election-custom-column {
  display: grid;
  gap: 14px;
}

.shared-election-custom-column h3 {
  margin: 0;
}

.shared-election-custom-state-group {
  display: grid;
  gap: 12px;
}

.shared-election-custom-state-group h4 {
  margin: 0;
  color: var(--sf-muted);
  font-size: 0.88rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-election-results__header,
.shared-election-race__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.shared-election-results__header h2,
.shared-election-race__header h3,
.shared-election-group h3 {
  margin: 0;
}

.shared-election-results__header p {
  margin: 6px 0 0;
  color: var(--sf-muted);
}

.shared-election-race,
.shared-election-upcoming {
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.shared-election-race {
  padding: 18px;
}

.shared-election-upcoming {
  min-height: 220px;
  place-items: center;
  text-align: center;
  padding: 28px;
}

.shared-election-upcoming h2,
.shared-election-upcoming p {
  margin: 0;
}

.shared-election-upcoming p {
  margin-top: 8px;
  color: var(--sf-muted);
}

.shared-election-status {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-ink);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.shared-election-status--called,
.shared-election-candidate__numbers em {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.3);
}

.shared-election-empty-candidates {
  display: block;
  padding: 12px;
  border-radius: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  color: var(--sf-muted);
  font-weight: 800;
}

.shared-election-candidate {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(104px, auto);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  transition:
    border-color 180ms ease,
    background-color 180ms ease;
}

.shared-election-candidate.is-winner {
  border-color: rgba(251, 191, 36, 0.36);
  background: rgba(251, 191, 36, 0.08);
}

.shared-election-candidate__avatar {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.08);
}

.shared-election-candidate__avatar--placeholder {
  display: grid;
  place-items: center;
  color: #0b0f15;
  background: color-mix(in srgb, var(--party-color) 54%, #fff);
  font-weight: 900;
}

.shared-election-candidate__body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.shared-election-candidate__topline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.shared-election-candidate__topline strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-election-candidate__topline span {
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 800;
  white-space: nowrap;
}

.shared-election-candidate__bar {
  position: relative;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.shared-election-candidate__bar span {
  position: relative;
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--party-color) 72%, #fff),
    var(--party-color)
  );
  transition: width 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.shared-election-candidate.is-updated
  .shared-election-candidate__bar
  span::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -5px;
  bottom: -4px;
  width: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  filter: blur(6px);
  animation: shared-election-edge-glow 900ms ease-out;
}

.shared-election-candidate__numbers {
  display: grid;
  justify-items: end;
  gap: 3px;
  font-variant-numeric: tabular-nums;
}

.shared-election-candidate__numbers span {
  color: var(--sf-muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.shared-election-candidate__numbers em {
  padding: 2px 8px;
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-election-county-results {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 12px;
}

.shared-election-county-results summary {
  cursor: pointer;
  color: var(--sf-ink);
  font-weight: 900;
}

.shared-election-county-results summary span {
  margin-left: 6px;
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-election-county-results__list {
  display: grid;
  gap: 10px;
  max-height: 360px;
  overflow: auto;
  margin-top: 12px;
  padding-right: 4px;
}

.shared-election-county-row {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

.shared-election-county-row__header,
.shared-election-county-candidate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(78px, auto) minmax(58px, auto);
  gap: 10px;
  align-items: center;
}

.shared-election-county-row__header {
  grid-template-columns: minmax(0, 1fr) auto;
  color: var(--sf-muted);
  font-size: 0.82rem;
}

.shared-election-county-row__header strong {
  color: var(--sf-ink);
}

.shared-election-county-candidate {
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}

.shared-election-county-candidate span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-election-county-candidate strong,
.shared-election-county-candidate em {
  justify-self: end;
}

.shared-election-county-candidate em {
  color: var(--sf-muted);
  font-style: normal;
  font-weight: 800;
}

.shared-events-command {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 18px;
  padding: 22px;
  border: 1px solid var(--sf-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.14), transparent 42%),
    rgba(255, 255, 255, 0.055);
  box-shadow: var(--sf-shadow);
}

.shared-events-command__main {
  min-width: 0;
  display: grid;
  gap: 14px;
  align-content: start;
}

.shared-events-command__main h1,
.shared-events-command__main h2,
.shared-events-empty h3,
.shared-events-map-list h3,
.shared-event-feed-card__body h3 {
  margin: 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
}

.shared-events-command__main h1,
.shared-events-command__main h2 {
  max-width: 820px;
  font-size: clamp(1.9rem, 4vw, 3.4rem);
  line-height: 0.98;
}

.shared-events-command__main p,
.shared-events-empty p,
.shared-events-map-list p,
.shared-event-feed-card__body p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.55;
}

.shared-events-command__actions,
.shared-event-feed-card__actions,
.shared-events-filter__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.shared-events-command__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shared-events-command__metrics div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.2);
}

.shared-events-command__metrics span,
.shared-events-command__metrics small {
  display: block;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-events-command__metrics strong {
  display: block;
  margin: 5px 0;
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.8rem;
}

.shared-events-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(140px, 1fr)) auto auto;
  gap: 12px;
  align-items: end;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
}

.shared-events-filter label {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-events-filter input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 12px 13px;
  background: rgba(0, 0, 0, 0.28);
  color: var(--sf-ink);
  font: inherit;
}

.shared-events-filter__tag-input {
  grid-column: span 2;
}

.shared-events-filter__tag-input small,
.shared-events-filter__tag-hint {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: none;
}

.shared-events-filter__tags {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 12px;
  padding-top: 2px;
}

.shared-events-filter__tag-header,
.shared-events-filter__tag-toolbar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shared-events-filter__tag-header span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-events-filter__tag-header strong,
.shared-events-filter__tag-toolbar span {
  min-width: 0;
  color: var(--sf-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

.shared-events-filter__tag-toolbar span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sf-muted);
}

.shared-events-filter__tag-groups {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.shared-events-filter__tag-group {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.shared-events-filter__tag-group-title {
  color: var(--sf-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-events-filter__tag-chips {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-events-filter__tag-chip {
  min-height: 38px;
}

.shared-events-filter__check {
  align-self: center;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px !important;
  text-transform: none !important;
}

.shared-events-filter__check input {
  width: auto;
}

.shared-events-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.shared-event-feed-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid var(--sf-line);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.052);
  box-shadow: var(--sf-shadow);
}

.shared-event-feed-card--feature {
  grid-column: 1 / -1;
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1fr);
  grid-template-rows: auto;
}

.shared-event-feed-card__media {
  position: relative;
  min-height: 220px;
  background:
    linear-gradient(135deg, rgba(39, 218, 218, 0.16), transparent 50%),
    rgba(255, 255, 255, 0.05);
}

.shared-event-feed-card--feature .shared-event-feed-card__media {
  min-height: 100%;
}

.shared-event-feed-card__media img,
.shared-event-feed-card__fallback {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: grid;
  place-items: center;
}

.shared-event-feed-card__fallback svg {
  width: 56px;
  height: 56px;
  fill: var(--sf-cyan);
}

.shared-event-feed-card__date {
  position: absolute;
  left: 14px;
  bottom: 14px;
  max-width: calc(100% - 28px);
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background: rgba(5, 6, 8, 0.78);
  backdrop-filter: blur(18px);
  color: #fff;
}

.shared-event-feed-card__date strong,
.shared-event-feed-card__date span {
  display: block;
}

.shared-event-feed-card__date strong {
  font-family: var(--sf-font-display);
  font-size: 1rem;
}

.shared-event-feed-card__date span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.82rem;
  font-weight: 800;
}

.shared-event-feed-card__body {
  min-width: 0;
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 20px;
}

.shared-event-feed-card__body h3 {
  font-size: clamp(1.45rem, 2.4vw, 2.3rem);
  line-height: 1.02;
}

.shared-event-feed-card__pills,
.shared-event-feed-card__facts,
.shared-event-feed-card__tags,
.shared-event-feed-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-event-feed-card__pill,
.shared-event-feed-card__tags span,
.shared-event-feed-card__facts span {
  min-width: 0;
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sf-muted);
  font-size: 0.8rem;
  font-weight: 850;
}

.shared-event-feed-card__pill.is-good {
  border-color: rgba(68, 220, 151, 0.34);
  color: #8af0bd;
}

.shared-event-feed-card__pill.is-accent {
  border-color: rgba(39, 218, 218, 0.32);
  color: var(--sf-cyan);
}

.shared-event-feed-card__pill.is-route {
  border-color: rgba(255, 204, 102, 0.34);
  color: #ffd783;
}

.shared-event-feed-card__pill.is-paid,
.shared-event-feed-card__pill.is-urgent {
  border-color: rgba(255, 51, 95, 0.32);
  color: #ff8aa0;
}

.shared-event-feed-card__stats span {
  min-width: 92px;
  padding: 11px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.2);
}

.shared-event-feed-card__stats strong,
.shared-event-feed-card__stats small {
  display: block;
}

.shared-event-feed-card__stats strong {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.15rem;
}

.shared-event-feed-card__stats small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-events-empty {
  display: grid;
  gap: 12px;
  justify-items: start;
  padding: 28px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
}

.shared-events-map-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.35fr);
  gap: 18px;
}

.shared-events-map-main {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.shared-events-map-search {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(38, 244, 238, 0.08), rgba(255, 51, 95, 0.045)),
    rgba(255, 255, 255, 0.05);
  box-shadow: var(--sf-shadow);
  display: grid;
  gap: 12px;
}

.shared-events-map-search__header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-events-map-search__header h3,
.shared-events-map-search__header p {
  margin: 0;
}

.shared-events-map-search__header h3 {
  color: var(--sf-ink);
  font-family: var(--sf-font-display);
  font-size: 1.14rem;
  line-height: 1.1;
}

.shared-events-map-search__header p {
  margin-top: 5px;
  color: var(--sf-muted);
  line-height: 1.45;
}

.shared-events-map-search__actions,
.shared-events-map-search__submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.shared-events-map-search__form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(110px, 0.55fr));
  gap: 10px;
  align-items: end;
}

.shared-events-map-search__address {
  grid-column: 1 / -1;
}

.shared-events-map-search__address .shared-event-address-lookup__results {
  background: rgba(5, 6, 8, 0.66);
}

.shared-events-map-search__form label {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-events-map-search__form input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 12px 13px;
  background: rgba(0, 0, 0, 0.24);
  color: var(--sf-ink);
  font: inherit;
  font-size: 0.9rem;
}

.shared-events-map-search__submit {
  grid-column: 1 / -1;
}

.shared-events-map-search__status {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-events-map-search__status span {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  gap: 2px;
}

.shared-events-map-search__status strong,
.shared-events-map-search__status small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-events-map-search__status strong {
  color: var(--sf-ink);
  line-height: 1.15;
}

.shared-events-map-search__status small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-events-map-shell {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 10px;
}

.shared-events-map-list {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 18px;
  border: 1px solid var(--sf-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
}

.shared-events-map-coverage {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-events-map-coverage span,
.shared-events-map__status span {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  display: grid;
  gap: 2px;
}

.shared-events-map-coverage strong,
.shared-events-map-coverage small,
.shared-events-map__status strong,
.shared-events-map__status small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shared-events-map-coverage strong,
.shared-events-map__status strong {
  color: var(--sf-ink);
  font-size: 0.95rem;
}

.shared-events-map-coverage small,
.shared-events-map__status small {
  color: var(--sf-muted);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-events-load-more {
  display: flex;
  justify-content: center;
}

@keyframes shared-election-edge-glow {
  0% {
    opacity: 0;
    transform: scaleX(0.4);
  }
  30% {
    opacity: 1;
    transform: scaleX(1.15);
  }
  100% {
    opacity: 0;
    transform: scaleX(0.6);
  }
}

.shared-events-map {
  order: 2;
  min-height: 520px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--sf-line);
  background:
    linear-gradient(90deg, rgba(9, 18, 32, 0.06) 1px, transparent 1px),
    linear-gradient(0deg, rgba(9, 18, 32, 0.06) 1px, transparent 1px),
    linear-gradient(135deg, rgba(38, 244, 238, 0.12), rgba(38, 244, 238, 0.03) 34%, transparent 54%),
    linear-gradient(315deg, rgba(255, 51, 95, 0.09), rgba(255, 51, 95, 0.025) 34%, transparent 56%),
    linear-gradient(145deg, #f8fbff, #eef4f8 58%, #fbfcfd);
  background-size:
    52px 52px,
    52px 52px,
    auto,
    auto,
    auto;
  box-shadow: var(--sf-shadow);
}

.shared-events-map__status {
  position: static;
  order: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shared-events-map__status span {
  min-width: 112px;
  border-color: rgba(9, 18, 32, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: #101624;
  box-shadow: 0 12px 28px rgba(9, 18, 32, 0.14);
}

.shared-events-map__status small {
  color: #526170;
}

.shared-events-map__empty {
  position: absolute;
  inset: 18px;
  z-index: 3;
  border-radius: 24px;
  background: rgba(8, 10, 16, 0.7);
  color: #fff;
  display: grid;
  place-content: center;
  gap: 6px;
  padding: 20px;
  text-align: center;
  pointer-events: none;
}

.shared-events-map__empty span {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.45;
}

.shared-events-map__marker {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sf-red), #ff6e88);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 12px 24px rgba(255, 51, 95, 0.28);
  cursor: pointer;
}

.shared-feed-toast {
  position: fixed;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
  z-index: 14;
  max-width: min(520px, calc(100vw - 32px));
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(9, 12, 18, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  text-align: center;
  pointer-events: none;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}

@media (max-width: 700px) {
  .shared-feed-toast {
    top: calc(76px + env(safe-area-inset-top, 0px));
    bottom: auto;
    width: min(360px, calc(100vw - 32px));
    border-radius: 20px;
  }
}

@keyframes shared-feed-pulse {
  0%,
  100% {
    transform: scale(0.92);
    opacity: 0.72;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}

@media (max-width: 1120px) and (min-width: 1025px) {
  .shared-messaging-auth {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .shared-messaging-auth__copy {
    max-width: 780px;
  }

  .shared-messaging-auth__preview {
    min-height: 480px;
  }
}

@media (max-width: 1024px) {
  .shared-feed-shell {
    grid-template-columns: 1fr;
  }

  .shared-feed-rail {
    display: none;
  }

  .shared-feed-stage {
    padding-inline: 0;
  }

  .shared-page__split {
    grid-template-columns: 1fr;
  }

  .shared-messaging-auth {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .shared-messaging-auth__preview {
    min-height: 460px;
  }

  .shared-campaign-auth,
  .shared-campaign-access-map,
  .shared-campaign-access-map__lanes,
  .shared-candidate-directory-filter,
  .shared-candidate-directory-toolbar,
  .shared-campaign-empty-access--launchpad,
  .shared-campaign-empty-access__paths,
  .shared-campaign-empty-access__steps,
  .shared-campaign-empty-access__features,
  .shared-candidate-voter-map-add-grid,
  .shared-candidate-voter-map-campaign-grid,
  .shared-candidate-voter-map-menu-grid,
  .shared-candidate-voter-map-menu-lower,
  .shared-candidate-voter-map-settings-form,
  .shared-candidate-voter-map-territory-grid,
  .shared-campaign-analytics-grid,
  .shared-campaign-calendar-grid,
  .shared-campaign-calendar-filters,
  .shared-campaign-calendar-form-grid,
  .shared-campaign-calendar-item,
  .shared-campaign-calendar-external,
  .shared-campaign-contact-grid,
  .shared-campaign-donations-grid,
  .shared-campaign-donations-bank,
  .shared-campaign-donations-command__summary,
  .shared-campaign-donations-finance-grid,
  .shared-campaign-donations-filters,
  .shared-campaign-donations-hero-progress,
  .shared-campaign-donations-lock-footer,
  .shared-campaign-donations-lock-list,
  .shared-campaign-donations-session__header,
  .shared-campaign-donations-status-grid,
  .shared-campaign-donations-steps,
  .shared-campaign-donations-steps__header,
  .shared-campaign-donations-steps__list,
  .shared-campaign-donations-task-list,
  .shared-campaign-engagement-command,
  .shared-campaign-engagement-command__flow,
  .shared-campaign-engagement-controls,
  .shared-campaign-event-card,
  .shared-campaign-events-form,
  .shared-campaign-events-command,
  .shared-campaign-events-command__main,
  .shared-campaign-events-hero,
  .shared-campaign-events-map-filter,
  .shared-campaign-events-map-grid,
  .shared-campaign-events-metrics,
  .shared-campaign-mission-admin-command,
  .shared-campaign-mission-admin-command__main,
  .shared-campaign-mission-board,
  .shared-campaign-mission-form-grid,
  .shared-campaign-mission-staff-command__main,
  .shared-campaign-mission-target-columns,
  .shared-campaign-mission-templates,
  .shared-campaign-messaging-command__body,
  .shared-campaign-messaging-grid,
  .shared-campaign-overview-grid,
  .shared-campaign-contact-ops__summary,
  .shared-campaign-quest-grid,
  .shared-campaign-registry-command,
  .shared-campaign-registry-command__actions,
  .shared-campaign-registry-grid,
  .shared-campaign-registry-filters,
  .shared-campaign-staff-access-map__header,
  .shared-campaign-staff-access-map__roles,
  .shared-campaign-staff-card__summary,
  .shared-campaign-staff-card__top,
  .shared-campaign-staff-command,
  .shared-campaign-staff-command__actions,
  .shared-campaign-staff-form-grid,
  .shared-campaign-staff-invite-row,
  .shared-campaign-staff-permission-grid,
  .shared-campaign-staff-roster-controls,
  .shared-campaign-staff-role-delete,
  .shared-campaign-volunteer-form,
  .shared-campaign-volunteer-row,
  .shared-coalition-auth,
  .shared-coalition-access-map,
  .shared-coalition-overview-grid,
  .shared-coalition-overview-grid--members,
  .shared-coalition-rooms-grid,
  .shared-missions-auth,
  .shared-missions-scope-grid,
  .shared-mission-detail-grid,
  .shared-discover-auth,
  .shared-feed-auth,
  .shared-profile-auth,
  .shared-profile-auth__preview,
  .shared-candidates-auth,
  .shared-discover-hero,
  .shared-discover-layout,
  .shared-search-auth,
  .shared-search-hero,
  .shared-search-results-header,
  .shared-search-results-layout,
  .shared-create-layout,
  .shared-policy-questions-auth,
  .shared-policy-questions-auth__detail,
  .shared-policy-questions-auth__intel,
  .shared-policy-questions-toolbar,
  .shared-policy-question-detail-layout,
  .shared-achievements-auth,
  .shared-achievements-auth__summary,
  .shared-achievements-auth__detail,
  .shared-achievements-auth__routes,
  .shared-achievements-layout,
  .shared-post-analytics-layout,
  .shared-topics-auth,
  .shared-topics-toolbar,
  .shared-settings-auth,
  .shared-voter-intel-auth,
  .shared-voter-intel-auth__workspace,
  .shared-auth-route-content,
  .shared-onboarding-content,
  .shared-bootstrap-grid,
  .shared-settings-layout,
  .shared-admin-layout,
  .shared-admin-split,
  .shared-admin-split.has-detail,
  .shared-admin-voter-map-hero,
  .shared-admin-voter-map-metrics,
  .shared-admin-voter-map-grid,
  .shared-admin-election-ops__grid {
    grid-template-columns: 1fr;
  }

  .shared-campaign-donations-bank > div:last-of-type {
    justify-items: start;
    text-align: left;
  }

  .shared-campaign-staff-access-map__header dl {
    min-width: 0;
  }

  .shared-discover-paths,
  .shared-discover-action-deck,
  .shared-discover-list--featured,
  .shared-feed-auth__workspace,
  .shared-candidates-auth-workspace,
  .shared-search-quick-grid,
  .shared-search-query-grid,
  .shared-search-tabs,
  .shared-policy-questions-auth__coverage,
  .shared-policy-questions-auth__list,
  .shared-policy-questions-auth__scores,
  .shared-achievements-auth__coverage,
  .shared-topics-auth__coverage,
  .shared-achievements-grid,
  .shared-post-analytics-grid,
  .shared-topics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-discover-layout--curated {
    grid-template-columns: 1fr;
  }

  .shared-discover-section--feed,
  .shared-discover-section--events {
    grid-column: auto;
    grid-row: auto;
  }

  .shared-discover-card--post.is-featured,
  .shared-discover-card--event.is-featured {
    grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1fr);
  }

  .shared-campaign-hero,
  .shared-campaign-missions-hero,
  .shared-coalition-hero,
  .shared-coalition-rooms-hero,
  .shared-missions-header,
  .shared-create-hero,
  .shared-policy-questions-hero,
  .shared-policy-question-detail-hero,
  .shared-policy-questions-results__header,
  .shared-policy-question-chart__header,
  .shared-achievements-hero,
  .shared-post-analytics-hero,
  .shared-post-analytics-panel__header,
  .shared-topics-hero,
  .shared-topics-results__header,
  .shared-topics-footer,
  .shared-settings-header,
  .shared-voter-intel-hero,
  .shared-voter-intel-election-hero,
  .shared-admin-hero,
  .shared-admin-panel__header,
  .shared-admin-detail__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-voter-profile-hero {
    grid-template-columns: 1fr;
  }

  .shared-voter-profile-badges {
    justify-content: flex-start;
  }

  .shared-campaign-messaging-side {
    position: static;
  }

  .shared-campaign-messaging-command__header,
  .shared-campaign-room-console .shared-campaign-panel__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-campaign-contact-ops .shared-card__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .shared-campaign-hero__actions,
  .shared-campaign-analytics-range,
  .shared-campaign-calendar-actions,
  .shared-campaign-calendar-providers,
  .shared-campaign-contact-form__actions,
  .shared-campaign-donations-filter-actions,
  .shared-campaign-donations-form__actions,
  .shared-campaign-engagement-item__actions,
  .shared-campaign-events-controls,
  .shared-campaign-events-command__actions,
  .shared-campaign-events-tabs,
  .shared-campaign-mission-admin-command__actions,
  .shared-campaign-missions-hero__actions,
  .shared-campaign-quest-target__buttons,
  .shared-campaign-registry-filter-actions,
  .shared-campaign-registry-form-actions,
  .shared-campaign-staff-actions,
  .shared-campaign-staff-row-actions,
  .shared-campaign-volunteer-actions,
  .shared-candidate-voter-map-heading .shared-card__actions,
  .shared-coalition-hero__actions,
  .shared-missions-header__actions,
  .shared-create-hero__actions,
  .shared-create-actions,
  .shared-policy-questions-actions,
  .shared-policy-question-card__actions,
  .shared-achievements-error,
  .shared-post-analytics-actions,
  .shared-topics-actions,
  .shared-topics-footer__actions,
  .shared-settings-header__actions,
  .shared-admin-actions {
    justify-content: flex-start;
  }

  .shared-settings-nav,
  .shared-admin-nav,
  .shared-admin-detail {
    position: static;
  }

  .shared-auth-route-hero {
    min-height: auto;
  }

  .shared-onboarding-content {
    grid-template-areas:
      "hero"
      "steps"
      "panel";
  }

  .shared-onboarding-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-onboarding-photo__card {
    grid-template-columns: 1fr;
  }

  .shared-onboarding-photo__card .shared-onboarding-avatar {
    width: min(100%, 260px);
  }

  .shared-onboarding-location__intro {
    grid-template-columns: 1fr;
  }

  .shared-onboarding-location__steps {
    grid-template-columns: 1fr;
  }

  .shared-onboarding-location__status {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-onboarding-location__status .shared-auth-route-actions {
    width: 100%;
  }

  .shared-onboarding-location__status .shared-feed-chip {
    justify-content: center;
  }

  .shared-coalition-room-admin {
    position: static;
  }

  .shared-admin-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-card--candidate-preview {
    height: auto;
  }

  .shared-campaign-access-map__metrics,
  .shared-campaign-access-map__features,
  .shared-campaign-empty-access__steps,
  .shared-campaign-empty-access__features,
  .shared-campaign-feature-grid,
  .shared-coalition-access-map__metrics,
  .shared-coalition-access-map__actions,
  .shared-coalition-access-map__lanes,
  .shared-coalition-access-map__features,
  .shared-coalition-feature-grid {
    grid-template-columns: 1fr;
  }

  .shared-campaign-card {
    min-height: auto;
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .shared-campaign-card__avatar {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .shared-campaign-feature-card {
    min-height: auto;
  }

  .shared-coalition-card {
    min-height: auto;
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .shared-coalition-avatar {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .shared-coalition-feature-card {
    min-height: auto;
  }

  .shared-feed-post {
    width: 100%;
    height: calc(100vh - 96px);
  }

  .shared-feed-post__frame {
    width: 100%;
    border-radius: 0;
    border-inline: 0;
  }

  .shared-media-grid--five-wide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-events-command,
  .shared-events-filter,
  .shared-events-map-layout,
  .shared-events-map-search__header,
  .shared-events-map-search__form,
  .shared-event-feed-card--feature {
    grid-template-columns: 1fr;
  }

  .shared-events-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-events-filter__tag-input,
  .shared-events-filter__tags {
    grid-column: 1 / -1;
  }

  .shared-events-map__status {
    margin-bottom: 10px;
  }

  .shared-events-map__status span {
    flex: 1 1 128px;
  }

  .shared-events-feed {
    grid-template-columns: 1fr;
  }

  .shared-event-feed-card--feature .shared-event-feed-card__media {
    min-height: 240px;
  }

  .shared-messaging-workspace {
    height: auto;
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .shared-messaging-workspace--thread-active {
    height: calc(100vh - 108px);
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
  }

  @supports (height: 100svh) {
    .shared-messaging-workspace--thread-active {
      height: calc(100svh - 108px);
    }
  }

  .shared-messaging-workspace--settings-focus .shared-messaging-rail {
    order: 1;
  }

  .shared-messaging-workspace--settings-focus .shared-messaging-main {
    order: 2;
  }

  .shared-messaging-workspace--settings-focus .shared-messaging-sidebar {
    order: 3;
  }

  .shared-messaging-workspace--access-focus .shared-messaging-main {
    order: 1;
  }

  .shared-messaging-workspace--access-focus .shared-messaging-rail {
    order: 2;
  }

  .shared-messaging-workspace--access-focus .shared-messaging-sidebar {
    order: 3;
  }

  .shared-messaging-workspace--safety-focus .shared-messaging-main {
    order: 1;
  }

  .shared-messaging-workspace--safety-focus .shared-messaging-rail {
    order: 2;
  }

  .shared-messaging-workspace--safety-focus .shared-messaging-sidebar {
    order: 3;
  }

  .shared-messaging-workspace--automation-focus .shared-messaging-main {
    order: 1;
  }

  .shared-messaging-workspace--automation-focus .shared-messaging-rail {
    order: 2;
  }

  .shared-messaging-workspace--automation-focus .shared-messaging-sidebar {
    order: 3;
  }

  .shared-messaging-workspace--room-access-focus .shared-messaging-main {
    order: 1;
  }

  .shared-messaging-workspace--room-access-focus .shared-messaging-rail {
    order: 2;
  }

  .shared-messaging-workspace--room-access-focus .shared-messaging-sidebar {
    order: 3;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-rail {
    order: 1;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar {
    order: 2;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-main {
    order: 3;
  }

  .shared-messaging-hub {
    grid-template-columns: 1fr;
  }

  .shared-messaging-hub__metrics,
  .shared-messaging-hub__queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-service-center .shared-messaging-readiness-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-panel--inbox-home,
  .shared-messaging-inbox-home,
  .shared-messaging-inbox-layout {
    overflow: visible;
  }

  .shared-messaging-inbox-overview,
  .shared-messaging-inbox-layout {
    grid-template-columns: 1fr;
  }

  .shared-messaging-inbox-thread {
    min-height: 520px;
  }

  .shared-messaging-inbox-layout__side {
    overflow: visible;
    padding-right: 0;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-rail {
    order: 1;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-main {
    order: 2;
    min-height: 0;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-sidebar {
    order: 3;
    display: none;
  }

  .shared-messaging-workspace--inbox-thread.shared-messaging-workspace--thread-active {
    height: auto;
    min-height: auto;
    grid-template-rows: auto auto auto;
  }

  .shared-messaging-workspace--inbox-thread.shared-messaging-workspace--thread-active
    .shared-messaging-sidebar {
    order: 2;
    display: flex;
  }

  .shared-messaging-workspace--inbox-thread.shared-messaging-workspace--thread-active
    .shared-messaging-main {
    order: 3;
    min-height: 640px;
  }

  .shared-messaging-thread-header__mobile-back {
    display: inline-flex;
  }

  .shared-messaging-workspace--inbox-thread.shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__mobile-back {
    display: none;
  }

  .shared-messaging-rail {
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--sf-line);
  }

  .shared-messaging-rail__servers {
    flex: 0 0 auto;
    width: auto;
    flex-direction: row;
    overflow: visible;
  }

  .shared-messaging-sidebar {
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid var(--sf-line);
  }

  .shared-messaging-list {
    max-height: 360px;
  }

  .shared-messaging-server-tools {
    max-height: none;
    overflow: visible;
  }

  .shared-messaging-permission-command__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-permission-command__header > em {
    width: fit-content;
    max-width: 100%;
  }

  .shared-messaging-permission-command-metrics,
  .shared-messaging-permission-command-actions,
  .shared-messaging-permission-hero,
  .shared-messaging-permission-summary-grid,
  .shared-messaging-permission-layout,
  .shared-messaging-permission-decision-grid,
  .shared-messaging-permission-basic,
  .shared-messaging-permission-add-role,
  .shared-messaging-permission-row {
    grid-template-columns: 1fr;
  }

  .shared-messaging-permission-hero__stats {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  }

  .shared-messaging-permission-command-action {
    min-height: 0;
  }

  .shared-messaging-permission-private {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-permission-choices {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-messaging-permission-add-role .shared-feed-chip,
  .shared-messaging-permission-editor-form__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-panel--thread .shared-message-list {
    min-height: 420px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-panel--thread
    .shared-message-list {
    min-height: 0;
  }

  .shared-messaging-thread-layout {
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-context {
    border-left: 0;
    border-top: 1px solid var(--sf-line);
  }

  .shared-messaging-workspace--thread-active .shared-messaging-room-context {
    display: none;
  }

  .shared-search-results-layout .shared-search-panel:first-child {
    grid-row: auto;
  }

  .shared-search-auth__results {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .shared-campaign-dashboard--section .shared-page__content {
    gap: 12px;
  }

  .shared-campaign-dashboard--section .shared-page__back-row {
    margin-bottom: -2px;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero {
    padding: 12px;
    border-radius: 22px;
    gap: 12px;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__identity {
    width: 100%;
    gap: 10px;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__avatar {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 1rem;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero h1 {
    font-size: 1.08rem;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero p {
    display: none;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__actions,
  .shared-campaign-dashboard--section .shared-campaign-tabs {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__actions::-webkit-scrollbar,
  .shared-campaign-dashboard--section .shared-campaign-tabs::-webkit-scrollbar {
    display: none;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__actions {
    padding-bottom: 2px;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__actions .shared-feed-chip,
  .shared-campaign-dashboard--section .shared-campaign-tab {
    flex: 0 0 auto;
  }

  .shared-campaign-dashboard--section .shared-campaign-hero__actions .shared-feed-chip {
    min-height: 36px;
    padding-inline: 10px;
  }

  .shared-campaign-dashboard--section .shared-campaign-command-strip {
    display: none;
  }

  .shared-campaign-dashboard--section .shared-campaign-tabs {
    gap: 8px;
    margin-inline: -2px;
    padding: 0 2px 6px;
  }

  .shared-campaign-dashboard--section .shared-campaign-tab {
    min-height: 38px;
    padding-inline: 10px;
    gap: 6px;
  }

  .shared-campaign-dashboard--section .shared-campaign-tab span {
    width: 16px;
    height: 16px;
  }

  .shared-campaign-dashboard--section .shared-campaign-tab strong {
    font-size: 0.8rem;
  }

  .shared-campaign-dashboard--section .shared-campaign-section {
    gap: 12px;
  }

  .shared-campaign-dashboard--section .shared-campaign-registry-command,
  .shared-campaign-dashboard--section .shared-campaign-registry-row {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-campaign-dashboard--section .shared-campaign-registry-command__metrics,
  .shared-campaign-dashboard--section .shared-campaign-registry-command__actions {
    grid-template-columns: 1fr;
  }

  .shared-campaign-dashboard--section .shared-campaign-registry-command__actions a {
    min-height: 0;
  }

  .shared-campaign-dashboard--section .shared-campaign-engagement-command,
  .shared-campaign-dashboard--section .shared-campaign-engagement-item,
  .shared-campaign-dashboard--section .shared-campaign-engagement-comment {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-campaign-dashboard--section .shared-campaign-engagement-command__metrics,
  .shared-campaign-dashboard--section .shared-campaign-engagement-command__flow,
  .shared-campaign-dashboard--section .shared-campaign-engagement-reply {
    grid-template-columns: 1fr;
  }

  .shared-campaign-dashboard--section .shared-campaign-engagement-command__flow span {
    min-height: 0;
  }

  .shared-campaign-dashboard--section .shared-campaign-engagement-reply .shared-feed-chip {
    justify-content: center;
  }

  .shared-campaign-dashboard--section .shared-campaign-staff-access-map,
  .shared-campaign-dashboard--section .shared-campaign-staff-card,
  .shared-campaign-dashboard--section .shared-campaign-staff-invite-row,
  .shared-campaign-dashboard--section .shared-campaign-staff-create-role {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-campaign-dashboard--section .shared-campaign-staff-access-map__header,
  .shared-campaign-dashboard--section .shared-campaign-staff-access-map__roles,
  .shared-campaign-dashboard--section .shared-campaign-staff-card__summary,
  .shared-campaign-dashboard--section .shared-campaign-staff-card__top,
  .shared-campaign-dashboard--section .shared-campaign-staff-invite-row,
  .shared-campaign-dashboard--section .shared-campaign-staff-permission-grid {
    grid-template-columns: 1fr;
  }

  .shared-campaign-dashboard--section .shared-campaign-staff-access-map__header dl,
  .shared-campaign-dashboard--section .shared-campaign-staff-access-role__counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-dashboard--section .shared-campaign-staff-permission-chips em {
    min-height: 26px;
    font-size: 0.68rem;
  }

  .shared-coalition-workspace--section .shared-page__content {
    gap: 12px;
  }

  .shared-coalition-workspace--section .shared-page__back-row {
    margin-bottom: -2px;
  }

  .shared-coalition-workspace--section .shared-coalition-hero {
    padding: 12px;
    border-radius: 22px;
    gap: 12px;
  }

  .shared-coalition-workspace--section .shared-coalition-hero__identity {
    width: 100%;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }

  .shared-coalition-workspace--section .shared-coalition-avatar--large {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 1rem;
  }

  .shared-coalition-workspace--section .shared-coalition-hero h1 {
    font-size: 1.08rem;
  }

  .shared-coalition-workspace--section .shared-coalition-hero p {
    display: none;
  }

  .shared-coalition-workspace--section .shared-coalition-hero__actions,
  .shared-coalition-workspace--section .shared-coalition-tabs {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .shared-coalition-workspace--section
    .shared-coalition-hero__actions::-webkit-scrollbar,
  .shared-coalition-workspace--section .shared-coalition-tabs::-webkit-scrollbar {
    display: none;
  }

  .shared-coalition-workspace--section .shared-coalition-hero__actions {
    padding-bottom: 2px;
  }

  .shared-coalition-workspace--section
    .shared-coalition-hero__actions
    .shared-feed-chip,
  .shared-coalition-workspace--section .shared-coalition-tab {
    flex: 0 0 auto;
  }

  .shared-coalition-workspace--section
    .shared-coalition-hero__actions
    .shared-feed-chip {
    min-height: 36px;
    padding-inline: 10px;
  }

  .shared-coalition-workspace--section .shared-coalition-command-strip {
    display: none;
  }

  .shared-coalition-workspace--section .shared-coalition-tabs {
    gap: 8px;
    margin-inline: -2px;
    padding: 0 2px 6px;
  }

  .shared-coalition-workspace--section .shared-coalition-tab {
    min-height: 38px;
    padding-inline: 10px;
    gap: 6px;
  }

  .shared-coalition-workspace--section .shared-coalition-tab span {
    width: 16px;
    height: 16px;
  }

  .shared-coalition-workspace--section .shared-coalition-tab strong {
    font-size: 0.8rem;
  }

  .shared-coalition-workspace--section .shared-coalition-section {
    gap: 12px;
  }

  .shared-coalition-auth__tile-copy small {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
  }

  .shared-discover-page--auth .shared-discover-hero .shared-discover-stats {
    display: none;
  }

  .shared-discover-page--auth .shared-discover-paths {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .shared-discover-page--auth .shared-discover-path {
    min-height: 124px;
    padding: 13px;
    border-radius: 18px;
  }

  .shared-discover-module-command {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: 22px;
  }

  .shared-discover-module-command__metrics {
    grid-template-columns: 1fr;
  }

  .shared-discover-module-command__metrics article {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
  }

  .shared-discover-module-command__queue article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-discover-module-command__queue span {
    grid-column: 1 / -1;
  }

  .shared-discover-module-command footer {
    font-size: 0.78rem;
  }

  .shared-policy-questions-page .shared-feed-topbar,
  .shared-achievements-page .shared-feed-topbar,
  .shared-topics-page--auth .shared-feed-topbar,
  .shared-post-analytics-page .shared-feed-topbar,
  .shared-create-page .shared-feed-topbar,
  .shared-messaging-page .shared-feed-topbar {
    position: static;
  }

  :root[data-polis-theme-resolved="light"]
    .shared-policy-questions-page
    .shared-feed-topbar__title,
  :root[data-polis-theme-resolved="light"]
    .shared-policy-questions-page
    .shared-feed-topbar__mode,
  :root[data-polis-theme-resolved="light"]
    .shared-achievements-page
    .shared-feed-topbar__title,
  :root[data-polis-theme-resolved="light"]
    .shared-achievements-page
    .shared-feed-topbar__mode,
  :root[data-polis-theme-resolved="light"]
    .shared-topics-page--auth
    .shared-feed-topbar__title,
  :root[data-polis-theme-resolved="light"]
    .shared-topics-page--auth
    .shared-feed-topbar__mode,
  :root[data-polis-theme-resolved="light"]
    .shared-post-analytics-page
    .shared-feed-topbar__title,
  :root[data-polis-theme-resolved="light"]
    .shared-post-analytics-page
    .shared-feed-topbar__mode {
    color: rgba(16, 22, 36, 0.64);
  }

  :root[data-polis-theme-resolved="light"]
    .shared-policy-questions-page
    .shared-feed-topbar__mode.is-active,
  :root[data-polis-theme-resolved="light"]
    .shared-policy-questions-page
    .shared-feed-topbar__icon,
  :root[data-polis-theme-resolved="light"]
    .shared-achievements-page
    .shared-feed-topbar__mode.is-active,
  :root[data-polis-theme-resolved="light"]
    .shared-achievements-page
    .shared-feed-topbar__icon,
  :root[data-polis-theme-resolved="light"]
    .shared-topics-page--auth
    .shared-feed-topbar__mode.is-active,
  :root[data-polis-theme-resolved="light"]
    .shared-topics-page--auth
    .shared-feed-topbar__icon,
  :root[data-polis-theme-resolved="light"]
    .shared-post-analytics-page
    .shared-feed-topbar__mode.is-active,
  :root[data-polis-theme-resolved="light"]
    .shared-post-analytics-page
    .shared-feed-topbar__icon {
    color: #101624;
  }

  .shared-feed-topbar {
    grid-template-columns: 1fr auto auto;
    padding-inline: 12px;
  }

  .shared-feed-topbar__toggle {
    gap: 16px;
  }

  .shared-feed-post__overlay--chrome {
    padding: 16px 12px 18px;
  }

  .shared-feed-post__content {
    gap: 12px;
    padding-right: 74px;
  }

  .shared-feed-post__copy {
    max-width: 100%;
  }

  .shared-messaging-auth {
    padding: 22px;
    border-radius: 24px;
    gap: 16px;
  }

  .shared-messaging-auth h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-messaging-auth__copy {
    gap: 14px;
  }

  .shared-messaging-auth__service-map article {
    padding: 12px;
    border-radius: 18px;
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .shared-messaging-auth__service-map article > span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .shared-messaging-auth__service-map strong {
    font-size: 0.94rem;
  }

  .shared-messaging-auth__service-map p {
    font-size: 0.76rem;
    line-height: 1.28;
  }

  .shared-messaging-auth__service-map b {
    font-size: 0.68rem;
  }

  .shared-messaging-auth__routes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-inline: 0;
    padding: 0;
    overflow-x: visible;
  }

  .shared-messaging-auth__routes span {
    min-width: 0;
    min-height: 76px;
    padding: 10px;
    border-radius: 16px;
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .shared-messaging-auth__routes i {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  .shared-messaging-auth__routes strong {
    font-size: 0.86rem;
  }

  .shared-messaging-auth__routes small {
    display: -webkit-box;
    font-size: 0.72rem;
    line-height: 1.22;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .shared-messaging-auth__preview {
    grid-template-columns: 1fr;
  }

  .shared-messaging-auth__preview {
    min-height: auto;
    padding: 10px;
    border-radius: 22px;
  }

  .shared-messaging-auth__thread-list {
    max-height: none;
  }

  .shared-messaging-auth__thread {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .shared-messaging-auth__thread > span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .shared-messaging-auth__conversation {
    min-height: 330px;
  }

  .shared-messaging-auth__composer-preview {
    grid-template-columns: minmax(0, 1fr) 38px;
  }

  .shared-messaging-auth__composer-preview span {
    min-height: 38px;
    padding-inline: 12px;
  }

  .shared-messaging-auth__composer-preview i {
    width: 38px;
    height: 38px;
  }

  .shared-messaging-panel--inbox-home {
    padding: 16px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-mini-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-mini-nav button {
    min-height: 40px;
    padding: 8px 6px;
    border-radius: 12px;
    font-size: 0.66rem;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar-summary button {
    min-height: 50px;
    padding: 8px 7px;
    border-radius: 13px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar-summary strong {
    font-size: 1rem;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-sidebar-summary span {
    font-size: 0.6rem;
  }

  .shared-messaging-workspace--inbox-home
    .shared-messaging-panel--inbox-home
    > .shared-messaging-panel__header,
  .shared-messaging-workspace--inbox-home .shared-messaging-inbox-overview,
  .shared-messaging-workspace--inbox-home .shared-messaging-service-center {
    display: none;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-inbox-home,
  .shared-messaging-workspace--inbox-home .shared-messaging-inbox-layout {
    gap: 12px;
  }

  .shared-messaging-workspace--inbox-home .shared-messaging-inbox-layout__main,
  .shared-messaging-workspace--inbox-home .shared-messaging-inbox-thread {
    min-height: 0;
  }

  .shared-messaging-workspace--settings-focus .shared-messaging-sidebar {
    display: none;
  }

  .shared-messaging-panel--inbox-home .shared-messaging-panel__header,
  .shared-messaging-inbox-thread__header,
  .shared-messaging-inbox-section__header {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-messaging-panel--inbox-home .shared-messaging-panel__actions,
  .shared-messaging-inbox-thread__header .shared-feed-chip,
  .shared-messaging-inbox-section__header .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-inbox-overview {
    padding: 14px;
    border-radius: 18px;
  }

  .shared-messaging-inbox-overview__stats,
  .shared-messaging-inbox-layout__side,
  .shared-messaging-inbox-tools {
    grid-template-columns: 1fr;
  }

  .shared-messaging-inbox-stat {
    min-height: 74px;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    align-items: center;
    column-gap: 10px;
  }

  .shared-messaging-inbox-stat small {
    grid-column: 2;
  }

  .shared-messaging-inbox-thread {
    min-height: 500px;
  }

  .shared-messaging-inbox-layout__main {
    min-height: 500px;
  }

  .shared-messaging-inbox-thread__identity h3,
  .shared-messaging-inbox-thread__identity p {
    white-space: normal;
  }

  .shared-messaging-inbox-thread__composer {
    grid-template-columns: 1fr;
  }

  .shared-messaging-inbox-thread__composer .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-inbox-queue-item {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-inbox-queue-item .shared-feed-chip {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .shared-messaging-inbox-workspace {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-inbox-workspace em {
    grid-column: 1 / -1;
    text-align: right;
  }

  .shared-feed-post__copy-toggle.is-expanded {
    max-height: min(52vh, 360px);
  }

  .shared-feed-action {
    width: 56px;
  }

  .shared-feed-action__icon {
    width: 42px;
    height: 42px;
  }

  .shared-feed-action__icon svg {
    width: 28px;
    height: 28px;
  }

  .shared-feed-post__actions {
    right: 12px;
    bottom: 18px;
    gap: 8px;
  }

  .shared-feed-scrubber {
    width: 100%;
  }

  .shared-comments__panel,
  .shared-auth-modal__dialog {
    width: 100%;
    left: 0;
  }

  .shared-comments__panel {
    right: 0;
    max-width: 100vw;
    transform: none !important;
    translate: 0 100%;
    transition:
      translate 220ms ease,
      visibility 0s linear 220ms;
  }

  .shared-comments.is-open .shared-comments__panel {
    transform: none !important;
    translate: 0 0;
    transition: translate 220ms ease;
  }

  .shared-auth-modal__dialog {
    transform: none;
  }

  .shared-auth-modal__dialog {
    top: auto;
    bottom: 0;
    translate: 0 100%;
    border-radius: 28px 28px 0 0;
  }

  .shared-auth-modal.is-open .shared-auth-modal__dialog {
    translate: 0 0;
  }

  .shared-donation-flow__dialog {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 94vh;
    border-radius: 28px 28px 0 0;
    transform: none;
  }

  .shared-donation-flow__header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-donation-flow__progress,
  .shared-donation-flow__amount-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-donation-flow__field-grid,
  .shared-donation-flow__review-grid,
  .shared-donation-flow__requirement,
  .shared-donation-flow__review-line {
    grid-template-columns: 1fr;
  }

  .shared-donation-flow__requirement-status {
    justify-self: start;
  }

  .shared-donation-flow__actions {
    justify-content: stretch;
  }

  .shared-donation-flow__actions .shared-feed-chip {
    flex: 1 1 150px;
  }

  .shared-page__content {
    padding-inline: 12px;
  }

  .shared-policy-questions-auth {
    gap: 12px;
  }

  .shared-policy-questions-auth__copy,
  .shared-policy-questions-auth__preview {
    padding: 16px;
    border-radius: 20px;
  }

  .shared-policy-questions-auth__copy {
    gap: 16px;
  }

  .shared-policy-questions-auth__copy h1 {
    font-size: 2.15rem;
    line-height: 1.02;
  }

  .shared-policy-questions-auth__copy p {
    margin-top: 10px;
  }

  .shared-policy-questions-auth__coverage {
    display: none;
  }

  .shared-policy-questions-auth__toolbar,
  .shared-policy-questions-auth__detail,
  .shared-policy-questions-auth__intel,
  .shared-policy-questions-auth__list,
  .shared-policy-questions-auth__scores {
    grid-template-columns: 1fr;
  }

  .shared-policy-questions-auth__search {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-policy-questions-auth__search b {
    display: none;
  }

  .shared-policy-questions-auth__detail .shared-policy-question-option {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-policy-questions-auth__detail .shared-policy-question-option__status {
    grid-column: 2;
    justify-self: start;
  }

  .shared-policy-questions-auth__matrix {
    min-height: 118px;
  }

  .shared-achievements-auth {
    gap: 12px;
  }

  .shared-achievements-auth__copy,
  .shared-achievements-auth__preview,
  .shared-achievements-auth__summary,
  .shared-achievements-auth__detail {
    padding: 16px;
    border-radius: 20px;
  }

  .shared-achievements-auth__copy {
    gap: 16px;
  }

  .shared-achievements-auth__copy h1 {
    font-size: 2.15rem;
    line-height: 1.02;
  }

  .shared-achievements-auth__copy p {
    margin-top: 10px;
  }

  .shared-achievements-auth__coverage {
    display: none;
  }

  .shared-achievements-auth__summary,
  .shared-achievements-auth__detail,
  .shared-achievements-auth__routes {
    grid-template-columns: 1fr;
  }

  .shared-achievements-auth__routes {
    gap: 7px;
  }

  .shared-achievements-auth__routes span {
    min-height: 40px;
    padding: 8px 9px;
    font-size: 0.76rem;
  }

  .shared-topics-auth {
    gap: 12px;
  }

  .shared-topics-auth__copy,
  .shared-topics-auth__preview {
    padding: 16px;
    border-radius: 20px;
  }

  .shared-topics-auth__copy {
    gap: 16px;
  }

  .shared-topics-auth__copy h1 {
    font-size: 2.15rem;
    line-height: 1.02;
  }

  .shared-topics-auth__copy p {
    margin-top: 10px;
  }

  .shared-topics-auth__coverage {
    display: none;
  }

  .shared-topics-auth__hero {
    min-height: auto;
  }

  .shared-topics-auth__hero h2 {
    font-size: 2rem;
    line-height: 1;
  }

  .shared-topics-auth__preview .shared-topics-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .shared-topics-auth__preview .shared-topics-metrics span {
    min-height: 68px;
    padding: 10px;
    border-radius: 14px;
  }

  .shared-topics-auth__preview .shared-topics-metrics strong {
    font-size: 1rem;
  }

  .shared-topics-auth__preview .shared-topics-metrics small {
    font-size: 0.64rem;
  }

  .shared-topics-auth__toolbar {
    grid-template-columns: 1fr;
  }

  .shared-topics-auth__toolbar .shared-topics-search {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-topics-auth__toolbar .shared-topics-search .shared-feed-chip {
    grid-column: 1 / -1;
  }

  .shared-topics-auth__footer {
    align-items: stretch;
  }

  .shared-topics-auth__toolbar .shared-topics-actions,
  .shared-topics-auth__footer .shared-topics-footer__actions {
    justify-content: stretch;
  }

  .shared-topics-auth__toolbar .shared-feed-chip,
  .shared-topics-auth__footer .shared-feed-chip {
    flex: 1 1 130px;
    justify-content: center;
  }

  .shared-topics-auth__results {
    padding: 14px;
  }

  .shared-events-command,
  .shared-events-filter,
  .shared-event-feed-card__body,
  .shared-events-map-list {
    padding: 14px;
    border-radius: 22px;
  }

  .shared-events-command__main h1,
  .shared-events-command__main h2 {
    font-size: 2rem;
  }

  .shared-events-command__actions,
  .shared-events-map-search__actions,
  .shared-event-feed-card__actions,
  .shared-events-filter__actions {
    justify-content: stretch;
  }

  .shared-events-command__actions .shared-feed-chip,
  .shared-events-map-search__actions .shared-feed-chip,
  .shared-events-map-search__submit .shared-feed-chip,
  .shared-event-feed-card__actions .shared-feed-chip,
  .shared-events-filter__actions .shared-feed-chip {
    flex: 1 1 130px;
    justify-content: center;
  }

  .shared-events-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-event-feed-card__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-events-filter {
    gap: 10px;
  }

  .shared-events-filter__tag-header,
  .shared-events-filter__tag-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-events-filter__tag-groups {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-events-filter__tag-toolbar .shared-feed-chip {
    justify-content: center;
  }

  .shared-event-feed-card__media {
    min-height: 210px;
  }

  .shared-event-feed-card__body h3 {
    font-size: 1.55rem;
  }

  .shared-events-map {
    min-height: 420px;
    border-radius: 22px;
  }

  .shared-events-map-coverage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-events-map-search__submit,
  .shared-events-map-search__status {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-missions-command {
    padding: 14px;
    border-radius: 22px;
  }

  .shared-missions-command__main {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-missions-command__actions,
  .shared-mission-action-draft__actions {
    justify-content: stretch;
  }

  .shared-missions-command__actions .shared-feed-chip,
  .shared-mission-action-draft__actions .shared-feed-chip {
    flex: 1 1 140px;
  }

  .shared-missions-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-missions-focus-chip {
    min-width: 112px;
  }

  .shared-mission-job-controls__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-mission-job-controls__actions .shared-feed-chip,
  .shared-mission-admin-actions summary {
    width: 100%;
    justify-content: center;
  }

  .shared-mission-upload-form,
  .shared-mission-follow-up-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-mission-upload-form .shared-feed-chip,
  .shared-mission-follow-up-form__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-mission-follow-up-form label.is-wide,
  .shared-mission-follow-up-form label.is-full,
  .shared-mission-follow-up-form__actions {
    grid-column: 1;
  }

  .shared-page__hero,
  .shared-page__header {
    flex-direction: column;
  }

  .shared-candidate-directory-mode,
  .shared-candidate-directory-toolbar {
    grid-template-columns: 1fr;
  }

  .shared-candidate-directory-summary {
    padding: 12px;
  }

  .shared-candidate-directory-filter {
    padding: 12px;
    grid-template-columns: 1fr;
  }

  .shared-candidate-directory-filter__search,
  .shared-candidate-directory-filter__district,
  .shared-candidate-directory-hide-auto,
  .shared-candidate-directory-filter__levels,
  .shared-candidate-directory-filter__tags,
  .shared-candidate-directory-filter__actions {
    grid-column: 1;
  }

  .shared-candidate-directory-filter__actions .shared-feed-chip,
  .shared-candidate-directory-filter__levels .shared-feed-chip {
    flex: 1 1 130px;
    justify-content: center;
  }

  .shared-candidate-directory-filter__tags-header {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-candidate-directory-mode button {
    min-height: 58px;
  }

  .shared-candidate-voter-map-heading {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .shared-candidate-voter-map-nav {
    flex-wrap: wrap;
    overflow-x: visible;
    padding-bottom: 0;
  }

  .shared-campaign-auth,
  .shared-coalition-auth,
  .shared-missions-auth,
  .shared-candidates-auth,
  .shared-feed-auth,
  .shared-profile-auth,
  .shared-discover-auth,
  .shared-search-auth,
  .shared-voter-intel-auth,
  .shared-settings-auth {
    min-height: auto;
    padding: 22px;
    border-radius: 24px;
  }

  .shared-campaign-auth h1,
  .shared-coalition-auth h1,
  .shared-missions-auth h1,
  .shared-feed-auth__copy h1,
  .shared-profile-auth__copy h1,
  .shared-candidates-auth__copy h1,
  .shared-discover-auth h1,
  .shared-search-auth h1,
  .shared-voter-intel-auth__copy h1,
  .shared-settings-auth h1 {
    font-size: 2.25rem;
  }

  .shared-settings-auth {
    gap: 16px;
  }

  .shared-settings-auth h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-settings-auth p {
    line-height: 1.45;
  }

  .shared-settings-auth__workspace {
    gap: 14px;
  }

  .shared-settings-command-preview {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-settings-command-preview__metrics {
    grid-template-columns: 1fr;
  }

  .shared-settings-command-preview__metrics article {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
  }

  .shared-settings-command-preview__queue article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-settings-command-preview__queue span {
    grid-column: 1 / -1;
  }

  .shared-settings-command-preview footer {
    font-size: 0.78rem;
  }

  .shared-settings-auth__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-inline: 0;
    padding: 0;
    overflow-x: visible;
  }

  .shared-settings-auth__grid article {
    min-height: 0;
    border-radius: 18px;
  }

  .shared-voter-intel-auth {
    gap: 16px;
  }

  .shared-voter-intel-auth__copy {
    gap: 14px;
  }

  .shared-voter-intel-auth__copy h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-voter-intel-auth__copy p {
    line-height: 1.45;
  }

  .shared-voter-intel-auth__workspace {
    padding: 10px;
    border-radius: 22px;
  }

  .shared-voter-intel-auth__matrix,
  .shared-voter-intel-auth__panel {
    padding: 12px;
    border-radius: 20px;
  }

  .shared-voter-intel-auth__matrix-plot {
    min-height: 210px;
  }

  .shared-voter-intel-auth__coverage {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .shared-voter-intel-auth__guide,
  .shared-voter-intel-auth__signals article {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 12px;
    border-radius: 18px;
  }

  .shared-voter-intel-auth__guide > span,
  .shared-voter-intel-auth__signals article > span {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .shared-missions-auth {
    gap: 16px;
  }

  .shared-missions-auth h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-missions-auth p {
    line-height: 1.45;
  }

  .shared-missions-auth__workspace {
    gap: 14px;
  }

  .shared-missions-command-preview {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-missions-command-preview__metrics {
    grid-template-columns: 1fr;
  }

  .shared-missions-command-preview__metrics article {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
  }

  .shared-missions-command-preview__queue article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-missions-command-preview__queue span {
    grid-column: 1 / -1;
  }

  .shared-missions-command-preview footer {
    font-size: 0.78rem;
  }

  .shared-missions-auth__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-inline: 0;
    padding: 0;
    overflow-x: visible;
  }

  .shared-missions-auth__tile {
    min-height: 0;
    border-radius: 18px;
  }

  .shared-campaign-auth--dashboard {
    gap: 16px;
  }

  .shared-campaign-auth--voter-map {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-campaign-auth--dashboard h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-campaign-auth--dashboard p {
    line-height: 1.45;
  }

  .shared-campaign-auth__workspace {
    gap: 14px;
  }

  .shared-campaign-dashboard-preview {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-voter-map-preview__canvas {
    min-height: 160px;
    border-radius: 18px;
  }

  .shared-campaign-dashboard-preview__metrics {
    grid-template-columns: 1fr;
  }

  .shared-campaign-dashboard-preview__metrics article {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
  }

  .shared-campaign-dashboard-preview__queue article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-campaign-dashboard-preview__queue span {
    grid-column: 1 / -1;
  }

  .shared-campaign-dashboard-preview footer {
    font-size: 0.78rem;
  }

  .shared-coalition-auth--workspace {
    gap: 16px;
  }

  .shared-coalition-auth--workspace h1 {
    font-size: 2rem;
    line-height: 1.04;
  }

  .shared-coalition-auth--workspace p {
    line-height: 1.45;
  }

  .shared-coalition-auth__workspace {
    gap: 14px;
  }

  .shared-coalition-command-preview {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-coalition-command-preview__metrics {
    grid-template-columns: 1fr;
  }

  .shared-coalition-command-preview__metrics article {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
  }

  .shared-coalition-command-preview__queue article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-coalition-command-preview__queue span {
    grid-column: 1 / -1;
  }

  .shared-coalition-command-preview footer {
    font-size: 0.78rem;
  }

  .shared-coalition-auth__grid--workspace {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    margin-inline: -2px;
    padding: 0 2px 4px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .shared-coalition-auth__grid--workspace::-webkit-scrollbar {
    display: none;
  }

  .shared-coalition-auth--workspace .shared-coalition-auth__tile--feature {
    flex: 0 0 226px;
    min-height: 152px;
    border-radius: 18px;
    scroll-snap-align: start;
  }

  .shared-coalition-auth__module-map {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .shared-coalition-auth__module {
    padding: 14px;
    border-radius: 18px;
  }

  .shared-coalition-auth__module-top {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .shared-coalition-auth__module-top > span {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .shared-coalition-auth__module-items span {
    font-size: 0.72rem;
  }

  .shared-campaign-auth__grid--dashboard {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-inline: 0;
    padding: 0;
    overflow-x: visible;
  }

  .shared-campaign-auth--dashboard .shared-campaign-auth__tile--feature {
    min-height: 0;
    border-radius: 18px;
  }

  .shared-campaign-auth__module-map {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .shared-campaign-auth__module {
    padding: 14px;
    border-radius: 18px;
  }

  .shared-campaign-auth__module-top {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .shared-campaign-auth__module-top > span {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .shared-campaign-auth__module-items span {
    font-size: 0.72rem;
  }

  .shared-feed-auth__preview-top,
  .shared-profile-auth__preview,
  .shared-candidates-auth__toolbar,
  .shared-candidates-auth__metrics,
  .shared-candidates-auth-workspace {
    grid-template-columns: 1fr;
  }

  .shared-feed-auth__tools,
  .shared-candidates-auth__tools {
    justify-content: flex-start;
  }

  .shared-feed-auth__segments span,
  .shared-candidates-auth__segments span {
    min-height: 36px;
    font-size: 0.82rem;
  }

  .shared-candidates-auth__metrics {
    display: none;
  }

  .shared-feed-auth__workspace {
    grid-template-columns: 1fr;
  }

  .shared-create-auth__workspace {
    grid-template-columns: 1fr;
  }

  .shared-create-auth__media-frame {
    min-height: 210px;
  }

  .shared-create-auth__tool-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-create-auth__tool-row span {
    min-height: 42px;
    padding: 8px 6px;
    gap: 5px;
    font-size: 0.72rem;
  }

  .shared-create-auth__review {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-feed-auth__side {
    display: none;
  }

  .shared-feed-auth__coverage {
    gap: 8px;
  }

  .shared-profile-auth__quick-links {
    gap: 8px;
  }

  .shared-profile-auth__quick-links span {
    min-height: 40px;
    padding: 9px 10px;
    font-size: 0.78rem;
  }

  .shared-profile-auth__side {
    display: none;
  }

  .shared-profile-auth__preview {
    padding: 12px;
    border-radius: 22px;
  }

  .shared-profile-auth-card {
    border-radius: 20px;
    grid-template-rows: 88px 1fr;
  }

  .shared-profile-auth-card__body {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 0 12px 12px;
  }

  .shared-profile-auth-card__avatar {
    width: 66px;
    height: 66px;
    margin-top: -32px;
    font-size: 1.8rem;
  }

  .shared-profile-auth-card__body > .shared-feed-chip {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    margin-top: 0;
  }

  .shared-profile-auth-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-profile-auth-post-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-profile-auth-post-grid span {
    min-height: 62px;
    border-radius: 16px;
  }

  .shared-feed-auth__coverage span {
    min-height: 40px;
    padding: 9px 10px;
    font-size: 0.78rem;
  }

  .shared-feed-auth__preview {
    padding: 12px;
    border-radius: 22px;
  }

  .shared-feed-auth-post {
    grid-template-rows: auto minmax(122px, auto) auto auto;
    padding: 12px;
    border-radius: 20px;
  }

  .shared-feed-auth-post__media {
    min-height: 122px;
    border-radius: 18px;
  }

  .shared-feed-auth-post__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-candidates-auth-card {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-candidates-auth-card__avatar {
    width: 50px;
    height: 50px;
  }

  .shared-campaign-tabs {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .shared-campaign-calendar .shared-campaign-panel__header,
  .shared-campaign-staff .shared-campaign-panel__header {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
  }

  .shared-campaign-staff-command {
    padding: 14px;
  }

  .shared-campaign-staff-access-map {
    padding: 14px;
  }

  .shared-campaign-staff-access-map__header dl,
  .shared-campaign-staff-access-role__counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-staff-command__actions {
    gap: 8px;
  }

  .shared-campaign-staff-status {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .shared-campaign-staff-status .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-campaign-staff-search-result,
  .shared-campaign-staff-selected,
  .shared-campaign-staff-invite-summary {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }

  .shared-campaign-staff-search-result .shared-campaign-staff-avatar,
  .shared-campaign-staff-selected .shared-campaign-staff-avatar {
    display: none;
  }

  .shared-campaign-staff-search-result em {
    justify-self: start;
  }

  .shared-campaign-staff-filter-summary {
    justify-content: flex-start;
  }

  .shared-campaign-events-command {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-campaign-events-command__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .shared-campaign-messaging-recovery-strip {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .shared-campaign-messaging-recovery-strip .shared-feed-chip {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .shared-campaign-calendar-item__title,
  .shared-campaign-calendar-connection__top {
    flex-direction: column;
  }

  .shared-campaign-events-route {
    position: static;
  }

  .shared-campaign-events-map-canvas__surface {
    height: clamp(248px, 68vw, 282px);
    min-height: 0;
    aspect-ratio: auto;
    border-radius: 18px;
  }

  .shared-campaign-events-map-canvas__grid,
  .shared-campaign-events-map-canvas__empty {
    inset: 12px;
    border-radius: 16px;
  }

  .shared-campaign-events-map-canvas__pin,
  .shared-campaign-events-map-canvas__pin-marker {
    width: 32px;
    height: 32px;
  }

  .shared-campaign-events-map-canvas__pin-marker {
    font-size: 0.72rem;
    box-shadow:
      0 10px 20px rgba(9, 18, 32, 0.2),
      0 0 0 5px rgba(220, 38, 38, 0.11);
  }

  .shared-campaign-events-map-canvas__pin.is-route .shared-campaign-events-map-canvas__pin-marker {
    box-shadow:
      0 10px 20px rgba(9, 18, 32, 0.2),
      0 0 0 5px rgba(15, 118, 110, 0.13);
  }

  .shared-campaign-events-map-canvas__pin-label {
    display: none;
  }

  .shared-campaign-events-map-canvas__legend {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .shared-campaign-events-map-canvas__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-auth__grid,
  .shared-campaign-analytics-command,
  .shared-campaign-analytics-command__cards,
  .shared-campaign-analytics-grid,
  .shared-campaign-calendar-grid,
  .shared-campaign-calendar-filters,
  .shared-campaign-calendar-form-grid,
  .shared-campaign-event-card,
  .shared-campaign-event-card__stats,
  .shared-campaign-events-command__metrics,
  .shared-campaign-events-command__nav,
  .shared-campaign-events-form,
  .shared-campaign-events-hero,
  .shared-campaign-events-map-filter,
  .shared-campaign-events-map-grid,
  .shared-campaign-events-metrics,
  .shared-campaign-grid,
  .shared-campaign-mission-board,
  .shared-campaign-mission-card__top,
  .shared-campaign-mission-form-grid,
  .shared-campaign-mission-target-columns,
  .shared-campaign-mission-target-picker__header,
  .shared-campaign-mission-template,
  .shared-campaign-mission-templates,
  .shared-campaign-metrics,
  .shared-campaign-messaging-action-grid,
  .shared-campaign-messaging-focus__meta,
  .shared-campaign-messaging-room-links,
  .shared-campaign-messaging-signals,
  .shared-campaign-contact-ops__summary,
  .shared-campaign-contact-ops__grid,
  .shared-campaign-room-card__stats,
  .shared-campaign-staff-command,
  .shared-campaign-staff-command__actions,
  .shared-campaign-staff-grid,
  .shared-coalition-auth__grid,
  .shared-coalition-grid,
  .shared-coalition-metrics,
  .shared-missions-auth__grid,
  .shared-missions-metrics,
  .shared-missions-filter,
  .shared-mission-detail-hero,
  .shared-discover-auth__grid,
  .shared-discover-search,
  .shared-discover-stats,
  .shared-discover-paths,
  .shared-discover-action-deck,
  .shared-discover-list--featured,
  .shared-search-hero,
  .shared-search-results-header,
  .shared-search-form,
  .shared-search-quick-grid,
  .shared-search-query-grid,
  .shared-search-tabs,
  .shared-search-results-layout,
  .shared-create-source-row,
  .shared-create-grid,
  .shared-create-camera__actions,
  .shared-create-checks,
  .shared-create-option-row,
  .shared-create-branding,
  .shared-create-save-export,
  .shared-create-trim__sliders,
  .shared-create-trim__fields,
  .shared-create-trim__meta,
  .shared-create-teleprompter__sliders,
  .shared-create-cover-grid,
  .shared-create-cover-control-row,
  .shared-create-caption-time-grid,
  .shared-create-caption-control-row,
  .shared-create-caption-style-grid,
  .shared-create-crosspost-youtube,
  .shared-policy-questions-metrics,
  .shared-policy-questions-search,
  .shared-policy-question-detail-layout,
  .shared-achievements-metrics,
  .shared-achievements-layout,
  .shared-post-analytics-grid,
  .shared-post-analytics-layout,
  .shared-post-analytics-summary,
  .shared-topics-metrics,
  .shared-topics-search,
  .shared-topics-grid,
  .shared-settings-auth__grid,
  .shared-voter-intel-auth__coverage,
  .shared-settings-audience-hero,
  .shared-settings-audience-metrics,
  .shared-settings-security-grid,
  .shared-settings-security-forms,
  .shared-settings-security-flow,
  .shared-settings-security-recovery-map,
  .shared-settings-privacy-command,
  .shared-settings-privacy-command__metrics,
  .shared-settings-privacy-lanes,
  .shared-settings-campaign-metrics,
  .shared-settings-campaign-pref-list,
  .shared-settings-campaign-editor-grid,
  .shared-settings-campaign-confirm,
  .shared-settings-resource-grid,
  .shared-settings-payments-command,
  .shared-settings-payments-command__metrics,
  .shared-settings-payment-actions,
  .shared-settings-permission-grid,
  .shared-settings-preference-grid,
  .shared-settings-donation-layout,
  .shared-settings-donation-detail-grid,
  .shared-settings-disclosure,
  .shared-settings-grid,
  .shared-settings-connected-metrics,
  .shared-settings-connected-lanes,
  .shared-settings-provider-grid,
  .shared-settings-form-grid,
  .shared-settings-check-grid,
  .shared-address-change-layout,
  .shared-address-change-upload,
  .shared-voter-profile-metrics,
  .shared-voter-profile-district-grid,
  .shared-voter-intel-tabs,
  .shared-voter-intel-metrics,
  .shared-voter-intel-next,
  .shared-voter-intel-election-grid,
  .shared-voter-intel-election-group__races,
  .shared-voter-intel-ranking__layout,
  .shared-voter-intel-matrix__meta,
  .shared-voter-intel-officials__list,
  .shared-voter-intel-race-card__meta,
  .shared-voter-intel-options,
  .shared-admin-metrics,
  .shared-admin-detail-grid,
  .shared-campaign-registry-workflow,
  .shared-campaign-registry-import-steps {
    grid-template-columns: 1fr;
  }

  .shared-discover-hero .shared-discover-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-discover-hero__actions,
  .shared-discover-hero__actions .shared-feed-chip {
    width: 100%;
  }

  .shared-voter-intel-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .shared-voter-intel-tabs::-webkit-scrollbar {
    display: none;
  }

  .shared-voter-intel-tab {
    flex: 0 0 min(220px, 76vw);
    min-height: 62px;
    padding: 10px;
    border-radius: 16px;
    grid-template-columns: 34px minmax(0, 1fr);
    scroll-snap-align: start;
  }

  .shared-voter-intel-tab span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .shared-voter-intel-tab small {
    display: none;
  }

  .shared-voter-intel-next__item {
    min-height: auto;
  }

  .shared-voter-intel-source-row {
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: flex-start;
  }

  .shared-voter-intel-source-row em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-voter-intel-election-group__summary {
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  .shared-voter-intel-election-group__relative {
    grid-column: 2;
    justify-self: start;
  }

  .shared-discover-hero__actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-settings-privacy-command__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-settings-privacy-command__actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-settings-privacy-action {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .shared-settings-privacy-action small,
  .shared-settings-privacy-action em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-settings-privacy-action small {
    grid-row: 2;
  }

  .shared-settings-privacy-action em {
    grid-row: 3;
    white-space: normal;
  }

  .shared-settings-payments-command__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-settings-payments-command__actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-settings-payment-action {
    min-height: 0;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
  }

  .shared-settings-payment-action > span {
    grid-row: 1 / 4;
  }

  .shared-settings-payment-action em {
    justify-self: start;
  }

  .shared-discover-destinations {
    padding: 14px;
  }

  .shared-discover-destinations .shared-discover-path {
    min-height: 104px;
  }

  .shared-discover-module-empty,
  .shared-discover-module-manager__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-discover-module-manager__header-actions,
  .shared-discover-module-manager__actions {
    justify-content: stretch;
  }

  .shared-discover-module-empty .shared-feed-chip,
  .shared-discover-module-manager__header-actions .shared-feed-chip,
  .shared-discover-module-manager__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-create-crosspost-target {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-create-crosspost-target__mark {
    display: none;
  }

  .shared-create-crosspost-target em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-create-page .shared-page__content {
    gap: 10px;
  }

  .shared-create-page .shared-feed-topbar {
    min-height: 54px;
  }

  .shared-create-hero {
    min-height: 0;
    padding: 14px;
    gap: 10px;
  }

  .shared-create-hero h1 {
    font-size: 1.42rem;
    line-height: 1.05;
  }

  .shared-create-hero p {
    display: none;
  }

  .shared-create-hero__actions {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .shared-create-hero__actions::-webkit-scrollbar {
    display: none;
  }

  .shared-create-hero__actions .shared-feed-chip {
    flex: 0 0 auto;
    width: auto;
    min-height: 34px;
    padding-inline: 12px;
  }

  .shared-create-panel {
    padding: 10px;
    gap: 10px;
  }

  .shared-create-mode {
    min-height: 46px;
    padding: 7px;
  }

  .shared-create-mode span {
    display: none;
  }

  .shared-create-source-row {
    gap: 6px;
  }

  .shared-create-source-row .shared-feed-chip {
    min-height: 38px;
    padding-inline: 10px;
  }

  .shared-create-drop {
    min-height: 232px;
    padding: 12px;
  }

  .shared-create-drop__empty {
    min-height: 196px;
  }

  .shared-create-drop > span,
  .shared-create-drop__empty > span {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .shared-create-upload-note {
    padding: 10px;
    gap: 9px;
  }

  .shared-create-caption-composer,
  .shared-create-review-section,
  .shared-create-branding,
  .shared-create-save-export,
  .shared-create-crosspost {
    padding: 10px;
    border-radius: 14px;
    gap: 10px;
  }

  .shared-create-caption-composer__header,
  .shared-create-review-section__header,
  .shared-create-review__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .shared-create-caption-field textarea {
    min-height: 108px;
  }

  .shared-create-caption-actions {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .shared-create-caption-actions .shared-feed-chip {
    flex: 1 1 0;
    justify-content: center;
  }

  .shared-create-review {
    gap: 8px;
  }

  .shared-create-review__header {
    padding: 10px;
    border-radius: 14px;
  }

  .shared-create-review__header h2 {
    font-size: 1rem;
  }

  .shared-create-review__header > span:last-child,
  .shared-create-lock-pill {
    min-height: 26px;
    padding: 5px 8px;
    font-size: 0.68rem;
  }

  .shared-create-review-section__header > span,
  .shared-create-caption-composer__header > span,
  .shared-create-branding > span:first-child,
  .shared-create-topic-empty > span,
  .shared-create-option-row__icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-radius: 11px;
  }

  .shared-create-review-section__header small {
    display: none;
  }

  .shared-create-crosspost .shared-create-review-section__header small {
    display: block;
  }

  .shared-create-topic-empty {
    padding: 10px;
    flex-direction: row;
  }

  .shared-create-topic-empty .shared-feed-chip {
    width: auto;
  }

  .shared-create-topic-chips {
    gap: 7px;
  }

  .shared-create-options-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .shared-create-option-row {
    min-height: 62px;
    padding: 9px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .shared-create-option-row__icon,
  .shared-create-option-row small {
    display: none;
  }

  .shared-create-branding {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .shared-create-branding p {
    display: none;
  }

  .shared-create-crosspost p {
    font-size: 0.78rem;
  }

  .shared-create-crosspost__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .shared-create-crosspost__summary > span {
    min-width: 0;
    padding: 8px;
    text-align: center;
  }

  .shared-create-crosspost-target {
    padding: 10px;
    gap: 8px;
  }

  .shared-create-crosspost-target em {
    max-width: 100%;
  }

  .shared-campaign-card,
  .shared-candidate-voter-map-campaign,
  .shared-campaign-analytics-command__summary,
  .shared-campaign-analytics-details > div,
  .shared-campaign-analytics-event__metrics,
  .shared-campaign-analytics-post__button,
  .shared-campaign-calendar-item,
  .shared-campaign-calendar-item__title,
  .shared-campaign-calendar-external,
  .shared-campaign-contact-community,
  .shared-campaign-contact-options,
  .shared-campaign-donations-alert,
  .shared-campaign-donations-command__summary,
  .shared-campaign-donations-detail-grid,
  .shared-campaign-donations-filters,
  .shared-campaign-donations-form,
  .shared-campaign-donations-row,
  .shared-campaign-donations-session__header,
  .shared-campaign-donations-status-grid,
  .shared-campaign-donations-steps,
  .shared-campaign-donations-steps__header,
  .shared-campaign-donations-steps__list,
  .shared-campaign-donations-task,
  .shared-campaign-donations-task-list,
  .shared-campaign-calendar-connection__top,
  .shared-campaign-events-route__stops li,
  .shared-campaign-mission-audit__list button,
  .shared-campaign-mission-card__open,
  .shared-campaign-mission-create__header,
  .shared-campaign-mission-target-picker__header,
  .shared-campaign-quest-cards,
  .shared-campaign-quest-config-form,
  .shared-campaign-quest-target__actions,
  .shared-campaign-registry-command,
  .shared-campaign-registry-command__metrics,
  .shared-campaign-registry-command__actions,
  .shared-campaign-registry-duplicate,
  .shared-campaign-registry-form-grid,
  .shared-campaign-registry-import-form,
  .shared-campaign-registry-import-start,
  .shared-campaign-registry-import-status,
  .shared-campaign-registry-pref-grid,
  .shared-campaign-registry-row__main,
  .shared-campaign-registry-row__contact,
  .shared-campaign-registry-summary,
  .shared-campaign-staff-card__summary,
  .shared-campaign-staff-card__top,
  .shared-campaign-staff-form-grid,
  .shared-campaign-staff-invite-row,
  .shared-campaign-staff-permission-grid,
  .shared-campaign-staff-roster-controls,
  .shared-campaign-staff-role-delete,
  .shared-coalition-card,
  .shared-mission-card__main,
  .shared-discover-card,
  .shared-discover-card--post,
  .shared-discover-card--event,
  .shared-discover-card--post.is-featured,
  .shared-discover-card--event.is-featured,
  .shared-search-result,
  .shared-create-upload-note,
  .shared-create-timeline__header,
  .shared-create-trim__header,
  .shared-create-trim__actions,
  .shared-create-teleprompter__header,
  .shared-create-teleprompter__footer,
  .shared-create-cover__header,
  .shared-create-captions__header,
  .shared-create-text-panel__header,
  .shared-create-text-panel__actions,
  .shared-create-captions__footer,
  .shared-policy-question-card,
  .shared-policy-question-option,
  .shared-achievement-card,
  .shared-post-analytics-card,
  .shared-topics-card,
  .shared-settings-audience-card__header,
  .shared-settings-inline-note,
  .shared-settings-security-step,
  .shared-settings-license-row,
  .shared-settings-list-row,
  .shared-settings-permission-card__footer,
  .shared-settings-sharing-card__header,
  .shared-settings-activity-filter,
  .shared-settings-provider__top,
  .shared-settings-target,
  .shared-settings-consent,
  .shared-campaign-engagement-command,
  .shared-campaign-engagement-command__metrics,
  .shared-campaign-engagement-command__flow,
  .shared-campaign-engagement-summary,
  .shared-campaign-engagement-item__main,
  .shared-campaign-engagement-item__body,
  .shared-campaign-engagement-comment__top,
  .shared-campaign-engagement-preview,
  .shared-campaign-engagement-reply,
  .shared-campaign-staff-status,
  .shared-campaign-volunteer-form,
  .shared-campaign-volunteer-row,
  .shared-campaign-volunteer-edit {
    grid-template-columns: 1fr;
  }

  .shared-campaign-registry-filters__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-campaign-registry-row__summary {
    min-width: 0;
    justify-items: start;
  }

  .shared-campaign-registry-row__summary strong,
  .shared-campaign-registry-row__summary span {
    text-align: left;
  }

  .shared-coalition-directory-card__main,
  .shared-coalition-directory-contact,
  .shared-coalition-directory-capability-grid {
    grid-template-columns: 1fr;
  }

  .shared-coalition-directory-card__main {
    justify-items: start;
  }

  .shared-coalition-directory-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-coalition-directory-results {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-coalition-directory-avatar {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }

  .shared-discover-hero,
  .shared-discover-section,
  .shared-discover-path,
  .shared-search-hero,
  .shared-search-results-header,
  .shared-search-panel,
  .shared-search-quick-card,
  .shared-create-hero,
  .shared-create-panel,
  .shared-policy-questions-hero,
  .shared-policy-questions-toolbar,
  .shared-policy-questions-results,
  .shared-policy-question-detail-hero,
  .shared-policy-question-panel,
  .shared-policy-question-chart,
  .shared-policy-question-answer-panel,
  .shared-achievements-hero,
  .shared-achievement-card,
  .shared-achievements-detail,
  .shared-achievements-error,
  .shared-post-analytics-hero,
  .shared-post-analytics-card,
  .shared-post-analytics-panel,
  .shared-post-analytics-error,
  .shared-topics-hero,
  .shared-topics-toolbar,
  .shared-topics-results,
  .shared-topics-footer {
    border-radius: 18px;
  }

  .shared-post-analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-post-analytics-card {
    min-height: 128px;
    padding: 14px;
  }

  .shared-post-analytics-card:last-child {
    grid-column: 1 / -1;
  }

  .shared-topics-footer {
    position: static;
    bottom: auto;
  }

  .shared-discover-section__header,
  .shared-discover-card__footer,
  .shared-discover-footer-actions,
  .shared-search-panel__header,
  .shared-search-result__actions,
  .shared-create-hero__actions,
  .shared-create-actions,
  .shared-create-media-meta,
  .shared-create-review__header,
  .shared-create-review-section__header,
  .shared-create-topic-empty,
  .shared-create-youtube-defaults,
  .shared-policy-questions-results__header,
  .shared-policy-question-chart__header,
  .shared-policy-question-card__actions,
  .shared-achievements-error,
  .shared-post-analytics-actions,
  .shared-post-analytics-error,
  .shared-post-analytics-panel__header,
  .shared-topics-results__header {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .shared-policy-questions-search .shared-feed-chip,
  .shared-create-hero__actions,
  .shared-create-hero__actions .shared-feed-chip,
  .shared-create-actions,
  .shared-create-actions .shared-feed-chip,
  .shared-create-source-row .shared-feed-chip,
  .shared-create-camera__actions .shared-feed-chip,
  .shared-create-media-meta .shared-feed-chip,
  .shared-create-cover-source,
  .shared-create-captions__actions,
  .shared-create-captions__actions .shared-feed-chip,
  .shared-create-captions__footer .shared-feed-chip,
  .shared-policy-question-card__actions,
  .shared-policy-question-card__actions .shared-feed-chip,
  .shared-achievements-error .shared-feed-chip,
  .shared-achievements-detail .shared-feed-chip,
  .shared-post-analytics-actions,
  .shared-post-analytics-actions .shared-feed-chip,
  .shared-post-analytics-error .shared-feed-chip,
  .shared-settings-sharing-card__actions,
  .shared-settings-sharing-card__actions .shared-feed-chip,
  .shared-settings-campaign-confirm .shared-feed-chip,
  .shared-settings-campaign-edit-form .shared-settings-form-actions,
  .shared-settings-campaign-edit-form .shared-settings-form-actions .shared-feed-chip {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    justify-content: center;
  }

  .shared-create-source-row,
  .shared-create-camera__actions {
    min-width: 0;
    max-width: 100%;
  }

  .shared-achievements-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-create-drop {
    min-height: 300px;
  }

  .shared-create-teleprompter__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .shared-create-teleprompter__actions {
    width: 100%;
    justify-content: space-between;
  }

  .shared-create-teleprompter__actions .shared-feed-chip {
    min-width: 0;
    max-width: 100%;
  }

  .shared-create-drop img {
    max-height: 360px;
  }

  .shared-create-preview-video,
  .shared-create-camera video {
    max-height: 360px;
  }

  .shared-achievement-card {
    min-height: 174px;
    padding: 14px;
  }

  .shared-achievement-card:last-child {
    grid-column: 1 / -1;
  }

  .shared-discover-image,
  .shared-discover-image--wide {
    width: 100%;
    min-height: 150px;
  }

  .shared-search-result .shared-discover-image {
    width: 64px;
    min-height: 64px;
    height: 64px;
  }

  .shared-search-result {
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
  }

  .shared-search-result .shared-discover-image--wide {
    width: 64px;
    min-width: 64px;
    min-height: 64px;
    height: 64px;
  }

  .shared-discover-list--people .shared-discover-card {
    min-height: 112px;
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .shared-discover-list--people .shared-discover-image {
    width: 56px;
    height: 56px;
    min-height: 56px;
  }

  .shared-discover-list--people .shared-discover-card__footer {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
  }

  .shared-discover-list--people .shared-discover-card__actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .shared-discover-list--people .shared-discover-card__actions .shared-feed-chip {
    width: 100%;
    min-height: 32px;
    padding-inline: 10px;
    justify-content: center;
  }

  .shared-search-auth__coverage,
  .shared-search-auth__suggestions,
  .shared-search-auth__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .shared-search-auth__coverage span {
    min-height: 40px;
    padding: 9px 10px;
    font-size: 0.78rem;
  }

  .shared-search-auth__preview {
    padding: 12px;
    border-radius: 22px;
  }

  .shared-search-auth__bar {
    min-height: 50px;
  }

  .shared-search-auth__bar em {
    padding-inline: 10px;
  }

  .shared-search-auth__post-grid > div span {
    min-height: 62px;
    border-radius: 16px;
  }

  .shared-search-form {
    border-radius: 20px;
  }

  .shared-search-form__icon {
    display: none;
  }

  .shared-search-form .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-settings-header,
  .shared-settings-panel,
  .shared-settings-audience-card,
  .shared-settings-security-card,
  .shared-settings-security-step,
  .shared-settings-security-secret,
  .shared-coalition-room-card,
  .shared-coalition-room-admin,
  .shared-coalition-room-empty-panel,
  .shared-settings-resource-card,
  .shared-settings-license-row,
  .shared-settings-list-row,
  .shared-settings-permission-card,
  .shared-settings-sharing-card,
  .shared-settings-donation-detail,
  .shared-settings-donation-detail-grid > div,
  .shared-settings-card,
  .shared-settings-provider,
  .shared-settings-nav,
  .shared-voter-profile-hero,
  .shared-voter-profile-metric,
  .shared-voter-intel-tab,
  .shared-voter-intel-guided,
  .shared-voter-intel-election-hero,
  .shared-voter-intel-hero,
  .shared-voter-intel-ranking,
  .shared-voter-intel-panel,
  .shared-voter-intel-metric,
  .shared-voter-intel-question,
  .shared-voter-intel-race-card,
  .shared-voter-intel-guide,
  .shared-admin-hero,
  .shared-admin-nav,
  .shared-admin-panel,
  .shared-admin-detail,
  .shared-admin-section-card,
  .shared-admin-metric,
  .shared-admin-voter-map-metric,
  .shared-admin-voter-map-card,
  .shared-admin-election-ops__metric,
  .shared-admin-race-index-card {
    border-radius: 18px;
  }

  .shared-settings-nav__item,
  .shared-settings-row,
  .shared-settings-list-row,
  .shared-coalition-room-card__top,
  .shared-coalition-room-group__header,
  .shared-coalition-room-card__stats,
  .shared-voter-intel-option,
  .shared-admin-item__main,
  .shared-admin-race-index-card__head,
  .shared-admin-race-index-repair__grid,
  .shared-admin-cert-imports .shared-admin-case-section__header,
  .shared-admin-cert-create__grid,
  .shared-admin-cert-decisions,
  .shared-admin-cert-mapping__header {
    grid-template-columns: 1fr;
  }

  .shared-coalition-room-group__header,
  .shared-coalition-rooms-hero__actions,
  .shared-coalition-room-card__actions {
    justify-content: flex-start;
  }

  .shared-settings-nav__item em,
  .shared-settings-row em,
  .shared-settings-status,
  .shared-voter-intel-option em,
  .shared-admin-item__count,
  .shared-admin-race-index-actions .shared-feed-chip {
    justify-self: start;
  }

  .shared-admin-item__main {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: flex-start;
  }

  .shared-admin-item__avatar {
    grid-row: 1 / span 2;
  }

  .shared-admin-item__count {
    grid-column: 2;
  }

  .shared-admin-item__body strong,
  .shared-admin-item__body small {
    white-space: normal;
  }

  .shared-admin-cert-actions,
  .shared-admin-cert-action,
  .shared-admin-cert-action .shared-feed-chip,
  .shared-admin-cert-create .shared-feed-chip,
  .shared-admin-cert-parsed .shared-feed-chip,
  .shared-admin-cert-mapping__header .shared-feed-chip {
    width: 100%;
  }

  .shared-settings-safety-actions {
    justify-content: flex-start;
  }

  .shared-settings-safety-actions .shared-feed-chip,
  .shared-settings-safety-row > .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-settings-safety-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .shared-settings-safety-row > .shared-feed-chip {
    grid-column: 1 / -1;
  }

  .shared-settings-safety-row__title {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-settings-donation-actions {
    justify-content: flex-start;
  }

  .shared-settings-donation-actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-settings-donation-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .shared-settings-donation-row__amount {
    grid-column: 1 / -1;
    justify-items: start;
  }

  .shared-settings-donation-row__title {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-settings-donation-detail--empty {
    grid-template-columns: 1fr;
  }

  .shared-settings-balance-paused {
    grid-template-columns: 1fr;
  }

  .shared-settings-balance-paused__icon {
    width: 44px;
    height: 44px;
  }

  .shared-settings-balance-paused__timeline {
    grid-template-columns: 1fr;
  }

  .shared-settings-balance-paused__actions {
    min-width: 0;
  }

  .shared-settings-balance-paused__actions .shared-feed-chip {
    width: 100%;
  }

  .shared-admin-nav {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .shared-admin-nav::-webkit-scrollbar {
    display: none;
  }

  .shared-admin-nav__item {
    min-width: min(220px, 78vw);
  }

  .shared-admin-race-index-card__head form,
  .shared-admin-race-index-actions .shared-feed-chip {
    width: 100%;
  }

  .shared-admin-race-index-card__head .shared-feed-chip,
  .shared-admin-race-index-actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-admin-lifecycle-filters {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-admin-lifecycle-filters__chips {
    justify-content: flex-start;
  }

  .shared-admin-lifecycle-filters__chips .shared-feed-chip,
  .shared-admin-action-card .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-admin-split.has-detail .shared-admin-detail {
    order: -1;
  }

  .shared-admin-case-grid,
  .shared-admin-case-chip-list,
  .shared-admin-policy-grid,
  .shared-admin-policy-matrix,
  .shared-admin-policy-generation-settings,
  .shared-admin-policy-generation-issue-add,
  .shared-admin-policy-row,
  .shared-admin-attachment-list a,
  .shared-admin-attachment-list article {
    grid-template-columns: 1fr;
  }

  .shared-campaign-donations-command__header .shared-card__actions,
  .shared-campaign-donations-setup-hero .shared-card__actions,
  .shared-campaign-donations-readiness .shared-card__actions {
    width: 100%;
    justify-content: stretch;
  }

  .shared-campaign-donations-command__header .shared-feed-chip,
  .shared-campaign-donations-setup-hero .shared-feed-chip,
  .shared-campaign-donations-readiness .shared-feed-chip {
    flex: 1 1 100%;
    justify-content: center;
  }

  .shared-discover-card--post.is-featured,
  .shared-discover-card--event.is-featured {
    min-height: auto;
  }

  .shared-admin-policy-generation-settings > label:last-child {
    grid-column: auto;
  }

  .shared-admin-policy-grid .is-wide,
  .shared-admin-policy-row label.is-wide {
    grid-column: auto;
  }

  .shared-admin-policy-section__header,
  .shared-admin-policy-option__header,
  .shared-admin-policy-editor__footer {
    display: grid;
  }

  .shared-admin-policy-editor__footer {
    position: static;
    z-index: auto;
  }

  .shared-admin-attachment-list em {
    justify-self: start;
  }

  .shared-voter-intel-ranking__header,
  .shared-voter-intel-ranking__actions {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .shared-voter-intel-ranking__actions,
  .shared-voter-intel-ranking__actions .shared-feed-chip {
    width: 100%;
  }

  .shared-voter-intel-ranking__actions .shared-feed-chip {
    justify-content: center;
  }

  .shared-create-cover {
    padding: 12px;
  }

  .shared-create-cover-source {
    flex-basis: 100%;
    border-radius: 16px;
  }

  .shared-voter-intel-ranking__candidate {
    grid-template-columns: 32px 40px minmax(0, 1fr);
  }

  .shared-voter-intel-ranking__candidate > .shared-feed-chip,
  .shared-voter-intel-ranking__tools {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .shared-voter-intel-ranking__candidate > .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-admin-actions,
  .shared-admin-actions .shared-feed-chip,
  .shared-admin-action-card .shared-feed-chip,
  .shared-admin-policy-section__header .shared-feed-chip,
  .shared-admin-policy-option__header .shared-feed-chip,
  .shared-admin-policy-generation-issue-add .shared-feed-chip,
  .shared-admin-policy-row .shared-feed-chip,
  .shared-admin-policy-editor__footer .shared-feed-chip {
    width: 100%;
  }

  .shared-admin-actions .shared-feed-chip,
  .shared-admin-action-card .shared-feed-chip,
  .shared-admin-policy-section__header .shared-feed-chip,
  .shared-admin-policy-option__header .shared-feed-chip,
  .shared-admin-policy-generation-issue-add .shared-feed-chip,
  .shared-admin-policy-row .shared-feed-chip,
  .shared-admin-policy-editor__footer .shared-feed-chip {
    justify-content: center;
  }

  .shared-admin-catalog-create,
  .shared-admin-catalog-category__head,
  .shared-admin-catalog-tag-row,
  .shared-admin-catalog-tag-create {
    grid-template-columns: 1fr;
  }

  .shared-admin-catalog-row-actions,
  .shared-admin-catalog-row-actions .shared-feed-chip,
  .shared-admin-catalog-create .shared-feed-chip,
  .shared-admin-catalog-tag-create .shared-feed-chip,
  .shared-admin-catalog-legacy .shared-feed-chip {
    width: 100%;
  }

  .shared-admin-catalog-row-actions .shared-feed-chip,
  .shared-admin-catalog-create .shared-feed-chip,
  .shared-admin-catalog-tag-create .shared-feed-chip,
  .shared-admin-catalog-legacy .shared-feed-chip {
    justify-content: center;
  }

  .shared-admin-catalog-legacy {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-admin-feed-config-header,
  .shared-admin-feed-config-toolbar,
  .shared-admin-feed-config-editor__footer,
  .shared-admin-feed-config-history-row,
  .shared-admin-feed-config-history-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .shared-admin-feed-config-grid,
  .shared-admin-feed-config-history-row {
    grid-template-columns: 1fr;
  }

  .shared-admin-feed-config-toolbar,
  .shared-admin-feed-config-toolbar .shared-feed-chip,
  .shared-admin-feed-config-editor__footer .shared-feed-chip,
  .shared-admin-feed-config-history-actions,
  .shared-admin-feed-config-history-actions .shared-feed-chip,
  .shared-admin-feed-config-more {
    width: 100%;
  }

  .shared-admin-feed-config-toolbar .shared-feed-chip,
  .shared-admin-feed-config-editor__footer .shared-feed-chip,
  .shared-admin-feed-config-history-actions .shared-feed-chip,
  .shared-admin-feed-config-more {
    justify-content: center;
  }

  .shared-admin-feed-config-editor textarea {
    min-height: 420px;
  }

  .shared-settings-main {
    order: 1;
  }

  .shared-settings-connected-command__header {
    flex-direction: column;
  }

  .shared-settings-connected-command__actions {
    width: 100%;
    justify-content: flex-start;
  }

  .shared-settings-nav {
    order: 2;
    position: static;
  }

  .shared-settings-page--section .shared-settings-layout {
    gap: 12px;
  }

  .shared-settings-page--section .shared-settings-nav {
    order: 0;
    padding: 8px;
    overflow: hidden;
  }

  .shared-settings-page--section .shared-settings-nav__header {
    display: none;
  }

  .shared-settings-page--section .shared-settings-nav__list {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .shared-settings-page--section .shared-settings-nav__list::-webkit-scrollbar {
    display: none;
  }

  .shared-settings-page--section .shared-settings-nav__item {
    width: auto;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    grid-template-columns: none;
    gap: 0;
    align-items: center;
  }

  .shared-settings-page--section .shared-settings-nav__item span {
    display: block;
  }

  .shared-settings-page--section .shared-settings-nav__item strong {
    font-size: 0.8rem;
    white-space: nowrap;
  }

  .shared-settings-page--section .shared-settings-nav__item small,
  .shared-settings-page--section .shared-settings-nav__item em {
    display: none;
  }

  .shared-settings-page--section .shared-settings-main {
    order: 1;
  }

  .shared-settings-provider__actions,
  .shared-settings-consent__actions,
  .shared-settings-inline-note,
  .shared-settings-form-actions {
    justify-content: flex-start;
  }

  .shared-settings-audience-card__header,
  .shared-settings-inline-note,
  .shared-settings-permission-card__footer,
  .shared-settings-sharing-card__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-settings-target em {
    max-width: 100%;
  }

  .shared-campaign-engagement-avatars {
    width: 50px;
    min-width: 50px;
  }

  .shared-campaign-engagement-preview img,
  .shared-campaign-engagement-preview > span {
    width: 100%;
    max-width: 220px;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .shared-campaign-engagement-comment__top em,
  .shared-campaign-contact-form__actions,
  .shared-campaign-donations-filter-actions,
  .shared-campaign-donations-form__actions,
  .shared-campaign-calendar-actions,
  .shared-campaign-calendar-providers,
  .shared-campaign-engagement-item__actions,
  .shared-campaign-engagement-comment__actions,
  .shared-campaign-registry-filter-actions,
  .shared-campaign-registry-form-actions,
  .shared-campaign-room-card__actions,
  .shared-campaign-staff-actions,
  .shared-campaign-staff-row-actions,
  .shared-campaign-volunteer-actions,
  .shared-campaign-mission-card__actions,
  .shared-campaign-mission-card__task-actions,
  .shared-campaign-mission-admin-command__actions,
  .shared-campaign-mission-staff-command__actions,
  .shared-campaign-missions-hero__actions {
    justify-self: start;
    justify-content: flex-start;
  }

  .shared-campaign-mission-admin-command {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-campaign-mission-admin-command__metrics,
  .shared-campaign-mission-staff-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-mission-admin-command__metrics div:first-child {
    grid-column: auto;
  }

  .shared-campaign-mission-admin-command__queues {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-mission-card__task-top {
    grid-template-columns: 1fr;
  }

  .shared-campaign-mission-card__top,
  .shared-campaign-mission-card__open {
    grid-template-columns: 1fr;
  }

  .shared-campaign-mission-card__open {
    gap: 10px;
  }

  .shared-campaign-mission-card__icon {
    width: 40px;
    height: 40px;
  }

  .shared-campaign-mission-card__task-top .shared-mission-badge {
    width: max-content;
    max-width: 100%;
  }

  .shared-campaign-mission-card__task-actions .shared-feed-chip {
    flex: 1 1 118px;
    justify-content: center;
  }

  .shared-campaign-donations-row > strong,
  .shared-campaign-donations-row__meta {
    justify-self: start;
    justify-content: flex-start;
  }

  .shared-voter-profile-id {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-voter-profile-avatar {
    width: 62px;
    height: 62px;
    border-radius: 20px;
  }

  .shared-settings-preferences-hero,
  .shared-settings-security-hero,
  .shared-settings-districts-hero,
  .shared-settings-district-seat__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-settings-preferences-metrics,
  .shared-settings-security-actions,
  .shared-settings-security-metrics,
  .shared-settings-districts-hero__actions,
  .shared-settings-district-seat__status {
    justify-content: flex-start;
    justify-items: start;
  }

  .shared-settings-preference-card,
  .shared-settings-display-sample,
  .shared-settings-security-row,
  .shared-settings-security-lookup,
  .shared-settings-security-lookup-result,
  .shared-settings-security-empty,
  .shared-settings-district-seat__actions {
    grid-template-columns: 1fr;
  }

  .shared-settings-segmented,
  .shared-settings-district-jurisdictions,
  .shared-settings-district-data-grid,
  .shared-settings-district-people,
  .shared-settings-district-candidates {
    grid-template-columns: 1fr;
  }

  .shared-settings-segment-option {
    min-height: 84px;
  }

  .shared-campaign-hero__identity,
  .shared-coalition-hero__identity {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-mission-card__side,
  .shared-campaign-mission-card__actions,
  .shared-mission-job__actions {
    justify-items: start;
    justify-content: flex-start;
  }

  .shared-campaign-mission-card__actions {
    padding: 0 14px 14px;
  }

  .shared-campaign-mission-timeline-job {
    margin-left: calc(var(--mission-depth, 0) * 12px);
  }

  .shared-mission-job__top {
    flex-direction: column;
  }

  .shared-missions-scope-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .shared-missions-scope-card .shared-mission-badge {
    grid-column: 2;
    justify-self: start;
  }

  .shared-campaign-staff-row,
  .shared-coalition-member-row {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .shared-campaign-staff-row > span:last-child,
  .shared-coalition-member-row > span:last-child {
    grid-column: 2;
  }

  .shared-election-controls {
    grid-template-columns: 1fr;
  }

  .shared-election-custom-toolbar,
  .shared-election-custom-add,
  .shared-election-custom-columns {
    grid-template-columns: 1fr;
  }

  .shared-election-custom-toolbar__actions,
  .shared-election-custom-item__actions {
    justify-content: flex-start;
  }

  .shared-election-custom-item {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-election-map-panel,
  .shared-election-map {
    min-height: 420px;
  }

  .shared-voter-intel-matrix {
    min-height: 280px;
  }

  .shared-voter-intel-matrix__official {
    width: 30px;
    height: 30px;
  }

  .shared-voter-intel-official-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-messaging-page__content {
    padding-inline: 8px;
  }

  .shared-messaging-workspace {
    border-radius: 18px;
  }

  .shared-messaging-sidebar,
  .shared-messaging-panel {
    padding: 14px;
  }

  .shared-messaging-sidebar__top,
  .shared-messaging-panel__header,
  .shared-messaging-thread-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-messaging-mini-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-sidebar-summary,
  .shared-messaging-hub__metrics,
  .shared-messaging-hub__queue {
    grid-template-columns: 1fr;
  }

  .shared-messaging-service-center {
    padding: 14px;
  }

  .shared-messaging-service-alert {
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 18px;
  }

  .shared-messaging-service-alert__icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .shared-messaging-service-alert__actions {
    justify-content: stretch;
  }

  .shared-messaging-service-alert__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-service-center__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-service-center__header .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-row,
  .shared-messaging-server-card,
  .shared-messaging-request,
  .shared-messaging-device {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-row__meta,
  .shared-messaging-request__actions,
  .shared-messaging-panel__actions,
  .shared-messaging-thread-header__meta,
  .shared-messaging-thread-header__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    justify-items: start;
  }

  .shared-messaging-request__actions .shared-feed-chip {
    flex: 1 1 128px;
    justify-content: center;
  }

  .shared-messaging-server-card > button,
  .shared-messaging-device > button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .shared-messaging-empty-state {
    grid-template-columns: 1fr;
  }

  .shared-messaging-empty-state__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-panel--thread .shared-message-list {
    min-height: 360px;
    padding: 14px;
  }

  .shared-messaging-room-context {
    padding: 14px;
  }

  .shared-messaging-room-context__metrics {
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-context__section-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-messaging-room-context__actions .shared-feed-chip {
    width: 100%;
  }

  .shared-messaging-overview-metrics,
  .shared-messaging-automod-metrics,
  .shared-messaging-moderation-hero,
  .shared-messaging-moderation-hero__signals,
  .shared-messaging-moderation-summary,
  .shared-messaging-moderation-command,
  .shared-messaging-moderation-queue__header,
  .shared-messaging-moderation-task__map,
  .shared-messaging-audit-command,
  .shared-messaging-audit-section__header,
  .shared-messaging-audit-event__map,
  .shared-messaging-ban-command,
  .shared-messaging-ban-command__actions,
  .shared-messaging-ban-create-form,
  .shared-messaging-ban-create-form__header,
  .shared-messaging-compose__fields,
  .shared-messaging-compose__context,
  .shared-messaging-compose-person {
    grid-template-columns: 1fr;
  }

  .shared-messaging-moderation-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-audit-command__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-moderation-command__actions,
  .shared-messaging-audit-command__actions {
    grid-template-columns: 1fr;
  }

  .shared-messaging-moderation-command-action,
  .shared-messaging-audit-command-action {
    width: 100%;
  }

  .shared-messaging-audit-event {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-messaging-audit-event__rail {
    justify-items: start;
  }

  .shared-messaging-ban-command__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-messaging-ban-reason-presets {
    grid-column: auto;
  }

  .shared-messaging-ban-create-form__header .shared-feed-chip,
  .shared-messaging-ban-create-form > .shared-feed-chip,
  .shared-messaging-ban-command-action {
    width: 100%;
  }

  .shared-messaging-compose-mode {
    grid-template-columns: 1fr;
  }

  .shared-messaging-compose-search > div {
    min-height: 46px;
  }

  .shared-messaging-compose-selected__chip {
    width: 100%;
  }

  .shared-messaging-compose-person__status {
    display: none;
  }

  .shared-messaging-compose__actions {
    justify-content: stretch;
  }

  .shared-messaging-compose__actions .shared-feed-chip {
    width: 100%;
  }

  .shared-messaging-moderation-filters .shared-feed-chip {
    flex: 1 1 120px;
    justify-content: center;
  }

  .shared-messaging-automod-panel__header,
  .shared-messaging-automod-presets__header,
  .shared-messaging-automod-rule__top {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-automod-panel__header > span,
  .shared-messaging-automod-rule__action {
    width: fit-content;
  }

  .shared-messaging-automod-create {
    grid-template-columns: 1fr;
  }

  .shared-messaging-automod-preset-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-automod-create__keywords {
    grid-column: auto;
  }

  .shared-messaging-automod-create__actions {
    grid-column: auto;
    justify-content: stretch;
  }

  .shared-messaging-automod-rule__actions {
    justify-content: stretch;
  }

  .shared-messaging-automod-rule__actions .shared-feed-chip,
  .shared-messaging-automod-create .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-workflow-hero,
  .shared-messaging-workflow__top,
  .shared-messaging-workflow__map {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-workflow-metrics {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .shared-messaging-workflow-section__header,
  .shared-messaging-workflow-create-panel__header,
  .shared-messaging-workflow-presets__header {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-workflow-section__header > span,
  .shared-messaging-workflow-create-panel__header > span,
  .shared-messaging-workflow__trigger,
  .shared-messaging-workflow__status {
    width: fit-content;
  }

  .shared-messaging-workflow-create {
    grid-template-columns: 1fr;
  }

  .shared-messaging-workflow-preset-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-workflow-create [data-messaging-workflow-action-field="message"],
  .shared-messaging-workflow-create__actions {
    grid-column: auto;
  }

  .shared-messaging-workflow__actions {
    justify-content: stretch;
  }

  .shared-messaging-workflow__actions .shared-feed-chip,
  .shared-messaging-workflow-create__actions .shared-feed-chip,
  .shared-messaging-workflow-create .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-role-panel__header,
  .shared-messaging-role-members-form__header,
  .shared-messaging-role-card,
  .shared-messaging-role-profile {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-role-card__meta {
    text-align: left;
  }

  .shared-messaging-role-panel__header > span,
  .shared-messaging-role-members-form__header > span,
  .shared-messaging-role-profile > span {
    width: fit-content;
  }

  .shared-messaging-role-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-role-create,
  .shared-messaging-role-edit {
    grid-template-columns: 1fr;
  }

  .shared-messaging-role-create > label:first-of-type,
  .shared-messaging-role-create > label:nth-of-type(2),
  .shared-messaging-role-edit > label:first-of-type,
  .shared-messaging-role-edit > label:nth-of-type(2) {
    grid-column: auto;
  }

  .shared-messaging-role-defaults-editor__header {
    display: grid;
  }

  .shared-messaging-role-presets__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-role-preset-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-role-defaults-editor__header > span {
    width: fit-content;
  }

  .shared-messaging-role-defaults-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-messaging-role-color-swatches {
    grid-template-columns: repeat(6, minmax(28px, 40px));
  }

  .shared-messaging-role-create .shared-feed-chip,
  .shared-messaging-role-edit .shared-feed-chip,
  .shared-messaging-role-card .shared-feed-chip,
  .shared-messaging-role-members-form > .shared-feed-chip,
  .shared-messaging-role-danger .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-role-candidate {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-role-candidate input {
    grid-row: span 2;
  }

  .shared-messaging-members-panel__header,
  .shared-messaging-member-section__header,
  .shared-messaging-member-edit__grid,
  .shared-messaging-member-role-editor,
  .shared-messaging-ban-hero,
  .shared-messaging-ban-hero__signals,
  .shared-messaging-ban-summary,
  .shared-messaging-ban-section__header,
  .shared-messaging-ban-card__top,
  .shared-messaging-ban-card__map,
  .shared-messaging-member-profile,
  .shared-messaging-member-card,
  .shared-messaging-ban-card {
    grid-template-columns: 1fr;
  }

  .shared-messaging-member-status,
  .shared-messaging-ban-panel__header > span,
  .shared-messaging-ban-card__risk {
    width: fit-content;
  }

  .shared-messaging-member-section__header {
    flex-direction: column;
    align-items: stretch;
  }

  .shared-messaging-members-summary,
  .shared-messaging-member-metrics {
    grid-template-columns: 1fr;
  }

  .shared-messaging-members-filter,
  .shared-messaging-member-ban-form {
    grid-template-columns: 1fr;
  }

  .shared-messaging-members-panel__header .shared-feed-chip,
  .shared-messaging-member-section__header .shared-feed-chip,
  .shared-messaging-members-filter .shared-feed-chip,
  .shared-messaging-member-card__actions .shared-feed-chip,
  .shared-messaging-member-edit .shared-feed-chip,
  .shared-messaging-member-timeout__actions .shared-feed-chip,
  .shared-messaging-member-ban-form .shared-feed-chip,
  .shared-messaging-member-danger-actions .shared-feed-chip,
  .shared-messaging-ban-card > .shared-feed-chip,
  .shared-messaging-ban-section__header .shared-feed-chip,
  .shared-messaging-ban-card__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-member-card__actions,
  .shared-messaging-member-timeout__actions,
  .shared-messaging-ban-card__actions {
    justify-content: stretch;
  }

  .shared-messaging-member-edit .shared-feed-chip--primary {
    min-width: 0;
  }

  .shared-create-captions__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-create-caption-generate {
    grid-template-columns: 1fr;
  }

  .shared-create-caption-generate .shared-feed-chip {
    width: 100%;
  }

  .shared-messaging-ban-panel__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-moderation-task__top {
    grid-template-columns: 1fr;
  }

  .shared-messaging-moderation-task__badges {
    display: flex;
  }

  .shared-messaging-moderation-task__status,
  .shared-messaging-moderation-task__priority {
    width: fit-content;
  }

  .shared-messaging-moderation-task__actions {
    justify-content: stretch;
  }

  .shared-messaging-moderation-task__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-readiness-strip,
  .shared-messaging-command-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-command-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-command-card__footer {
    justify-content: flex-start;
  }

  .shared-messaging-room-settings-stack {
    overflow: visible;
    padding-right: 0;
  }

  .shared-messaging-room-settings-nav,
  .shared-messaging-room-setup-metrics,
  .shared-messaging-room-setup-action-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-setup__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-setup__header > em {
    width: fit-content;
    max-width: 100%;
  }

  .shared-messaging-room-setup-action {
    min-height: 0;
  }

  .shared-messaging-room-hero,
  .shared-messaging-room-section__header,
  .shared-messaging-room-member,
  .shared-messaging-room-invite,
  .shared-messaging-room-pin,
  .shared-messaging-room-recent-message {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-hero__metric,
  .shared-messaging-room-section__header > span {
    width: fit-content;
    min-width: 0;
  }

  .shared-messaging-room-mode-grid,
  .shared-messaging-room-notification-options,
  .shared-messaging-room-settings-form__grid,
  .shared-messaging-room-settings-summary,
  .shared-messaging-owner-transfer-grid,
  .shared-messaging-room-danger-form,
  .shared-messaging-room-member-form,
  .shared-messaging-room-invite-form {
    grid-template-columns: 1fr;
  }

  .shared-messaging-room-section__actions {
    justify-content: stretch;
  }

  .shared-messaging-room-section__actions .shared-feed-chip,
  .shared-messaging-room-notification-form__footer .shared-feed-chip,
  .shared-messaging-room-settings-form__footer .shared-feed-chip,
  .shared-messaging-room-danger-form .shared-feed-chip,
  .shared-messaging-room-member-form .shared-feed-chip,
  .shared-messaging-room-invite-form .shared-feed-chip,
  .shared-messaging-room-member > .shared-feed-chip,
  .shared-messaging-room-invite > .shared-feed-chip,
  .shared-messaging-room-pin > .shared-feed-chip,
  .shared-messaging-room-recent-message > .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-room-notification-form__footer {
    display: grid;
  }

  .shared-messaging-directory-command__header {
    grid-template-columns: 1fr;
  }

  .shared-messaging-directory-command__stats {
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(4, auto);
    justify-content: start;
  }

  .shared-messaging-directory-command .shared-feed-chip,
  .shared-messaging-directory-create .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-room-group__header {
    display: grid;
    align-items: stretch;
  }

  .shared-messaging-room-group__header .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-room-settings-form__footer {
    display: grid;
  }

  .shared-messaging-room-invite__status {
    justify-self: start;
  }

  .shared-messaging-server-settings-hero,
  .shared-messaging-server-settings-section__header,
  .shared-messaging-server-settings-group__header,
  .shared-messaging-server-settings-item {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-settings-hero__metric,
  .shared-messaging-server-settings-section__header > span,
  .shared-messaging-server-settings-group__header > span,
  .shared-messaging-server-settings-item em {
    width: fit-content;
    min-width: 0;
    max-width: 100%;
  }

  .shared-messaging-server-notification-grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-media-strip {
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-settings-editor,
  .shared-messaging-server-invite-form,
  .shared-messaging-server-identity__profile,
  .shared-messaging-server-identity__id,
  .shared-messaging-server-identity__metrics,
  .shared-messaging-server-security-summary,
  .shared-messaging-server-security-intro,
  .shared-messaging-server-security-list {
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-profile-media__banner {
    min-height: 156px;
    aspect-ratio: 16 / 8;
  }

  .shared-messaging-server-profile-media__identity {
    margin: -30px 10px 0;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .shared-messaging-server-profile-media__avatar {
    justify-self: start;
  }

  .shared-messaging-server-profile-media__actions {
    padding-left: 0;
    justify-content: stretch;
  }

  .shared-messaging-server-profile-media__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-server-identity__actions {
    justify-content: stretch;
  }

  .shared-messaging-server-identity__actions .shared-feed-chip,
  .shared-messaging-server-identity__id .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-server-security-toggle {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-server-security-toggle em {
    grid-column: 2;
    width: fit-content;
  }

  .shared-messaging-server-settings-editor__footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-invite-form__header,
  .shared-messaging-server-invite-form__footer,
  .shared-messaging-server-invite-selected,
  .shared-messaging-server-invite-result {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .shared-messaging-server-invite-result {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-server-invite-selected {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-server-invite-selected .shared-feed-chip {
    grid-column: 1 / -1;
  }

  .shared-messaging-server-invite-result em {
    grid-column: 2;
    width: fit-content;
    max-width: 100%;
  }

  .shared-messaging-server-asset-form {
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-asset-form__header,
  .shared-messaging-server-asset-picker {
    grid-template-columns: 1fr;
  }

  .shared-messaging-server-asset-picker__preview {
    width: 100%;
    max-width: 160px;
    height: auto;
    aspect-ratio: 1;
    justify-self: start;
  }

  .shared-messaging-server-asset-form__wide,
  .shared-messaging-server-asset-form__hint {
    grid-column: auto;
  }

  .shared-messaging-directory-admin,
  .shared-messaging-directory-create,
  .shared-messaging-directory-category__form,
  .shared-messaging-directory-room,
  .shared-messaging-directory-danger form {
    grid-template-columns: 1fr;
  }

  .shared-messaging-directory-category__header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-messaging-directory-category__header > span {
    width: fit-content;
    min-width: 0;
  }

  .shared-messaging-directory-category__actions,
  .shared-messaging-directory-room__actions {
    justify-content: stretch;
  }

  .shared-messaging-server-settings-section__actions,
  .shared-messaging-server-settings-form__footer {
    justify-content: stretch;
  }

  .shared-messaging-server-settings-section__actions .shared-feed-chip,
  .shared-messaging-server-settings-form__footer .shared-feed-chip,
  .shared-messaging-server-settings-editor__footer .shared-feed-chip,
  .shared-messaging-server-invite-form .shared-feed-chip,
  .shared-messaging-server-security-form .shared-feed-chip,
  .shared-messaging-server-asset-form .shared-feed-chip,
  .shared-messaging-server-asset__actions .shared-feed-chip,
  .shared-messaging-directory-create .shared-feed-chip,
  .shared-messaging-directory-category__form .shared-feed-chip,
  .shared-messaging-directory-category__actions .shared-feed-chip,
  .shared-messaging-directory-room__actions .shared-feed-chip,
  .shared-messaging-directory-danger .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-composer-note {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-composer-note .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
  }

  .shared-messaging-secure-handoff {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-secure-handoff__status {
    grid-template-columns: 1fr;
  }

  .shared-messaging-secure-handoff__actions {
    justify-content: stretch;
    padding-left: 0;
  }

  .shared-messaging-secure-handoff__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-message {
    gap: 8px;
  }

  .shared-message__bubble,
  .shared-message.is-self .shared-message__bubble {
    max-width: calc(100% - 34px);
    padding: 10px 11px;
  }

  .shared-message.is-self .shared-message__bubble {
    max-width: 96%;
  }

  .shared-message-rich-card,
  .shared-message-media {
    width: 100%;
  }

  .shared-message-rich-card--mission {
    grid-template-columns: 1fr;
  }

  .shared-message-rich-card--mission .shared-message-rich-card__icon {
    width: 34px;
    height: 34px;
  }

  .shared-message-mission-work__top {
    grid-template-columns: 1fr;
  }

  .shared-message-mission-status {
    width: max-content;
    max-width: 100%;
  }

  .shared-message-mission-work__actions .shared-message-rich-card__action {
    flex: 1 1 120px;
    justify-content: center;
  }

  .shared-message-attachments a,
  .shared-message-attachments span,
  .shared-message-reply-preview,
  .shared-message-reaction,
  .shared-message-quick-reaction,
  .shared-message-action {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .shared-messaging-composer {
    grid-template-columns: 1fr;
  }

  .shared-messaging-edit-banner,
  .shared-messaging-reply-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-edit-banner .shared-feed-chip,
  .shared-messaging-reply-banner .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-composer-attachment {
    grid-template-columns: 1fr;
  }

  .shared-messaging-composer-attachment__meta {
    grid-template-columns: 1fr;
  }

  .shared-messaging-composer-attachment .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-mention-menu {
    max-height: 214px;
  }

  .shared-messaging-command-menu {
    max-height: 196px;
  }

  .shared-messaging-mention-option {
    min-height: 50px;
    padding: 8px;
  }

  .shared-messaging-command-option {
    min-height: 52px;
    padding: 8px;
  }

  .shared-messaging-mission-draft {
    padding: 10px;
  }

  .shared-messaging-mission-draft__header,
  .shared-messaging-mission-draft__footer {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .shared-messaging-mission-draft__header .shared-feed-chip,
  .shared-messaging-mission-draft__footer .shared-feed-chip {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .shared-messaging-mission-draft__footer span {
    grid-column: 1 / -1;
  }

  .shared-messaging-mission-draft__grid {
    grid-template-columns: 1fr;
  }

  .shared-messaging-composer__send {
    width: 100%;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-thread-header {
    padding: 10px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px 10px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__mobile-back {
    grid-column: 1;
    min-width: 0;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__identity {
    grid-column: 2;
    min-width: 0;
    flex: 1 1 auto;
    gap: 9px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__identity
    .shared-messaging-avatar {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-thread-header h2 {
    font-size: 1.15rem;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__identity
    p {
    display: none;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__identity
    span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow-x: visible;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__meta {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    flex: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__meta::-webkit-scrollbar,
  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__actions::-webkit-scrollbar {
    display: none;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__meta
    span {
    flex: 0 0 auto;
    min-height: 26px;
    padding-block: 4px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-thread-header__actions
    .shared-feed-chip {
    min-width: 0;
    width: 100%;
    flex: 0 1 auto;
    justify-content: center;
    min-height: 34px;
    padding-inline: 9px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-panel--thread
    .shared-message-list {
    padding: 14px 14px 88px;
    scroll-padding-block: 88px 118px;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-composer {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    padding: 9px 10px calc(9px + env(safe-area-inset-bottom, 0px));
  }

  .shared-messaging-workspace--thread-active .shared-messaging-composer__tools,
  .shared-messaging-workspace--thread-active .shared-messaging-composer__input,
  .shared-messaging-workspace--thread-active .shared-messaging-composer__send {
    grid-column: auto;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-composer__tool {
    width: 36px;
    height: 42px;
    border-radius: 13px;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-composer textarea {
    min-height: 40px;
    padding: 10px 11px;
    resize: none;
  }

  .shared-messaging-workspace--thread-active .shared-messaging-composer__send {
    width: auto;
    min-width: 46px;
    padding-inline: 12px;
  }

  .shared-messaging-workspace--thread-active
    .shared-messaging-composer__send
    span {
    display: none;
  }

  .shared-messaging-report-modal {
    align-items: end;
    padding: 12px;
  }

  .shared-messaging-report-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 24px);
    border-radius: 20px;
    padding: 16px;
  }

  .shared-messaging-report-modal__reason {
    padding: 10px;
  }

  .shared-messaging-report-modal__actions {
    justify-content: stretch;
  }

  .shared-messaging-report-modal__actions .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-election-results__header,
  .shared-election-race__header,
  .shared-election-candidate__topline {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-election-candidate {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .shared-election-candidate__avatar {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .shared-election-candidate__numbers {
    grid-column: 2;
    justify-items: start;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
    gap: 10px;
  }

  .shared-election-districts {
    max-height: 220px;
  }

  .shared-election-county-row__header,
  .shared-election-county-candidate {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .shared-election-county-candidate em {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shared-election-candidate__bar span {
    transition: none;
  }

  .shared-election-candidate.is-updated
    .shared-election-candidate__bar
    span::after {
    animation: none;
    display: none;
  }
}

@media (max-width: 1200px) and (min-width: 1025px) {
  .shared-media-grid--five-wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .shared-media-grid--five-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

:root[data-polis-theme-resolved="light"] .shared-create-page .shared-create-hero p {
  color: rgba(247, 248, 251, 0.84);
}

.shared-petitions-workspace {
  display: grid;
  gap: 18px;
}

.shared-petition-list,
.shared-petition-fields {
  display: grid;
  gap: 12px;
}

.shared-petition-builder,
.shared-petition-responses,
.shared-petition-card__content {
  min-width: 0;
}

.shared-petition-card,
.shared-petition-builder-cover,
.shared-petition-field,
.shared-petition-duplicates article {
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: var(--sf-panel-soft);
}

.shared-petition-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 14px;
}

.shared-petition-card.is-active {
  border-color: var(--sf-cyan);
}

.shared-petition-card h3,
.shared-petition-card p {
  margin: 6px 0 0;
}

.shared-petition-card small {
  display: block;
  margin-top: 8px;
  color: var(--sf-muted);
  overflow-wrap: anywhere;
}

.shared-petition-card__cover {
  width: 92px;
  aspect-ratio: 1.52;
  border-radius: 8px;
  border: 1px solid var(--sf-line);
  background: var(--sf-panel);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--sf-muted);
}

.shared-petition-card__cover img,
.shared-petition-builder-cover__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-petition-card__cover svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  opacity: 0.72;
}

.shared-petition-builder__header,
.shared-petition-field__grid,
.shared-petition-public-field,
.shared-petition-public-address {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shared-petition-field {
  padding: 12px;
}

.shared-petition-builder-cover {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  margin: 14px 0;
}

.shared-petition-builder-cover__file {
  display: none;
}

.shared-petition-builder-cover__preview {
  aspect-ratio: 1200 / 630;
  border-radius: 8px;
  border: 1px solid var(--sf-line);
  background: var(--sf-panel);
  overflow: hidden;
}

.shared-petition-builder-cover__empty {
  min-height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: var(--sf-muted);
  text-align: center;
}

.shared-petition-builder-cover__empty svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
  opacity: 0.78;
}

.shared-petition-builder-cover__controls {
  display: grid;
  align-content: center;
  gap: 10px;
}

.shared-petition-builder-cover__controls label {
  display: grid;
  gap: 6px;
}

.shared-petition-builder-cover__controls label span {
  color: var(--sf-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shared-petition-builder-cover__controls input {
  width: 100%;
}

.shared-petition-builder-cover__controls em {
  color: var(--sf-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.shared-petition-field__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.shared-petition-field label,
.shared-petition-builder__header label,
.shared-petition-public-field,
.shared-petition-public-address label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.shared-petition-field label span,
.shared-petition-builder__header label span,
.shared-petition-builder-cover__controls label span,
.shared-petition-response-filters label span,
.shared-petition-response-filters small {
  color: var(--sf-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-petition-builder input:not([type="checkbox"]):not([type="file"]),
.shared-petition-builder textarea,
.shared-petition-builder select,
.shared-petition-response-filters input {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--sf-ink);
  font: inherit;
  font-weight: 800;
}

.shared-petition-builder input:not([type="checkbox"]):not([type="file"]),
.shared-petition-builder select,
.shared-petition-response-filters input {
  height: 42px;
  padding: 0 12px;
}

.shared-petition-builder textarea {
  min-height: 88px;
  padding: 12px;
  resize: vertical;
}

.shared-petition-builder input:not([type="checkbox"]):not([type="file"]):focus,
.shared-petition-builder textarea:focus,
.shared-petition-builder select:focus,
.shared-petition-response-filters input:focus {
  border-color: rgba(38, 244, 238, 0.44);
  outline: none;
  box-shadow: 0 0 0 4px rgba(38, 244, 238, 0.1);
}

:root[data-polis-theme-resolved="light"]
  .shared-petition-builder
  input:not([type="checkbox"]):not([type="file"]),
:root[data-polis-theme-resolved="light"] .shared-petition-builder textarea,
:root[data-polis-theme-resolved="light"] .shared-petition-builder select,
:root[data-polis-theme-resolved="light"] .shared-petition-response-filters input {
  border-color: rgba(9, 18, 32, 0.14);
  background: rgba(255, 255, 255, 0.9);
  color: #101624;
}

:root[data-polis-theme-resolved="light"]
  .shared-petition-builder
  input:not([type="checkbox"]):not([type="file"]):focus,
:root[data-polis-theme-resolved="light"] .shared-petition-builder textarea:focus,
:root[data-polis-theme-resolved="light"] .shared-petition-builder select:focus,
:root[data-polis-theme-resolved="light"]
  .shared-petition-response-filters
  input:focus {
  border-color: rgba(5, 125, 132, 0.46);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(5, 125, 132, 0.1);
}

.shared-petition-field .shared-form__checkbox {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  align-content: center;
}

:root[data-polis-theme-resolved="light"] .shared-petition-field .shared-form__checkbox {
  background: rgba(255, 255, 255, 0.72);
}

.shared-petition-field .is-wide,
.shared-petition-builder__header .is-wide,
.shared-petition-public-field .is-wide,
.shared-petition-public-address .is-wide {
  grid-column: 1 / -1;
}

.shared-petition-field .is-hidden {
  display: none;
}

.shared-petition-duplicates {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.shared-petition-duplicates article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
}

.shared-petition-response-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  margin: 0 0 14px;
}

.shared-petition-response-filters label {
  display: grid;
  gap: 5px;
}

.shared-petition-response-filters input {
  width: 100%;
}

.shared-petition-response-filters small {
  padding-bottom: 10px;
  white-space: nowrap;
}

.shared-petition-response-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: grid;
  gap: 8px;
  overflow-x: auto;
}

.shared-petition-responses {
  min-width: 0;
  overflow: hidden;
}

.shared-petition-response-table__row {
  display: grid;
  grid-template-columns: 58px minmax(140px, 1fr) minmax(220px, 1.4fr) 70px 160px 92px;
  gap: 10px;
  align-items: center;
  min-width: 760px;
  min-height: 44px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--sf-line);
}

.shared-petition-response-table__row.is-header {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--sf-muted);
  text-transform: uppercase;
}

.shared-petition-response-table__row.is-flagged {
  background: color-mix(in srgb, var(--sf-red) 8%, transparent);
}

.shared-petition-response-table__review,
.shared-petition-response-table__video {
  color: var(--sf-cyan);
  font-weight: 800;
  text-align: center;
}

.shared-petition-response-table__video svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  vertical-align: middle;
}

.shared-petition-response-table__review {
  color: var(--sf-red);
}

.shared-petition-response-table__review.is-clear {
  color: var(--sf-muted);
}

.shared-petition-response-table__review.is-flagged {
  color: var(--sf-red);
}

.shared-petition-public-page {
  --sf-ink: #f7f8fb;
  --sf-muted: rgba(232, 235, 245, 0.72);
  --sf-line: rgba(255, 255, 255, 0.14);
  --sf-panel-soft: rgba(255, 255, 255, 0.065);
  color-scheme: dark;
  min-height: 100vh;
  color: var(--sf-ink);
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.18) 0%, transparent 32%),
    linear-gradient(215deg, rgba(38, 244, 238, 0.12) 0%, transparent 34%),
    linear-gradient(180deg, #101017 0%, #06070a 58%, #030406 100%);
  overflow: hidden;
}

.shared-petition-public-page__content {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 30px 24px 56px;
  gap: 34px;
}

.shared-petition-public-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.shared-petition-public-brand__lockup {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: left;
}

.shared-petition-public-brand__mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.shared-petition-public-brand__mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.shared-petition-public-brand strong {
  display: block;
  font-family: var(--sf-font-display);
  font-size: 1.06rem;
}

.shared-petition-public-brand small {
  display: block;
  margin-top: 2px;
  color: var(--sf-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.shared-petition-public-brand__app {
  min-height: 42px;
  background: rgba(255, 255, 255, 0.07);
}

.shared-petition-public-cover {
  position: relative;
  margin: 0;
  aspect-ratio: 1200 / 630;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.34);
}

.shared-petition-public-cover__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.shared-petition-public-cover__logo {
  position: absolute;
  right: clamp(14px, 2vw, 24px);
  bottom: clamp(14px, 2vw, 24px);
  width: clamp(44px, 5vw, 68px);
  height: clamp(44px, 5vw, 68px);
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(3, 4, 6, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32);
}

.shared-petition-public-cover__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.shared-petition-public-state {
  min-height: 56vh;
  display: grid;
  place-items: center;
}

.shared-petition-public-state > div {
  width: min(560px, 100%);
}

.shared-petition-public-shell {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(480px, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}

.shared-petition-public-copy {
  position: sticky;
  top: 28px;
  display: grid;
  gap: 18px;
  padding-top: clamp(18px, 5vh, 58px);
}

.shared-petition-public-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(247, 248, 251, 0.68);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-petition-public-meta span + span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.shared-petition-public-copy h1 {
  margin: 0;
  max-width: 700px;
  font-family: var(--sf-font-display);
  font-size: clamp(2.15rem, 4.2vw, 4.8rem);
  line-height: 0.98;
}

.shared-petition-public-copy__body {
  max-width: 660px;
  margin: 0;
  color: rgba(232, 235, 245, 0.78);
  font-size: 1rem;
  line-height: 1.72;
  white-space: pre-wrap;
}

.shared-petition-public-form {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(19, 22, 30, 0.94), rgba(8, 10, 15, 0.96)),
    rgba(9, 11, 16, 0.95);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}

.shared-petition-public-form__header {
  padding-bottom: 4px;
}

.shared-petition-public-form__header h2 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: 1.34rem;
}

.shared-petition-public-form > label.shared-petition-public-field,
.shared-petition-public-field label,
.shared-petition-public-address label {
  display: grid;
  gap: 8px;
}

.shared-petition-public-form > label.shared-petition-public-field {
  grid-template-columns: minmax(0, 1fr);
}

.shared-petition-public-field span,
.shared-petition-public-address label span,
.shared-petition-public-upload span {
  color: rgba(247, 248, 251, 0.9);
  font-size: 0.83rem;
  font-weight: 850;
}

.shared-petition-public-form input:not([type="checkbox"]):not([type="file"]),
.shared-petition-public-form textarea,
.shared-petition-public-form select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.075);
  color: #fff;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.shared-petition-public-form textarea {
  min-height: 132px;
  padding-block: 13px;
  resize: vertical;
}

.shared-petition-public-form select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(247, 248, 251, 0.78) 50%),
    linear-gradient(135deg, rgba(247, 248, 251, 0.78) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 21px,
    calc(100% - 13px) 21px;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.shared-petition-public-form input:not([type="checkbox"]):not([type="file"]):focus,
.shared-petition-public-form textarea:focus,
.shared-petition-public-form select:focus {
  border-color: rgba(38, 244, 238, 0.62);
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 4px rgba(38, 244, 238, 0.1);
}

.shared-petition-public-field em,
.shared-petition-field em {
  color: var(--sf-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.shared-petition-public-checkbox,
.shared-petition-public-video-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(247, 248, 251, 0.88);
  line-height: 1.45;
}

.shared-petition-public-checkbox input,
.shared-petition-public-video-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--sf-red);
  flex: 0 0 auto;
}

.shared-petition-public-address {
  position: relative;
}

.shared-petition-public-address .shared-event-address-lookup__status,
.shared-petition-public-address .shared-event-address-lookup__error,
.shared-petition-public-address .shared-event-address-lookup__results {
  grid-column: 1 / -1;
}

.shared-petition-public-address .shared-event-address-lookup__results {
  position: static;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 10, 15, 0.96);
}

.shared-petition-video-field {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 51, 95, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.055);
}

.shared-petition-video-field__copy {
  display: grid;
  gap: 6px;
}

.shared-petition-video-field__copy strong {
  font-family: var(--sf-font-display);
  font-size: 1.02rem;
}

.shared-petition-video-field__copy p {
  margin: 0;
  color: var(--sf-muted);
  line-height: 1.58;
}

.shared-petition-video-field video {
  width: 100%;
  max-height: 360px;
  border-radius: 14px;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.shared-petition-public-upload {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  cursor: pointer;
}

.shared-petition-public-upload input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.shared-petition-public-upload strong {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(38, 244, 238, 0.13);
  color: #bffcf9;
  font-size: 0.86rem;
}

.shared-petition-public-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}

.shared-petition-public-submit {
  min-width: 150px;
  justify-content: center;
}

.shared-petition-results-page .shared-petition-public-page__content {
  gap: 24px;
}

.shared-petition-results-shell {
  display: grid;
  gap: 18px;
}

.shared-petition-results-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.shared-petition-results-header h1 {
  margin: 0;
  font-family: var(--sf-font-display);
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
}

.shared-petition-results-header p {
  margin: 8px 0 0;
  color: var(--sf-muted);
}

.shared-petition-results-header .shared-feed-chip {
  white-space: nowrap;
}

.shared-petition-results-table {
  display: grid;
  gap: 8px;
  overflow-x: auto;
}

.shared-petition-results-table__row {
  min-width: 780px;
  overflow: hidden;
  border: 1px solid var(--sf-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-petition-results-table__summary,
.shared-petition-results-table__row.is-header {
  display: grid;
  grid-template-columns: 92px minmax(140px, 1fr) minmax(220px, 1.35fr) 170px 96px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 9px 12px;
}

.shared-petition-results-table__summary {
  cursor: pointer;
  list-style: none;
}

.shared-petition-results-table__summary::-webkit-details-marker {
  display: none;
}

.shared-petition-results-table__summary::marker {
  content: "";
}

.shared-petition-results-table__row.is-header {
  color: var(--sf-muted);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  background: transparent;
}

.shared-petition-results-table__row.is-flagged {
  background: color-mix(in srgb, var(--sf-red) 12%, transparent);
}

.shared-petition-results-table__summary span,
.shared-petition-results-table__row.is-header span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-petition-results-table__summary strong {
  font-weight: 900;
}

.shared-petition-results-table__review {
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shared-petition-results-table__review.is-clear {
  color: var(--sf-muted);
}

.shared-petition-results-table__review.is-flagged {
  color: var(--sf-red);
}

.shared-petition-results-table__toggle {
  justify-self: end;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--sf-line);
  border-radius: 999px;
  color: #bffcf9;
  font-size: 0.78rem;
  font-weight: 900;
  text-align: center;
}

.shared-petition-results-table__row[open] .shared-petition-results-table__toggle {
  color: var(--sf-ink);
  background: rgba(38, 244, 238, 0.16);
}

.shared-petition-results-table__details {
  display: grid;
  gap: 12px;
  padding: 0 12px 12px;
  border-top: 1px solid var(--sf-line);
}

.shared-petition-results-table__flags {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--sf-red) 38%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--sf-red) 10%, transparent);
}

.shared-petition-results-table__flags strong {
  color: var(--sf-red);
}

.shared-petition-results-table__flags span {
  color: var(--sf-muted);
}

.shared-petition-results-table__answers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin: 12px 0 0;
}

.shared-petition-results-table__answers div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid var(--sf-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
}

.shared-petition-results-table__answers dt {
  color: var(--sf-muted);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.shared-petition-results-table__answers dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  line-height: 1.38;
}

.shared-petition-results-table__row a {
  color: inherit;
  font-weight: 800;
}

.shared-petition-results-table__empty-value {
  color: var(--sf-muted);
}

@media (prefers-color-scheme: light) {
  .shared-petition-public-page {
    --sf-ink: #141821;
    --sf-muted: #626b7a;
    --sf-line: rgba(20, 24, 33, 0.14);
    --sf-panel-soft: rgba(20, 24, 33, 0.055);
    color-scheme: light;
    background:
      linear-gradient(135deg, rgba(255, 51, 95, 0.09) 0%, transparent 34%),
      linear-gradient(215deg, rgba(38, 244, 238, 0.12) 0%, transparent 36%),
      linear-gradient(180deg, #ffffff 0%, #f7f8fb 58%, #eef2f7 100%);
  }

  .shared-petition-public-brand__mark,
  .shared-petition-public-cover,
  .shared-petition-public-form,
  .shared-petition-results-table__row,
  .shared-petition-results-table__answers div,
  .shared-petition-video-field,
  .shared-petition-public-upload {
    border-color: rgba(20, 24, 33, 0.14);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 22px 54px rgba(20, 24, 33, 0.1);
  }

  .shared-petition-public-cover__logo {
    background: rgba(255, 255, 255, 0.84);
    border-color: rgba(20, 24, 33, 0.14);
  }

  .shared-petition-public-copy__body,
  .shared-petition-video-field__copy p {
    color: var(--sf-muted);
  }

  .shared-petition-public-field span,
  .shared-petition-public-address label span,
  .shared-petition-public-upload span,
  .shared-petition-public-checkbox,
  .shared-petition-public-video-consent {
    color: #242936;
  }

  .shared-petition-public-form input:not([type="checkbox"]):not([type="file"]),
  .shared-petition-public-form textarea,
  .shared-petition-public-form select {
    border-color: rgba(20, 24, 33, 0.14);
    background: rgba(255, 255, 255, 0.86);
    color: #141821;
  }

  .shared-petition-public-form input:not([type="checkbox"]):not([type="file"]):focus,
  .shared-petition-public-form textarea:focus,
  .shared-petition-public-form select:focus {
    border-color: rgba(0, 150, 145, 0.48);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(0, 150, 145, 0.1);
  }

  .shared-petition-public-upload strong {
    background: rgba(0, 150, 145, 0.12);
    color: #006f6b;
  }

  .shared-petition-results-table__toggle {
    background: rgba(0, 150, 145, 0.08);
    color: #006f6b;
  }

  .shared-petition-results-table__row[open] .shared-petition-results-table__toggle {
    background: rgba(0, 150, 145, 0.16);
    color: #004f4c;
  }
}

@media (max-width: 980px) {
  .shared-petition-public-page__content {
    padding: 22px 18px 44px;
    gap: 26px;
  }

  .shared-petition-public-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .shared-petition-public-copy {
    position: static;
    padding-top: 8px;
  }

  .shared-petition-public-copy h1 {
    font-size: clamp(2rem, 8vw, 3.4rem);
  }
}

@media (max-width: 760px) {
  .shared-petition-card,
  .shared-petition-builder-cover,
  .shared-petition-builder__header,
  .shared-petition-field__grid,
  .shared-petition-public-field,
  .shared-petition-public-address,
  .shared-petition-duplicates article {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-petition-card__cover {
    width: 100%;
  }

  .shared-petition-response-filters {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-petition-response-filters small {
    padding-bottom: 0;
  }

  .shared-petition-field__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .shared-petition-public-page__content {
    padding: 18px 14px 34px;
  }

  .shared-petition-public-brand {
    align-items: flex-start;
  }

  .shared-petition-public-brand__app {
    min-height: 38px;
    padding-inline: 14px;
  }

  .shared-petition-public-meta {
    flex-wrap: wrap;
    gap: 8px;
  }

  .shared-petition-public-meta span + span {
    padding-left: 8px;
  }

  .shared-petition-public-copy__body {
    font-size: 0.96rem;
    line-height: 1.64;
  }

  .shared-petition-public-form {
    padding: 16px;
    border-radius: 18px;
  }

  .shared-petition-public-form input:not([type="checkbox"]):not([type="file"]),
  .shared-petition-public-form textarea,
  .shared-petition-public-form select {
    min-height: 46px;
  }

  .shared-petition-public-upload {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-petition-public-upload strong {
    width: 100%;
  }

  .shared-petition-public-actions {
    justify-content: stretch;
  }

  .shared-petition-public-submit {
    width: 100%;
  }

  .shared-petition-results-header {
    flex-direction: column;
  }

  .shared-petition-results-header .shared-feed-chip {
    width: 100%;
    justify-content: center;
  }

  .shared-petition-results-table {
    overflow: visible;
    gap: 8px;
  }

  .shared-petition-results-table__row.is-header {
    display: none;
  }

  .shared-petition-results-table__row {
    min-width: 0;
    border-radius: 14px;
  }

  .shared-petition-results-table__summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 4px 10px;
    min-height: 58px;
    padding: 10px;
  }

  .shared-petition-results-table__summary span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shared-petition-results-table__review {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    max-width: 72px;
    white-space: normal;
  }

  .shared-petition-results-table__summary span[data-label="Name"] {
    grid-column: 2;
    grid-row: 1;
  }

  .shared-petition-results-table__summary span[data-label="Address"],
  .shared-petition-results-table__summary span[data-label="Submitted"] {
    grid-column: 2;
    color: var(--sf-muted);
    font-size: 0.78rem;
  }

  .shared-petition-results-table__summary span[data-label="Address"] {
    grid-row: 2;
  }

  .shared-petition-results-table__summary span[data-label="Submitted"] {
    grid-row: 3;
  }

  .shared-petition-results-table__toggle {
    grid-column: 3;
    grid-row: 1 / span 3;
    align-self: center;
  }

  .shared-petition-results-table__details {
    padding: 0 10px 10px;
  }

  .shared-petition-results-table__answers {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .shared-petition-results-table__answers div {
    padding: 9px 10px;
  }
}

@media (max-width: 640px) {
  .shared-create-page .shared-create-drop.has-camera {
    min-height: 0;
    align-content: center;
  }

  .shared-create-page .shared-create-camera {
    width: min(100%, 306px);
  }

  .shared-create-page .shared-create-camera video {
    max-height: none;
  }

  .shared-create-page .shared-create-teleprompter-overlay {
    left: 10px;
    right: 10px;
    top: 58px;
    min-height: 104px;
    max-height: calc(100% - 136px);
    padding: 13px;
    border-radius: 14px;
  }

  .shared-create-page .shared-create-teleprompter-overlay__script {
    font-size: min(var(--teleprompter-font, 28px), 22px);
    line-height: 1.28;
  }

  .shared-create-page .shared-create-camera__hud {
    left: 12px;
    right: 12px;
    top: 12px;
    gap: 6px;
  }

  .shared-create-page .shared-create-camera__hud span,
  .shared-create-page .shared-create-camera__hud small {
    min-height: 30px;
    padding: 6px 8px;
    gap: 5px;
    font-size: 0.78rem;
  }
}

@media (max-width: 760px) {
  .shared-petitions-workspace {
    gap: 14px;
  }

  .shared-petitions-workspace > .shared-coalition-panel,
  .shared-petition-builder,
  .shared-petition-responses {
    padding: 14px;
    border-radius: 20px;
  }

  .shared-petitions-workspace .shared-coalition-panel__header {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .shared-petitions-workspace .shared-coalition-panel__header .shared-card__actions,
  .shared-petition-builder > .shared-card__actions,
  .shared-petition-builder-cover__controls .shared-card__actions,
  .shared-petition-field__top .shared-card__actions {
    width: 100%;
    display: grid;
    gap: 8px;
  }

  .shared-petitions-workspace .shared-coalition-panel__header .shared-card__actions,
  .shared-petition-builder-cover__controls .shared-card__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-petition-builder > .shared-card__actions,
  .shared-petition-field__top .shared-card__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-petitions-workspace .shared-feed-chip {
    min-width: 0;
    max-width: 100%;
    justify-content: center;
  }

  .shared-petition-card {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
  }

  .shared-petition-card__cover {
    width: 76px;
    border-radius: 14px;
  }

  .shared-petition-card h3 {
    margin-top: 5px;
    font-size: 0.98rem;
    line-height: 1.16;
  }

  .shared-petition-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.32;
  }

  .shared-petition-card small {
    display: none;
  }

  .shared-petition-card > .shared-card__actions {
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .shared-petition-card > .shared-card__actions .shared-feed-chip,
  .shared-petition-builder > .shared-card__actions .shared-feed-chip,
  .shared-petition-field__top .shared-card__actions .shared-feed-chip {
    width: 100%;
    padding-inline: 8px;
  }

  .shared-petition-builder-cover {
    gap: 12px;
    padding: 10px;
    border-radius: 18px;
  }

  .shared-petition-field {
    padding: 12px;
    border-radius: 18px;
  }

  .shared-petition-field__top {
    gap: 10px;
  }

  .shared-petition-builder__header,
  .shared-petition-field__grid {
    gap: 10px;
  }

  .shared-petition-response-table {
    overflow: visible;
    gap: 10px;
  }

  .shared-petition-response-table__row.is-header {
    display: none;
  }

  .shared-petition-response-table__row {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: var(--sf-panel-soft);
  }

  .shared-petition-response-table__row:last-child {
    border-bottom: 1px solid var(--sf-line);
  }

  .shared-petition-response-table__row span {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(82px, 0.36fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    overflow: visible;
    color: var(--sf-ink);
    text-align: left;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.36;
  }

  .shared-petition-response-table__row span::before {
    content: attr(data-label);
    color: var(--sf-muted);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .shared-petition-response-table__review,
  .shared-petition-response-table__video {
    text-align: left;
  }

  .shared-petition-response-table__row span:last-child {
    align-items: center;
  }

  .shared-petition-response-table__row span:last-child .shared-feed-chip {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .shared-campaign-messaging-command {
    gap: 12px;
  }

  .shared-campaign-messaging-signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-campaign-messaging-focus {
    padding: 12px;
    border-radius: 18px;
    gap: 10px;
  }

  .shared-campaign-messaging-focus__room {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }

  .shared-campaign-messaging-focus__latest {
    padding: 12px;
    border-radius: 14px;
  }

  .shared-campaign-messaging-focus .shared-campaign-room-card__actions,
  .shared-campaign-room-card .shared-campaign-room-card__actions {
    justify-content: stretch;
  }

  .shared-campaign-messaging-focus .shared-campaign-room-card__actions .shared-feed-chip--primary,
  .shared-campaign-room-card .shared-campaign-room-card__actions .shared-feed-chip--primary {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .shared-campaign-messaging-action {
    min-height: 64px;
    padding: 10px;
    border-radius: 14px;
  }

  .shared-campaign-room-admin {
    padding: 14px;
    border-radius: 18px;
  }
}