:root {
  --bg: #0f1014;
  --panel: #171a23;
  --panel-border: #2f3546;
  --ink: #f4efe6;
  --muted: #b7b3aa;
  --accent: #ff6f3c;
  --accent-soft: #ffb398;
  --ok: #67d391;
  --danger: #ff7f7f;
  --pending: #969aa8;
  --active: #ffd158;
  --app-proposal: #66b9ff;
  --app-presentation: #d08b5a;
  --app-pitch: #7fd8b4;
  --app-paper: #cf5a4e;
  --app-survey: #d9c66b;
  --app-nurture: #5fc7d6;
  --app-mailer: #7fcf9a;
  --app-social: #aacd45;
  --app-campaign: #63d2a8;
  --app-frame: #c98cff;
  --app-audience-export: #f4b35d;
  --app-prospect: #f07fa2;
  --workflow-ticket-accent: #ff7f7f;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: radial-gradient(circle at 20% 20%, #2b1b18 0, transparent 40%), radial-gradient(circle at 80% 0%, #1a2e39 0, transparent 35%), var(--bg);
  font-family: "Space Grotesk", sans-serif;
  min-height: 100vh;
}
.youtube-publisher-body {
  overflow-x: hidden;
}
.youtube-publisher-body.youtube-publisher-hosted {
  min-height: 100vh;
  background: transparent;
}
.youtube-publisher-body.youtube-publisher-hosted .ambient {
  display: none;
}
.ambient {
  position: fixed;
  inset: 0;
  background-image: linear-gradient(transparent 96%, rgba(255, 255, 255, 0.03) 96%), linear-gradient(90deg, transparent 96%, rgba(255, 255, 255, 0.03) 96%);
  background-size: 24px 24px;
  pointer-events: none;
}
.shell { max-width: 1080px; margin: 0 auto; padding: 32px 20px 60px; position: relative; }
.public-information-shell {
  max-width: 900px;
  padding-top: 24px;
}
.public-information-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
}
.public-information-brand {
  display: inline-flex;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.public-information-brand:focus-visible,
.public-information-language a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.public-information-brand .brand-lockup {
  margin: 0;
}
.public-information-language {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.public-information-language a {
  border: 1px solid rgba(255, 179, 152, 0.32);
  border-radius: 999px;
  padding: 5px 8px;
  color: #f0dfd3;
  background: rgba(255, 111, 60, 0.06);
  font-size: 11px;
  text-decoration: none;
}
.public-information-language a[aria-current="page"] {
  border-color: transparent;
  background: var(--accent);
  color: #161616;
  font-weight: 700;
}
.public-information-hero {
  margin-bottom: 22px;
}
.public-information-content {
  display: grid;
  gap: 14px;
}
.public-information-status {
  margin: 0 0 14px;
  padding: 18px 20px;
  border: 1px solid var(--panel-border);
  border-radius: 14px;
  background: var(--panel);
}
.public-information-status--operational { border-color: rgba(99, 210, 168, 0.4); }
.public-information-status--unknown { border-color: rgba(255, 184, 102, 0.42); }
.public-information-status-label {
  margin: 0 0 4px;
  color: var(--ink);
  font-weight: 700;
}
.public-information-status p:last-child { margin-bottom: 0; }
.public-information-section {
  margin: 0;
}
.public-information-section h2,
.public-information-readiness h2 {
  margin-bottom: 8px;
}
.public-information-section p,
.public-information-readiness p {
  color: var(--muted);
  line-height: 1.65;
}
.public-information-section p:last-child,
.public-information-readiness p:last-child {
  margin-bottom: 0;
}
.public-information-contact-link {
  background: transparent;
  border: 1px solid #4e5363;
  color: var(--ink);
}
.public-information-readiness {
  border: 1px solid rgba(255, 179, 152, 0.32);
  border-radius: 14px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 111, 60, 0.13), rgba(255, 111, 60, 0.035));
}
@media (max-width: 620px) {
  .public-information-shell { padding: 20px 16px 44px; }
  .public-information-header { margin-bottom: 22px; flex-wrap: wrap; }
  .public-information-brand { max-width: 100%; }
  .public-information-section,
  .public-information-readiness { padding: 16px; }
}
.audience-analytics-shell { max-width: 1280px; }
.youtube-publisher-shell {
  max-width: 920px;
  min-height: 100vh;
  display: grid;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 28px;
}
.youtube-publisher-body.youtube-publisher-hosted .youtube-publisher-shell {
  max-width: none;
  min-height: 100vh;
  align-items: stretch;
  padding: 0;
}
.youtube-publisher-modal-panel {
  display: grid;
  gap: 26px;
  border-radius: 12px;
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent),
    linear-gradient(180deg, rgba(255, 111, 60, 0.03), transparent 30%),
    var(--panel);
}
.youtube-publisher-body.youtube-publisher-hosted .youtube-publisher-modal-panel {
  min-height: 100vh;
  border-radius: 0;
  border-width: 0;
  padding: 24px;
  margin: 0;
}
.youtube-publisher-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.youtube-publisher-modal-title {
  margin: 0;
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  line-height: 1;
}
.ledger-report-body .shell {
  max-width: min(1480px, calc(100vw - 20px));
  padding-left: 10px;
  padding-right: 10px;
}
.campaign-platform-detail-page .shell { max-width: 1080px; }
.shell-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.shell-toolbar-left,
.shell-toolbar-right { display: flex; align-items: center; gap: 12px; }
.help-link,
.help-link-btn {
  background: transparent; color: var(--accent-soft);
  border: 1px solid #4d4d4d; padding: 5px 8px; border-radius: 999px; font-size: 11px; text-decoration: none;
}
.help-link-btn {
  cursor: pointer;
  font-family: inherit;
  line-height: 1;
}
.language-switch { display: inline-flex; align-items: center; gap: 6px; }
.language-switch a {
  text-decoration: none;
  color: #f0dfd3;
  border: 1px solid rgba(255, 179, 152, 0.32);
  background: rgba(255, 111, 60, 0.06);
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}
.language-switch a:hover {
  border-color: rgba(255, 179, 152, 0.52);
  background: rgba(255, 111, 60, 0.12);
}
.language-switch a.active {
  color: #161616;
  background: var(--accent);
  border-color: transparent;
  font-weight: 700;
}
.hero { border-left: 6px solid var(--accent); padding-left: 18px; margin-bottom: 26px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.brand-lockup--suite-switcher { cursor: pointer; }
.brand-lockup--suite-switcher:focus-visible { border-radius: 6px; outline: 2px solid var(--accent); outline-offset: 5px; }
.brand-logo { display: block; width: min(280px, 78vw); height: auto; }
.brand-lockup-dual { gap: 18px; }
.brand-lockup-divider { width: 1px; height: 46px; background: linear-gradient(180deg, rgba(255, 179, 152, 0.08), rgba(255, 179, 152, 0.42), rgba(255, 179, 152, 0.08)); }
.brand-logo-secondary { width: min(300px, 82vw); }
@media (max-width: 820px) {
  .brand-lockup-dual { gap: 12px; }
  .brand-lockup-divider { display: none; }
  .brand-logo-secondary { width: min(240px, 74vw); }
}
.eyebrow { color: var(--accent-soft); text-transform: uppercase; letter-spacing: 0.18em; font-size: 12px; }
.version-note {
  margin: -8px 0 10px;
  color: var(--muted);
}
h1, h2, h3 { font-family: "Instrument Serif", serif; font-weight: 400; }
h1 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; margin: 0 0 10px; }
h2 { margin: 0 0 10px; font-size: clamp(1.6rem, 2.6vw, 2.3rem); }
.hero > p:last-child {
  margin: 0;
}
.form-inline-notice {
  margin: 12px 0 16px;
  color: var(--ok);
  font-size: 0.98rem;
  font-weight: 600;
}
.panel {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent), var(--panel);
  border: 1px solid var(--panel-border);
  border-radius: 14px; padding: 20px; margin-bottom: 16px; backdrop-filter: blur(4px);
}
.moments {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.moment {
  border: 1px solid #373d4f;
  border-radius: 10px;
  overflow: hidden;
  background: #0f131d;
}
.history-card {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 14px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  position: relative;
  min-height: 100%;
}
.history-job-card {
  display: flex;
  flex-direction: column;
}
.history-job-card--proposal {
  border-color: color-mix(in srgb, var(--app-proposal) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-proposal) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-proposal) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--pitch {
  border-color: color-mix(in srgb, var(--app-pitch) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-pitch) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-pitch) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--paper {
  border-color: color-mix(in srgb, var(--app-paper) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-paper) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-paper) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--social {
  border-color: color-mix(in srgb, var(--app-social) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-social) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--campaign {
  border-color: color-mix(in srgb, var(--app-campaign) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-campaign) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-campaign) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--presentation {
  border-color: color-mix(in srgb, var(--app-presentation) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-presentation) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-presentation) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--frame {
  border-color: color-mix(in srgb, var(--app-frame) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-frame) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-frame) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--audience_export {
  border-color: color-mix(in srgb, var(--app-audience-export) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-audience-export) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-audience-export) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-job-card--prospect {
  border-color: color-mix(in srgb, var(--app-prospect) 42%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-prospect) 10%, transparent), transparent 40%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-prospect) 10%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.history-output-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 4px;
  width: 100%;
  overflow-x: auto;
}
.history-card-footer-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 4px;
  width: 100%;
  overflow-x: auto;
}
.history-card-footer-actions > * {
  flex: 0 0 auto;
}
.history-card-footer-actions .history-card-summary-toggle-btn {
  margin-right: 0;
}
.youtube-channel-health {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: calc(100% - 24px);
  padding: 4px 8px;
  border: 1px solid #373d4f;
  border-radius: 999px;
  background: #111621;
  color: var(--muted);
  font-size: 0.82rem;
}
.youtube-channel-health-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.youtube-channel-health-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1px solid #4e5363;
  background: rgba(255, 255, 255, 0.08);
  flex: 0 0 auto;
}
.youtube-health-ok {
  color: var(--ok);
}
.youtube-health-ok .youtube-channel-health-dot {
  background: var(--ok);
  border-color: transparent;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent);
}
.youtube-health-error {
  color: #ff7a7a;
}
.youtube-health-error .youtube-channel-health-dot {
  background: #ff6b6b;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.16);
}
.youtube-health-checking .youtube-channel-health-dot {
  border-color: var(--accent);
  background: transparent;
}
.admin-tunnel-health {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #373d4f;
  border-radius: 999px;
  background: #111621;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 600;
}
.admin-tunnel-health-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-tunnel-health-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid #4e5363;
  background: rgba(255, 255, 255, 0.08);
  flex: 0 0 auto;
}
.admin-tunnel-health--running {
  color: var(--ok);
}
.admin-tunnel-health--running .admin-tunnel-health-dot {
  background: var(--ok);
  border-color: transparent;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent);
}
.admin-tunnel-health--expired {
  color: #ffb866;
}
.admin-tunnel-health--expired .admin-tunnel-health-dot {
  background: #ffb866;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 184, 102, 0.18);
}
.admin-tunnel-health--stopped,
.admin-tunnel-health--unconfigured {
  color: var(--muted);
}
.admin-tunnel-health--error {
  color: #ff7a7a;
}
.admin-tunnel-health--error .admin-tunnel-health-dot {
  background: #ff6b6b;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.16);
}
.youtube-publisher-progress {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
}
.youtube-publisher-progress-bar {
  position: relative;
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}
.youtube-publisher-progress-bar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 82%, white), var(--accent));
  background-size: 200% 100%;
  box-shadow: 0 0 18px rgba(255, 111, 60, 0.28);
  transition: width 220ms ease;
  animation: social-progress-flow 1.35s linear infinite;
}
.youtube-publisher-progress-complete .youtube-publisher-progress-bar span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--ok) 84%, white), var(--ok));
  background-size: 100% 100%;
  box-shadow: 0 0 18px rgba(103, 211, 145, 0.24);
  animation: none;
}
.youtube-publisher-progress-error .youtube-publisher-progress-bar span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--danger) 84%, white), var(--danger));
  background-size: 100% 100%;
  box-shadow: 0 0 18px rgba(255, 127, 127, 0.18);
  animation: none;
}
@keyframes social-progress-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.daily-app-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.daily-app-card--pitch {
  border-color: color-mix(in srgb, var(--app-pitch) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-pitch) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--proposal {
  border-color: color-mix(in srgb, var(--app-proposal) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-proposal) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--paper {
  border-color: color-mix(in srgb, var(--app-paper) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-paper) 10%, transparent), transparent 40%),
    #111621;
}
.daily-app-card--survey {
  border-color: color-mix(in srgb, var(--app-survey) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-survey) 10%, transparent), transparent 40%),
    #111621;
}
.daily-app-card--nurture {
  border-color: color-mix(in srgb, var(--app-nurture) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-nurture) 10%, transparent), transparent 40%),
    #101720;
}
.daily-app-card--mailer {
  border-color: color-mix(in srgb, var(--app-mailer) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-mailer) 10%, transparent), transparent 40%),
    #10181b;
}
.daily-app-card--social {
  border-color: color-mix(in srgb, var(--app-social) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--campaign {
  border-color: color-mix(in srgb, var(--app-campaign) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-campaign) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--presentation {
  border-color: color-mix(in srgb, var(--app-presentation) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-presentation) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--frame {
  border-color: color-mix(in srgb, var(--app-frame) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-frame) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--audience-export {
  border-color: color-mix(in srgb, var(--app-audience-export) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-audience-export) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-card--prospect {
  border-color: color-mix(in srgb, var(--app-prospect) 38%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-prospect) 10%, transparent), transparent 40%),
    #0f131d;
}
.daily-app-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.daily-app-title-row h3 {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 2.2vw, 1.9rem);
  font-weight: 600;
  line-height: 1.05;
}
.daily-app-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
}
.daily-app-pill--pitch {
  border-color: color-mix(in srgb, var(--app-pitch) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-pitch) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-pitch) 74%, white);
}
.daily-app-pill--proposal {
  border-color: color-mix(in srgb, var(--app-proposal) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-proposal) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-proposal) 74%, white);
}
.daily-app-pill--paper {
  border-color: color-mix(in srgb, var(--app-paper) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-paper) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-paper) 74%, white);
}
.daily-app-pill--survey {
  border-color: color-mix(in srgb, var(--app-survey) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-survey) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-survey) 78%, white);
}
.daily-app-pill--nurture {
  border-color: color-mix(in srgb, var(--app-nurture) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-nurture) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-nurture) 76%, white);
}
.daily-app-pill--mailer {
  border-color: color-mix(in srgb, var(--app-mailer) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-mailer) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-mailer) 76%, white);
}
.daily-app-pill--social {
  border-color: color-mix(in srgb, var(--app-social) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-social) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-social) 76%, white);
}
.daily-app-pill--campaign {
  border-color: color-mix(in srgb, var(--app-campaign) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-campaign) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-campaign) 76%, white);
}
.daily-app-pill--presentation {
  border-color: color-mix(in srgb, var(--app-presentation) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-presentation) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-presentation) 74%, white);
}
.daily-app-pill--frame {
  border-color: color-mix(in srgb, var(--app-frame) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-frame) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-frame) 74%, white);
}
.daily-app-pill--audience-export {
  border-color: color-mix(in srgb, var(--app-audience-export) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-audience-export) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-audience-export) 74%, white);
}
.daily-app-pill--prospect {
  border-color: color-mix(in srgb, var(--app-prospect) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-prospect) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-prospect) 74%, white);
}
.daily-app-pill--prospect-detail {
  letter-spacing: 0.06em;
}
.daily-app-pill--prospect-detail-prospect {
  border-color: color-mix(in srgb, #62b7ff 38%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 12%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #9ad5ff 86%, white);
}
.daily-app-pill--prospect-detail-customer {
  border-color: color-mix(in srgb, #ffb35a 38%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 12%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd395 88%, white);
}
.daily-app-pill--company-status {
  letter-spacing: 0.06em;
}
.daily-app-pill--company-status-new {
  border-color: color-mix(in srgb, #8da3c7 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #8da3c7 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #cbd8ef 88%, white);
}
.daily-app-pill--company-status-returned-for-reassignment {
  border-color: color-mix(in srgb, #ffb35a 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 88%, white);
}
.daily-app-pill--company-status-assigned {
  border-color: color-mix(in srgb, #62b7ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8fd6ff 88%, white);
}
.daily-app-pill--company-status-in-progress {
  border-color: color-mix(in srgb, #ffb35a 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 88%, white);
}
.daily-app-pill--company-status-dismissed {
  border-color: color-mix(in srgb, #ff7d7d 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ff7d7d 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffb1b1 88%, white);
}
.daily-app-pill--company-status-qualified {
  border-color: color-mix(in srgb, #69d987 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #69d987 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #99ecae 88%, white);
}
.daily-app-pill--company-status-converted {
  border-color: color-mix(in srgb, var(--accent) 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--accent) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffb088 88%, white);
}
.daily-app-pill--company-status-researching {
  border-color: color-mix(in srgb, #c6a0ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #c6a0ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #e0ccff 88%, white);
}
.daily-app-pill--company-status-recall {
  border-color: color-mix(in srgb, #ffb35a 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 88%, white);
}
.daily-app-pill--company-status-no-answer {
  border-color: color-mix(in srgb, #8da3c7 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #8da3c7 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #cbd8ef 88%, white);
}
.daily-app-pill--company-status-waiting-reply {
  border-color: color-mix(in srgb, #62b7ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8fd6ff 88%, white);
}
.daily-app-pill--company-status-interested {
  border-color: color-mix(in srgb, #69d987 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #69d987 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #99ecae 88%, white);
}
.daily-app-pill--company-status-not-interested {
  border-color: color-mix(in srgb, #ff7d7d 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ff7d7d 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffb1b1 88%, white);
}
.daily-app-pill--company-status-meeting-set {
  border-color: color-mix(in srgb, #5fd7c3 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #5fd7c3 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #9cefe1 88%, white);
}
.daily-app-pill--company-status-routed-to-company-sourcing {
  border-color: color-mix(in srgb, #62b7ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8fd6ff 88%, white);
}
.daily-app-pill--company-status-routed-to-prospect {
  border-color: color-mix(in srgb, #69d987 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #69d987 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #99ecae 88%, white);
}
.daily-app-pill--company-status-linked-existing-company {
  border-color: color-mix(in srgb, #8da3c7 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #8da3c7 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #cbd8ef 88%, white);
}
.daily-app-pill--company-status-linked-existing-prospect {
  border-color: color-mix(in srgb, #c6a0ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #c6a0ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #e0ccff 88%, white);
}
.daily-app-pill--company-existing-prospect {
  border-color: color-mix(in srgb, #ffb35a 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 18%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 88%, white);
}
.daily-app-pill--company-source {
  border-color: color-mix(in srgb, #c0b7ab 34%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #c0b7ab 10%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #f0e7da 86%, white);
}
.daily-app-pill--company-source-company-import {
  border-color: color-mix(in srgb, #ffb35a 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 88%, white);
}
.daily-app-pill--company-source-linkedin-lead {
  border-color: color-mix(in srgb, #62b7ff 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8fd6ff 88%, white);
}
.daily-app-pill--company-source-prospect-list-intake {
  border-color: color-mix(in srgb, #69d987 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #69d987 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #99ecae 88%, white);
}
.daily-app-card.locked {
  opacity: 0.56;
  filter: saturate(0.78) brightness(0.9);
}

.account-workflow-grid .daily-app-card.locked {
  opacity: 1;
  filter: saturate(0.86) brightness(0.94);
}

.account-workflow-grid .daily-app-card.locked .daily-app-state,
.account-workflow-grid .daily-app-card.locked .daily-app-title-row,
.account-workflow-grid .daily-app-card.locked > .muted {
  opacity: 0.72;
}

.account-workflow-grid .daily-app-card.locked .access-request-btn:not(:disabled) {
  opacity: 1;
  color: var(--ink);
  border-color: color-mix(in srgb, var(--accent) 48%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--accent) 14%, rgba(255, 255, 255, 0.03));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);
}

.account-workflow-grid .daily-app-card.locked .access-request-btn:not(:disabled):hover {
  border-color: color-mix(in srgb, var(--accent) 66%, rgba(255, 255, 255, 0.2));
  background: color-mix(in srgb, var(--accent) 22%, rgba(255, 255, 255, 0.05));
}

.ai-client-install-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--panel-border));
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 42%),
    rgba(10, 14, 22, 0.7);
}

.ai-client-install-identity {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.ai-client-install-icon {
  flex: 0 0 56px;
  border-radius: 13px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}

.ai-client-install-action {
  flex: 0 0 auto;
}

.ai-client-install-action .daily-app-state {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 11px;
  border: 1px solid #4e5363;
  border-radius: 12px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.ai-client-manual-connection {
  margin-top: 14px;
}

.ai-client-download-actions {
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
}

@media (max-width: 720px) {
  .ai-client-install-card {
    align-items: stretch;
    flex-direction: column;
  }

  .ai-client-install-action .daily-app-link,
  .ai-client-install-action .daily-app-state {
    width: 100%;
  }

  .ai-client-manual-connection .row {
    align-items: stretch !important;
    flex-direction: column;
  }

  .ai-client-manual-connection .ghost,
  .ai-client-download-actions .ghost {
    width: 100%;
  }
}
.social-repository-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 16px;
}
.social-repository-count-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--app-social) 28%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--app-social) 10%, rgba(255, 255, 255, 0.02));
  color: var(--ink);
  cursor: pointer;
  min-height: auto;
}
.social-repository-count-chip:hover {
  border-color: color-mix(in srgb, var(--app-social) 48%, rgba(255, 255, 255, 0.16));
}
.social-repository-count-chip--all {
  border-color: color-mix(in srgb, var(--app-social) 28%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--app-social) 10%, rgba(255, 255, 255, 0.02));
  color: var(--ink);
}
.social-repository-count-chip--draft {
  border-color: color-mix(in srgb, #8d95a7 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #8d95a7 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #c9cfdb 82%, white);
}
.social-repository-count-chip--planned {
  border-color: color-mix(in srgb, #4d8dff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #4d8dff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8ab6ff 82%, white);
}
.social-repository-count-chip--scheduled {
  border-color: color-mix(in srgb, #d6a646 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #d6a646 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #f0c56f 82%, white);
}
.social-repository-count-chip--due {
  border-color: color-mix(in srgb, var(--warn) 52%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--warn) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--warn) 84%, white);
}
.social-repository-count-chip--failed {
  border-color: color-mix(in srgb, var(--danger) 52%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--danger) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--danger) 84%, white);
}
.social-repository-count-chip--published {
  border-color: color-mix(in srgb, var(--ok) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--ok) 80%, white);
}
.social-repository-count-chip--promoted {
  border-color: color-mix(in srgb, #b57cff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #b57cff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #d4b0ff 82%, white);
}
.social-repository-count-chip--archived {
  border-color: color-mix(in srgb, var(--pending) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--pending) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--pending) 82%, white);
}
.social-repository-count-chip.active {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  filter: saturate(1.12) brightness(1.04);
}
.social-calendar-status-filters,
.social-agenda-summary {
  margin-top: 14px;
}
.social-agenda-list {
  display: grid;
  gap: 18px;
}
.social-agenda-group {
  display: grid;
  gap: 12px;
  align-content: start;
}
.social-agenda-group-head {
  margin-bottom: 0;
  align-items: center;
}
.social-agenda-group-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.social-agenda-card {
  padding: 14px 14px 12px;
  border-color: color-mix(in srgb, var(--app-social) 24%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 8%, transparent), transparent 42%),
    #111621;
}
.social-agenda-card--due {
  border-color: color-mix(in srgb, var(--warn) 34%, #373d4f);
}
.social-agenda-card--planned {
  border-color: color-mix(in srgb, #4d8dff 30%, #373d4f);
}
.social-agenda-card--draft {
  border-color: color-mix(in srgb, #8d95a7 28%, #373d4f);
}
.social-agenda-card--scheduled {
  border-color: color-mix(in srgb, #d6a646 30%, #373d4f);
}
.social-agenda-card--promoted {
  border-color: color-mix(in srgb, #b57cff 30%, #373d4f);
}
.social-agenda-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.social-agenda-card-head > div {
  min-width: 0;
  flex: 1 1 auto;
}
.social-agenda-card-eyebrow {
  margin: 0 0 7px;
}
.social-agenda-card-title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.social-agenda-card-meta {
  margin: 7px 0 0;
  font-size: 0.86rem;
  line-height: 1.45;
}
.social-agenda-card-summary {
  margin: 10px 0 0;
  font-size: 0.9rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.social-agenda-card-actions {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.social-agenda-card-actions button,
.social-agenda-card-actions .ghost {
  min-height: auto;
  padding: 7px 12px;
  font-size: 0.82rem;
}
.social-agenda-inline-status {
  margin-top: 8px;
}

.social-repository-performance {
  border: 1px solid color-mix(in srgb, var(--app-social) 24%, rgba(255, 255, 255, 0.1));
  border-radius: 10px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 7%, transparent), transparent 42%),
    rgba(255, 255, 255, 0.022);
  margin: 0 0 16px;
  padding: 14px;
}

#social-global-performance {
  margin-top: 8px;
}

#social-repository-status {
  margin-bottom: 10px;
}

.social-repository-performance-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.social-repository-performance-head strong {
  color: var(--ink);
}

.social-repository-performance-actions {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
}

.social-repository-performance-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}

.social-repository-performance-progress {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.social-repository-performance-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  font-size: 0.84rem;
  color: var(--muted);
}

.social-repository-performance-progress-head strong {
  color: var(--ink);
}

.social-repository-performance-progress-bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.social-repository-performance-progress-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--app-social) 72%, white), color-mix(in srgb, var(--accent) 68%, white));
  transition: width 180ms ease;
}

.social-repository-performance-grid > div,
.social-repository-performance-section {
  border: 1px solid color-mix(in srgb, var(--app-social) 16%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.024);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 10px;
}

.social-repository-performance-grid strong,
.social-repository-performance-section strong {
  color: var(--ink);
}

.social-repository-performance-pages {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin-top: 12px;
}

.social-repository-performance-section span,
.social-repository-performance-empty {
  font-size: 0.84rem;
}

.social-repository-performance-section {
  gap: 12px;
  padding: 14px;
}

.social-repository-performance-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.social-repository-performance-section-head strong {
  font-size: 0.95rem;
}

.social-repository-performance-section-head span {
  color: var(--muted);
  text-align: right;
}

.social-repository-performance-platform-list {
  display: grid;
  gap: 8px;
}

.social-repository-performance-platform-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.3fr) repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0.01)),
    rgba(11, 14, 20, 0.38);
}

.social-repository-performance-platform-id {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.social-repository-performance-platform-id strong {
  font-size: 0.96rem;
}

.social-repository-performance-platform-id span {
  color: var(--muted);
}

.social-repository-performance-platform-kpi {
  display: grid;
  gap: 2px;
  justify-items: end;
  min-width: 0;
}

.social-repository-performance-platform-kpi span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.68rem;
}

.social-repository-performance-platform-kpi strong {
  font-size: 1rem;
  line-height: 1.1;
}

.social-repository-performance-destination-list {
  display: grid;
  gap: 6px;
}

.social-repository-performance-destination-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, auto);
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.social-repository-performance-destination-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.social-repository-performance-destination-platform {
  color: color-mix(in srgb, var(--app-social) 76%, white);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.67rem;
}

.social-repository-performance-destination-row strong {
  font-size: 0.85rem;
  line-height: 1.2;
}

.social-repository-performance-destination-row > span {
  font-size: 0.79rem;
  color: var(--muted);
  text-align: right;
  white-space: nowrap;
}
.social-create-form {
  margin-top: 16px;
}
.social-tools-panel .section-title-row {
  align-items: flex-start;
}
.social-tools-panel .section-title-copy h2 {
  white-space: nowrap;
}
.social-tools-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 14px;
}
.social-tools-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.social-tools-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.social-tools-link svg {
  width: 14px;
  height: 14px;
}
.social-tools-toolbar .social-post-toolbar {
  width: 100%;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
}
.social-tools-toolbar .social-post-toolbar > .ghost,
.social-tools-toolbar .social-post-toolbar > button,
.social-tools-toolbar .social-production-tabs > .ghost {
  padding: 9px 11px;
  font-size: 0.92rem;
  white-space: nowrap;
}
.social-tools-toolbar .social-production-tabs {
  flex-wrap: nowrap;
  gap: 6px;
}
@media (max-width: 900px) {
  .social-tools-toolbar .social-post-toolbar,
  .social-tools-toolbar .social-production-tabs {
    flex-wrap: wrap;
  }
}
.social-production-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.social-production-tab.active {
  border-color: rgba(255, 111, 60, 0.78);
  background: rgba(255, 111, 60, 0.16);
  color: #ffd4c3;
}
.social-production-pane {
  margin-top: 0;
}
.social-production-pane-head {
  margin-bottom: 12px;
}
.social-create-form .form-submit-row {
  justify-content: space-between;
}
.social-create-form .form-submit-row .status {
  margin: 0;
}
.social-language-chip-row {
  min-height: 40px;
}
.social-post-card,
.social-paper-source-card {
  border-color: color-mix(in srgb, var(--app-social) 24%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 8%, transparent), transparent 42%),
    #111621;
}
.social-paper-source-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}
.social-post-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.social-post-card-head-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.social-post-card-head-copy .history-card-title-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.social-post-card-head-copy h3 {
  flex: 1 1 240px;
  overflow-wrap: anywhere;
}
.social-paper-source-head-copy .history-card-title-row {
  row-gap: 8px;
}
.social-post-card-top-actions {
  align-items: flex-end;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 12px;
}
.social-paper-source-actions {
  grid-row: 3;
  margin-top: auto;
  padding-top: 18px;
  padding-right: 56px;
  position: relative;
  width: 100%;
}
.social-paper-source-actions-main {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.social-paper-source-delete-btn {
  bottom: 0;
  position: absolute;
  right: 0;
}

.social-post-card-review-actions,
.social-post-card-corner-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.social-post-card-review-actions {
  justify-content: flex-start;
  min-width: 0;
}

.social-post-card-corner-actions {
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
}

.social-post-card-status-bottom {
  flex: 0 0 auto;
  margin-left: auto;
}

.social-post-card-status-actions {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
  margin-left: auto;
}
.social-post-expand-btn {
  flex: 0 0 auto;
}
.social-post-card-body-wrap.hidden {
  display: none;
}

.social-post-debug-meta {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  margin: 14px 0 0;
  overflow-wrap: anywhere;
  padding-bottom: 10px;
}

.social-post-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.social-post-badge--content {
  font-size: 0.64rem;
  letter-spacing: 0.09em;
}
.social-post-badge--content-post {
  border-color: color-mix(in srgb, #7e8799 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #7e8799 12%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #d4dae4 84%, white);
}
.social-post-badge--content-carousel {
  border-color: color-mix(in srgb, #d6a646 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #d6a646 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #f0c56f 84%, white);
}
.social-post-badge--content-article {
  border-color: color-mix(in srgb, #4d8dff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #4d8dff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8ab6ff 84%, white);
}
.social-post-badge--content-video {
  border-color: color-mix(in srgb, #ff6f3c 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ff6f3c 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffab86 84%, white);
}
.social-post-badge--draft {
  border-color: color-mix(in srgb, #8d95a7 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #8d95a7 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #c9cfdb 82%, white);
}
.social-post-badge--planned {
  border-color: color-mix(in srgb, #4d8dff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #4d8dff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #8ab6ff 82%, white);
}
.social-post-badge--scheduled {
  border-color: color-mix(in srgb, #d6a646 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #d6a646 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #f0c56f 82%, white);
}
.social-post-badge--publishing,
.social-post-badge--running {
  border-color: color-mix(in srgb, #38bdf8 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #38bdf8 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #7dd3fc 82%, white);
}
.social-post-badge--due {
  border-color: color-mix(in srgb, var(--warn) 52%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--warn) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--warn) 84%, white);
}
.social-post-badge--published,
.social-post-badge--completed,
.social-post-badge--synced {
  border-color: color-mix(in srgb, var(--ok) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--ok) 80%, white);
}
.social-post-badge--promoted {
  border-color: color-mix(in srgb, #b57cff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #b57cff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #d4b0ff 82%, white);
}
.social-post-badge--archived,
.social-post-badge--deleted {
  border-color: color-mix(in srgb, var(--pending) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--pending) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--pending) 82%, white);
}
.social-post-badge--failed {
  border-color: color-mix(in srgb, var(--danger) 52%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--danger) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--danger) 84%, white);
}
.social-post-card-body {
  margin: 0;
  color: var(--ink);
  line-height: 1.6;
  white-space: pre-wrap;
}
.social-post-card-copy-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.social-post-card-copy-actions {
  display: flex;
  justify-content: flex-end;
}
.social-post-copy-editor {
  min-height: 180px;
  resize: vertical;
}
.social-post-card-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 14px 0;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--app-social) 22%, rgba(255, 255, 255, 0.1));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--app-social) 8%, rgba(255, 255, 255, 0.035)), rgba(255, 255, 255, 0.025)),
    rgba(6, 9, 14, 0.38);
}
.social-post-card-content--with-asset {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.social-post-asset-thumb {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--app-social) 20%, rgba(255, 255, 255, 0.1));
  background: rgba(10, 14, 22, 0.78);
  color: inherit;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
button.social-post-asset-thumb {
  font: inherit;
  line-height: inherit;
  box-shadow: none;
}
.social-post-asset-thumb:hover,
.social-post-asset-thumb:focus-visible {
  border-color: color-mix(in srgb, var(--app-social) 48%, rgba(255, 255, 255, 0.16));
  background: rgba(13, 18, 28, 0.92);
}
.social-post-asset-thumb-media,
.social-post-asset-thumb-fallback {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 128px;
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
}
.social-post-asset-thumb-media img {
  width: 100%;
  height: 128px;
  object-fit: cover;
  display: block;
}
.social-post-asset-thumb-fallback {
  flex-direction: column;
  gap: 8px;
  padding: 12px;
}
.social-post-asset-thumb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.04));
  border: 1px solid color-mix(in srgb, var(--app-social) 34%, rgba(255, 255, 255, 0.1));
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.social-post-asset-thumb-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(12, 16, 24, 0.78);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.social-post-asset-thumb-fallback .social-post-asset-thumb-badge {
  position: static;
  max-width: 100%;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.1;
}
.social-post-asset-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.social-post-asset-meta strong,
.social-post-asset-meta .muted {
  overflow-wrap: anywhere;
}
.social-post-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.social-post-meta-grid > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.social-post-edit-grid {
  margin-bottom: 12px;
}
.social-post-actions {
  margin-top: 12px;
  align-items: center;
  justify-content: flex-end;
}

.social-post-actions .status {
  margin-right: auto;
}
.social-sync-scan-platform-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.social-sync-scan-platform-tools {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
.social-sync-show-existing-chip {
  flex: 0 0 auto;
  min-width: 0;
}
.social-sync-show-existing-chip span {
  white-space: nowrap;
}
.social-sync-candidate-list {
  display: grid;
  gap: 10px;
}
.social-sync-destinations {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.social-sync-destination-group {
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 12px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.social-sync-destination-head {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.social-sync-destination-options { gap: 7px; }

.social-sync-review-tools {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 16px;
}
.social-sync-review-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}
.social-sync-review-actions-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}
#social-sync-summary {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.social-sync-import-status-top {
  margin: 0;
  text-align: right;
}
.social-sync-candidate-card {
  display: block;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease;
}
.social-sync-candidate-card:hover {
  border-color: rgba(255, 111, 60, 0.28);
  background: rgba(255, 255, 255, 0.03);
}
.social-sync-candidate-layout {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 56px;
  gap: 12px;
  align-items: center;
}
.social-sync-candidate-thumb-wrap {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.social-sync-candidate-thumb-btn {
  padding: 0;
  cursor: zoom-in;
}
.social-sync-candidate-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.social-sync-candidate-thumb--fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--muted);
  text-align: center;
  padding: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
}
.social-sync-candidate-body {
  min-width: 0;
}
.social-sync-candidate-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.social-sync-meta-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
}
.social-sync-meta-badge--linkedin {
  border-color: rgba(95, 136, 255, 0.45);
  background: rgba(95, 136, 255, 0.12);
  color: #dce5ff;
}
.social-sync-meta-badge--youtube {
  border-color: rgba(255, 113, 113, 0.46);
  background: rgba(255, 113, 113, 0.12);
  color: #ffdada;
}
.social-sync-meta-badge--facebook {
  border-color: rgba(86, 144, 255, 0.45);
  background: rgba(86, 144, 255, 0.12);
  color: #dde8ff;
}
.social-sync-meta-badge--instagram {
  border-color: rgba(224, 93, 154, 0.45);
  background: rgba(224, 93, 154, 0.12);
  color: #ffe1ef;
}
.social-sync-meta-badge--destination {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  font-weight: 600;
}
.social-sync-candidate-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}
.social-sync-candidate-title {
  display: block;
  font-size: 0.98rem;
  line-height: 1.3;
}
.social-sync-candidate-meta {
  margin-top: 4px;
  font-size: 0.86rem;
}
.social-sync-candidate-date {
  margin-top: 2px;
  font-size: 0.82rem;
}
.social-sync-candidate-pills {
  gap: 6px;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.social-sync-candidate-copy {
  margin: 6px 0 0;
  font-size: 0.86rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.social-sync-candidate-link-row {
  margin-top: 8px;
}
.social-sync-candidate-select {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 56px;
}
.social-sync-candidate-select-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}
.social-sync-candidate-select input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--accent);
}
.social-sync-preview-dialog {
  width: min(920px, 96vw);
}
.social-post-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.social-repository-controls {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.social-repository-controls-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.social-repository-controls-row:first-child {
  flex-wrap: nowrap;
}

.social-repository-controls-row .chip-select {
  flex: 1 1 280px;
  min-width: 0;
}

.social-repository-controls-row select {
  flex: 1 1 220px;
  min-width: 180px;
}

.social-repository-controls-row--compact select {
  flex: 1 1 240px;
  min-width: 220px;
}

.social-repository-controls-row--compact .toolbar-icon-btn {
  flex: 0 0 auto;
  margin-left: 0;
}
.social-post-toolbar .small-link,
.social-post-toolbar button {
  flex: 0 0 auto;
}
.social-tools-panel .social-post-toolbar {
  margin: 0;
}
.social-post-open-composer-btn:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.social-linkedin-review-link {
  border-color: color-mix(in srgb, var(--ok) 38%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 10%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--ok) 84%, white);
}

.social-linkedin-review-chip {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.social-linkedin-unpublish-btn {
  border-color: color-mix(in srgb, var(--danger) 38%, rgba(255, 255, 255, 0.14));
  color: color-mix(in srgb, var(--danger) 78%, white);
  min-height: 32px;
  width: 32px;
}
.social-post-publish-targets-panel {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}
.social-post-publish-targets-panel .muted {
  display: block;
  margin-bottom: 8px;
}
.social-post-published-pages {
  border-top: 1px solid color-mix(in srgb, var(--app-social) 16%, rgba(255, 255, 255, 0.08));
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
}
.social-post-published-pages .eyebrow {
  margin: 0;
}
.social-post-published-page-list {
  display: grid;
  gap: 8px;
}
.social-post-published-page-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}
.social-post-published-page-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.social-post-published-page-label {
  color: var(--muted);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.social-post-published-page-kpis {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--app-social) 16%, rgba(255, 255, 255, 0.1));
  background: color-mix(in srgb, var(--app-social) 8%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--text) 78%, var(--muted));
  font-size: 0.78rem;
  line-height: 1.2;
}
.social-post-published-page-kpis--empty {
  border-style: dashed;
  color: color-mix(in srgb, var(--muted) 88%, rgba(255, 255, 255, 0.18));
}
.social-post-published-page-kpi {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.social-post-published-page-kpi + .social-post-published-page-kpi {
  position: relative;
  padding-left: 8px;
}
.social-post-published-page-kpi + .social-post-published-page-kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--app-social) 48%, rgba(255, 255, 255, 0.24));
  transform: translateY(-50%);
}
.social-post-published-page-kpi-label {
  color: color-mix(in srgb, var(--muted) 94%, rgba(255, 255, 255, 0.18));
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.social-post-published-page-kpi strong {
  color: var(--ink);
  font-size: 0.82rem;
  line-height: 1;
}
.social-post-published-page-actions {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.social-post-inline-status {
  margin: 10px 0 0;
}
.social-organic-page-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.social-organic-page-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.social-organic-page-metric div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px 8px;
}
.social-organic-page-metric span {
  color: var(--muted);
  font-size: 0.82rem;
}
.social-organic-page-metric em {
  color: var(--warn);
  font-size: 0.8rem;
  font-style: normal;
}
.social-repository-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.social-engagement-summary {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  margin: 12px 0 16px;
  padding: 12px;
}

.social-engagement-summary strong {
  color: var(--ink);
  display: block;
  font-size: 0.9rem;
  line-height: 1.35;
}

.social-lifecycle-summary {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  margin: 12px 0 16px;
  padding: 12px;
}

.social-lifecycle-events {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.social-lifecycle-events span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.74rem;
  padding: 5px 8px;
}

.social-lifecycle-events strong {
  color: var(--ink);
}

.social-post-publish-targets {
  max-width: 520px;
}

.social-organic-summary {
  border: 1px solid color-mix(in srgb, var(--ok) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.022);
  margin: 12px 0 16px;
  padding: 12px;
}

.social-organic-summary-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.social-organic-summary-head strong {
  color: var(--ink);
}

.social-organic-metric-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 12px;
}

.social-organic-metric-grid > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.social-organic-metric-grid strong {
  color: var(--ink);
}

.social-promotion-summary {
  align-items: flex-start;
  border: 1px solid color-mix(in srgb, var(--app-campaign) 24%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: color-mix(in srgb, var(--app-campaign) 7%, rgba(255, 255, 255, 0.02));
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 12px 0 16px;
  padding: 12px;
}

.social-promotion-summary strong {
  color: var(--ink);
}

.social-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
  width: 100%;
}
.social-calendar-grid--day {
  display: block;
  grid-template-columns: 1fr;
  width: 100%;
}

.social-calendar-page-filter {
  margin-top: 14px;
  min-width: 0;
}

.social-calendar-page-filter {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.social-calendar-page-filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.social-calendar-page-filter-label {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #b7bdc9;
}

.social-calendar-page-filter-chips {
  min-width: 0;
}

.social-calendar-outlook {
  margin: 0 0 14px;
}

.social-calendar-outlook-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.social-calendar-outlook-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.social-calendar-outlook-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  min-width: 0;
  padding: 14px;
}

.social-calendar-outlook-card-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.social-calendar-outlook-card-head strong {
  color: var(--ink);
  display: block;
}

.social-calendar-outlook-card-kicker {
  color: var(--accent);
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

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

.social-calendar-outlook-stat {
  align-items: flex-start;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding-left: 12px;
}

.social-calendar-outlook-stat:first-child {
  border-left: 0;
  padding-left: 0;
}

.social-calendar-outlook-stat span,
.social-calendar-outlook-stat strong {
  display: block;
  min-width: 0;
}

.social-calendar-outlook-stat span {
  font-size: 0.76rem;
  line-height: 1.25;
}

.social-calendar-outlook-stat strong {
  color: var(--ink);
  font-size: 1.45rem;
  line-height: 1;
}

.social-calendar-nav-row {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: flex-end;
}

.social-calendar-status-row {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-top: 12px;
}

.social-calendar-status-row .status {
  margin: 0;
}

.social-calendar-month-label {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: color-mix(in srgb, var(--app-social) 16%, transparent);
  border-color: color-mix(in srgb, var(--app-social) 38%, rgba(255, 255, 255, 0.15));
  color: color-mix(in srgb, var(--app-social) 85%, var(--ink));
  display: inline-flex;
  letter-spacing: 0.01em;
  justify-content: center;
  min-width: 132px;
  padding: 8px 12px;
  text-align: center;
  text-shadow: 0 0 10px color-mix(in srgb, var(--app-social) 20%, transparent);
}
.social-calendar-month-label > strong {
  color: color-mix(in srgb, var(--app-social) 85%, var(--ink));
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.2;
}

.social-calendar-weekday {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.social-calendar-day {
  min-height: 132px;
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.12));
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-social) 6%, transparent), transparent 45%),
    rgba(255, 255, 255, 0.025);
  padding: 10px;
  overflow: hidden;
}

.social-calendar-day.is-outside {
  opacity: 0.45;
}

.social-calendar-day-number {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ink);
  cursor: pointer;
  display: inline-flex;
  font-size: 0.82rem;
  font-weight: 700;
  justify-content: center;
  margin-bottom: 8px;
  min-height: auto;
  padding: 0;
}

.social-calendar-day-number:hover,
.social-calendar-day-number:focus-visible {
  color: color-mix(in srgb, var(--app-social) 76%, white);
}

.social-calendar-day-items {
  display: grid;
  gap: 6px;
}

.social-calendar-entry {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--app-social);
  border-radius: 8px;
  background: rgba(15, 16, 20, 0.62);
  padding: 7px;
}

.social-calendar-entry--published,
.social-calendar-entry--promoted {
  border-left-color: #7cf29a;
}

.social-calendar-entry--personal-linkedin {
  border-color: rgba(36, 181, 174, 0.28);
  border-left-color: rgba(36, 181, 174, 0.95);
  background: linear-gradient(135deg, rgba(36, 181, 174, 0.13), rgba(15, 16, 20, 0.7) 58%);
  box-shadow: inset 0 0 0 1px rgba(36, 181, 174, 0.06);
}

.social-calendar-entry--archived,
.social-calendar-entry--deleted {
  border-left-color: #9ca3af;
}

.social-calendar-entry-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  color: var(--ink);
  font-size: 0.76rem;
  line-height: 1.25;
}

.social-calendar-entry-title-main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.social-calendar-entry-title span {
  color: var(--muted);
  flex: 0 0 auto;
  font-size: 0.7rem;
}
.social-calendar-entry .social-network-icon {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  font-size: .48rem;
}
.social-calendar-entry .social-network-icon-cluster { padding-inline: 0; }
.social-calendar-entry .social-network-icon-cluster .social-network-identity + .social-network-identity { margin-left: -5px; }

.social-calendar-entry-title strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.social-calendar-linkedin-links {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  flex: 0 0 auto;
}

.social-calendar-linkedin-mini-link,
.social-calendar-linkedin-links .social-linkedin-review-link {
  flex: 0 0 auto;
  padding: 3px 7px;
  font-size: 0.62rem;
  line-height: 1.1;
  border-color: color-mix(in srgb, var(--ok) 38%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 10%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--ok) 84%, white);
}

.social-calendar-entry-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.7rem;
}

.social-calendar-type-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.social-calendar-type-pill--post {
  border-color: rgba(255, 255, 255, 0.12);
}

.social-calendar-type-pill--carousel {
  border-color: color-mix(in srgb, #d6a646 42%, rgba(255, 255, 255, 0.12));
  color: color-mix(in srgb, #f0c56f 82%, white);
}

.social-calendar-type-pill--article {
  border-color: color-mix(in srgb, #5ec8ff 42%, rgba(255, 255, 255, 0.12));
  color: color-mix(in srgb, #9cddff 82%, white);
}

.social-calendar-destination-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.social-calendar-destination-pill--person {
  border-color: rgba(36, 181, 174, 0.58);
  background: rgba(36, 181, 174, 0.14);
  color: #c9fffb;
}

.social-calendar-entry-meta .social-linkedin-review-link {
  padding: 4px 8px;
  font-size: 0.66rem;
}

.social-calendar-entry-engagement {
  color: var(--muted);
  font-size: 0.68rem;
  line-height: 1.25;
  margin: 6px 0 0;
}

.social-calendar-more {
  font-size: 0.72rem;
  margin: 6px 0 0;
  min-height: auto;
  padding: 4px 7px;
}

.social-calendar-day-view {
  display: grid;
  gap: 14px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

.social-calendar-day-view-head {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.social-calendar-day-view-actions {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.social-calendar-week-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  min-width: 0;
  width: 100%;
}

.social-calendar-week-day {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.12));
  color: var(--ink);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 86px;
  min-width: 0;
  padding: 10px;
  text-align: left;
  width: 100%;
}

.social-calendar-week-day.active {
  border-color: color-mix(in srgb, var(--app-social) 56%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--app-social) 16%, rgba(255, 255, 255, 0.04));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-social) 18%, transparent);
}

.social-calendar-week-day span,
.social-calendar-week-day em {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
}

.social-calendar-week-day strong {
  color: var(--ink);
  font-size: 1.35rem;
  line-height: 1;
}

.social-calendar-day-agenda {
  display: grid;
  gap: 10px;
}

.social-calendar-day-timeline {
  border: 1px solid color-mix(in srgb, var(--app-social) 24%, rgba(255, 255, 255, .11));
  border-radius: 14px;
  background: rgba(8, 11, 17, .42);
  margin-top: 14px;
  padding: 14px;
  width: 100%;
  box-sizing: border-box;
}
.social-calendar-day-timeline-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.social-calendar-day-timeline-list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.social-calendar-day-timeline-entry {
  display: grid;
  grid-template-columns: 52px 18px minmax(0, 1fr);
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
  min-width: 0;
  padding: 8px;
}
.social-calendar-day-timeline-time {
  color: var(--muted);
  font-size: .76rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  padding-top: 12px;
}
.social-calendar-day-timeline-marker {
  background: color-mix(in srgb, var(--app-social) 38%, rgba(255, 255, 255, .12));
  margin: 0 auto;
  position: relative;
  width: 1px;
}
.social-calendar-day-timeline-marker::before {
  background: var(--app-social);
  border: 3px solid #171a23;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 14px;
  transform: translateX(-50%);
  width: 8px;
}
.social-calendar-day-timeline-entry:last-child .social-calendar-day-timeline-marker {
  background: color-mix(in srgb, var(--app-social) 38%, rgba(255, 255, 255, .12));
}
.social-calendar-day-timeline-card {
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px 12px;
}
.social-calendar-day-timeline-title,
.social-calendar-day-timeline-meta,
.social-calendar-day-timeline-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}
.social-calendar-day-timeline-title strong { overflow-wrap: anywhere; }
.social-calendar-day-timeline-title .social-network-icon {
  flex-basis: 20px;
  height: 20px;
  width: 20px;
}
.social-calendar-day-timeline-destination {
  color: var(--muted);
  font-size: .72rem;
  overflow-wrap: anywhere;
}

.social-calendar-list {
  margin-top: 14px;
}

.social-calendar-list-card {
  display: grid;
  gap: 12px;
  min-height: auto;
}

.social-calendar-list-card--personal-linkedin {
  border-color: rgba(36, 181, 174, 0.32);
  background: linear-gradient(135deg, rgba(36, 181, 174, 0.1), rgba(23, 26, 34, 0.94) 54%);
}

.social-calendar-list-top {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}
.social-calendar-list-date {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-width: 0;
}
.social-calendar-list-date .social-network-icon,
.social-post-card-network-icons .social-network-icon {
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  font-size: .62rem;
}
.social-post-card-network-icons {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
}
.social-post-card-network-icons .social-network-icon-cluster { padding-inline: 0; }

.social-calendar-list-copy {
  min-width: 0;
}

.social-calendar-list-copy h3 {
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.social-calendar-list-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.social-calendar-list-actions .social-linkedin-review-link {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: center;
}

.social-linkedin-review-link--person {
  border-color: rgba(36, 181, 174, 0.5);
  background: rgba(36, 181, 174, 0.12);
  color: #c9fffb;
}

.social-calendar-list-actions .social-linkedin-unpublish-btn {
  min-height: 32px;
  width: 32px;
}

.social-calendar-inline-status {
  margin: 0;
}

.social-calendar-generation-form {
  margin-top: 16px;
}

.social-calendar-publish-schedule {
  display: grid;
  gap: 8px;
}

.social-calendar-publish-schedule > strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.social-calendar-generate-progress {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.social-calendar-panel-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 14px;
}

.social-calendar-panel-summary-item {
  background: rgba(255, 255, 255, 0.026);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
}

.social-calendar-panel-summary-item strong {
  color: var(--ink);
  font-size: 0.92rem;
  line-height: 1.3;
  min-width: 0;
  overflow-wrap: anywhere;
}

.social-calendar-panel-summary--collapsed .social-calendar-panel-summary-item {
  border-color: color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  background: rgba(255, 255, 255, 0.032);
}

.social-calendar-generate-progress-head {
  color: var(--muted);
  display: flex;
  font-size: 0.84rem;
}

.social-calendar-generate-progress-bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.social-calendar-generate-progress-bar span {
  display: block;
  width: 34%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--app-social) 72%, white), color-mix(in srgb, var(--accent) 68%, white));
  animation: social-calendar-generate-progress 1.15s ease-in-out infinite;
}

.social-progress-determinate .social-calendar-generate-progress-bar span {
  width: var(--social-progress-value, 0%);
  animation: none;
  transform: none;
  transition: width 180ms ease;
}

@keyframes social-calendar-generate-progress {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(320%); }
}

.social-calendar-generation-result {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 18px;
  padding-top: 18px;
}

.social-calendar-run-card + .social-calendar-run-card {
  margin-top: 16px;
}

.social-calendar-run-head-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
}
.social-calendar-run-head {
  flex-direction: column;
  align-items: stretch;
}
.social-calendar-run-toolbar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
.social-calendar-run-toolbar > button {
  padding: 8px 10px;
  font-size: 0.88rem;
  min-height: 36px;
  white-space: nowrap;
}
.social-calendar-run-scheduled-state:disabled {
  border-color: rgba(105, 213, 152, 0.58);
  background: rgba(105, 213, 152, 0.12);
  color: #8ee7b3;
  cursor: default;
  opacity: 1;
}
@media (max-width: 900px) {
  .social-calendar-run-head-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .social-calendar-run-toolbar {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.social-calendar-run-body {
  margin-top: 14px;
}

.social-calendar-run-target-editor {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  padding: 14px;
  margin-bottom: 14px;
}

.social-generation-grounding {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  padding: 14px;
}

.social-generation-result-head,
.social-generated-post-card-head {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.social-generated-post-card {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 100%;
  padding: 14px;
}

.social-generated-post-card-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.social-generated-post-card-excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.social-generated-post-card-status-row {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: -4px;
}

.social-generated-post-card-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.social-generated-post-card-actions-bottom {
  margin-top: auto;
  width: 100%;
  justify-content: flex-end;
}

.social-generated-post-card-actions .social-calendar-post-publish-btn,
.social-generated-post-card-actions .social-calendar-post-preview-btn {
  min-height: 36px;
}

.social-generated-post-card > .social-engagement-summary {
  width: 100%;
  margin-top: auto;
}

.social-generation-post-list {
  align-items: stretch;
}

.social-generated-post-card .social-calendar-inline-status:empty {
  display: none;
}

.social-post-preview-dialog {
  width: min(920px, 96vw);
}

.social-post-preview-body {
  display: grid;
  gap: 14px;
}

.social-post-preview-shell {
  display: grid;
  gap: 14px;
}

.social-post-preview-layout {
  display: grid;
  gap: 14px;
}

.social-post-preview-layout--with-asset {
  align-items: flex-start;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
}

.social-post-preview-asset {
  max-width: 260px;
}

.social-post-preview-asset .social-post-asset-thumb {
  height: 100%;
}

.social-post-preview-copy {
  min-width: 0;
}

.social-post-preview-actions {
  justify-content: flex-end;
}

.social-post-preview-progress {
  margin-top: -4px;
}

.social-generation-kpis {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 14px 0;
}

.social-generation-kpis > div {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 12px;
}

.social-generation-kpis strong {
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.social-generation-graphs {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 14px 0;
}

.social-generation-graphs article {
  border: 1px solid color-mix(in srgb, var(--app-social) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.026);
  padding: 14px;
}

.social-generation-graphs h4 {
  color: var(--ink);
  font-size: 0.9rem;
  margin: 0 0 12px;
}

.social-generation-bar-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(74px, 0.75fr) minmax(90px, 1fr) auto;
  margin-top: 8px;
}

.social-generation-bar-row span,
.social-generation-bar-row strong {
  color: var(--muted);
  font-size: 0.78rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.social-generation-bar-row strong {
  color: var(--ink);
  text-align: right;
}

.social-generation-bar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.social-generation-bar-fill {
  background: linear-gradient(90deg, var(--app-social), color-mix(in srgb, var(--app-social) 55%, white));
  border-radius: inherit;
  height: 100%;
}

.social-generation-post-list {
  margin-top: 14px;
}
.daily-app-link, button, .ghost, input, select, textarea {
  font: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--ink);
  box-shadow: 0 0 0 1000px #0f121a inset;
  -webkit-box-shadow: 0 0 0 1000px #0f121a inset;
  caret-color: var(--ink);
  transition: background-color 9999s ease-in-out 0s;
}
button, .daily-app-link, .ghost {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 14px; text-decoration: none; cursor: pointer;
  transition: transform 120ms ease, filter 120ms ease, background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}
button, .daily-app-link {
  border-radius: 12px;
  background: var(--accent); color: #161616; border: 1px solid transparent; font-weight: 700;
}
.ghost {
  border-radius: 12px;
  background: transparent; color: var(--ink); border: 1px solid #4e5363; font-weight: 700;
}
button:not(:disabled):active,
.daily-app-link:not(.disabled):active,
.ghost:not(:disabled):active {
  transform: translateY(1px) scale(0.985);
  filter: brightness(0.96);
}
button.social-post-asset-thumb {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--app-social) 20%, rgba(255, 255, 255, 0.1));
  background: rgba(10, 14, 22, 0.78);
  color: inherit;
  font-weight: inherit;
}
.button-save-confirmed {
  background: var(--ok) !important;
  color: #101317 !important;
  border-color: transparent !important;
}
.button-error-flash {
  background: color-mix(in srgb, var(--danger) 88%, white) !important;
  color: #101317 !important;
  border-color: transparent !important;
}
.button-copy-confirmed {
  background: transparent !important;
  color: var(--ink) !important;
  border-color: #4e5363 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
.button-export-confirmed {
  background: color-mix(in srgb, var(--app-nurture) 24%, rgba(255, 255, 255, 0.04)) !important;
  color: var(--ink) !important;
  border-color: color-mix(in srgb, var(--app-nurture) 64%, rgba(255, 255, 255, 0.14)) !important;
}
.bar .admin-indeterminate-progress {
  display: block;
  width: 36%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 40%, transparent), var(--accent), color-mix(in srgb, var(--accent) 40%, transparent));
  background-size: 200% 100%;
  animation: admin-indeterminate-slide 1.25s ease-in-out infinite;
}
.daily-app-link.disabled { pointer-events: none; opacity: 0.55; }
.daily-app-card .daily-app-link {
  margin-top: auto;
  align-self: flex-start;
}
.muted { color: var(--muted); }
.row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.chip-select {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.chip-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-height: 42px;
  min-width: 118px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.chip-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.chip-option span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}
.chip-option:hover span {
  border-color: rgba(255, 111, 60, 0.42);
  color: var(--ink);
}
.chip-option-disabled {
  cursor: not-allowed;
}
.chip-option-disabled span {
  opacity: 0.42;
  border-style: dashed;
  background: rgba(255, 255, 255, 0.02);
  color: color-mix(in srgb, var(--muted) 86%, transparent);
}
.chip-option-disabled:hover span {
  border-color: rgba(255, 255, 255, 0.12);
  color: color-mix(in srgb, var(--muted) 86%, transparent);
  transform: none;
}
.chip-option input:focus-visible + span {
  outline: 2px solid rgba(255, 111, 60, 0.65);
  outline-offset: 2px;
}
.chip-option input:checked + span {
  border-color: rgba(255, 111, 60, 0.78);
  background: rgba(255, 111, 60, 0.16);
  color: #ffd4c3;
  transform: translateY(-1px);
}
.company-assignee-chip-select {
  margin-top: 10px;
}
.company-assignee-chip-select .chip-option {
  flex: 0 1 220px;
  min-width: 180px;
}
.company-assignee-chip-select .chip-option span {
  justify-content: flex-start;
  padding-inline: 16px;
}
.chip-option-linkedin-person span {
  border-color: rgba(36, 181, 174, 0.34);
  background: rgba(36, 181, 174, 0.08);
}
.chip-option-linkedin-person:hover span {
  border-color: rgba(36, 181, 174, 0.58);
  color: #d6fffb;
}
.chip-option-linkedin-person input:focus-visible + span {
  outline-color: rgba(36, 181, 174, 0.68);
}
.chip-option-linkedin-person input:checked + span {
  border-color: rgba(36, 181, 174, 0.82);
  background: rgba(36, 181, 174, 0.18);
  color: #c9fffb;
}
.chip-option-facebook span {
  border-color: rgba(95, 136, 255, 0.34);
  background: rgba(95, 136, 255, 0.08);
}
.chip-option-facebook:hover span {
  border-color: rgba(95, 136, 255, 0.58);
  color: #e0e9ff;
}
.chip-option-facebook input:focus-visible + span {
  outline-color: rgba(95, 136, 255, 0.68);
}
.chip-option-facebook input:checked + span {
  border-color: rgba(95, 136, 255, 0.82);
  background: rgba(95, 136, 255, 0.18);
  color: #e2e9ff;
}
.chip-option-instagram span {
  border-color: rgba(224, 93, 154, 0.34);
  background: rgba(224, 93, 154, 0.08);
}
.chip-option-instagram:hover span {
  border-color: rgba(224, 93, 154, 0.58);
  color: #ffe0ef;
}
.chip-option-instagram input:focus-visible + span {
  outline-color: rgba(224, 93, 154, 0.68);
}
.chip-option-instagram input:checked + span {
  border-color: rgba(224, 93, 154, 0.82);
  background: rgba(224, 93, 154, 0.18);
  color: #ffe4f1;
}
.pitch-url-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.pitch-url-row input {
  flex: 1 1 auto;
  min-width: 0;
}
.pitch-url-row button {
  flex: 0 0 auto;
  white-space: nowrap;
}
.admin-unlock-actions {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.grid-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.grid-two.grid-single-fill > :not(.hidden):first-child { grid-column: 1 / -1; }
.grid-two.grid-single-fill > :not(.hidden):last-child { grid-column: 1 / -1; }
.grid-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#paper-format-page-row.paper-format-page-row--video-layout {
  grid-template-columns: minmax(0, 1.8fr) minmax(180px, 0.6fr) minmax(220px, 0.8fr);
  align-items: end;
}
.paper-video-configuration {
  display: grid;
  gap: 12px;
}
.paper-video-configuration-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.paper-video-configuration-row > * {
  min-width: 0;
}
.paper-video-loop-checkbox {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 0.82rem;
}
.paper-video-loop-checkbox span {
  line-height: 1.25;
}
@media (max-width: 760px) {
  .paper-video-configuration-row {
    grid-template-columns: 1fr;
  }
}
.paper-format-split-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}
.paper-format-split-block--with-secondary .paper-format-split-grid {
  grid-template-columns: minmax(0, 1fr) 160px;
}
.paper-format-split-block--paper-profile .paper-format-split-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.paper-format-split-primary,
.paper-format-split-secondary {
  min-width: 0;
}
.paper-visual-tone-split-block {
  min-width: 0;
}
.paper-visual-tone-split-block--with-secondary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 12px;
  align-items: end;
}
.paper-visual-tone-split-block--with-secondary > * {
  min-width: 0;
}
.prospect-search-controls {
  width: 100%;
  max-width: none;
}
.prospect-filter-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.prospect-filter-helper {
  text-align: right;
  white-space: nowrap;
}
.prospect-filter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.prospect-filter-row select {
  min-width: 0;
  width: 100%;
}
.prospect-search-row {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.prospect-search-row select,
.prospect-search-row input {
  min-width: 0;
  width: 100%;
}
.prospect-search-grid-wrap {
  margin-top: 10px;
}
.prospect-home-grid-wrap {
  margin-top: 10px;
}
.prospect-home-grid-table {
  width: max-content;
  min-width: 100%;
  max-width: none;
  table-layout: auto;
}
.prospect-home-grid-col-row { width: 4%; }
.prospect-home-grid-col-open { width: 5%; }
.prospect-home-grid-col-status { width: 10%; }
.prospect-home-grid-col-detail { width: 8%; }
.prospect-home-grid-col-prospect { width: 13%; }
.prospect-home-grid-col-email { width: 14%; }
.prospect-home-grid-col-company { width: 14%; }
.prospect-home-grid-col-phone { width: 9%; }
.prospect-home-grid-col-mobile { width: 9%; }
.prospect-home-grid-col-source { width: 10%; }
.prospect-home-grid-col-last-activity { width: 8%; }
.prospect-home-grid-col-next-activity { width: 8%; }
.prospect-home-grid-col-actions { width: auto; }
.prospect-home-grid-table th,
.prospect-home-grid-table td {
  white-space: nowrap;
  vertical-align: middle;
}
.prospect-home-grid-table th:last-child,
.prospect-home-grid-table td:last-child {
  width: auto;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
.prospect-home-grid-table tbody tr {
  transition: background 160ms ease, box-shadow 160ms ease;
}
.prospect-home-grid-table tbody tr.prospect-home-grid-row-selected td {
  background: color-mix(in srgb, var(--accent) 10%, rgba(255, 255, 255, 0.02));
}
.prospect-home-grid-table tbody tr.prospect-home-grid-row-selected td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 82%, white 18%);
}
.prospect-home-grid-table tbody tr.prospect-home-grid-row-selected:hover td {
  background: color-mix(in srgb, var(--accent) 12%, rgba(255, 255, 255, 0.02));
}
.prospect-home-grid-table td strong { display: block; line-height: 1.25; }
.prospect-home-grid-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.prospect-grid-sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.prospect-grid-sort-btn::after {
  content: "↕";
  color: var(--muted);
  font-size: 0.8rem;
}
.prospect-grid-sort-btn[data-sort-direction="desc"]::after {
  content: "↓";
  color: var(--accent);
}
.prospect-grid-sort-btn[data-sort-direction="asc"]::after {
  content: "↑";
  color: var(--accent);
}
.prospect-grid-sort-btn:hover {
  color: var(--ink);
}
.prospect-search-grid-table {
  min-width: 2280px;
  table-layout: auto;
}
.prospect-search-grid-col-row {
  width: 4%;
}
.prospect-search-grid-col-status {
  width: 10%;
}
.prospect-search-grid-col-prospect {
  width: 14%;
}
.prospect-search-grid-col-email {
  width: 14%;
}
.prospect-search-grid-col-company {
  width: 12%;
}
.prospect-search-grid-col-address {
  width: 14%;
}
.prospect-search-grid-col-zip {
  width: 6%;
}
.prospect-search-grid-col-city {
  width: 9%;
}
.prospect-search-grid-col-state {
  width: 7%;
}
.prospect-search-grid-col-phone {
  width: 8%;
}
.prospect-search-grid-col-mobile {
  width: 8%;
}
.prospect-search-grid-col-last-activity {
  width: 8%;
}
.prospect-search-grid-col-next-activity {
  width: 8%;
}
.prospect-search-grid-col-source {
  width: 9%;
}
.prospect-search-grid-col-load {
  width: 6%;
}
.prospect-search-grid-table th,
.prospect-search-grid-table td {
  white-space: nowrap;
}
.prospect-search-grid-table td strong {
  display: block;
  line-height: 1.25;
}
.prospect-search-grid-load-cell {
  text-align: center;
}
.prospect-search-grid-load-btn,
.prospect-search-grid-load-header-icon {
  color: var(--accent);
}
.prospect-search-grid-load-btn svg,
.prospect-search-grid-load-header-icon {
  width: 16px;
  height: 16px;
}
.frame-selected-music {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--app-frame) 30%, #373d4f);
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-frame) 10%, transparent), transparent 42%),
    #111621;
}
.frame-selected-music-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.frame-selected-music-copy h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}
.frame-music-level {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin-top: 12px;
}
.frame-music-level-control {
  min-width: 0;
}
.frame-music-level-note {
  grid-column: 1 / -1;
  margin: 0;
}
.frame-selected-music-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
}
.frame-video-ready-banner {
  margin: 0 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--ok) 45%, #373d4f);
  background: color-mix(in srgb, var(--ok) 12%, transparent);
  color: color-mix(in srgb, var(--ok) 82%, white);
  font-size: 0.9rem;
  font-weight: 700;
}
.frame-preview-ready {
  animation: frame-preview-ready-pulse 1.6s ease-out;
}
.ddam-publish-panel {
  margin-top: 16px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 10, 16, 0.34);
}
.ddam-publish-panel--compact {
  padding: 14px 16px;
}
.ddam-publish-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.ddam-publish-panel-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.ddam-publish-panel-summary {
  white-space: normal;
}
.ddam-publish-panel-status {
  margin: 10px 0 0;
}
.ddam-publish-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.ddam-publish-footer {
  margin-top: 18px;
  display: grid;
  gap: 12px;
}
.ddam-publish-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.ddam-publish-progress {
  width: 100%;
}
.ddam-publish-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  margin-left: auto;
  background: var(--accent);
  color: #1a120f;
  border: 0;
  box-shadow: 0 10px 28px rgba(255, 111, 60, 0.22);
}
.ddam-publish-primary:hover:not(:disabled) {
  filter: brightness(1.04);
  transform: translateY(-1px);
}
@media (max-width: 720px) {
  .ddam-publish-panel-head {
    flex-direction: column;
    align-items: stretch;
  }
}
@keyframes frame-preview-ready-pulse {
  0% {
    transform: translateY(8px);
    opacity: 0.15;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ok) 0%, transparent);
  }
  18% {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ok) 10%, transparent);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ok) 0%, transparent);
  }
}
.stack-form label { display: block; margin-bottom: 6px; font-size: 0.95rem; }
#audience-export-form {
  display: grid;
  gap: 18px;
  padding-top: 6px;
}
.audience-export-option-panel {
  position: relative;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.018);
}
.audience-export-check-row {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0;
  cursor: pointer;
}
.audience-export-check-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--app-audience-export);
  cursor: pointer;
}
.audience-export-check-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.audience-export-check-copy strong {
  font-size: 0.94rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ink) 88%, var(--muted));
}
.audience-export-check-copy small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
}
.audience-export-email-grid {
  margin-top: -2px;
}
.audience-export-link-progress {
  margin-top: 2px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.audience-export-link-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.audience-export-link-progress-head strong {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--ink) 90%, var(--muted));
}
.audience-export-link-progress-head span {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-soft);
}
.audience-export-link-progress-bar {
  margin-top: 0;
}
.audience-export-link-progress.is-working .audience-export-link-progress-bar span {
  position: relative;
  min-width: 38%;
}
.audience-export-link-progress.is-working .audience-export-link-progress-bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0));
  animation: campaign-progress-glint 1.55s ease-in-out infinite;
}
.audience-export-link-progress.is-done .audience-export-link-progress-head span {
  color: #9be7ba;
}
.audience-export-link-progress.is-error .audience-export-link-progress-head span {
  color: #ffb0b0;
}
.audience-export-link-progress.is-error .audience-export-link-progress-bar span {
  background: linear-gradient(90deg, #ff6b6b, #ff9d7c);
}
.audience-export-insights {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.audience-export-inline-note {
  line-height: 1.5;
}
.social-analytics-refresh-progress {
  margin-top: -2px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.social-analytics-refresh-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.social-analytics-refresh-progress-head strong {
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--ink) 90%, var(--muted));
}
.social-analytics-refresh-progress-head span {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-soft);
}
.social-analytics-refresh-progress-bar {
  margin-top: 0;
}
.social-analytics-refresh-progress.is-working .social-analytics-refresh-progress-bar span {
  position: relative;
  min-width: 18%;
}
.social-analytics-refresh-progress.is-working .social-analytics-refresh-progress-bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0));
  animation: campaign-progress-glint 1.55s ease-in-out infinite;
}
.social-analytics-refresh-progress.is-done .social-analytics-refresh-progress-head span {
  color: #9be7ba;
}
.social-analytics-refresh-progress.is-error .social-analytics-refresh-progress-head span {
  color: #ffb0b0;
}
.social-analytics-refresh-progress.is-error .social-analytics-refresh-progress-bar span {
  background: linear-gradient(90deg, #ff6b6b, #ff9d7c);
}
.audience-nurture-disclosure {
  display: grid;
  gap: 0;
}
.audience-nurture-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.audience-nurture-disclosure > summary::-webkit-details-marker {
  display: none;
}
.audience-nurture-disclosure-toggle {
  flex: 0 0 auto;
  pointer-events: none;
}
.audience-nurture-disclosure-body {
  margin-top: 18px;
}
.audience-export-submit-row {
  margin-top: 6px;
}
.label-with-badge {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.required-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 111, 60, 0.38);
  background: rgba(255, 111, 60, 0.12);
  color: var(--accent-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}
.stack-form input, .stack-form select, .stack-form textarea, #admin-password {
  width: 100%; background: #0f121a; color: var(--ink); border: 1px solid #3a4053;
  border-radius: 10px; padding: 10px 12px;
}
.stack-form textarea, #proposal-editor { min-height: 120px; resize: vertical; }
.prospect-nurture-launch-form {
  gap: 12px;
}
.prospect-nurture-summary-card {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 22%, rgba(255, 255, 255, 0.08));
  border-radius: 10px;
  background: color-mix(in srgb, var(--app-nurture) 5%, rgba(255, 255, 255, 0.025));
}
.prospect-nurture-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.prospect-nurture-summary-title {
  min-width: 0;
}
.prospect-nurture-summary-title strong {
  display: block;
  margin-top: 4px;
  line-height: 1.25;
}
.prospect-nurture-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  font-size: 0.9rem;
}
.prospect-nurture-summary-meta > span {
  min-width: 0;
}
.prospect-nurture-path-insight {
  margin-top: 2px;
}
.prospect-nurture-path-card.history-card {
  padding: 12px 14px;
  border-radius: 8px;
  border-color: color-mix(in srgb, var(--app-nurture) 26%, rgba(255, 255, 255, 0.08));
  background: color-mix(in srgb, var(--app-nurture) 7%, rgba(255, 255, 255, 0.025));
  box-shadow: none;
}
.prospect-nurture-path-card h3 {
  font-size: 1.05rem;
  line-height: 1.2;
}
.prospect-nurture-event-row {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
@media (max-width: 720px) {
  .prospect-nurture-summary-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .prospect-nurture-summary-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
.presentation-images-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.95fr) minmax(360px, 1.25fr);
  gap: 16px;
  align-items: start;
}
.presentation-image-slide-list,
.presentation-image-candidate-list {
  display: grid;
  gap: 12px;
}
.presentation-image-slide-card {
  border-color: color-mix(in srgb, var(--app-presentation) 22%, #373d4f);
}
.frame-scene-order-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  min-width: 62px;
  min-height: 50px;
  padding: 10px 14px;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.frame-render-run-header {
  align-items: flex-start;
  gap: 10px;
  padding-right: 64px;
}
.frame-render-run-card {
  position: relative;
  padding: 10px 11px;
}
.frame-render-run-corner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.frame-render-run-badge {
  position: absolute;
  top: 10px;
  right: 11px;
  z-index: 2;
  min-width: 52px;
  justify-content: center;
  pointer-events: none;
}
.frame-render-run-duration {
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  color: color-mix(in srgb, var(--accent-soft) 86%, white);
  text-align: right;
}
.frame-render-run-filesize {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--muted);
  text-align: right;
}
.frame-render-run-timestamp {
  margin: 4px 0 0;
  font-size: 0.82rem;
}
.frame-render-run-meta {
  margin-top: 6px;
}
.frame-render-run-card .frame-render-live-box,
.frame-render-run-card .frame-render-run-progress,
.frame-render-run-card .frame-render-run-error,
.frame-render-run-card .frame-render-log-panel,
.frame-render-run-card .frame-scene-action-row {
  margin-top: 8px !important;
}
.frame-render-run-card .frame-scene-action-row {
  gap: 8px;
}
.frame-scene-script-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 10px 0 0;
}
.frame-scene-script-field {
  min-width: 0;
}
.frame-scene-script-modal-content {
  padding-top: 18px;
}
.frame-scene-script-modal-head {
  gap: 10px;
  margin-bottom: 0;
}
.frame-scene-script-modal-head #frame-scene-script-meta {
  margin-top: 4px !important;
}
.frame-scene-script-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.frame-scene-script-field--full {
  grid-column: 1 / -1;
}
.frame-scene-script-inline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.frame-scene-script-inline-grid--dual {
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
}
.frame-scene-animation-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.frame-scene-animation-panel {
  min-width: 0;
  padding: 16px;
  border: 1px solid #31384a;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(24, 28, 38, 0.96) 0%, rgba(18, 21, 29, 0.98) 100%);
}
.frame-scene-animation-preview-shell {
  min-height: 260px;
  border: 1px solid #31384a;
  border-radius: 14px;
  background: #0b0e14;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.frame-scene-animation-preview-shell img,
.frame-scene-animation-preview-shell video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: contain;
}
.frame-scene-animation-preview-empty {
  padding: 20px;
  text-align: center;
  color: var(--muted);
}
.frame-scene-animation-progress {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 111, 60, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 111, 60, 0.08) 0%, rgba(255, 111, 60, 0.03) 100%);
}
.frame-scene-animation-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  font-size: 0.92rem;
  color: var(--ink);
}
.frame-scene-animation-progress-track {
  position: relative;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.frame-scene-animation-progress-bar {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff6f3c 0%, #ff8c63 45%, #ffd2a8 100%);
  box-shadow: 0 0 24px rgba(255, 111, 60, 0.35);
  transition: width 520ms ease;
}
.frame-scene-animation-freedom {
  display: grid;
  gap: 8px;
}
.frame-scene-animation-freedom-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 0.92rem;
}
.frame-scene-animation-freedom-meta span:first-child {
  color: var(--ink);
  font-weight: 600;
}
.frame-scene-animation-sync {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.frame-scene-animation-action-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
}
.frame-scene-animation-action-row > button,
.frame-scene-animation-action-row > .ghost,
.frame-scene-animation-action-row > a {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
  padding-inline: 10px;
  font-size: 0.84rem;
}
.frame-scene-animation-sync-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #ff6f3c;
  box-shadow: 0 0 0 3px rgba(255, 111, 60, 0.14);
}
.frame-scene-animation-sync-dot.is-synced {
  background: #63d2a8;
  box-shadow: 0 0 0 3px rgba(99, 210, 168, 0.14);
}
.frame-scene-animation-history-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr);
  gap: 16px;
  margin-top: 18px;
}
.frame-scene-animation-history-list {
  display: grid;
  align-content: start;
  gap: 10px;
  max-height: 560px;
  overflow-y: auto;
  padding-right: 4px;
}
.frame-scene-animation-history-item {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid #31384a;
  border-radius: 14px;
  background: rgba(18, 21, 29, 0.92);
  color: var(--ink);
  text-align: left;
}
.frame-scene-animation-history-item:hover,
.frame-scene-animation-history-item.is-selected {
  border-color: rgba(255, 111, 60, 0.72);
  background: rgba(255, 111, 60, 0.08);
}
.frame-scene-animation-history-item-head,
.frame-scene-animation-history-item-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.frame-scene-animation-history-item-meta {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.86rem;
}
.frame-scene-animation-history-pill {
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(99, 210, 168, 0.12);
  color: #8ee6c3;
  font-size: 0.76rem;
  white-space: nowrap;
}
@media (max-width: 820px) {
  .frame-scene-animation-history-grid {
    grid-template-columns: 1fr;
  }
  .frame-scene-animation-history-list {
    max-height: 260px;
  }
}
.frame-video-title-edit-row {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
}
.frame-video-title-edit-row > input:not([type="checkbox"]):not([type="radio"]) {
  flex: 1 1 360px;
  width: auto;
}
.frame-scene-header-input {
  width: min(560px, 100%);
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 12px;
  padding: 12px 14px;
  font-family: "Instrument Serif", serif;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  line-height: 1.04;
}
.frame-video-title-edit-row button {
  align-self: stretch;
}
.frame-scene-input,
.frame-scene-textarea {
  width: 100%;
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
}
.frame-scene-textarea {
  min-height: 72px;
  resize: vertical;
}
.frame-scene-modal-textarea {
  width: 100%;
  min-height: 96px;
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 10px;
  padding: 9px 12px;
  line-height: 1.35;
  resize: vertical;
}
.frame-scene-script-voiceover-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
}
.frame-scene-script-voiceover-actions > button,
.frame-scene-script-voiceover-actions > .ghost,
.frame-scene-script-voiceover-actions > a {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}
.frame-scene-input {
  height: 40px;
}
.frame-scene-inline-textarea {
  width: 100%;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  resize: none;
  overflow: auto;
  white-space: pre;
  scrollbar-width: thin;
}
.frame-scene-internal-copy {
  margin: 10px 0 8px;
  font-size: 0.95rem;
}
.frame-scene-card-head {
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding-right: 74px;
  margin-bottom: 6px;
}
.frame-scene-head-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.frame-scene-title {
  margin: 0;
  font-size: 1.28rem;
  line-height: 1.14;
  white-space: pre-line;
}
.frame-scene-head-pills {
  margin-top: 0;
  justify-content: flex-end;
  flex: 0 1 auto;
  max-width: calc(100% - 180px);
}
.frame-scene-summary {
  margin: 6px 0 0;
}
.frame-scene-asset-row {
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 10px;
}
.frame-scene-asset-preview-shell {
  position: relative;
  width: 156px;
  height: 104px;
}
.frame-scene-asset-preview {
  width: 156px;
  height: 104px;
  border-radius: 12px;
  border: 1px solid #373d4f;
  background: #0c1118;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-scene-asset-preview-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #0c1118;
}
.frame-scene-asset-preview-fallback {
  padding: 10px;
  text-align: center;
  font-size: 0.9rem;
  color: var(--muted);
}
.frame-scene-clear-asset-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15, 18, 26, 0.86);
  border-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  z-index: 2;
}
.frame-scene-asset-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.frame-scene-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.frame-scene-settings-group {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  min-width: 0;
}
.frame-scene-settings-title {
  margin: 0;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.frame-scene-settings-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
}
.frame-scene-settings-fields .frame-scene-asset-control {
  min-width: 0;
}
.frame-scene-asset-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 8px 10px;
  margin-top: 0;
}
.frame-scene-general-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 8px 10px;
  margin-top: 0;
}
.frame-scene-secondary-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 8px 10px;
  margin-top: 0;
}
.frame-scene-video-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  gap: 8px 10px;
  margin-top: 0;
}
.frame-scene-asset-control {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.frame-scene-asset-control label {
  display: block;
  margin-bottom: 0;
  font-size: 0.8rem;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
.frame-scene-control-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.frame-scene-lock-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--muted);
  cursor: help;
  line-height: 1;
}
.frame-scene-help-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1;
  cursor: help;
  user-select: none;
  transition: border-color 120ms ease, color 120ms ease, background 120ms ease;
}
.frame-scene-help-indicator:hover,
.frame-scene-help-indicator:focus-visible {
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink);
  outline: none;
}
.frame-scene-lock-indicator svg {
  width: 13px;
  height: 13px;
}
.frame-scene-lock-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ff8a5b;
  box-shadow: 0 0 0 rgba(255, 138, 91, 0.35);
  animation: frame-scene-lock-pulse 1.4s ease-in-out infinite;
}
@keyframes frame-scene-lock-pulse {
  0%,
  100% {
    opacity: 0.75;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 138, 91, 0.12);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 0 4px rgba(255, 138, 91, 0);
  }
}
.frame-scene-scale-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 0;
}
.frame-scene-scale-head label {
  margin-bottom: 0;
}
.frame-scene-scale-value {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}
.frame-scene-layout-slider {
  width: 100%;
}
.frame-scene-layout-select,
.frame-scene-layout-input {
  width: 100%;
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 10px;
  padding: 8px 10px;
  margin: 0;
}
.frame-scene-layout-input:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.frame-scene-layout-slider {
  margin: 0;
}
.frame-scene-music-summary {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.frame-scene-music-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.frame-scene-music-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.frame-scene-music-value {
  font-size: 0.92rem;
  color: var(--ink);
}
.frame-scene-music-actions {
  gap: 8px;
  justify-content: flex-end;
}
.frame-scene-asset-line {
  margin: 0;
  line-height: 1.2;
}
.frame-scene-video-warning {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.35;
  color: #f7b267;
}
@media (max-width: 900px) {
  .frame-scene-card-head {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }
  .frame-scene-head-pills {
    max-width: 100%;
    justify-content: flex-start;
  }
  .frame-scene-asset-row {
    grid-template-columns: 1fr;
  }
  .frame-scene-asset-preview-shell,
  .frame-scene-asset-preview {
    width: 100%;
    max-width: 220px;
    height: 124px;
  }
  .frame-scene-asset-controls {
    grid-template-columns: 1fr;
  }
  .frame-scene-settings-grid {
    grid-template-columns: 1fr;
  }
  .frame-scene-settings-fields {
    grid-template-columns: 1fr;
  }
  .frame-scene-general-controls {
    grid-template-columns: 1fr;
  }
  .frame-scene-secondary-controls {
    grid-template-columns: 1fr;
  }
  .frame-scene-video-controls {
    grid-template-columns: 1fr;
  }
}
.frame-scene-video-trim-panel {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #353a4b;
}
.frame-scene-video-trim-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.frame-scene-video-trim-field {
  min-width: 0;
}
.frame-scene-video-trim-field input[type="range"] {
  width: 100%;
}
@media (max-width: 900px) {
  .frame-scene-video-trim-grid {
    grid-template-columns: 1fr;
  }
}
.frame-scene-action-row {
  gap: 10px;
  flex-wrap: wrap;
}
.frame-scene-edit-actions {
  gap: 10px;
  flex-wrap: wrap;
}
.presentation-image-slide-card-active {
  border-color: color-mix(in srgb, var(--accent) 55%, #373d4f);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}
.presentation-image-choose-btn-active {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  border-color: color-mix(in srgb, var(--accent) 40%, #373d4f);
  color: var(--ink);
}
.presentation-image-assigned-preview {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
  align-items: start;
}
.presentation-image-assigned-thumb {
  position: relative;
}
.presentation-image-assigned-preview img,
.presentation-image-candidate-preview img {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #373d4f;
  background: #0c1118;
  object-fit: cover;
}
.presentation-image-clear-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15, 18, 26, 0.86);
  border-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(4px);
}
.presentation-image-candidate-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.presentation-image-candidate-preview img {
  aspect-ratio: 1.25 / 1;
}
.presentation-image-candidate-copy {
  min-width: 0;
}
.presentation-image-manual-card {
  margin-bottom: 12px;
}
.presentation-image-manual-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 10px;
}
.presentation-image-manual-input {
  width: 100%;
  background: #0f121a;
  color: var(--ink);
  border: 1px solid #3a4053;
  border-radius: 10px;
  padding: 10px 12px;
}
.section-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.section-title-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.section-title-actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  flex: 0 0 auto;
  margin-left: auto;
}
.paper-preview-title-row {
  flex-wrap: wrap;
}
.paper-preview-title-row > .section-title-copy {
  flex: 1 1 320px;
}
.paper-preview-title-row > .section-title-actions {
  flex: 1 1 520px;
  max-width: 100%;
}
.mailer-library-title-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.mailer-library-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 42%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--app-mailer) 12%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-mailer) 74%, white);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}
.mailer-library-count-badge--prospect {
  border-color: color-mix(in srgb, var(--app-prospect) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-prospect) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-prospect) 72%, white);
}
.mailer-library-open-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mailer-library-open-counts {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.mailer-library-toolbar {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.mailer-library-toolbar .mailer-library-open-btn {
  flex-wrap: wrap;
  justify-content: center;
}
.mailer-library-toolbar .mailer-library-open-counts {
  white-space: nowrap;
}
.mailer-compose-title-row {
  display: grid;
  grid-template-columns: minmax(132px, auto) minmax(0, 1fr);
  align-items: start;
  gap: 12px 18px;
  padding-top: 2px;
}
.mailer-compose-title-row .section-title-copy {
  padding-top: 5px;
}
.mailer-compose-title-row .section-title-copy h2 {
  white-space: nowrap;
}
.mailer-compose-title-row .section-title-actions {
  min-width: 0;
  margin-left: 0;
  justify-content: flex-end;
}
@media (max-width: 880px) {
  .mailer-compose-title-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .mailer-compose-title-row .section-title-copy {
    padding-top: 0;
  }
  .mailer-compose-title-row .section-title-actions {
    justify-content: flex-start;
  }
  .mailer-library-toolbar {
    justify-content: flex-start;
  }
}
.modal-content.mailer-library-modal-content {
  width: min(1120px, calc(100vw - 32px));
  max-width: 1120px;
  max-height: min(820px, calc(100vh - 32px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mailer-library-modal-controls {
  display: grid;
  grid-template-columns: max-content minmax(120px, 1fr) max-content;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  margin: 4px 0 14px;
}
.mailer-library-modal-controls input {
  width: 100%;
  min-width: 0;
  min-height: 36px;
}
.mailer-library-modal-controls select {
  width: auto;
  min-width: 132px;
  min-height: 36px;
}
.mailer-language-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 2px 7px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 42%, rgba(255, 255, 255, 0.14));
  border-radius: 999px;
  background: color-mix(in srgb, var(--app-mailer) 12%, rgba(255, 255, 255, 0.04));
  color: var(--ink);
  font: 700 0.68rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  vertical-align: middle;
}
.mailer-translation-dialog {
  width: min(520px, calc(100vw - 32px));
}
.mailer-translation-route {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0;
  color: var(--muted);
}
.mailer-translation-route .is-target {
  border-color: color-mix(in srgb, var(--app-mailer) 72%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--app-mailer) 24%, rgba(255, 255, 255, 0.05));
}
.mailer-library-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.mailer-library-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-inline: 12px;
  white-space: nowrap;
}
.mailer-library-tab.is-active {
  border-color: color-mix(in srgb, var(--app-mailer) 58%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--app-mailer) 16%, rgba(255, 255, 255, 0.04));
  color: var(--ink);
}
.mailer-library-tab.is-active .mailer-library-count-badge {
  border-color: color-mix(in srgb, var(--app-mailer) 62%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--app-mailer) 24%, rgba(255, 255, 255, 0.04));
  color: var(--ink);
}
.mailer-library-tab-panel {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 12px;
}
.mailer-library-domain-note {
  margin: 0;
  padding: 9px 11px;
  border-left: 3px solid color-mix(in srgb, var(--app-mailer) 52%, rgba(255, 255, 255, 0.12));
  background: linear-gradient(90deg, color-mix(in srgb, var(--app-mailer) 8%, rgba(255, 255, 255, 0.025)), transparent 72%);
  font-size: 0.82rem;
  line-height: 1.45;
}
.mailer-library-panel-actions {
  justify-content: flex-end;
}
.mailer-library-tab-panel .nurture-path-list {
  min-height: 0;
  overflow: auto;
  padding: 2px 4px 4px 0;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 10px;
}
@media (max-width: 720px) {
  .mailer-library-modal-controls {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .mailer-library-tabs {
    grid-column: 1 / -1;
    overflow-x: auto;
    min-width: 0;
    padding: 2px;
  }
  .mailer-library-tab {
    flex-shrink: 0;
  }
  .mailer-library-modal-controls input {
    width: 100%;
  }
  .mailer-library-modal-controls select {
    width: 100%;
  }
  .mailer-library-panel-actions {
    justify-content: flex-start;
  }
}
.frame-tools-menu,
.signal-tools-menu {
  position: relative;
  flex: 0 0 auto;
}
.signal-tools-menu .toolbar-icon-btn {
  width: 40px;
  height: 40px;
  padding: 0;
}
.signal-tools-menu .toolbar-icon-btn svg {
  width: 24px;
  height: 24px;
}
.frame-tools-menu-panel,
.signal-tools-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid #2f3546;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
    #171a23;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.32);
  z-index: 30;
}
.frame-tools-menu-item,
.signal-tools-menu-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #4e5363;
  background: transparent;
  color: var(--ink);
  text-decoration: none;
  font-size: 0.95rem;
}
.frame-tools-menu-item + .frame-tools-menu-item,
.signal-tools-menu-item + .signal-tools-menu-item {
  margin-top: 8px;
}
.frame-tools-menu-item:hover,
.frame-tools-menu-item:focus-visible,
.signal-tools-menu-item:hover,
.signal-tools-menu-item:focus-visible {
  background: rgba(255, 255, 255, 0.04);
  border-color: #62697d;
  color: var(--ink);
  outline: none;
}
.company-sourcing-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 14px;
}
.company-sourcing-title-row .section-title-copy,
.company-sourcing-title-row .section-title-actions {
  width: 100%;
}
.company-sourcing-title-row .section-title-actions {
  margin-left: 0;
  justify-content: flex-end;
}
.company-sourcing-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.company-sourcing-toolbar .history-workflow-badge {
  align-self: center;
}
.company-sourcing-analytics-btn.toolbar-icon-btn svg {
  width: 30px;
  height: 30px;
}
.company-sourcing-analytics-btn.toolbar-icon-btn {
  padding: 6px 8px;
  min-width: 42px;
}
.paper-preview-surface {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}
.paper-preview-surface > * {
  margin: 0;
}
#paper-preview-mode-tabs,
#paper-preview-language-tabs,
#paper-preview-revision-tabs {
  margin: 0;
}
#paper-preview-language-tabs {
  margin-top: -6px;
}
#paper-preview-revision-tabs {
  margin-top: -6px;
}
#paper-preview {
  padding-top: 4px;
}
.paper-preview-image-wrap {
  display: flex;
  justify-content: center;
  padding: 8px 0 0;
}
.paper-preview-video-wrap {
  display: flex;
  justify-content: center;
  padding: 8px 0 0;
}
.paper-preview-image-stage {
  position: relative;
  display: inline-block;
  max-width: min(100%, 1180px);
}
.paper-preview-video-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 1180px);
  min-height: 360px;
  max-height: min(78vh, 980px);
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.07), transparent 52%),
    rgba(255, 255, 255, 0.02);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
.paper-preview-image {
  width: min(100%, 1180px);
  height: auto;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}
.paper-preview-video {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(min(78vh, 980px) - 28px);
  height: auto;
  border-radius: 16px;
  background: #000000;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
}
.paper-preview-area-overlay {
  position: absolute;
  inset: 0;
  border-radius: 22px;
  cursor: crosshair;
  pointer-events: none;
}
.paper-preview-area-overlay.is-enabled {
  pointer-events: auto;
}
.paper-preview-area-overlay.is-enabled::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px dashed rgba(255, 255, 255, 0.22);
}
.paper-preview-area-box {
  position: absolute;
  border: 2px solid color-mix(in srgb, var(--accent) 78%, white);
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  box-shadow: 0 0 0 1px rgba(15, 16, 20, 0.32);
  border-radius: 10px;
}
.paper-preview-area-box .paper-preview-area-box-label {
  position: absolute;
  top: -10px;
  left: -2px;
  min-width: 22px;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 88%, rgba(15, 16, 20, 0.92));
  color: var(--ink);
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.2;
}
.paper-refine-area-toggle-btn.is-active {
  border-color: color-mix(in srgb, var(--accent) 46%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--accent) 14%, rgba(255, 255, 255, 0.03));
  color: var(--ink);
}
.paper-refine-area-list {
  display: grid;
  gap: 10px;
}
.paper-refine-area-card {
  border: 1px solid color-mix(in srgb, var(--accent) 18%, rgba(255, 255, 255, 0.08));
  background: rgba(255, 255, 255, 0.02);
  border-radius: 14px;
  padding: 12px;
}
.paper-refine-area-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.paper-refine-area-card-head strong {
  font-size: 0.9rem;
}
.paper-refine-area-card-head .muted {
  font-size: 0.72rem;
}
.paper-refine-area-card textarea {
  min-height: 82px;
  margin-top: 8px;
}
#paper-preview-meta {
  min-height: 1.25rem;
}
.paper-geometry-warning {
  margin: 12px 0 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 174, 92, 0.42);
  border-radius: 12px;
  background: rgba(255, 111, 60, 0.08);
  color: var(--ink);
}
.paper-refine-panel {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, rgba(255, 255, 255, 0.08));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.paper-refine-panel textarea {
  min-height: 108px;
  width: 100%;
  margin-top: 8px;
}
.paper-refine-panel .status {
  margin: 10px 0 0;
}
.paper-video-followup-audio {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.paper-video-followup-prompt-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
  gap: 14px;
  align-items: end;
}
.paper-video-followup-prompt-header > label {
  margin-bottom: 0;
}
#paper-video-followup-example-panel {
  min-width: 0;
}
#paper-video-followup-example-panel select {
  width: 100%;
}
@media (max-width: 720px) {
  .paper-video-followup-prompt-header {
    grid-template-columns: 1fr;
  }
}
.paper-video-followup-audio select {
  width: 100%;
}
.paper-video-followup-audio .status.warning {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 174, 92, 0.42);
  border-radius: 12px;
  background: rgba(255, 111, 60, 0.08);
  color: var(--ink);
}
.paper-refine-panel.is-refining {
  border-color: color-mix(in srgb, var(--accent) 46%, rgba(255, 255, 255, 0.12));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent),
    0 18px 52px color-mix(in srgb, var(--accent) 10%, transparent);
}
.paper-refine-progress-card {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, rgba(255, 255, 255, 0.1));
  background: color-mix(in srgb, var(--accent) 10%, rgba(255, 255, 255, 0.025));
}
.paper-refine-progress-card.is-done {
  border-color: color-mix(in srgb, #63d2a8 52%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, #63d2a8 12%, rgba(255, 255, 255, 0.025));
}
.paper-refine-progress-card.is-error {
  border-color: color-mix(in srgb, #ff6f3c 58%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, #ff6f3c 12%, rgba(255, 255, 255, 0.025));
}
.paper-video-frame-fit-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.paper-video-frame-fit-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.paper-video-frame-fit-head > div {
  flex: 1 1 220px;
}
.paper-video-frame-preview-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.05), transparent 56%),
    rgba(255, 255, 255, 0.02);
  overflow: hidden;
}
.paper-video-frame-preview-stage--modal {
  width: fit-content;
  max-width: 100%;
  max-height: calc(84vh - 120px);
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}
.paper-video-frame-preview-canvas {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(84vh - 140px);
  height: auto;
  background: rgba(0, 0, 0, 0.35);
}
.paper-video-frame-preview-modal-content {
  width: min(920px, 96vw);
  max-height: 88vh;
  overflow: hidden;
}
.paper-refine-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  font-size: 0.78rem;
}
.paper-refine-progress-head strong {
  color: var(--ink);
}
.paper-refine-progress-head span {
  color: var(--muted);
  font-weight: 800;
}
.paper-refine-progress-bar {
  position: relative;
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
.paper-refine-progress-bar span {
  display: block;
  width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 44%, #63d2a8));
  transition: width 0.32s ease;
}
.paper-refine-progress-card.is-working .paper-refine-progress-bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  animation: campaign-progress-glint 1.55s linear infinite;
}
.paper-refine-submit-running {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
.paper-refine-open-btn {
  border-color: color-mix(in srgb, var(--accent) 42%, rgba(255, 255, 255, 0.14));
  color: color-mix(in srgb, var(--accent) 70%, white);
  background: color-mix(in srgb, var(--accent) 12%, rgba(255, 255, 255, 0.02));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);
}
.paper-refine-open-btn:hover:not(:disabled),
.paper-refine-open-btn:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 58%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--accent) 16%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--accent) 80%, white);
}
.form-submit-row { margin-top: 18px; }
.campaign-export-row {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.campaign-export-option-panel {
  position: relative;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.018);
  max-width: min(520px, 100%);
}
.campaign-report-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.campaign-report-actions .status {
  flex: 1 1 100%;
  margin: 0;
  text-align: right;
}
.campaign-export-check-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0;
  cursor: pointer;
}
.campaign-export-check-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--accent);
  cursor: pointer;
}
.campaign-export-check-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.campaign-export-check-copy strong {
  font-size: 0.94rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ink) 88%, var(--muted));
}
.campaign-export-check-copy small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}
@media (max-width: 860px) {
  .campaign-export-row {
    align-items: stretch;
  }
  .campaign-export-option-panel {
    max-width: none;
  }
  .campaign-report-actions {
    justify-content: flex-start;
  }
  .campaign-report-actions .status {
    text-align: left;
  }
}
.pitch-submit-toolbar {
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
}
.pitch-submit-language {
  display: grid;
  gap: 8px;
  min-width: 170px;
  max-width: 220px;
}
.pitch-submit-language label {
  margin: 0;
}
.pitch-submit-actions {
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .pitch-submit-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .pitch-submit-language {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  .pitch-submit-actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.section-header-row { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.section-header-row--with-title {
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.section-header-row--with-title h2 {
  margin: 0;
  flex: 0 1 auto;
}
.section-header-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.ddam-picker-block {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #32384a;
  border-radius: 12px;
  background: #101621;
}

.ddam-picker-block-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.ddam-picker-block-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

.social-calendar-default-target-groups {
  display: grid;
  gap: 14px;
}

.social-calendar-default-target-language-grid {
  margin-top: 6px;
}

.social-calendar-default-target-language-card {
  gap: 14px;
}

.social-calendar-default-target-group {
  display: grid;
  gap: 8px;
}

.social-calendar-default-target-group-label {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

.paper-logo-block {
  margin-top: 12px;
}

.paper-logo-selected {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.paper-logo-selection-shell {
  border: 1px solid #3a4153;
  border-radius: 10px;
  padding: 12px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
}

.paper-logo-selection-shell > strong {
  display: block;
}

.paper-logo-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #343b4d;
  border-radius: 10px;
  background: #0d121c;
}

.paper-logo-preview .ddam-asset-preview {
  min-height: 52px;
  margin-top: 0;
}

.paper-logo-preview .ddam-asset-preview img {
  max-height: 52px;
}

.paper-logo-body {
  min-width: 0;
}

.paper-logo-body strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paper-logo-body p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.paper-logo-actions {
  display: flex;
  align-items: center;
}

.ddam-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.ddam-filter-label-locked {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ddam-filter-label-locked::after {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  opacity: 0.8;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M17 9h-1V7a4 4 0 1 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-6 0V7a2 2 0 1 1 4 0v2h-4Z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M17 9h-1V7a4 4 0 1 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-6 0V7a2 2 0 1 1 4 0v2h-4Z"/></svg>') center / contain no-repeat;
}

.ddam-selected-assets,
.ddam-asset-results {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.ddam-selected-mini-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.ddam-selected-mini-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #343b4d;
  border-radius: 10px;
  background: #0d121c;
}

.ddam-selected-mini-preview-btn {
  appearance: none;
  width: 72px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.ddam-selected-mini-preview-btn .ddam-asset-preview,
.ddam-selected-mini-preview .ddam-asset-preview {
  min-height: 52px;
  margin-top: 0;
}

.ddam-selected-mini-preview-btn .ddam-asset-preview img,
.ddam-selected-mini-preview .ddam-asset-preview img {
  max-height: 52px;
}

.ddam-selected-mini-body {
  min-width: 0;
}

.ddam-selected-mini-body strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ddam-selected-mini-actions {
  display: flex;
  justify-content: flex-end;
}

.ddam-asset-public-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(98, 177, 255, 0.4);
  border-radius: 999px;
  background: rgba(98, 177, 255, 0.08);
  width: 34px;
  height: 28px;
  flex: 0 0 auto;
  color: #74b7ff;
}

.ddam-asset-public-indicator::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2Zm6.93 9h-3.12a15.6 15.6 0 0 0-1.19-4.35A8.03 8.03 0 0 1 18.93 11ZM12 4.06c.83 1.2 1.78 3.28 2.08 5.94H9.92C10.22 7.34 11.17 5.26 12 4.06ZM4.07 13h3.12a15.6 15.6 0 0 0 1.19 4.35A8.03 8.03 0 0 1 4.07 13Zm3.12-2H4.07a8.03 8.03 0 0 1 4.31-4.35A15.6 15.6 0 0 0 7.19 11Zm2.73 2h4.16c-.3 2.66-1.25 4.74-2.08 5.94-.83-1.2-1.78-3.28-2.08-5.94Zm0-2c.3-2.66 1.25-4.74 2.08-5.94.83 1.2 1.78 3.28 2.08 5.94Zm4.7 6.35A15.6 15.6 0 0 0 15.81 13h3.12a8.03 8.03 0 0 1-4.31 4.35Z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2Zm6.93 9h-3.12a15.6 15.6 0 0 0-1.19-4.35A8.03 8.03 0 0 1 18.93 11ZM12 4.06c.83 1.2 1.78 3.28 2.08 5.94H9.92C10.22 7.34 11.17 5.26 12 4.06ZM4.07 13h3.12a15.6 15.6 0 0 0 1.19 4.35A8.03 8.03 0 0 1 4.07 13Zm3.12-2H4.07a8.03 8.03 0 0 1 4.31-4.35A15.6 15.6 0 0 0 7.19 11Zm2.73 2h4.16c-.3 2.66-1.25 4.74-2.08 5.94-.83-1.2-1.78-3.28-2.08-5.94Zm0-2c.3-2.66 1.25-4.74 2.08-5.94.83 1.2 1.78 3.28 2.08 5.94Zm4.7 6.35A15.6 15.6 0 0 0 15.81 13h3.12a8.03 8.03 0 0 1-4.31 4.35Z"/></svg>') center / contain no-repeat;
}

.ddam-preview-trigger {
  cursor: pointer;
}

.media-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: grid;
  place-items: center;
  padding: 20px;
}

.media-modal[hidden] {
  display: none;
}

.media-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 8, 12, 0.8);
  backdrop-filter: blur(6px);
}

.media-modal-dialog {
  position: relative;
  width: min(1240px, calc(100vw - 24px));
  height: min(900px, calc(100vh - 40px));
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent), var(--panel);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.media-modal-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  flex: 0 0 auto;
}

.media-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.media-modal-header h2 {
  margin: 0;
}

.media-modal-header .meta {
  margin: 0;
}

.media-modal-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0 2px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.media-modal-image,
.media-modal-video {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  background: #0f131d;
  object-fit: contain;
}

.media-modal-image {
  max-width: min(100%, 1120px);
}

.media-modal-body--original-size {
  justify-content: flex-start;
  align-items: flex-start;
}

.media-modal-body--original-size .media-modal-image {
  max-width: none;
  max-height: none;
}

.media-modal-video-embed {
  display: block;
  width: min(100%, 980px);
  aspect-ratio: 16 / 9;
  min-height: 360px;
  border: 0;
  border-radius: 12px;
  background: #0f131d;
}

.media-modal-pdf,
.media-modal-html {
  display: block;
  width: min(100%, 980px);
  height: calc(100vh - 190px);
  min-height: 520px;
  border: 0;
  border-radius: 12px;
}

.media-modal-pdf {
  background: #ffffff;
}

.media-modal-html {
  background: #ffffff;
}

.media-modal-audio-shell,
.media-modal-text-shell,
.media-modal-fallback {
  width: min(720px, 100%);
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(15, 18, 26, 0.6);
}

.media-modal-audio {
  width: 100%;
  margin-top: 12px;
}

.media-modal-text {
  margin: 12px 0 0;
  max-height: min(68vh, 720px);
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0f131d;
  color: var(--ink);
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.96rem;
  line-height: 1.6;
}

.ddam-asset-results {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ddam-selected-assets.hidden,
.paper-logo-selected.hidden,
.ddam-asset-results.hidden {
  display: none;
}

.ddam-asset-card {
  display: grid;
  gap: 8px;
  border: 1px solid #343b4d;
  border-radius: 10px;
  background: #0d121c;
  padding: 12px 12px 14px;
  min-height: 100%;
  position: relative;
}

.ddam-asset-card-selected {
  border-color: rgba(111, 216, 255, 0.44);
  box-shadow: 0 0 0 1px rgba(111, 216, 255, 0.16), 0 10px 22px rgba(0, 0, 0, 0.18);
}

.ddam-asset-meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ddam-asset-meta::-webkit-scrollbar {
  display: none;
}

.ddam-asset-head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  min-height: 30px;
  padding-right: 112px;
}

.ddam-asset-select-control {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.ddam-asset-select-label {
  color: #aeb7c8;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.ddam-asset-select-control input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.ddam-asset-select-box {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(12, 16, 24, 0.8);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
  position: relative;
}

.ddam-asset-select-control input:checked + .ddam-asset-select-box {
  border-color: rgba(111, 216, 255, 0.7);
  background: rgba(111, 216, 255, 0.18);
}

.ddam-asset-select-control input:checked + .ddam-asset-select-box::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #d7f7ff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ddam-asset-select-control input:disabled + .ddam-asset-select-box {
  opacity: 0.75;
}

.ddam-asset-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  margin-top: 6px;
  border-radius: 10px;
  border: 1px solid #32384a;
  background: #0c1017;
  overflow: hidden;
}

.ddam-asset-preview img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 190px;
  object-fit: contain;
}

.ddam-asset-placeholder {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ddam-asset-preview--video-fallback {
  background:
    radial-gradient(circle at top, rgba(255, 122, 69, 0.12), transparent 58%),
    linear-gradient(180deg, #101520 0%, #0b1018 100%);
}

.ddam-asset-placeholder--video {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 14px 10px;
  color: #ffb68f;
  text-align: center;
}

.ddam-asset-placeholder--video::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M4 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.38l3.55-2.03A1 1 0 0 1 21 6.22v11.56a1 1 0 0 1-1.45.87L16 16.62V19a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5Zm12 9.32 3 1.72V8.96l-3 1.72v3.64Z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M4 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.38l3.55-2.03A1 1 0 0 1 21 6.22v11.56a1 1 0 0 1-1.45.87L16 16.62V19a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5Zm12 9.32 3 1.72V8.96l-3 1.72v3.64Z"/></svg>') center / contain no-repeat;
  opacity: 0.92;
}

.ddam-meta-pill {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ddam-meta-pill--asset-type {
  --ddam-pill-accent: var(--accent);
  border-color: color-mix(in srgb, var(--ddam-pill-accent) 34%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ddam-pill-accent) 16%, rgba(255, 255, 255, 0.02));
  color: var(--ddam-pill-accent);
  text-shadow: 0 0 14px color-mix(in srgb, var(--ddam-pill-accent) 22%, transparent);
}

.ddam-meta-pill--asset-image {
  --ddam-pill-accent: #ff8a4c;
}

.ddam-meta-pill--asset-video {
  --ddam-pill-accent: #ff5d8f;
}

.ddam-meta-pill--asset-clip {
  --ddam-pill-accent: #ffb84d;
}

.ddam-meta-pill--asset-transcript {
  --ddam-pill-accent: #6fd8ff;
}

.ddam-meta-pill--asset-audio {
  --ddam-pill-accent: #ffd85e;
}

.ddam-meta-pill--asset-voiceover {
  --ddam-pill-accent: #ff9de1;
}

.ddam-meta-pill--asset-pdf {
  --ddam-pill-accent: #ff7c7c;
}

.ddam-meta-pill--asset-docx {
  --ddam-pill-accent: #7fb3ff;
}

.ddam-meta-pill--asset-html {
  --ddam-pill-accent: #ff9a57;
}

.ddam-meta-pill--asset-zip {
  --ddam-pill-accent: #d1a6ff;
}

.ddam-meta-pill--asset-json {
  --ddam-pill-accent: #86f08d;
}

.ddam-meta-pill--asset-binary {
  --ddam-pill-accent: #c2c7d6;
}

.ddam-meta-pill--asset-document {
  --ddam-pill-accent: #ffb84d;
}

.ddam-asset-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}

.ddam-empty-state {
  border: 1px dashed #3a4153;
  border-radius: 10px;
  padding: 12px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
}
.history-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
}
.status { min-height: 22px; margin: 12px 0 0; }
#admin-status:empty { display: none; }
.status.ok { color: var(--ok); }
.status.error { color: var(--danger); }
.status.warning { color: var(--warn); }

/* Shared Mailer + Nurture delivery operations desk. */
.delivery-operations-shell {
  max-width: min(1440px, calc(100vw - 24px));
}
.delivery-operations-page .hero {
  max-width: 820px;
}
.delivery-ops-workers {
  padding: 20px 22px 22px;
  margin: 4px 0 14px;
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--app-mailer) 4%, transparent), transparent 46%),
    linear-gradient(250deg, color-mix(in srgb, var(--app-nurture) 5%, transparent), transparent 52%),
    var(--panel);
}
.delivery-ops-workers-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.delivery-ops-workers-head .eyebrow { margin: 0 0 5px; }
.delivery-ops-workers-head h2 { margin: 0; }
.delivery-ops-workers-head > .muted {
  max-width: 560px;
  margin: 0;
  font-size: 13px;
  text-align: right;
}
.delivery-ops-worker-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.delivery-ops-worker-grid[aria-busy="true"] {
  min-height: 208px;
}
.delivery-ops-worker {
  --worker-accent: var(--app-mailer);
  --worker-health: #8991a3;
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 16px 17px 15px 20px;
  border: 1px solid color-mix(in srgb, var(--worker-accent) 30%, #303648);
  border-left: 4px solid color-mix(in srgb, var(--worker-accent) 76%, white 8%);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--worker-accent) 11%, transparent), transparent 42%),
    rgba(12, 14, 20, .72);
}
.delivery-ops-worker--nurture { --worker-accent: var(--app-nurture); }
.delivery-ops-worker--healthy { --worker-health: var(--ok); }
.delivery-ops-worker--warning { --worker-health: #d7b96b; }
.delivery-ops-worker--attention { --worker-health: #d7b96b; }
.delivery-ops-worker--error,
.delivery-ops-worker--offline { --worker-health: var(--danger); }
.delivery-ops-worker--standby { --worker-health: #7fb7ff; }
.delivery-ops-worker--disabled,
.delivery-ops-worker--unavailable { --worker-health: #8991a3; }
.delivery-ops-worker-head,
.delivery-ops-worker-title-row,
.delivery-ops-worker-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.delivery-ops-worker-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--worker-health);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.delivery-ops-worker-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--worker-health);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--worker-health) 14%, transparent);
}
.delivery-ops-worker-title-row {
  align-items: start;
  margin-top: 14px;
}
.delivery-ops-worker-title-row h3 {
  margin: 0 0 4px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
}
.delivery-ops-worker-title-row p {
  margin: 0;
  color: #c5c1b8;
  font-size: 12px;
  line-height: 1.45;
}
.delivery-ops-worker-queue {
  flex: 0 0 auto;
  min-width: 54px;
  color: color-mix(in srgb, var(--worker-accent) 78%, white);
  font-family: "Instrument Serif", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: .8;
  text-align: right;
}
.delivery-ops-worker-queue span {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-family: "Space Grotesk", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.delivery-ops-worker-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 15px 0 0;
  padding-top: 13px;
  border-top: 1px solid color-mix(in srgb, var(--worker-accent) 18%, rgba(255,255,255,.08));
}
.delivery-ops-worker-facts div { min-width: 0; }
.delivery-ops-worker-facts dt {
  color: #858b9b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.delivery-ops-worker-facts dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: #e4dfd5;
  font-size: 11px;
  line-height: 1.35;
}
.delivery-ops-worker-foot {
  justify-content: flex-start;
  min-height: 16px;
  margin-top: 11px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}
.delivery-ops-worker-attention { color: #ffb07a; }
.delivery-ops-worker-error {
  margin: 9px 0 0;
  color: #ffaaaa;
  font-size: 11px;
  line-height: 1.4;
}
.delivery-ops-workers-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 32px 16px;
  text-align: center;
}
.delivery-ops-ses-pipeline { margin-top: 12px; }
.delivery-ops-pipeline {
  --worker-health: #8991a3;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 22%, #303648);
  border-left: 4px solid var(--worker-health);
  border-radius: 10px;
  background: rgba(12, 14, 20, .72);
}
.delivery-ops-pipeline-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 14px 0 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.delivery-ops-pipeline-facts dt { color: #858b9b; font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.delivery-ops-pipeline-facts dd { margin: 3px 0 0; color: #e4dfd5; font-size: 12px; }
.delivery-ops-pipeline-privacy { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.ses-analytics-pipeline {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 24%, rgba(255, 255, 255, .1));
  border-left: 4px solid var(--app-mailer);
  border-radius: 10px;
  background: rgba(12, 14, 20, .62);
}
.ses-analytics-pipeline.is-unavailable { border-left-color: #8991a3; }
.ses-analytics-pipeline-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.ses-analytics-pipeline-head .eyebrow { margin: 0 0 5px; }
.ses-analytics-pipeline-head h2,
.ses-analytics-pipeline-head h3 { margin: 0; }
.ses-analytics-pipeline > .muted { margin: 8px 0 0; }
.ses-analytics-pipeline-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 14px 0 0;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.ses-analytics-pipeline-facts dt { color: #858b9b; font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ses-analytics-pipeline-facts dd { margin: 3px 0 0; color: #e4dfd5; font-size: 12px; }
.ses-analytics-pipeline-note { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
#audienceAnalyticsNurtureTable td > small { display: block; margin-top: 4px; }
.delivery-ops-rail {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 16px;
}
.delivery-ops-metric {
  position: relative;
  min-height: 104px;
  display: grid;
  align-content: space-between;
  justify-items: start;
  overflow: hidden;
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 60%), #141720;
  border-color: #343a4d;
  border-radius: 10px;
  padding: 15px;
  text-align: left;
}
.delivery-ops-metric:hover,
.delivery-ops-metric[aria-pressed="true"] {
  border-color: rgba(255, 179, 152, .7);
  transform: translateY(-1px);
}
.delivery-ops-metric-label {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.delivery-ops-metric strong {
  font-family: "Instrument Serif", serif;
  font-size: 42px;
  font-weight: 400;
  line-height: .9;
}
.delivery-ops-metric-mark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42px;
  height: 5px;
}
.delivery-ops-status--attention { background: #ff9a55; }
.delivery-ops-status--failed { background: var(--danger); }
.delivery-ops-status--sending { background: #7fb7ff; }
.delivery-ops-status--pending { background: var(--pending); }
.delivery-ops-status--scheduled { background: var(--ok); }
.delivery-ops-status--sent { background: #64d5a5; }
.delivery-ops-status--canceled { background: #7d8495; }
.delivery-ops-status--paused { background: #d7b96b; }
.delivery-ops-console {
  padding: 22px;
  background: linear-gradient(180deg, rgba(95,199,214,.035), transparent 220px), var(--panel);
}
.delivery-ops-history {
  margin-top: 14px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(132, 157, 204, .035), transparent 180px), var(--panel);
}
.delivery-ops-history .delivery-ops-toolbar { align-items: start; }
.delivery-ops-history .delivery-ops-toolbar > .muted { margin: 3px 0 0; max-width: 430px; font-size: 12px; text-align: right; }
.delivery-ops-history .delivery-ops-recipient-tabs { margin-top: 16px; }
#delivery-ops-history-more { margin-top: 10px; padding: 7px 10px; font-size: 11px; }
.delivery-ops-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
}
.delivery-ops-toolbar .eyebrow { margin: 0 0 6px; }
.delivery-ops-toolbar h2 { margin: 0; }
.delivery-ops-filters {
  display: grid;
  grid-template-columns: auto minmax(145px, 1fr) auto minmax(130px, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.delivery-ops-filters label {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.delivery-ops-filters select { min-width: 0; }
.delivery-ops-safety-note {
  margin: 20px 0 0;
  padding: 10px 12px;
  color: #d9d3c8;
  border-left: 3px solid var(--accent);
  background: rgba(255,111,60,.06);
  font-size: 13px;
}
.delivery-ops-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.delivery-ops-row {
  display: grid;
  grid-template-columns: 5px minmax(0, 1fr);
  gap: 16px;
  min-height: 146px;
  padding: 0 16px 0 0;
  overflow: hidden;
  border: 1px solid #303648;
  border-radius: 9px;
  background: rgba(12,14,20,.68);
}
.delivery-ops-row-signal { width: 5px; height: 100%; }
.delivery-ops-row-main { padding: 16px 0 12px; min-width: 0; }
.delivery-ops-row-top { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.delivery-ops-row-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.delivery-ops-issue-pill {
  padding: 3px 7px;
  color: #f2c89f;
  border: 1px solid rgba(242, 180, 111, .34);
  border-radius: 999px;
  background: rgba(242, 180, 111, .08);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.delivery-ops-state {
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.delivery-ops-raw {
  color: #858b9b;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
}
.delivery-ops-row h3 { margin: 10px 0 3px; font-size: 17px; }
.delivery-ops-subject { margin: 0; color: #d7d2c8; font-size: 13px; }
.delivery-ops-row-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; color: var(--muted); font-size: 12px; }
.delivery-ops-row-meta span:not(:first-child)::before { content: "·"; margin-right: 18px; color: #565d6f; }
.delivery-ops-identifiers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 12px;
}
.delivery-ops-identifiers > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 5px 6px 5px 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 7px;
  background: rgba(0, 0, 0, .14);
}
.delivery-ops-identifiers b {
  color: #858b9b;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.delivery-ops-identifiers code {
  overflow-wrap: anywhere;
  color: #ded8cd;
  font-size: 10px;
}
.delivery-ops-identifiers .ghost {
  min-height: 24px;
  padding: 2px 7px;
  font-size: 9px;
}
.delivery-ops-progress {
  margin: 13px 0 0;
  padding: 10px 12px 11px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 25%, #303648);
  border-radius: 8px;
  background: linear-gradient(100deg, color-mix(in srgb, var(--app-mailer) 7%, transparent), transparent 68%), rgba(9, 12, 18, .48);
}
.delivery-ops-progress-head,
.delivery-ops-progress-metrics {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.delivery-ops-progress-head {
  color: #b8c4d8;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.delivery-ops-progress-head strong { color: #e9edf6; font-size: 11px; }
.delivery-ops-progress-metrics { margin-top: 8px; justify-content: flex-start; gap: 22px; }
.delivery-ops-progress-metrics span {
  display: grid;
  gap: 2px;
  color: #969dad;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.delivery-ops-progress-metrics b { color: #f1ede5; font-family: "Instrument Serif", serif; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: .9; }
.delivery-ops-progress-track {
  height: 5px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(224, 230, 245, .11);
}
.delivery-ops-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7fb7ff, color-mix(in srgb, var(--app-mailer) 62%, #c1ddff));
  transition: width .22s ease;
}
.delivery-ops-progress-exceptions { margin: 8px 0 0; color: #d5bd9e; font-size: 10px; line-height: 1.35; }
.delivery-ops-recipients {
  margin: 13px 0 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 24%, #303648);
  border-radius: 8px;
  background: rgba(8, 11, 16, .52);
}
.delivery-ops-recipient-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.delivery-ops-audience-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 9px; color: #edf0f5; font-size: 12px; }
.delivery-ops-audience-head span { color: var(--muted); font-size: 10px; }
.delivery-ops-audience-note { margin: -2px 0 10px; font-size: 10px; }
.delivery-ops-audience-list { display: grid; gap: 7px; }
.delivery-ops-audience-card { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; align-items: center; gap: 16px; padding: 11px; border: 1px solid rgba(199,210,230,.13); border-radius: 8px; background: rgba(255,255,255,.018); }
.delivery-ops-audience-card h4 { margin: 0; font-size: 12px; }
.delivery-ops-audience-card p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.delivery-ops-audience-counts { display: flex; flex-wrap: wrap; gap: 10px; color: #b9c5d8; font-size: 10px; }
.delivery-ops-audience-card .ghost { padding: 6px 9px; font-size: 10px; }
.delivery-ops-recipient-tab {
  min-height: 28px;
  padding: 5px 8px;
  border-radius: 8px;
  color: #bcc6d8;
  font-size: 10px;
}
.delivery-ops-recipient-tab b { margin-left: 3px; color: #f0ece4; }
.delivery-ops-recipient-tab.is-active {
  color: #f6f2e9;
  border-color: color-mix(in srgb, var(--app-mailer) 70%, white 8%);
  background: color-mix(in srgb, var(--app-mailer) 16%, transparent);
}
.delivery-ops-recipient-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.delivery-ops-recipient-head .ghost { padding: 6px 9px; font-size: 10px; }
.delivery-ops-recipient-head strong { color: #ece7dd; font-size: 11px; }
.delivery-ops-telemetry-note {
  margin: 0 0 10px;
  padding: 9px 10px;
  color: #b9c1cf;
  border-left: 3px solid #74829a;
  background: rgba(116, 130, 154, .08);
  font-size: 10px;
  line-height: 1.45;
}
.delivery-ops-telemetry-note strong { color: #e5e8ee; }
.delivery-ops-recipients-summary { margin: 10px 0 7px; color: #959eaf; font-size: 10px; }
.delivery-ops-recipient-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(199, 210, 230, .11);
}
.delivery-ops-recipient-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(145px, .55fr);
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(199, 210, 230, .09);
}
.delivery-ops-recipient-row > div { min-width: 0; }
.delivery-ops-recipient-row strong,
.delivery-ops-recipient-row span,
.delivery-ops-recipient-state b,
.delivery-ops-recipient-state em { display: block; overflow-wrap: anywhere; }
.delivery-ops-recipient-row strong { color: #ece7dd; font-size: 11px; }
.delivery-ops-recipient-row span { margin-top: 2px; color: #8f98a9; font-size: 10px; }
.delivery-ops-recipient-state { text-align: right; }
.delivery-ops-recipient-state b { color: #c5d8f5; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.delivery-ops-recipient-state em { margin-top: 3px; color: #929aaa; font-size: 10px; font-style: normal; line-height: 1.3; }
.delivery-ops-recipient-state em:not(:empty) { color: #ffb2b2; }
.delivery-ops-recipients-empty { padding: 14px 2px; color: var(--muted); font-size: 11px; }
.delivery-ops-recipients-more { margin-top: 10px; padding: 6px 9px; font-size: 10px; }
.delivery-ops-error { margin: 10px 0 0; color: #ffaaaa; font-size: 12px; line-height: 1.45; }
.delivery-ops-row-feedback { min-height: 0; margin: 7px 0 0; font-size: 12px; }
.delivery-ops-row-feedback:empty { display: none; }
.delivery-ops-row-actions {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
}
.delivery-ops-row-actions .ghost { font-size: 11px; padding: 7px 9px; white-space: nowrap; }
.delivery-ops-row-actions .delivery-ops-cancel { color: #ffaaaa; border-color: rgba(255,127,127,.42); }
.delivery-ops-empty { padding: 60px 20px; text-align: center; }
.delivery-ops-empty-mark { display: block; width: 34px; height: 4px; margin: 0 auto 18px; background: #50576a; border-radius: 999px; }
.delivery-ops-empty h3 { margin: 0 0 7px; }
.delivery-ops-pagination { margin-top: 16px; padding-top: 13px; border-top: 1px solid rgba(199, 210, 230, .11); }
.delivery-ops-pagination > p { margin: 0 0 9px; font-size: 11px; }
.delivery-ops-page-controls { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.delivery-ops-page-numbers { display: flex; justify-content: center; align-items: center; gap: 5px; min-width: 0; }
.delivery-ops-page-numbers .ghost,
.delivery-ops-page-controls > .ghost { min-height: 31px; padding: 6px 9px; font-size: 10px; }
.delivery-ops-page-numbers .is-active { color: #fff4ec; border-color: var(--accent); background: rgba(255, 111, 60, .12); }
.delivery-ops-page-ellipsis { padding: 0 3px; color: var(--muted); }
.delivery-ops-dialog {
  width: min(520px, calc(100vw - 32px));
  color: var(--ink);
  border: 1px solid #42495d;
  border-radius: 12px;
  background: #171a23;
  box-shadow: 0 28px 80px rgba(0,0,0,.65);
  padding: 0;
}
.delivery-ops-dialog::backdrop { background: rgba(4,5,8,.78); backdrop-filter: blur(3px); }
.delivery-ops-dialog form { display: grid; gap: 14px; padding: 22px; }
.delivery-ops-dialog h2 { margin: 0; }
.delivery-ops-dialog input { width: 100%; }
.delivery-ops-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }

@media (max-width: 1000px) {
  .delivery-ops-workers-head { align-items: start; flex-direction: column; }
  .delivery-ops-workers-head > .muted { text-align: left; }
  .delivery-ops-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .delivery-ops-toolbar { align-items: stretch; flex-direction: column; }
  .delivery-ops-history .delivery-ops-toolbar > .muted { text-align: left; }
  .delivery-ops-pipeline-facts,
  .ses-analytics-pipeline-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .delivery-operations-shell { max-width: none; padding-left: 12px; padding-right: 12px; }
  .delivery-ops-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delivery-ops-filters { grid-template-columns: 1fr 1fr; }
  .delivery-ops-filters label { align-self: end; }
  .delivery-ops-filters #delivery-ops-refresh { grid-column: 1 / -1; }
  .delivery-ops-row { grid-template-columns: 5px minmax(0, 1fr); padding-right: 12px; }
  .delivery-ops-row-top { align-items: stretch; flex-direction: column; }
  .delivery-ops-row-actions { justify-content: flex-start; padding: 0; }
  .delivery-ops-recipient-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .delivery-ops-audience-card { grid-template-columns: 1fr; gap: 9px; }
  .delivery-ops-recipient-state { text-align: left; }
  .ses-analytics-pipeline-head { flex-direction: column; }
  .delivery-ops-pipeline-facts,
  .ses-analytics-pipeline-facts { grid-template-columns: 1fr; }
}
.auth-locked-input,
input[data-auth-locked="true"] {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: color-mix(in srgb, var(--ink) 88%, #8f98ad 12%);
  cursor: not-allowed;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}
.stack-form input.auth-locked-input,
.stack-form input[data-auth-locked="true"] {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: color-mix(in srgb, var(--ink) 88%, #8f98ad 12%);
  cursor: not-allowed;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}
.auth-locked-input:focus,
input[data-auth-locked="true"]:focus {
  outline-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06);
}
.stack-form input.auth-locked-input:focus,
.stack-form input[data-auth-locked="true"]:focus {
  outline-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06);
}
.auth-panel {
  max-width: 860px;
}
.prospect-assignment-groups {
  display: grid;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.prospect-assignment-chart-panel {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 16px;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}
.prospect-assignment-chart {
  display: grid;
  gap: 12px;
}
.prospect-assignment-chart-row {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.prospect-assignment-chart-label {
  color: var(--ink);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prospect-assignment-chart-bar-wrap {
  position: relative;
  min-height: 34px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.prospect-assignment-chart-bar {
  min-width: 44px;
  min-height: 34px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 12px;
  border-radius: 12px;
  background: linear-gradient(90deg, #9bf0b4, #52c777);
  color: #161616;
  font-weight: 700;
}
.prospect-assignment-chart-value {
  white-space: nowrap;
}
.prospect-assignment-group {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}
.prospect-assignment-group-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.prospect-assignment-group-owner-pill {
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 720px);
  padding: 12px 20px;
  border-width: 1px;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--app-prospect) 18%, transparent);
}
.prospect-assignment-table-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow-x: scroll;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(255, 111, 60, 0.68) rgba(255, 255, 255, 0.055);
  scrollbar-width: thin;
}
.prospect-list-member-actions {
  align-items: flex-end;
  flex-wrap: nowrap;
  margin-top: 14px;
}
.prospect-list-move-target-field {
  flex: 1 1 220px;
  min-width: 180px;
  margin: 0;
}
.prospect-list-move-target-field select {
  width: 100%;
}
@media (max-width: 900px) {
  .prospect-list-member-actions { flex-wrap: wrap; }
  .prospect-list-move-target-field { flex-basis: 100%; }
}
.prospect-assignment-table-wrap::-webkit-scrollbar,
.prospect-agenda-grid-wrap::-webkit-scrollbar,
.activity-grid-wrap::-webkit-scrollbar {
  height: 12px;
}
.prospect-assignment-table-wrap::-webkit-scrollbar-track,
.prospect-agenda-grid-wrap::-webkit-scrollbar-track,
.activity-grid-wrap::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.055);
  border-radius: 999px;
}
.prospect-assignment-table-wrap::-webkit-scrollbar-thumb,
.prospect-agenda-grid-wrap::-webkit-scrollbar-thumb,
.activity-grid-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 111, 60, 0.68);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.prospect-scrollbar-enhanced {
  scrollbar-width: thin;
}
.prospect-scrollbar-proxy,
.prospect-scrollbar-proxy.hidden {
  display: none !important;
}
.prospect-assignment-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.prospect-assignment-table th,
.prospect-assignment-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  vertical-align: top;
}
.prospect-assignment-table th {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.prospect-assignment-table th:last-child,
.prospect-assignment-table td:last-child {
  width: 1%;
  white-space: nowrap;
}
.prospect-inline-company-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
}
.prospect-inline-company-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-workboard-detail-table {
  table-layout: fixed;
}
.team-workboard-detail-table th:last-child,
.team-workboard-detail-table td:last-child {
  width: auto;
  white-space: normal;
}
.team-workboard-col-row {
  width: 6%;
}
.team-workboard-col-assignee {
  width: 18%;
}
.team-workboard-col-primary {
  width: 24%;
}
.team-workboard-col-secondary {
  width: 19%;
}
.team-workboard-col-status {
  width: 17%;
}
.team-workboard-col-tail {
  width: 16%;
}
.team-workboard-status-note {
  margin: 6px 0 0;
}
.team-workboard-prospect-detail-table {
  width: 100%;
  min-width: 1780px;
  table-layout: fixed;
}
.team-workboard-prospect-col-row {
  width: 4%;
}
.team-workboard-prospect-col-assignee {
  width: 13%;
}
.team-workboard-prospect-col-prospect {
  width: 17%;
}
.team-workboard-prospect-col-phone {
  width: 7%;
}
.team-workboard-prospect-col-company {
  width: 11%;
}
.team-workboard-prospect-col-state {
  width: 6%;
}
.team-workboard-prospect-col-lists {
  width: 13%;
}
.team-workboard-prospect-col-source {
  width: 10%;
}
.team-workboard-prospect-col-status {
  width: 12%;
}
.team-workboard-prospect-detail-table th:nth-child(2),
.team-workboard-prospect-detail-table td:nth-child(2),
.team-workboard-prospect-detail-table th:nth-child(3),
.team-workboard-prospect-detail-table td:nth-child(3) {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.team-workboard-prospect-detail-table th:nth-child(4),
.team-workboard-prospect-detail-table td:nth-child(4),
.team-workboard-prospect-detail-table th:nth-child(5),
.team-workboard-prospect-detail-table td:nth-child(5) {
  white-space: nowrap;
}
.team-workboard-prospect-detail-table td:nth-child(8),
.team-workboard-prospect-detail-table td:nth-child(9),
.team-workboard-prospect-detail-table td:nth-child(10) {
  white-space: normal;
  overflow-wrap: anywhere;
}
.team-workboard-filter-row {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px;
}
.team-workboard-filter-control {
  display: grid;
  gap: 6px;
  min-width: 220px;
}
.team-workboard-filter-control span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.queue-table-filter-row {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.queue-table-filter-control {
  display: grid;
  gap: 6px;
  min-width: 180px;
}
.queue-table-filter-header th {
  padding-top: 6px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(255, 111, 60, 0.46);
  border-bottom: 1px solid rgba(255, 111, 60, 0.34);
  background:
    linear-gradient(90deg, rgba(255, 111, 60, 0.12), rgba(255, 255, 255, 0.025) 28%),
    rgba(255, 255, 255, 0.025);
  vertical-align: top;
}
.queue-table-filter-header th:first-child {
  border-left: 2px solid rgba(255, 111, 60, 0.7);
}
.queue-table-filter-header th:last-child {
  border-right: 1px solid rgba(255, 111, 60, 0.36);
}
.queue-table-filter-header .queue-table-filter-control {
  min-width: 0;
  width: 100%;
}
.queue-table-filter-header .queue-table-filter-control input,
.queue-table-filter-header .queue-table-filter-control select {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 6px 8px;
  font-size: 0.82rem;
  border-radius: 10px;
}
.queue-table-filter-header .queue-table-filter-control span {
  display: none;
}
.queue-table-filter-header .queue-table-filter-control input::placeholder {
  font-size: 0.8rem;
}
.queue-table-filter-control span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.company-import-mapping-table {
  min-width: min(620px, 100%);
  table-layout: fixed;
}
.company-import-mapping-table th:first-child,
.company-import-mapping-table td:first-child {
  width: 42%;
}
.company-import-mapping-table th:last-child,
.company-import-mapping-table td:last-child {
  width: 58%;
  white-space: normal;
}
.company-import-mapping-table select {
  width: 100%;
  min-width: 0;
}
.manager-lead-assignment-controls {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(220px, 0.9fr) minmax(190px, 0.8fr) auto;
  align-items: end;
  gap: 14px;
}
.manager-lead-assignment-controls label {
  display: grid;
  gap: 6px;
}
.manager-lead-assignment-controls label > span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.manager-lead-assignment-controls-action {
  display: flex;
  justify-content: flex-end;
}
.manager-lead-assignment-panel {
  display: grid;
  gap: 18px;
}
.manager-pending-activity-controls {
  display: grid;
  grid-template-columns: minmax(180px, 0.65fr) minmax(230px, 1fr) minmax(180px, 0.65fr) auto;
  align-items: end;
  gap: 14px;
}
.manager-pending-activity-controls label {
  display: grid;
  gap: 6px;
}
.manager-pending-activity-controls label > span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.manager-pending-activity-controls-action {
  display: flex;
  justify-content: flex-end;
}
.manager-pending-activity-panel {
  display: grid;
  gap: 18px;
}
.manager-pending-activities-table {
  min-width: 1260px;
  table-layout: fixed;
}
.manager-pending-activities-table th,
.manager-pending-activities-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.manager-pending-activities-table .queue-table-filter-control {
  min-width: 0;
}
.manager-pending-activities-table .queue-table-filter-control input,
.manager-pending-activities-table .queue-table-filter-control select {
  min-width: 0;
  width: 100%;
}
.manager-pending-col-row { width: 5%; }
.manager-pending-col-date { width: 11%; }
.manager-pending-col-sam { width: 17%; }
.manager-pending-col-prospect { width: 20%; }
.manager-pending-col-type { width: 12%; }
.manager-pending-col-status { width: 12%; }
.manager-pending-col-created { width: 18%; }
.manager-pending-col-details { width: 5%; }
.manager-lead-assignment-table {
  min-width: 1520px;
  table-layout: fixed;
}
.manager-lead-assignment-col-row {
  width: 4%;
}
.manager-lead-assignment-col-open {
  width: 4%;
}
.manager-lead-assignment-col-sam {
  width: 14%;
}
.manager-lead-assignment-col-name {
  width: 15%;
}
.manager-lead-assignment-col-company {
  width: 14%;
}
.manager-lead-assignment-col-email {
  width: 16%;
}
.manager-lead-assignment-col-status {
  width: 12%;
}
.manager-lead-assignment-col-last-action,
.manager-lead-assignment-col-next-action {
  width: 10%;
}
.manager-lead-assignment-col-details {
  width: 4%;
}
.manager-lead-assignment-table th,
.manager-lead-assignment-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.manager-lead-assignment-table .queue-table-filter-control {
  min-width: 0;
}
.manager-lead-assignment-table .queue-table-filter-control input {
  min-width: 0;
  width: 100%;
}
.manager-lead-assignment-table .prospect-company-group-row td {
  white-space: normal;
  overflow: visible;
}
.manager-company-group-owners {
  color: #b9dcff;
  font-size: 0.75rem;
  font-weight: 500;
}
.my-assigned-leads-table th:last-child,
.my-assigned-leads-table td:last-child {
  width: auto;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
.my-assigned-leads-table {
  width: max-content;
  min-width: 100%;
  max-width: none;
  table-layout: auto;
}
@media (max-width: 780px) {
  .manager-lead-assignment-controls {
    grid-template-columns: 1fr;
  }
  .manager-lead-assignment-controls-action {
    justify-content: flex-start;
  }
  .manager-pending-activity-controls {
    grid-template-columns: 1fr;
  }
  .manager-pending-activity-controls-action {
    justify-content: flex-start;
  }
}
.my-assigned-leads-col-row {
  width: 4%;
}
.my-assigned-leads-col-details {
  width: 4%;
}
.my-assigned-leads-col-nurture {
  width: 8%;
}
.my-assigned-leads-col-prospect {
  width: 14%;
}
.my-assigned-leads-col-phone {
  width: 9%;
}
.my-assigned-leads-col-company {
  width: 11%;
}
.my-assigned-leads-col-source {
  width: 9%;
}
.my-assigned-leads-col-status {
  width: 10%;
}
.my-assigned-leads-col-next-step {
  width: 11%;
}
.my-assigned-leads-col-actions {
  width: auto;
}
.my-assigned-leads-table th,
.my-assigned-leads-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.my-assigned-leads-table th:nth-child(6),
.my-assigned-leads-table td:nth-child(6),
.my-assigned-leads-table th:nth-child(7),
.my-assigned-leads-table td:nth-child(7) {
  white-space: nowrap;
}
.my-assigned-leads-table .queue-table-filter-control {
  min-width: 0;
}
.my-assigned-leads-table .queue-table-filter-control input,
.my-assigned-leads-table .queue-table-filter-control select {
  min-width: 0;
  width: 100%;
}
.my-assigned-leads-table td:last-child {
  text-align: left;
}
.my-assigned-leads-action-icons {
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: auto;
  margin-top: 0;
  padding-top: 0;
  overflow: visible;
}
.prospect-work-action-strip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  overflow: visible;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.prospect-work-action-strip .prospect-work-update-row,
.prospect-work-action-strip .history-card-footer-actions {
  flex: 0 0 auto;
}
.prospect-work-action-strip .prospect-work-update-row {
  width: auto;
}
.prospect-work-action-strip [data-prospect-dismissal-reason-inline] {
  width: 190px;
  flex: 0 0 190px;
}
.my-assigned-leads-table .prospect-inline-save-status {
  min-width: 0;
  text-align: left;
}
.my-assigned-leads-table .team-workboard-details-btn {
  margin-inline: auto;
}
.my-assigned-leads-table .prospect-work-update-row select {
  width: 150px;
  flex-basis: 150px;
}
.my-assigned-leads-table .prospect-work-update-row input {
  min-width: 180px;
  flex-basis: 180px;
}
.my-assigned-leads-table th:nth-child(6),
.my-assigned-leads-table td:nth-child(6),
.my-assigned-leads-table th:nth-child(4),
.my-assigned-leads-table td:nth-child(4) {
  white-space: nowrap;
}
.workboard-assigned-prospects-table {
  width: max-content;
  min-width: 100%;
  max-width: none;
  table-layout: auto;
}
.workboard-assigned-prospects-col-row {
  width: 4%;
}
.workboard-assigned-prospects-col-details {
  width: 4%;
}
.workboard-assigned-prospects-col-prospect {
  width: 14%;
}
.workboard-assigned-prospects-col-phone {
  width: 9%;
}
.workboard-assigned-prospects-col-company {
  width: 11%;
}
.workboard-assigned-prospects-col-state {
  width: 6%;
}
.workboard-assigned-prospects-col-source {
  width: 9%;
}
.workboard-assigned-prospects-col-status {
  width: 10%;
}
.workboard-assigned-prospects-col-nurture {
  width: 8%;
}
.workboard-assigned-prospects-col-next-step {
  width: 12%;
}
.workboard-assigned-prospects-col-actions {
  width: auto;
}
.workboard-assigned-prospects-table th,
.workboard-assigned-prospects-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.workboard-assigned-prospects-table th:last-child,
.workboard-assigned-prospects-table td:last-child {
  width: auto;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
.workboard-assigned-prospects-table th:nth-child(3),
.workboard-assigned-prospects-table td:nth-child(3),
.workboard-assigned-prospects-table th:nth-child(4),
.workboard-assigned-prospects-table td:nth-child(4) {
  white-space: nowrap;
}
.workboard-assigned-prospects-table .queue-table-filter-control {
  min-width: 0;
}
.workboard-assigned-prospects-table .queue-table-filter-control input,
.workboard-assigned-prospects-table .queue-table-filter-control select {
  min-width: 0;
  width: 100%;
}
.workboard-inline-next-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}
.my-workboard-action-icons {
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding-top: 0;
  overflow: visible;
}
.my-workboard-action-btn {
  min-width: 38px;
  width: 38px;
  height: 38px;
  padding: 0;
}
.my-workboard-action-btn svg {
  width: 16px;
  height: 16px;
}
.my-workboard-action-btn[data-i18n="Start Nurture"] svg,
.my-workboard-action-btn[title="Start Nurture"] svg {
  width: 17px;
  height: 17px;
}
.my-nurtures-table {
  width: 100%;
  min-width: 1580px;
  table-layout: fixed;
}
.my-nurtures-col-row {
  width: 4%;
}
.my-nurtures-col-details {
  width: 4%;
}
.my-nurtures-col-prospect {
  width: 17%;
}
.my-nurtures-col-company {
  width: 14%;
}
.my-nurtures-col-path {
  width: 16%;
}
.my-nurtures-col-status {
  width: 9%;
}
.my-nurtures-col-step {
  width: 15%;
}
.my-nurtures-col-signal {
  width: 13%;
}
.my-nurtures-col-next {
  width: 10%;
}
.my-nurtures-col-actions {
  width: 19%;
}
.my-nurtures-table td:nth-child(3),
.my-nurtures-table td:nth-child(4),
.my-nurtures-table td:nth-child(5),
.my-nurtures-table td:nth-child(7),
.my-nurtures-table td:nth-child(8) {
  white-space: normal;
  overflow-wrap: anywhere;
}
.my-nurtures-table th:last-child,
.my-nurtures-table td:last-child {
  white-space: normal;
}
.my-nurtures-table .history-card-footer-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.my-nurtures-action-icons {
  gap: 8px;
}
.my-nurtures-action-btn {
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
}
.my-nurtures-action-btn svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nurture-signal-pill {
  border-color: color-mix(in srgb, var(--app-nurture) 42%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-nurture) 12%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-nurture) 76%, white);
}
.nurture-signal-pill--needs-attention {
  border-color: color-mix(in srgb, #ff7d7d 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ff7d7d 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffb1b1 90%, white);
}
.nurture-signal-pill--clicked {
  border-color: color-mix(in srgb, #ffb35a 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #ffb35a 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #ffd08d 90%, white);
}
.nurture-signal-pill--opened {
  border-color: color-mix(in srgb, #62b7ff 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #62b7ff 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #9ad8ff 90%, white);
}
.nurture-signal-pill--completed {
  border-color: color-mix(in srgb, #69d987 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, #69d987 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, #99ecae 90%, white);
}
.prospect-assignment-table tbody tr:last-child td {
  border-bottom: 0;
}
.company-sourcing-queue-shell {
  max-width: min(1420px, calc(100vw - 28px));
}
.company-sourcing-queue-table {
  min-width: 1220px;
}
.company-sourcing-queue-table th:nth-child(3),
.company-sourcing-queue-table td:nth-child(3) {
  min-width: 280px;
}
.company-sourcing-queue-table th:nth-child(6),
.company-sourcing-queue-table td:nth-child(6) {
  min-width: 260px;
}
.company-sourcing-queue-table th:nth-child(7),
.company-sourcing-queue-table td:nth-child(7) {
  min-width: 220px;
}
.company-sourcing-queue-table td:nth-child(6) p,
.company-sourcing-queue-table td:nth-child(7) p {
  white-space: normal;
  overflow-wrap: anywhere;
}
.company-sourcing-queue-table th:last-child,
.company-sourcing-queue-table td:last-child {
  min-width: 64px;
}
.assigned-company-queue-table {
  width: max-content;
  min-width: 1920px;
  table-layout: auto;
}
.assigned-company-queue-table th,
.assigned-company-queue-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.assigned-company-queue-table th:nth-child(1),
.assigned-company-queue-table td:nth-child(1) {
  min-width: 56px;
}
.assigned-company-queue-table th:nth-child(2),
.assigned-company-queue-table td:nth-child(2) {
  min-width: 64px;
  text-align: center;
}
.assigned-company-queue-table th:nth-child(3),
.assigned-company-queue-table td:nth-child(3),
.assigned-company-queue-table th:nth-child(4),
.assigned-company-queue-table td:nth-child(4) {
  min-width: 160px;
}
.assigned-company-queue-table th:nth-child(5),
.assigned-company-queue-table td:nth-child(5) {
  min-width: 240px;
}
.assigned-company-queue-table th:nth-child(6),
.assigned-company-queue-table td:nth-child(6) {
  min-width: 240px;
}
.assigned-company-queue-table th:nth-child(7),
.assigned-company-queue-table td:nth-child(7) {
  min-width: 180px;
}
.assigned-company-queue-table th:nth-child(8),
.assigned-company-queue-table td:nth-child(8) {
  min-width: 150px;
}
.assigned-company-queue-table th:nth-child(9),
.assigned-company-queue-table td:nth-child(9) {
  min-width: 190px;
}
.assigned-company-queue-table th:last-child,
.assigned-company-queue-table td:last-child {
  min-width: 640px;
  text-align: left;
  overflow: visible;
  white-space: normal;
}
.assigned-company-queue-table .company-queue-actions {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: none;
  margin-left: 0;
  overflow: visible;
  padding-bottom: 2px;
}
.assigned-company-queue-table .company-work-update-row,
.assigned-company-queue-table .company-workflow-button-row {
  justify-content: flex-start;
  width: auto;
  flex: 0 0 auto;
}
.assigned-company-queue-table .company-work-update-row select {
  width: 164px;
  flex-basis: 164px;
}
.assigned-company-queue-table .company-work-update-row input {
  min-width: 240px;
  flex-basis: 240px;
}
.assigned-company-queue-table .prospect-inline-save-status {
  text-align: left;
  min-width: 64px;
}
.assigned-company-queue-table td:nth-child(5),
.assigned-company-queue-table td:nth-child(6),
.assigned-company-queue-table td:nth-child(7),
.assigned-company-queue-table td:nth-child(9) {
  white-space: nowrap;
}
.company-queue-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.company-queue-actions > button {
  white-space: nowrap;
}
.company-work-update-row,
.prospect-work-update-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
}
.company-work-update-row select,
.company-work-update-row input,
.prospect-work-update-row select,
.prospect-work-update-row input {
  min-width: 0;
}
.company-work-update-row select,
.prospect-work-update-row select {
  width: 168px;
  flex: 0 0 168px;
}
.company-work-update-row input,
.prospect-work-update-row input {
  flex: 1 1 260px;
  width: auto;
  min-width: 260px;
}
.prospect-inline-save-status {
  min-width: 72px;
  text-align: right;
  white-space: nowrap;
}
.company-inline-cta-status {
  margin: 0;
  min-height: 20px;
  text-align: right;
}
.prospect-inline-save-status.ok {
  color: var(--ok);
}
.stack-form-checkbox-grid {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 100%;
}
.my-assigned-leads-table .prospect-work-update-row {
  justify-content: flex-start;
}
.my-assigned-leads-table .prospect-inline-save-status {
  text-align: left;
}
.my-assigned-leads-next-step-block {
  margin-top: 10px;
}
.my-assigned-leads-next-step-label,
.my-assigned-leads-next-step-date {
  margin: 6px 0 0;
}
.my-assigned-leads-next-step-value {
  margin: 4px 0 0;
}
.prospect-work-action-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}
.my-assigned-leads-table .history-card-footer-actions {
  justify-content: flex-start;
  overflow: visible;
}
.company-workflow-button-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.company-workflow-button-row button,
.company-workflow-button-row .ghost {
  flex: 0 0 auto;
  white-space: nowrap;
}
.prospect-workboard-row-link {
  display: inline-flex;
}
.company-import-preview-table {
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}
.company-import-preview-table th,
.company-import-preview-table td {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
@media (max-width: 720px) {
  .prospect-assignment-chart-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.home-access-panel {
  max-width: none;
}
.home-access-panel--compact {
  padding-top: 16px;
  padding-bottom: 10px;
  position: relative;
  z-index: 60;
  overflow: visible;
}
.home-access-panel--compact .section-title-row {
  margin-bottom: 8px;
}
.home-access-inline-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-height: 38px;
  padding: 4px 0 0;
}
.home-access-inline-summary .signal-tools-menu {
  margin-left: auto;
}
.home-access-inline-summary .signal-tools-menu-panel {
  right: 0;
  left: auto;
}
.home-access-footer-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}
.home-access-divider {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.14);
  margin: 0 4px;
}
.home-access-panel--compact .status {
  margin-top: 6px;
}
.home-access-panel--compact .status:empty {
  min-height: 0;
  margin-top: 0;
}
.auth-form .ghost {
  text-decoration: none;
}
.suite-sso-panel {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(255, 179, 152, 0.28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 111, 60, 0.13), rgba(255, 179, 152, 0.04));
}
.suite-sso-panel p {
  margin: 0;
}
.suite-sso-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--accent);
  color: #161616;
  font-weight: 800;
  text-decoration: none;
}
.auth-summary-grid .history-card {
  min-height: auto;
}
.admin-user-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}
.admin-user-permission-item {
  display: grid;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.95rem;
}
.admin-user-permission-toggle {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
}
.admin-user-permission-item--pending {
  border-color: rgba(255, 115, 61, 0.32);
  background: rgba(255, 115, 61, 0.08);
}
.admin-user-request-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-left: 26px;
}
.admin-user-request-pill {
  color: #ffd59e;
  font-size: 0.82rem;
  font-weight: 600;
}
.admin-user-extension-row { display: flex; align-items: flex-end; gap: 8px; }
.admin-user-extension-label { display: grid; gap: 6px; flex: 1 1 auto; min-width: 0; }
.admin-user-extension-label input { width: 100%; }
.admin-user-admin-toggle {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  min-height: 42px;
}
.admin-user-admin-toggle input[type="checkbox"] {
  margin: 0;
  align-self: start;
  justify-self: center;
}
.admin-user-admin-toggle span {
  line-height: 1.2;
}
.admin-user-override-scope-panel {
  display: grid;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}

.admin-user-override-scope-panel--full {
  margin-top: 14px;
}
.admin-user-override-scope-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.admin-user-override-scope-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
}
.admin-user-override-scope-option input[type="checkbox"] {
  margin: 0;
  justify-self: center;
}
.admin-user-override-scope-option small {
  grid-column: 2;
  line-height: 1.3;
}
.admin-user-override-scope-option.is-disabled {
  opacity: 0.72;
}

@media (min-width: 1100px) {
  .admin-user-access-card-layout {
    grid-template-columns: minmax(320px, 560px) minmax(0, 1fr);
  }

  .admin-user-override-scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
  }
}

@media (min-width: 1400px) {
  .admin-user-access-card-layout {
    grid-template-columns: minmax(420px, 720px) minmax(0, 1fr);
  }

  .admin-user-override-scope-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.admin-user-access-summary {
  margin: 10px 0 0;
  color: #ffd59e;
  font-size: 0.94rem;
  font-weight: 600;
}
.admin-user-access-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 360px);
  gap: 14px;
  margin: 0 0 14px;
}
.admin-user-access-card-layout {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 18px;
  margin-top: 12px;
  align-items: start;
}
.admin-user-account-controls {
  display: grid;
  gap: 12px;
  align-content: start;
}
.admin-user-permission-panel {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.admin-user-permission-label {
  display: block;
  line-height: 1.2;
}
.runtime-panel-title {
  font-size: 1.4rem;
  line-height: 1.1;
}
.runtime-status {
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 0.95rem;
}
.admin-home-notice {
  border-color: rgba(255, 111, 60, 0.45);
  background: linear-gradient(180deg, rgba(255,111,60,0.08), rgba(255,111,60,0.02)), var(--panel);
}
.hidden { display: none !important; }
.history-list {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.company-sourcing-toolbar {
  align-items: center;
}
.company-sourcing-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.company-sourcing-inbox-calendar-btn {
  position: relative;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  overflow: visible;
}
.prospect-inbox-email-btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
}
.prospect-inbox-email-btn svg {
  width: 20px;
  height: 20px;
}
.company-sourcing-inbox-calendar-btn svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
.company-sourcing-inbox-calendar-btn .company-sourcing-nav-badge {
  position: absolute;
  top: -6px;
  right: -7px;
  min-width: 18px;
  padding: 2px 5px;
}
@media (min-width: 1080px) {
  .prospect-inbox-toolbar {
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.company-sourcing-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(240, 127, 162, 0.42);
  background: rgba(240, 127, 162, 0.12);
  color: #ffd7e5;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}
.company-sourcing-notification-box {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 12px;
}
.company-sourcing-kpi-strip {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.company-sourcing-kpi-strip--compact {
  gap: 10px;
}
.company-sourcing-kpi-group {
  display: grid;
  gap: 8px;
}
.company-sourcing-kpi-group--inline {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.company-sourcing-kpi-group-label {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.company-sourcing-kpi-grid {
  display: grid;
  gap: 10px;
}
.company-sourcing-kpi-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.company-sourcing-kpi-inline--single-line {
  flex-wrap: nowrap;
  gap: 6px;
}
.company-sourcing-kpi-inline--single-line .company-sourcing-kpi-card--compact {
  gap: 6px;
  padding: 7px 9px;
  flex: 0 1 auto;
}
.company-sourcing-kpi-inline--single-line .company-sourcing-kpi-card--compact .muted {
  font-size: 0.78rem;
  white-space: nowrap;
}
.company-sourcing-kpi-inline--single-line .company-sourcing-kpi-card--compact strong {
  font-size: 0.92rem;
}
.company-sourcing-kpi-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.company-sourcing-kpi-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.company-sourcing-kpi-card {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.company-sourcing-kpi-card strong {
  display: block;
  margin-top: 6px;
  font-size: 1rem;
  color: var(--ink);
}
.company-sourcing-kpi-card--compact {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 10px;
  min-width: 0;
}
.company-sourcing-kpi-card--compact strong {
  margin-top: 0;
  font-size: 0.96rem;
  white-space: nowrap;
}
.company-sourcing-kpi-card--compact .muted {
  font-size: 0.82rem;
}
.company-sourcing-notification-helper-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 8px;
}
.company-sourcing-notification-helper {
  margin: 0;
}
.company-sourcing-notification-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.company-sourcing-notification-helper-row .history-workflow-badge {
  flex: 0 0 auto;
}
.company-sourcing-notification-list {
  display: grid;
  gap: 10px;
}
.company-sourcing-notification-list .history-card {
  padding: 10px 12px;
}
.company-notification-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.company-notification-copy {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.company-notification-copy strong,
.company-notification-copy .muted {
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-notification-time {
  flex: 0 0 auto;
}
.company-notification-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
}

.social-repository-list {
  grid-template-columns: 1fr;
}

.composer-publish-history {
  grid-template-columns: 1fr;
}

.composer-publish-progress {
  margin-top: 12px;
}

.composer-publish-language-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: rgba(17, 22, 33, 0.72);
}

.composer-publish-language-card + .composer-publish-language-card {
  margin-top: 10px;
}

.composer-publish-language-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.composer-draft-language-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
  align-items: stretch;
  margin-bottom: 12px;
}

.composer-draft-language-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
}

.composer-draft-language-card-active {
  border-color: rgba(255, 111, 60, 0.72);
  box-shadow: 0 0 0 1px rgba(255, 111, 60, 0.18);
}

.composer-draft-language-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.composer-draft-language-card-header > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.composer-draft-language-card textarea {
  min-height: 420px;
  resize: vertical;
}

.composer-draft-publish-block {
  display: grid;
  gap: 12px;
  padding-top: 2px;
}

.composer-draft-publish-controls {
  display: grid;
  gap: 8px;
}

.composer-draft-target-chips {
  gap: 8px;
}

.composer-target-groups {
  display: grid;
  gap: 12px;
}

.composer-target-group {
  display: grid;
  gap: 8px;
}

.composer-target-group-label {
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--muted);
  text-transform: none;
}

.composer-draft-publish-controls select {
  width: 100%;
}

.composer-draft-active-btn {
  flex: 0 0 auto;
}

.composer-published-card {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid #373d4f;
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(99, 210, 168, 0.08), transparent 40%),
    #111621;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.composer-published-card-preview {
  min-width: 0;
}

.composer-published-card-preview img,
.composer-published-card-preview video,
.composer-published-card-placeholder {
  width: 100%;
  height: 116px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0d121c;
}

.composer-published-card-preview img,
.composer-published-card-preview video {
  display: block;
  object-fit: cover;
}

.composer-published-card-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 600;
}

.composer-published-card-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.composer-published-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.composer-published-card-copy {
  min-width: 0;
}

.composer-published-card-copy > strong {
  display: block;
  font-size: 1.02rem;
}

.composer-published-card-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.composer-published-card-media-title {
  margin-top: 10px;
  line-height: 1.4;
}

.composer-published-card-delete {
  flex: 0 0 auto;
}

.composer-published-card-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.composer-published-card-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.quick-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.quick-action-card {
  text-decoration: none;
  color: var(--ink);
  min-height: 100%;
}
.pagination-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 12px;
  border: 1px solid rgba(183, 179, 170, 0.18);
  border-radius: 999px;
  background: rgba(10, 12, 18, 0.34);
  backdrop-filter: blur(8px);
}
.pagination-summary {
  color: var(--muted);
  font-size: 0.92rem;
  white-space: nowrap;
}
.pagination-actions {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  overflow: visible;
  max-width: none;
}
.pagination-page-list {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 0;
}
.pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  color: var(--muted);
  font-weight: 700;
  letter-spacing: 0.08em;
  user-select: none;
}
.pagination-page-btn.active {
  background: var(--accent);
  color: #1a120f;
  border-color: transparent;
}
.team-workboard-table-pagination {
  margin-top: 12px;
}
.history-inline-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}
.history-inline-controls--summary {
  align-items: flex-end;
}
.history-inline-copy {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.history-cost-summary {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.history-search-field {
  flex: 0 1 280px;
  min-width: 220px;
}
.history-search-field input[type="search"] {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(15, 16, 20, 0.88);
  color: var(--ink);
  font: inherit;
}
.history-search-field input[type="search"]::placeholder {
  color: var(--muted);
}
.history-search-field input[type="search"]:focus {
  outline: none;
  border-color: rgba(255, 111, 60, 0.72);
  box-shadow: 0 0 0 1px rgba(255, 111, 60, 0.24);
}
.history-header-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; }
.admin-history-summary {
  margin: 0 0 14px;
}
.admin-history-reset-note {
  margin: 0 0 14px;
}
.admin-history-reset-note p:last-child {
  margin-bottom: 0 !important;
}
.admin-history-type-pills {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}
@media (max-width: 760px) {
  .section-header-row--with-title {
    align-items: stretch;
    flex-direction: column;
  }

  .section-header-row--with-title h2 {
    width: 100%;
  }

  .history-inline-controls {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .history-search-field {
    flex: 1 1 100%;
    min-width: 0;
  }
}
.admin-history-workflow-label {
  --workflow-accent: var(--accent);
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--workflow-accent) 32%, rgba(255, 255, 255, 0.14));
  font-size: 1rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--workflow-accent) 72%, white);
  background: color-mix(in srgb, var(--workflow-accent) 14%, rgba(255, 255, 255, 0.03));
}
.admin-history-workflow-label--all {
  --workflow-accent: var(--accent);
}
.admin-history-workflow-label--proposal {
  --workflow-accent: var(--app-proposal);
}
.admin-history-workflow-label--pitch {
  --workflow-accent: var(--app-pitch);
}
.admin-history-workflow-label--paper {
  --workflow-accent: var(--app-paper);
}
.admin-history-workflow-label--survey {
  --workflow-accent: var(--app-survey);
}
.admin-history-workflow-label--social {
  --workflow-accent: var(--app-social);
}
.admin-history-workflow-label--campaign {
  --workflow-accent: var(--app-campaign);
}
.admin-history-workflow-label--presentation {
  --workflow-accent: var(--app-presentation);
}
.admin-history-workflow-label--frame {
  --workflow-accent: var(--app-frame);
}
.admin-history-workflow-label--audience_export {
  --workflow-accent: var(--app-audience-export);
}
.admin-history-workflow-label--prospect {
  --workflow-accent: var(--app-prospect);
}
.admin-history-type-pill {
  letter-spacing: 0;
  line-height: 1;
  cursor: pointer;
  text-transform: none;
  transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
}
.admin-history-type-pill:hover {
  transform: translateY(-1px);
}
.admin-history-type-pill.active {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--workflow-accent) 28%, transparent), 0 8px 18px color-mix(in srgb, var(--workflow-accent) 18%, transparent);
}
.admin-history-type-pill--all {
  color: color-mix(in srgb, var(--accent) 72%, white);
}
.history-workflow-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1;
}
.history-workflow-badge--proposal {
  border-color: color-mix(in srgb, var(--app-proposal) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-proposal) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-proposal) 72%, white);
}
.history-workflow-badge--pitch {
  border-color: color-mix(in srgb, var(--app-pitch) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-pitch) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-pitch) 72%, white);
}
.history-workflow-badge--paper {
  border-color: color-mix(in srgb, var(--app-paper) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-paper) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-paper) 72%, white);
}
.history-workflow-badge--survey {
  border-color: color-mix(in srgb, var(--app-survey) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-survey) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-survey) 72%, white);
}
.history-workflow-badge--nurture {
  border-color: color-mix(in srgb, var(--app-nurture) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-nurture) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-nurture) 72%, white);
}
.history-workflow-badge--mailer {
  border-color: color-mix(in srgb, var(--app-mailer) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-mailer) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-mailer) 72%, white);
}
.history-workflow-badge--social {
  border-color: color-mix(in srgb, var(--app-social) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-social) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-social) 72%, white);
}
.history-workflow-badge--campaign {
  border-color: color-mix(in srgb, var(--app-campaign) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-campaign) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-campaign) 72%, white);
}
.history-workflow-badge--presentation {
  border-color: color-mix(in srgb, var(--app-presentation) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-presentation) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-presentation) 72%, white);
}
.history-workflow-badge--frame {
  border-color: color-mix(in srgb, var(--app-frame) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-frame) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-frame) 72%, white);
}
.history-workflow-badge--audience_export {
  border-color: color-mix(in srgb, var(--app-audience-export) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-audience-export) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-audience-export) 72%, white);
}
.history-workflow-badge--prospect {
  border-color: color-mix(in srgb, var(--app-prospect) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-prospect) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-prospect) 72%, white);
}
.assigned-leads-view-control { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.assigned-leads-view-row { align-items: center; }
.assigned-leads-view-row .section-title-actions { align-items: center; }
.assigned-leads-view-control .queue-table-filter-control { min-width: 210px; }
.assigned-leads-view-control select { height: 44px; }
.assigned-leads-default-prompt { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 0.82rem; }
.assigned-leads-default-prompt button { min-height: 34px; padding: 6px 10px; font-size: 0.78rem; }
.assigned-leads-summary-pill { gap: 6px; letter-spacing: 0.08em; }
.assigned-leads-summary-pill strong { color: inherit; font-size: 0.86rem; }
.assigned-leads-summary-pill--companies { border-color: rgba(122, 191, 255, 0.5); background: rgba(69, 136, 203, 0.16); color: #b9dcff; }
.assigned-leads-summary-pill--prospects { border-color: color-mix(in srgb, var(--app-prospect) 56%, rgba(255,255,255,0.14)); background: color-mix(in srgb, var(--app-prospect) 20%, rgba(255,255,255,0.03)); color: color-mix(in srgb, var(--app-prospect) 82%, white); }
.prospect-company-group-row td { padding: 0 !important; border-bottom: 1px solid var(--panel-border); }
.prospect-company-group-actions { display: flex; align-items: center; gap: 8px; padding: 0 10px 0 0; }
.prospect-company-group-toggle { width: auto; flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 12px 10px; border: 0; border-left: 2px solid var(--accent); border-radius: 0; background: transparent; color: var(--ink); text-align: left; }
.prospect-company-group-toggle:hover { background: rgba(255,255,255,0.035); }
.prospect-company-group-toggle .muted { margin-left: 2px; }
.prospect-company-group-count { color: var(--muted); font-size: 0.75rem; }
.prospect-company-context-btn { flex: 0 0 auto; min-height: 34px; padding: 6px 10px; font-size: 0.78rem; white-space: nowrap; }
.company-group-contact-row { visibility: collapse; }
.company-group-contact-row.is-company-group-visible { visibility: visible; }
.company-context-grid-modal-content { width: min(760px, calc(100vw - 32px)); }
.my-assigned-leads-table { border-collapse: separate; border-spacing: 0; }
.history-corner-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex: 0 0 auto; }
.history-corner-tools { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.history-owner-line {
  margin: 0;
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.2;
  text-align: right;
}
.campaign-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.campaign-toolbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.campaign-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.campaign-kpi-card {
  border: 1px solid color-mix(in srgb, var(--app-campaign) 24%, #373d4f);
  border-radius: 12px;
  padding: 16px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-campaign) 8%, transparent), transparent 45%),
    #111621;
}
.campaign-kpi-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.campaign-kpi-label {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.campaign-kpi-value {
  margin: 10px 0 6px;
  font-size: clamp(1.7rem, 2.4vw, 2.2rem);
  line-height: 1;
}
.campaign-kpi-delta {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}
.campaign-semaphore-grid,
.campaign-platform-breakdown-grid,
.campaign-verdict-grid,
.campaign-trend-grid {
  display: grid;
  gap: 12px;
}
.campaign-semaphore-grid,
.campaign-platform-breakdown-grid,
.campaign-verdict-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.campaign-advanced-details-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
.campaign-trend-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.campaign-view-toggle {
  display: inline-flex;
  gap: 8px;
}
.campaign-view-toggle .ghost.active {
  border-color: rgba(255, 111, 60, 0.42);
  color: #ffd5c6;
  background: rgba(255, 111, 60, 0.14);
}
.campaign-semaphore-card,
.campaign-platform-breakdown-card,
.campaign-verdict-card,
.campaign-trend-card {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 16px;
}
.campaign-verdict-card {
  display: flex;
  flex-direction: column;
}
.campaign-verdict-actions {
  margin-top: auto;
  justify-content: space-between;
  padding-top: 14px;
}
.campaign-trend-card {
  --campaign-trend-surface: rgba(255, 111, 60, 0.06);
  --campaign-trend-accent-start: color-mix(in srgb, var(--app-campaign) 86%, white);
  --campaign-trend-accent-end: color-mix(in srgb, var(--app-campaign) 38%, #0f131d);
  display: flex;
  flex-direction: column;
  border-color: color-mix(in srgb, var(--campaign-trend-accent-start) 34%, #373d4f);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--campaign-trend-accent-start) 10%, rgba(255, 255, 255, 0.03)), rgba(8, 10, 16, 0.18)),
    var(--campaign-trend-surface),
    #111621;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 18px 30px rgba(6, 10, 18, 0.18);
}
.campaign-semaphore-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.campaign-semaphore-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
}
.campaign-semaphore-pill--healthy {
  color: #7fe7ac;
  background: rgba(103, 211, 145, 0.09);
  border: 1px solid rgba(103, 211, 145, 0.3);
}
.campaign-semaphore-pill--attention {
  color: #ffd158;
  background: rgba(255, 209, 88, 0.09);
  border: 1px solid rgba(255, 209, 88, 0.28);
}
.campaign-semaphore-pill--blocked {
  color: #ff9b9b;
  background: rgba(255, 127, 127, 0.09);
  border: 1px solid rgba(255, 127, 127, 0.28);
}
.campaign-semaphore-title,
.campaign-source-title {
  margin: 14px 0 6px;
  font-size: 1.15rem;
}
.campaign-trend-title {
  margin: 14px 0 6px;
  font-size: 1.15rem;
  color: color-mix(in srgb, var(--campaign-trend-accent-start) 58%, var(--ink));
}
.campaign-platform-breakdown-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.campaign-platform-breakdown-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 45%);
}
.campaign-platform-breakdown-card--linkedin_ads {
  border-color: rgba(127, 231, 172, 0.34);
  background:
    linear-gradient(180deg, rgba(127, 231, 172, 0.08), rgba(8, 10, 16, 0)),
    #111621;
}
.campaign-platform-breakdown-card--google_ads {
  border-color: rgba(255, 184, 77, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 184, 77, 0.08), rgba(8, 10, 16, 0)),
    #111621;
}
.campaign-platform-breakdown-card--ga4 {
  border-color: rgba(94, 200, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(94, 200, 255, 0.08), rgba(8, 10, 16, 0)),
    #111621;
}
.campaign-platform-breakdown-card--search_console {
  border-color: rgba(255, 214, 92, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 214, 92, 0.08), rgba(8, 10, 16, 0)),
    #111621;
}
.campaign-breakdown-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.campaign-platform-breakdown-actions {
  margin-top: auto;
  justify-content: space-between;
  padding-top: 14px;
}
.campaign-detail-stats-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.campaign-breakdown-metric {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
}
.campaign-detail-kpi-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    rgba(14, 18, 29, 0.94);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 14px 32px rgba(0,0,0,0.18);
}
.campaign-detail-kpi-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--campaign-detail-accent, var(--accent));
}
.campaign-detail-kpi-card::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--campaign-detail-accent, var(--accent)) 16%, transparent);
  filter: blur(4px);
  pointer-events: none;
}
.campaign-detail-kpi-card--linkedin_ads { --campaign-detail-accent: #63d2a8; }
.campaign-detail-kpi-card--google_ads { --campaign-detail-accent: #ffb457; }
.campaign-detail-kpi-card--ga4 { --campaign-detail-accent: #59b6ff; }
.campaign-detail-kpi-card--search_console { --campaign-detail-accent: #f0d46b; }
.campaign-detail-kpi-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.campaign-breakdown-metric-label {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  margin-bottom: 0;
}
.campaign-breakdown-metric-value {
  display: block;
  font-size: 1.05rem;
  color: var(--ink);
}
.campaign-detail-kpi-note {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
}
.campaign-platform-executive-summary {
  padding-bottom: 14px;
  margin-bottom: 0;
  color: color-mix(in srgb, var(--ink) 88%, var(--muted));
  font-size: 0.98rem;
  line-height: 1.6;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.campaign-platform-executive-panel-wrap {
  margin-top: 18px;
  border: 1px dashed color-mix(in srgb, var(--campaign-detail-accent, var(--app-campaign)) 30%, #4a5568);
  border-radius: 12px;
  padding: 14px;
  background: color-mix(in srgb, var(--campaign-detail-accent, var(--app-campaign)) 5%, rgba(99, 210, 168, 0.04));
}
.campaign-platform-executive-panel-wrap #campaign-platform-executive-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
#campaign-platform-executive-panel {
  margin-top: 0;
}
#campaign-executive-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.campaign-executive-stat {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  min-width: 0;
}
.campaign-executive-stat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}
.campaign-executive-stat-head .campaign-breakdown-metric-label {
  margin-bottom: 0;
}
.campaign-executive-stat-value {
  display: block;
  font-size: 1.18rem;
  line-height: 1.25;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.campaign-executive-stat-note {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}
.campaign-snapshot-trend {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.campaign-snapshot-trend--up {
  color: #7fe7ac;
  background: rgba(103, 211, 145, 0.1);
  border: 1px solid rgba(103, 211, 145, 0.28);
}
.campaign-snapshot-trend--down {
  color: #ffb36b;
  background: rgba(255, 155, 86, 0.12);
  border: 1px solid rgba(255, 155, 86, 0.28);
}
.campaign-snapshot-trend--flat,
.campaign-snapshot-trend--neutral {
  color: #d4cfbf;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.campaign-source-type-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.campaign-source-type-pill--paid {
  color: #ffb478;
  background: rgba(255, 111, 60, 0.1);
  border: 1px solid rgba(255, 111, 60, 0.26);
}
.campaign-source-type-pill--organic {
  color: #8ad8ff;
  background: rgba(94, 200, 255, 0.1);
  border: 1px solid rgba(94, 200, 255, 0.26);
}
.campaign-source-type-pill--blended {
  color: #d5c4ff;
  background: rgba(170, 132, 255, 0.1);
  border: 1px solid rgba(170, 132, 255, 0.24);
}
.campaign-source-type-pill--strategy {
  color: #ffd38d;
  background: rgba(255, 190, 96, 0.12);
  border: 1px solid rgba(255, 190, 96, 0.28);
}
.campaign-verdict-shift {
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 190, 96, 0.24);
  background: rgba(255, 190, 96, 0.08);
  color: #ffd9a3;
  font-size: 0.9rem;
  line-height: 1.45;
}
.campaign-advanced-ranking {
  margin-top: 16px;
}
.campaign-advanced-ranking-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.campaign-advanced-ranking-head-copy {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}
.campaign-advanced-ranking-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.campaign-advanced-ranking-title {
  display: block;
}
.campaign-advanced-ranking-unit {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: color-mix(in srgb, var(--ink) 88%, var(--muted));
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  white-space: nowrap;
}
.campaign-advanced-ranking-list {
  display: grid;
  gap: 8px;
}
.campaign-advanced-ranking-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
}
.campaign-trend-bars {
  display: flex;
  align-items: end;
  gap: 8px;
  min-height: 140px;
  margin-top: auto;
  padding-top: 16px;
}
.campaign-trend-bar {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.campaign-trend-bar-value {
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
}
.campaign-trend-bar-fill {
  width: 100%;
  min-height: 16px;
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(180deg, var(--campaign-trend-accent-start), var(--campaign-trend-accent-end));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 8px 18px color-mix(in srgb, var(--campaign-trend-accent-end) 36%, transparent);
}
.campaign-trend-bar-label {
  color: var(--muted);
  font-size: 0.76rem;
}
.campaign-detail-trend-lines-wrap {
  margin-top: 10px;
}
.campaign-detail-trend-lines {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}
.campaign-detail-trend-line-card {
  --trend-line-start: color-mix(in srgb, var(--accent) 82%, white);
  --trend-line-end: color-mix(in srgb, var(--accent) 36%, #171a23);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 14px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--trend-line-start) 8%, rgba(255, 255, 255, 0.03)), rgba(8, 10, 16, 0.16)),
    rgba(255, 255, 255, 0.03);
  min-width: 0;
  align-self: start;
}
.campaign-detail-trend-line-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
}
.campaign-detail-trend-line-chart {
  width: 100%;
}
.campaign-detail-trend-line-svg {
  width: 100%;
  height: 170px;
  display: block;
  overflow: visible;
}
.campaign-detail-trend-line-card--long {
  padding-bottom: 12px;
}
.campaign-detail-trend-line-svg--long {
  height: 156px;
}
.campaign-detail-trend-line-svg polyline {
  fill: none;
  stroke: var(--trend-line-start, var(--accent));
}
.campaign-detail-trend-line-svg circle {
  stroke: rgba(15, 16, 20, 0.78);
  stroke-width: 1.5;
}
.campaign-detail-trend-line-value-label {
  fill: var(--ink);
  font-size: 11px;
  font-weight: 700;
}
.campaign-detail-trend-line-date-label {
  color: var(--muted);
  fill: var(--muted);
  font-size: 10px;
}
.campaign-detail-trend-line-card--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campaign-ga4-overview {
  display: grid;
  gap: 16px;
}
.campaign-ga4-overview-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.campaign-ga4-overview-stat {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
}
.campaign-ga4-overview-stat--impressions {
  border-color: color-mix(in srgb, var(--active) 36%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--active) 10%, rgba(255, 255, 255, 0.03));
}
.campaign-ga4-overview-stat--users {
  border-color: color-mix(in srgb, var(--app-campaign) 36%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--app-campaign) 10%, rgba(255, 255, 255, 0.03));
}
.campaign-ga4-overview-stat-label {
  font-size: 0.82rem;
  color: var(--muted);
}
.campaign-ga4-overview-stat-value {
  color: var(--ink);
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 700;
}
.campaign-ga4-overview-chart {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
  padding: 14px 14px 8px;
  overflow: hidden;
}
.campaign-ga4-overview-svg {
  width: 100%;
  height: auto;
  display: block;
}
.campaign-ga4-overview-axis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  color: var(--muted);
  font-size: 0.78rem;
}
.campaign-ga4-overview-axis--full {
  gap: 6px;
  font-size: 0.7rem;
}
.campaign-ga4-overview-axis--full span {
  min-width: 0;
  text-align: center;
  white-space: nowrap;
}
.campaign-ga4-overview-axis span:nth-child(2) {
  text-align: center;
}
.campaign-ga4-overview-axis span:last-child {
  text-align: right;
}
.campaign-ga4-overview-axis--full span:first-child,
.campaign-ga4-overview-axis--full span:last-child {
  text-align: center;
}
.campaign-empty-state {
  border: 1px dashed color-mix(in srgb, var(--app-campaign) 30%, #4a5568);
  border-radius: 12px;
  padding: 16px;
  background: rgba(99, 210, 168, 0.05);
}
.campaign-ai-review-panel {
  margin-top: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.03);
}
.campaign-ai-review-progress {
  margin-top: 10px;
}
.campaign-ai-review-progress.is-working .bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
  animation: campaign-progress-glint 1.55s linear infinite;
}
.campaign-ai-review-meta {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.campaign-ai-review-content {
  margin: 0;
  white-space: pre-wrap;
  font: inherit;
  color: var(--ink);
  line-height: 1.6;
}
.campaign-detail-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}
.campaign-detail-table-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 10px;
}
.campaign-detail-table-wrap--ranking {
  margin-top: 10px;
}
.campaign-detail-table-note {
  margin: 0 0 14px;
  line-height: 1.5;
}
.campaign-detail-ranking-note {
  margin: 0 0 12px;
  line-height: 1.45;
}
.campaign-detail-group + .campaign-detail-group {
  margin-top: 18px;
}
.campaign-detail-group-head {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.campaign-detail-group-stats {
  margin-bottom: 12px;
}
.campaign-detail-table {
  width: 100%;
  border-collapse: collapse;
}
.campaign-detail-table th,
.campaign-detail-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  vertical-align: top;
}
.campaign-detail-table th {
  color: var(--muted);
  font-size: 0.76rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.campaign-detail-table tbody tr:last-child td {
  border-bottom: 0;
}
.campaign-detail-table td:not(:first-child),
.campaign-detail-table th:not(:first-child) {
  white-space: nowrap;
}
.campaign-detail-table--ranking th:last-child,
.campaign-detail-table--ranking td:last-child {
  text-align: right;
}
.campaign-detail-status-cell {
  text-align: center !important;
}
.campaign-detail-status-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.campaign-detail-status-btn {
  min-width: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 999px;
}
.campaign-detail-status-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 0 3px rgba(255, 255, 255, 0.03);
}
.campaign-detail-status-dot--active {
  background: #67d391;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 0 3px rgba(103, 211, 145, 0.12);
}
.campaign-detail-status-dot--paused {
  background: #ffd158;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 0 3px rgba(255, 209, 88, 0.12);
}
.campaign-detail-status-dot--review {
  background: #ff6b6b;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 0 3px rgba(255, 107, 107, 0.16);
}
.campaign-detail-status-dot--neutral {
  background: #969aa8;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 0 3px rgba(150, 154, 168, 0.12);
}
.campaign-detail-status-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: -10px;
  z-index: 4;
  width: max-content;
  max-width: min(220px, 28vw);
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(85, 96, 124, 0.78);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent),
    rgba(15, 20, 33, 0.97);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.02),
    0 18px 40px rgba(0,0,0,0.24);
  text-align: left;
  backdrop-filter: blur(8px);
}
.campaign-detail-status-actions {
  display: flex;
  align-items: stretch;
}
.campaign-detail-status-actions .button,
.campaign-detail-status-actions .ghost {
  min-width: 0;
  justify-content: center;
  white-space: nowrap;
}
.campaign-detail-status-actions .ghost {
  width: 100%;
  min-height: 34px;
  border-radius: 9px;
  padding-inline: 12px;
  font-size: 0.88rem;
}
.campaign-detail-creative-cell {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.campaign-detail-creative-label {
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.campaign-detail-info-btn {
  flex: 0 0 auto;
  width: 22px;
  min-width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}
.campaign-detail-info-popover {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 3;
  width: min(320px, 60vw);
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #394259;
  background: rgba(10, 14, 24, 0.96);
  box-shadow: 0 18px 40px rgba(0,0,0,0.28);
}
.campaign-detail-info-popover p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}
.campaign-detail-info-popover p + p {
  margin-top: 6px;
}
.campaign-detail-expand-cell {
  width: 56px;
  text-align: center !important;
}
.campaign-detail-expand-btn {
  min-width: 34px;
  padding: 4px 10px;
  line-height: 1;
}
.campaign-detail-expand-spacer {
  display: inline-block;
  width: 34px;
  height: 1px;
}
.campaign-detail-child-row td {
  padding: 0;
  border-bottom: 0;
}
.campaign-detail-child-wrap {
  padding: 14px;
  background: rgba(255, 255, 255, 0.025);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.campaign-detail-table-wrap--nested {
  margin-top: 10px;
}
.campaign-detail-table-wrap--modal {
  overflow: auto;
}
.campaign-detail-table--nested th,
.campaign-detail-table--nested td {
  padding: 10px 12px;
}
.campaign-group-chart {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(99, 210, 168, 0.06), rgba(255,255,255,0.02));
}
.campaign-group-chart-shell {
  --campaign-group-chart-bar-start: #63d2a8;
  --campaign-group-chart-bar-end: #a7f1b5;
  --campaign-group-chart-bar-shadow: rgba(99, 210, 168, 0.24);
}
.campaign-group-chart-shell--google_ads {
  --campaign-group-chart-bar-start: #ffb84d;
  --campaign-group-chart-bar-end: #ff6f3c;
  --campaign-group-chart-bar-shadow: rgba(255, 111, 60, 0.24);
}
.campaign-group-chart-shell--linkedin_ads {
  --campaign-group-chart-bar-start: #63d2a8;
  --campaign-group-chart-bar-end: #a7f1b5;
  --campaign-group-chart-bar-shadow: rgba(99, 210, 168, 0.24);
}
.campaign-group-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}
.campaign-group-chart-bars {
  display: grid;
  gap: 12px;
}
.campaign-group-chart-row {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) minmax(180px, 2fr) auto;
  gap: 12px;
  align-items: center;
}
.campaign-group-chart-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.campaign-group-chart-copy strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaign-group-chart-bar-shell {
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}
.campaign-group-chart-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--campaign-group-chart-bar-start), var(--campaign-group-chart-bar-end));
  box-shadow: 0 0 18px var(--campaign-group-chart-bar-shadow);
}
.campaign-group-chart-value {
  min-width: 80px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.campaign-detail-ranking-bars-wrap {
  overflow: hidden;
  padding-bottom: 6px;
}
.campaign-detail-ranking-bars {
  display: grid;
  gap: 12px;
  align-items: end;
  width: 100%;
  min-width: 0;
  padding-top: 10px;
}
.campaign-detail-ranking-bar-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.campaign-detail-ranking-bar-value {
  font-size: 0.9rem;
  line-height: 1.15;
  color: var(--ink);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.campaign-detail-ranking-bar-shell {
  width: 100%;
  height: 164px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 10px 8px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
}
.campaign-detail-ranking-bar-fill {
  display: block;
  width: 100%;
  border-radius: 10px 10px 6px 6px;
  background: linear-gradient(180deg, #7ce8ba, #63d2a8);
  box-shadow: 0 0 18px rgba(99, 210, 168, 0.22);
}
.campaign-detail-ranking-bar-label {
  width: 100%;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaign-platform-group-modal {
  padding: 10px;
}
.campaign-platform-group-modal .campaign-platform-group-modal-content {
  width: min(1680px, calc(100vw - 20px)) !important;
  max-width: none !important;
  max-height: 92vh;
  padding: 18px 20px;
}
.campaign-executive-panel-wrap {
  border: 1px dashed color-mix(in srgb, var(--app-campaign) 30%, #4a5568);
  border-radius: 12px;
  padding: 14px;
  background: rgba(99, 210, 168, 0.05);
}
.campaign-chip-select {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.campaign-form-block + .campaign-form-block {
  margin-top: 14px;
}
.campaign-form-block.campaign-chip-select {
  margin-top: 18px;
}
.campaign-inline-select {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 168px;
}
.campaign-inline-select label {
  font-size: 0.82rem;
  color: var(--muted);
}
.campaign-inline-select select {
  min-width: 168px;
}
.campaign-review-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-width: 200px;
}
.campaign-review-actions > button {
  width: 100%;
}
.campaign-chip-select .chip-option {
  min-width: 0;
}
.campaign-chip-select .chip-option span {
  min-height: 44px;
  padding-inline: 14px;
}
@media (max-width: 1240px) {
  .campaign-chip-select {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .campaign-kpi-grid,
  .campaign-semaphore-grid,
  .campaign-platform-breakdown-grid,
  .campaign-verdict-grid,
  .campaign-trend-grid {
    grid-template-columns: 1fr;
  }
  #campaign-executive-panel {
    grid-template-columns: 1fr;
  }
  .campaign-chip-select {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .campaign-breakdown-metrics {
    grid-template-columns: 1fr;
  }
  .campaign-detail-stats-grid {
    grid-template-columns: 1fr;
  }
  .campaign-platform-executive-panel-wrap #campaign-platform-executive-panel {
    grid-template-columns: 1fr;
  }
  .campaign-group-chart-row {
    grid-template-columns: 1fr;
  }
  .campaign-detail-ranking-bar-shell {
    height: 148px;
  }
  .campaign-toolbar {
    flex-direction: column;
  }
  .campaign-chip-select {
    grid-template-columns: 1fr;
  }

  .composer-published-card {
    grid-template-columns: 1fr;
  }

  .composer-published-card-preview img,
  .composer-published-card-preview video,
  .composer-published-card-placeholder {
    height: 168px;
  }
}
.small-link { padding: 6px 10px; font-size: 0.82rem; }
.icon-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-btn svg {
  width: 18px;
  height: 18px;
}
.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;
}
.history-reload-btn svg,
.delete-history-btn svg,
.admin-job-outputs-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}
.history-metric-cost { color: var(--accent); font-weight: 700; }

.frame-scene-animation-cost-summary {
  margin-top: 8px;
  display: grid;
  gap: 4px;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--ink);
}

.frame-scene-animation-cost-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.frame-scene-animation-cost-line strong {
  color: var(--accent);
  font-weight: 700;
}
.history-metric-elapsed { color: var(--muted); font-weight: 700; }
.modal.hidden,
.modal[hidden] { display: none; }
.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6, 8, 12, 0.72);
  padding: 16px;
}
.modal.modal--foreground {
  z-index: 1100;
}
.modal-content {
  width: min(880px, 96vw);
  max-height: 86vh;
  overflow: auto;
  border: 1px solid #3b4153;
  border-radius: 12px;
  background: #101521;
  padding: 14px;
}
.model-replacement-modal-content {
  width: min(780px, 96vw);
  padding: 22px;
  border-color: rgba(134, 225, 252, 0.44);
  background:
    linear-gradient(180deg, rgba(15, 24, 34, 0.99), rgba(12, 17, 26, 0.99)),
    radial-gradient(circle at top right, rgba(134, 225, 252, 0.12), transparent 48%);
}

body.modal-open {
  overflow: hidden;
}
.model-replacement-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(134, 225, 252, 0.2);
}
.model-replacement-modal-head h3,
.model-replacement-modal-head p {
  margin: 0;
}
.model-replacement-modal-head .muted {
  margin-top: 8px;
  max-width: 62ch;
}
.model-replacement-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.model-replacement-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(240px, 1fr);
  gap: 14px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(134, 225, 252, 0.2);
  border-radius: 10px;
  background: rgba(8, 13, 21, 0.72);
}
.model-replacement-model {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  overflow-wrap: anywhere;
}
.model-replacement-apps {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.82rem;
}
.model-replacement-arrow {
  color: var(--accent);
  font-size: 1.25rem;
  font-weight: 800;
}
.model-replacement-row select {
  width: 100%;
  margin: 0;
}
.model-replacement-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}
@media (max-width: 720px) {
  .model-replacement-row {
    grid-template-columns: 1fr;
  }
  .model-replacement-arrow {
    transform: rotate(90deg);
    justify-self: start;
  }
}
.prospect-detail-modal-content {
  width: min(1080px, calc(100vw - 28px));
  max-height: 90vh;
}
.prospect-email-activity-modal-content { width: min(540px, 96vw); }
.activity-detail-modal-content { width: min(620px, 96vw); }
.activity-detail-notes { white-space: pre-wrap; overflow-wrap: anywhere; }
.prospect-email-addresses {
  border: 1px solid #353b4d;
  border-radius: 10px;
  padding: 12px;
  background: rgba(8, 12, 20, 0.34);
}
.prospect-email-address-list { display: grid; gap: 8px; margin-top: 10px; }
.prospect-email-address-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.prospect-email-address-row--unsubscribed {
  border-color: color-mix(in srgb, var(--danger) 62%, var(--panel-border));
  background: color-mix(in srgb, var(--danger) 9%, rgba(255, 255, 255, 0.025));
}
.prospect-email-address-row--suppressed {
  border-color: color-mix(in srgb, var(--active) 54%, var(--panel-border));
  background: color-mix(in srgb, var(--active) 7%, rgba(255, 255, 255, 0.025));
}
.prospect-email-address-row--retired {
  border-color: color-mix(in srgb, var(--muted) 38%, var(--panel-border));
  background: color-mix(in srgb, var(--muted) 5%, rgba(255, 255, 255, 0.025));
}
.prospect-email-address-row--retired .prospect-email-address-value,
.prospect-email-address-row--retired .prospect-email-address-actions { opacity: 0.68; }
.prospect-email-address-value { min-width: 210px; overflow-wrap: anywhere; }
.prospect-email-address-meta, .prospect-email-address-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.prospect-email-address-actions { margin-left: auto; }
.prospect-email-address-actions button { padding: 4px 7px; font-size: 11px; }
.prospect-phone-input-row { display: flex; align-items: stretch; gap: 8px; }
.prospect-phone-input-row input { flex: 1 1 auto; min-width: 0; }
.prospect-phone-input-row .toolbar-icon-btn { flex: 0 0 auto; }
.prospect-phone-cell { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.prospect-phone-cell-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prospect-phone-cell .prospect-phone-cell-call { flex: 0 0 auto; padding: 4px 6px; }
.prospect-phone-cell .prospect-phone-cell-call svg { width: 14px; height: 14px; }
.prospect-phone-call-status { display: block; margin-top: 4px; font-size: 11px; white-space: normal; }
.prospect-call-progress { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.prospect-call-progress .status { margin: 0; }
.prospect-email-address-primary { border-color: rgba(255, 111, 60, 0.7); color: #ffb08e; }
.prospect-email-address-warning { border-color: rgba(241, 195, 91, 0.6); color: #f1c35b; }
.prospect-email-address-retired {
  border-color: color-mix(in srgb, var(--muted) 58%, var(--panel-border));
  color: var(--muted);
}
.prospect-consent-tag--unsubscribed {
  border-color: color-mix(in srgb, var(--danger) 72%, var(--panel-border));
  background: color-mix(in srgb, var(--danger) 14%, transparent);
  color: color-mix(in srgb, var(--danger) 82%, white);
}
.prospect-consent-tag--suppressed {
  border-color: color-mix(in srgb, var(--active) 68%, var(--panel-border));
  background: color-mix(in srgb, var(--active) 11%, transparent);
  color: color-mix(in srgb, var(--active) 78%, white);
}
.prospect-consent-tag--pending {
  border-color: color-mix(in srgb, var(--pending) 68%, var(--panel-border));
  background: color-mix(in srgb, var(--pending) 11%, transparent);
  color: color-mix(in srgb, var(--pending) 70%, white);
}
.prospect-email-consent-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  padding: 11px 13px;
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  background: rgba(15, 18, 26, 0.86);
}
.prospect-email-consent-alert.hidden { display: none; }
.prospect-email-consent-alert--unsubscribed {
  border-color: color-mix(in srgb, var(--danger) 66%, var(--panel-border));
  box-shadow: inset 4px 0 0 var(--danger);
}
.prospect-email-consent-alert--suppressed {
  border-color: color-mix(in srgb, var(--active) 58%, var(--panel-border));
  box-shadow: inset 4px 0 0 var(--active);
}
.prospect-email-consent-alert-mark {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--danger);
  font-weight: 800;
}
.prospect-email-consent-alert--suppressed .prospect-email-consent-alert-mark { color: var(--active); }
.prospect-email-consent-alert strong,
.prospect-email-consent-alert small { display: block; }
.prospect-email-consent-alert strong { letter-spacing: 0.035em; }
.prospect-email-consent-alert small { margin-top: 2px; color: var(--muted); }
.prospect-email-address-add { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(110px, .35fr) minmax(150px, .45fr) auto; gap: 8px; margin-top: 10px; }
@media (max-width: 720px) {
  .prospect-email-address-row { align-items: flex-start; flex-wrap: wrap; }
  .prospect-email-address-actions { width: 100%; margin-left: 0; }
  .prospect-email-address-add { grid-template-columns: 1fr; }
}
.modal-content.ddam-modal-content {
  width: min(1320px, 98vw);
}
.modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.modal-head > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.modal-head > .ghost {
  flex: 0 0 auto;
  align-self: flex-start;
}
.outlook-modal-content { width: min(760px, 96vw); }
.outlook-modal-content--picker { overflow: visible; }
.outlook-prospect-picker {
  position: relative;
  z-index: 3;
}
.outlook-prospect-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  align-items: stretch;
}
.outlook-prospect-search-row .toolbar-icon-btn {
  width: 40px;
  height: 40px;
  padding: 0;
}
.outlook-prospect-search-row .toolbar-icon-btn svg {
  width: 20px;
  height: 20px;
}
.outlook-prospect-results {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  max-height: 260px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #373d4f;
  border-radius: 10px;
  background: #111621;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.36);
}
.outlook-prospect-results button {
  display: grid;
  width: 100%;
  gap: 2px;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.outlook-prospect-results button:hover,
.outlook-prospect-results button:focus,
.outlook-prospect-results button[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.07);
}
.outlook-prospect-results button span {
  color: var(--muted);
  font-size: 0.82rem;
}
.outlook-prospect-results .muted,
.outlook-prospect-results .status {
  margin: 8px;
}
.outlook-connection-card .section-title-actions {
  align-self: center;
  flex: 0 0 auto;
}
@media (max-width: 520px) {
  .outlook-connection-card .section-title-row {
    flex-wrap: wrap;
  }
  .outlook-connection-card .section-title-actions {
    margin-left: auto;
  }
}
.outlook-text-preview {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  margin: 6px 0 0;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font: inherit;
}
.outlook-rich-signature-editor,
.outlook-rich-signature-preview {
  box-sizing: border-box;
  width: 100%;
  min-height: 110px;
  margin: 6px 0 0;
  padding: 14px;
  overflow: auto;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: #ffffff;
  color: #171717;
}
.outlook-rich-signature-editor:focus {
  border-color: var(--accent);
  outline: 2px solid color-mix(in srgb, var(--accent) 34%, transparent);
  outline-offset: 1px;
}
.outlook-rich-signature-editor:empty::before {
  color: #6b7280;
  content: attr(data-placeholder);
  pointer-events: none;
}
.outlook-rich-signature-editor a,
.outlook-rich-signature-preview a { color: #176985; text-decoration: underline; }
.outlook-check-row { display: flex !important; align-items: flex-start; gap: 8px; cursor: pointer; }
.outlook-check-row input { width: auto; margin-top: 4px; }
.outlook-optional-fields summary { cursor: pointer; color: var(--muted); }
.outlook-mailto { width: fit-content; }
@media (max-width: 720px) {
  .outlook-modal-content { width: min(100%, 96vw); }
}

.history-cleanup-modal-content {
  width: min(720px, 96vw);
}

.history-cleanup-modal-copy {
  margin: 8px 0 0;
}

.history-cleanup-option-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.history-cleanup-option-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  padding: 14px 16px;
  text-align: left;
}

.history-cleanup-option-btn[disabled] {
  opacity: 0.58;
  cursor: not-allowed;
}

.history-cleanup-option-title {
  font-weight: 700;
  color: var(--ink);
}

.history-cleanup-option-copy {
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.45;
  white-space: normal;
}

.prospect-map-modal-content {
  width: min(1120px, 97vw);
}

.prospect-map-shell {
  position: relative;
}

.prospect-map-recenter-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 500;
  width: 38px;
  height: 38px;
  padding: 0;
  border-width: 1px;
  border-color: rgba(255, 111, 60, 0.72);
  background: rgba(7, 10, 16, 1);
  color: #fff7ef;
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.42);
}

.prospect-map-recenter-btn:hover,
.prospect-map-recenter-btn:focus-visible {
  background: rgba(24, 31, 45, 1);
  border-color: rgba(255, 111, 60, 0.95);
  color: #ffffff;
}

.prospect-map-recenter-btn svg {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.28));
}

.prospect-map-canvas {
  min-height: 620px;
  margin-top: 12px;
  border: 1px solid #32384a;
  border-radius: 12px;
  background: #0b1018;
  overflow: hidden;
}

.prospect-map-canvas .leaflet-control-attribution,
.prospect-map-canvas .leaflet-popup-content {
  color: #1c2430;
}

.prospect-map-canvas .leaflet-control-attribution {
  font-size: 8px;
  line-height: 1.1;
  padding: 1px 3px;
  border-radius: 6px 0 0 0;
  background: rgba(244, 239, 230, 0.82);
  opacity: 0.58;
}

.prospect-map-canvas .leaflet-control-attribution a {
  color: #1c2430;
}

.ddam-embed-modal-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: min(920px, 94vh);
}

.ddam-embed-frame {
  width: 100%;
  flex: 1 1 auto;
  min-height: 720px;
  border: 1px solid #32384a;
  border-radius: 12px;
  background: #0b1018;
  overflow: hidden;
}

.history-title-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.history-card-title {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.history-card-meta {
  margin: 0 0 8px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.98rem;
  line-height: 1.4;
}
.history-card-meta--compact {
  margin-bottom: 6px;
}
.history-card-meta--tail {
  margin-bottom: 0;
}
.history-card-summary,
.campaign-history-summary {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.history-card-summary-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}
.history-card-summary-line {
  margin: 0;
}
.history-card-summary-extra.hidden {
  display: none;
}
.history-card-summary--expanded,
.campaign-history-summary--expanded {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}
.history-card-summary-actions,
.campaign-history-actions {
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.history-card-summary-toggle-btn,
.campaign-history-toggle-btn {
  margin-right: auto;
}
.campaign-history-actions > span {
  flex: 1 1 auto;
}
.campaign-history-actions a,
.campaign-history-actions button {
  flex: 0 0 auto;
}
.prospect-activity-log-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--app-prospect) 22%, rgba(255, 255, 255, 0.08));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--app-prospect) 10%, transparent), transparent 62%),
    rgba(255, 255, 255, 0.025);
}
.prospect-activity-selection-copy {
  min-width: 0;
  flex: 1 1 280px;
}
.prospect-activity-selection-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.prospect-activity-report-page,
.prospect-activity-print-report {
  border-color: color-mix(in srgb, var(--app-prospect) 24%, #373d4f);
}
.social-analytics-report-page {
  border-color: color-mix(in srgb, var(--app-social) 24%, #373d4f);
}
.social-production-footer {
  margin-top: 18px;
  display: flex;
  justify-content: flex-start;
}
.social-production-analytics-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.social-production-analytics-link svg {
  width: 14px;
  height: 14px;
}
.social-analytics-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.social-analytics-head-meta {
  text-align: right;
  flex: 0 0 auto;
}
.social-analytics-report-actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
.social-analytics-head-meta .status {
  margin: 10px 0 0;
}
.social-analytics-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.social-analytics-kpi-grid--quad {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.social-analytics-kpi-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--app-social) 24%, #373d4f);
  background: rgba(255, 255, 255, 0.025);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  align-content: start;
  min-width: 0;
  text-align: left;
}
.social-analytics-kpi-card strong {
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}
#mailerAnalyticsSummary .social-analytics-kpi-card p {
  margin: 0;
}
#mailerAnalyticsSummary .social-analytics-kpi-card {
  justify-content: stretch;
  justify-items: start;
  align-items: start;
  text-align: left;
}
#mailerAnalyticsSummary .social-analytics-kpi-card > span,
#mailerAnalyticsSummary .social-analytics-kpi-card > strong,
#mailerAnalyticsSummary .social-analytics-kpi-card > p,
#mailerAnalyticsSummary .social-analytics-kpi-card > small {
  justify-self: start;
  text-align: left;
}
.mailer-analytics-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}
.mailer-analytics-mode-panel .social-analytics-date-presets {
  margin-top: 16px;
}
.mailer-portfolio-highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.mailer-portfolio-highlight {
  min-width: 0;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 40%, var(--border));
  border-radius: 16px;
  background: color-mix(in srgb, var(--app-mailer) 8%, var(--panel));
}
.mailer-portfolio-highlight > span,
.mailer-portfolio-highlight > small {
  display: block;
  color: var(--muted);
}
.mailer-portfolio-highlight > span {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.mailer-portfolio-highlight > strong {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mailer-portfolio-highlight > small { margin-top: 8px; }
.mailer-portfolio-chart-grid { margin-top: 18px; }
.mailer-portfolio-rate-list { display: grid; gap: 10px; }
.mailer-portfolio-rate-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto) minmax(86px, auto);
  gap: 12px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.mailer-portfolio-rate-row:last-child { padding-bottom: 0; border-bottom: 0; }
.mailer-portfolio-rate-row > span { min-width: 0; }
.mailer-portfolio-rate-row > span:not(:first-child) { text-align: right; }
.mailer-portfolio-rate-row strong,
.mailer-portfolio-rate-row small { display: block; }
.mailer-portfolio-rate-row > span:first-child strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mailer-portfolio-rate-row small { margin-top: 4px; color: var(--muted); font-size: 0.72rem; }
@media (max-width: 840px) {
  .mailer-portfolio-highlight-grid { grid-template-columns: 1fr; }
  .mailer-portfolio-rate-row { grid-template-columns: minmax(0, 1fr) 76px 76px; }
}
.mailer-analytics-audience-details {
  color: var(--ink);
}
.mailer-analytics-audiences {
  margin-bottom: 20px;
}
.mailer-analytics-audiences:empty {
  display: none;
}
.mailer-analytics-audience-details summary {
  color: color-mix(in srgb, var(--app-social) 78%, white);
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--app-social) 48%, transparent);
  text-underline-offset: 3px;
}
.mailer-analytics-audience-details summary::-webkit-details-marker {
  display: none;
}
.mailer-analytics-audience-details summary::after {
  content: " +";
}
.mailer-analytics-audience-details[open] summary::after {
  content: " −";
}
.mailer-analytics-audience-provenance {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-social) 22%, var(--panel-border));
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
}
.mailer-analytics-audience-provenance > p {
  margin: 6px 0 0;
  color: var(--muted);
  max-width: 72ch;
}
.mailer-analytics-audience-name-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}
.mailer-analytics-audience-name-list > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid var(--panel-border);
  border-radius: 999px;
  color: var(--ink);
  background: rgba(15, 18, 26, 0.56);
  font-size: 0.82rem;
}
.audience-analytics-unsubscribe-list {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}
.audience-analytics-unsubscribe-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(5, minmax(74px, auto));
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  background: rgba(15, 18, 26, 0.72);
  color: var(--ink);
  cursor: pointer;
  text-align: right;
}
.audience-analytics-unsubscribe-row:hover,
.audience-analytics-unsubscribe-row:focus-visible,
.audience-analytics-unsubscribe-row.is-active {
  border-color: color-mix(in srgb, var(--app-mailer) 72%, white);
  background: color-mix(in srgb, var(--app-mailer) 12%, rgba(15, 18, 26, 0.82));
}
.audience-analytics-unsubscribe-row > span {
  display: grid;
  gap: 2px;
}
.audience-analytics-unsubscribe-row small {
  color: var(--muted);
  font-size: 0.7rem;
  line-height: 1.2;
}
.audience-analytics-unsubscribe-campaign {
  text-align: left;
}
@media (max-width: 680px) {
  .audience-analytics-unsubscribe-row {
    grid-template-columns: 1fr repeat(2, minmax(70px, auto));
  }
  .audience-analytics-unsubscribe-row > span:nth-child(n + 4) {
    grid-column: 2 / -1;
  }
}
.mailer-suppression-reason {
  min-width: 190px;
}
.mailer-suppression-reason strong,
.mailer-suppression-reason small {
  display: block;
}

.mailer-feedback-disclosure { padding: 0; }
.mailer-feedback-disclosure-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 20px 22px;
  cursor: pointer;
  list-style: none;
}
.mailer-feedback-disclosure-summary::-webkit-details-marker { display: none; }
.mailer-feedback-disclosure-summary .section-title-copy { display: block; min-width: 0; }
.mailer-feedback-disclosure-summary h2 { margin: 0; }
.mailer-feedback-disclosure-summary .section-title-copy > .muted { margin: 8px 0 0; }
.mailer-feedback-disclosure-action {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 700;
}
.mailer-feedback-hide { display: none; }
.mailer-feedback-disclosure[open] .mailer-feedback-show { display: none; }
.mailer-feedback-disclosure[open] .mailer-feedback-hide { display: inline; }
.mailer-feedback-disclosure-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 160ms ease;
}
.mailer-feedback-disclosure[open] .mailer-feedback-disclosure-chevron {
  transform: rotate(225deg) translate(-2px, -2px);
}
.mailer-feedback-disclosure-body {
  padding: 0 22px 20px;
  border-top: 1px solid var(--line);
}
.mailer-feedback-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 14px;
}
.mailer-feedback-bulk-toolbar {
  display: grid;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 94%, var(--accent));
}
.mailer-feedback-bulk-toolbar.hidden { display: none; }
.mailer-feedback-select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 700;
  white-space: nowrap;
}
.mailer-feedback-bulk-actions,
.mailer-feedback-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.mailer-feedback-bulk-actions { min-width: 0; }
.mailer-feedback-bulk-actions select { min-width: 180px; }
.mailer-feedback-bulk-actions button { white-space: nowrap; }
.mailer-feedback-row-actions { flex-wrap: nowrap; min-width: 0; gap: 5px; }
.mailer-feedback-select-column { width: 34px; min-width: 34px; text-align: center; }
.mailer-suppression-sort { display: inline-flex; min-height: 0; padding: 0; align-items: center; gap: 3px; border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; }
.mailer-suppression-sort:hover { color: var(--accent); }
.mailer-suppression-sort:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.mailer-feedback-table { min-width: 0; table-layout: fixed; }
.mailer-feedback-table th, .mailer-feedback-table td { padding: 8px 9px; }
.mailer-feedback-table th:nth-child(1), .mailer-feedback-table td:nth-child(1) { width: 34px; }
.mailer-feedback-table th:nth-child(2), .mailer-feedback-table td:nth-child(2) { width: 25%; }
.mailer-feedback-table th:nth-child(3), .mailer-feedback-table td:nth-child(3) { width: 15%; }
.mailer-feedback-table th:nth-child(4), .mailer-feedback-table td:nth-child(4) { width: 11%; }
.mailer-feedback-table th:nth-child(5), .mailer-feedback-table td:nth-child(5) { width: 13%; }
.mailer-feedback-table th:nth-child(7), .mailer-feedback-table td:nth-child(7) { width: 106px; }
.mailer-feedback-table td:nth-child(2) strong { overflow-wrap: anywhere; }
.mailer-feedback-outcome small, .mailer-feedback-evidence small { display: block; margin-top: 3px; color: var(--muted); font-size: 0.69rem; line-height: 1.2; }
.mailer-feedback-outcome .tag { padding: 3px 6px; font-size: 0.58rem; }
.mailer-feedback-evidence strong { font-size: 0.76rem; }
.mailer-feedback-table .mailer-suppression-reason { min-width: 0; }
.mailer-feedback-table .mailer-suppression-reason small { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; }
.mailer-feedback-icon-action { display: inline-grid; width: 29px; min-width: 29px; height: 29px; min-height: 29px; padding: 0; place-items: center; border-radius: 8px; }
.mailer-feedback-icon-action svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.mailer-feedback-icon-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.mailer-succession-panel .section-title-copy .eyebrow { margin: 0 0 6px; }
.mailer-succession-groups {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.mailer-succession-brief {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--line) 92%, var(--app-prospect));
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 97%, var(--app-prospect));
}
.mailer-succession-brief-header {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--app-prospect) 5%, transparent);
}
.mailer-succession-source {
  display: flex;
  align-items: baseline;
  min-width: 0;
  gap: 10px;
}
.mailer-succession-source .eyebrow { margin: 0; flex: 0 0 auto; font-size: 0.6rem; }
.mailer-succession-source strong { overflow-wrap: anywhere; font-size: 0.9rem; }
.mailer-succession-case-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 0.76rem;
}
.mailer-succession-case-meta button { flex: 0 0 auto; }
.mailer-succession-candidates { display: grid; }
.mailer-succession-candidate {
  display: grid;
  grid-template-columns: 22px minmax(205px, 0.9fr) minmax(230px, 1.35fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 12px;
}
.mailer-succession-candidate + .mailer-succession-candidate { border-top: 1px solid var(--line); }
.mailer-succession-row-number {
  align-self: start;
  color: color-mix(in srgb, var(--muted) 58%, transparent);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.mailer-succession-identity,
.mailer-succession-responsibility,
.mailer-succession-decision { display: grid; gap: 4px; align-content: start; }
.mailer-succession-identity a { display: inline; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--ink); font-size: 0.84rem; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
.mailer-succession-identity small { line-height: 1.25; }
.mailer-succession-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 1px; }
.mailer-succession-tags .tag { padding: 2px 6px; font-size: 0.57rem; letter-spacing: 0.05em; }
.mailer-succession-confidence { width: fit-content; }
.mailer-succession-responsibility p { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
.mailer-succession-responsibility small { line-height: 1.25; }
.mailer-succession-decision { justify-items: end; }
.mailer-succession-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.mailer-succession-icon-action {
  display: inline-grid;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  place-items: center;
  border-radius: 9px;
}
.mailer-succession-icon-action svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.mailer-succession-icon-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

@media (max-width: 900px) {
  .mailer-succession-brief-header { grid-template-columns: 1fr; }
  .mailer-succession-case-meta { justify-content: space-between; }
  .mailer-succession-candidate {
    grid-template-columns: 24px minmax(180px, 0.9fr) minmax(220px, 1.1fr);
  }
  .mailer-succession-decision { grid-column: 2 / -1; }
  .mailer-succession-decision { justify-items: start; }
  .mailer-succession-actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .mailer-feedback-disclosure-summary { align-items: start; padding: 16px; }
  .mailer-feedback-disclosure-body { padding: 0 16px 16px; }
  .mailer-feedback-toolbar { align-items: stretch; flex-direction: column; }
  .mailer-feedback-bulk-toolbar { grid-template-columns: 1fr; }
  .mailer-feedback-bulk-actions { align-items: stretch; flex-direction: column; }
  .mailer-succession-source,
  .mailer-succession-case-meta { align-items: flex-start; flex-direction: column; }
  .mailer-succession-candidate { grid-template-columns: 22px minmax(0, 1fr); }
  .mailer-succession-responsibility,
  .mailer-succession-decision { grid-column: 2; }
}
.mailer-suppression-sync-panel {
  margin: 18px 0;
  border: 1px solid color-mix(in srgb, var(--app-prospect) 42%, var(--panel-border));
  border-radius: 12px;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--app-prospect) 10%, transparent), transparent 48%),
    rgba(15, 18, 26, 0.7);
}
.mailer-suppression-sync-disclosure {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
  cursor: pointer;
  list-style: none;
}
.mailer-suppression-sync-disclosure::-webkit-details-marker { display: none; }
.mailer-suppression-sync-disclosure > span:first-child { display: grid; gap: 2px; }
.mailer-suppression-sync-disclosure strong {
  color: color-mix(in srgb, var(--app-prospect) 78%, white);
  font-size: 0.76rem;
  letter-spacing: 0.1em;
}
.mailer-suppression-sync-disclosure small { font-size: 0.8rem; }
.mailer-suppression-sync-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid color-mix(in srgb, var(--app-prospect) 72%, white);
  border-bottom: 2px solid color-mix(in srgb, var(--app-prospect) 72%, white);
  transform: rotate(45deg);
  transition: transform 160ms ease;
}
.mailer-suppression-sync-panel[open] .mailer-suppression-sync-chevron { transform: rotate(225deg); }
.mailer-suppression-sync-body {
  display: grid;
  grid-template-columns: minmax(240px, 0.85fr) minmax(360px, 1.15fr);
  gap: 22px;
  padding: 16px;
  border-top: 1px solid color-mix(in srgb, var(--app-prospect) 22%, var(--panel-border));
}
.mailer-suppression-sync-copy .eyebrow { margin: 0 0 5px; color: color-mix(in srgb, var(--app-prospect) 78%, white); }
.mailer-suppression-sync-copy h3 { margin: 0; }
.mailer-suppression-sync-copy .muted { margin: 7px 0 0; line-height: 1.42; }
.mailer-suppression-sync-controls { display: grid; gap: 9px; }
.mailer-suppression-sync-controls label { font-size: 0.78rem; color: var(--muted); }
.mailer-suppression-sync-controls input { width: 100%; margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.mailer-suppression-sync-actions { display: flex; justify-content: flex-end; gap: 10px; }
.mailer-suppression-sync-summary { display: flex; flex-wrap: wrap; gap: 7px; }
.mailer-suppression-sync-summary > span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, var(--app-prospect) 28%, var(--panel-border));
  border-radius: 999px;
  font-size: 0.75rem;
}
.mailer-suppression-sync-summary strong { color: var(--ink); }
.admin-index-maintenance {
  display: grid;
  gap: 9px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.admin-index-maintenance h4,
.admin-index-maintenance p { margin: 0; }
.admin-prospect-sync-switch { display: inline-flex; align-items: center; gap: 9px; }
.admin-prospect-sync-switch-track {
  display: inline-flex;
  align-items: center;
  width: 38px;
  height: 22px;
  padding: 2px;
  border: 1px solid var(--muted);
  border-radius: 999px;
  background: var(--panel);
}
.admin-prospect-sync-switch-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--ink);
  transition: transform 150ms ease;
}
.admin-prospect-sync-switch[aria-checked="true"] .admin-prospect-sync-switch-track {
  border-color: var(--brand-accent, var(--accent));
  background: var(--brand-accent, var(--accent));
}
.admin-prospect-sync-switch[aria-checked="true"] .admin-prospect-sync-switch-thumb {
  transform: translateX(16px);
  background: #151515;
}
@media (prefers-reduced-motion: reduce) {
  .admin-prospect-sync-switch-thumb { transition: none; }
}
.mailer-suppression-prospect-cell { display: flex; align-items: center; gap: 8px; min-width: 165px; }
.mailer-suppression-prospect-cell > span { display: grid; gap: 4px; }
.mailer-suppression-prospect-cell small { width: fit-content; }
.mailer-suppression-prospect-open {
  display: inline-grid;
  width: 28px;
  height: 28px;
  min-width: 28px;
  flex: 0 0 28px;
  place-items: center;
  padding: 0;
  border-color: color-mix(in srgb, var(--app-prospect) 48%, var(--panel-border));
  color: color-mix(in srgb, var(--app-prospect) 76%, white);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}
.prospect-suppression-match-missing { color: var(--muted); }
@media (max-width: 780px) {
  .mailer-suppression-sync-body { grid-template-columns: 1fr; }
  .mailer-suppression-sync-actions { justify-content: stretch; }
  .mailer-suppression-sync-actions > * { flex: 1; }
}
.mailer-suppression-reason small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.3;
}
.mailer-analytics-audience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.mailer-analytics-audience-card {
  display: grid;
  gap: 9px;
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 28%, var(--panel-border));
  border-radius: 10px;
  background: rgba(15, 18, 26, 0.72);
  color: var(--ink);
  text-align: left;
}
button.mailer-analytics-audience-card {
  cursor: pointer;
}
button.mailer-analytics-audience-card:hover,
button.mailer-analytics-audience-card:focus-visible,
button.mailer-analytics-audience-card.is-active {
  border-color: color-mix(in srgb, var(--app-mailer) 72%, white);
  background: color-mix(in srgb, var(--app-mailer) 12%, rgba(15, 18, 26, 0.82));
}
.mailer-analytics-audience-card.is-reference-only {
  opacity: 0.78;
}
.mailer-analytics-audience-card-title {
  font-weight: 700;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.mailer-analytics-audience-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.mailer-analytics-audience-metrics > span:not(.mailer-analytics-audience-unavailable) {
  display: grid;
  gap: 2px;
}
.mailer-analytics-audience-metrics small,
.mailer-analytics-audience-filter-hint {
  color: var(--muted);
  font-size: 0.7rem;
  line-height: 1.2;
}
.mailer-analytics-audience-metrics strong {
  font-size: 0.92rem;
}
.mailer-analytics-audience-unavailable {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}
.mailer-analytics-audience-filter-hint {
  color: color-mix(in srgb, var(--app-mailer) 74%, white);
  font-weight: 700;
}
@media (max-width: 920px) {
  .mailer-analytics-audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .mailer-analytics-audience-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mailer-analytics-audience-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mailer-analytics-audience-details ul {
  display: grid;
  gap: 6px;
  min-width: min(100%, 320px);
  margin: 10px 0 0;
  padding: 10px 12px;
  list-style: none;
  border: 1px solid color-mix(in srgb, var(--app-social) 25%, #373d4f);
  border-radius: 10px;
  background: rgba(15, 18, 26, 0.72);
}
.mailer-analytics-audience-details li {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.mailer-analytics-audience-details li span {
  color: var(--muted);
  white-space: nowrap;
}
.social-analytics-kpi-card--filter {
  appearance: none;
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.social-analytics-kpi-card--filter:hover {
  border-color: color-mix(in srgb, var(--app-social) 58%, #596071);
  background: color-mix(in srgb, var(--app-social) 8%, rgba(255, 255, 255, 0.035));
  transform: translateY(-1px);
}
.social-analytics-kpi-card--filter:focus-visible {
  outline: 2px solid var(--app-social);
  outline-offset: 3px;
}
.social-analytics-kpi-card--filter.is-active {
  border-color: color-mix(in srgb, var(--app-social) 78%, #fff);
  background: color-mix(in srgb, var(--app-social) 13%, rgba(255, 255, 255, 0.04));
  box-shadow: inset 4px 0 0 var(--app-social), 0 12px 28px rgba(0, 0, 0, 0.18);
}
.social-analytics-kpi-card--filter small {
  align-self: start;
  margin-top: 0;
  color: color-mix(in srgb, var(--app-social) 78%, #fff);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media (prefers-reduced-motion: reduce) {
  .social-analytics-kpi-card--filter {
    transition: none;
  }
  .social-analytics-kpi-card--filter:hover {
    transform: none;
  }
}
.social-analytics-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.social-analytics-chart-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.social-analytics-chart-card--wide {
  grid-column: 1 / -1;
}
.social-analytics-chart-shell {
  margin-top: 14px;
  overflow: hidden;
}
@media (max-width: 920px) {
  .social-analytics-kpi-grid--quad {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.social-analytics-vertical-bars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 14px;
  align-items: end;
  min-height: 280px;
}
.social-analytics-vertical-bars--impressions {
  --social-analytics-bar-start: #91d84f;
  --social-analytics-bar-end: #d7f484;
}
.social-analytics-vertical-bars--destination {
  --social-analytics-bar-start: #63d2a8;
  --social-analytics-bar-end: #9df3c4;
}
.social-analytics-vertical-bar-card {
  display: grid;
  gap: 10px;
  align-items: end;
}
.social-analytics-vertical-bar-value {
  font-weight: 700;
  text-align: center;
}
.social-analytics-vertical-bar-track {
  height: 176px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 6px;
}
.social-analytics-vertical-bar-fill {
  width: 100%;
  border-radius: 12px;
  display: block;
  background: linear-gradient(180deg, var(--social-analytics-bar-start), var(--social-analytics-bar-end));
}
.social-analytics-vertical-bar-label {
  text-align: center;
}
.social-analytics-vertical-bar-sublabel {
  color: var(--muted);
  font-size: 0.82rem;
  text-align: center;
}
.social-analytics-trend-wrap {
  display: grid;
  gap: 12px;
}
.social-analytics-trend-panel {
  display: grid;
  gap: 8px;
}
.social-analytics-trend-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  color: var(--muted);
  font-size: 0.84rem;
}
.social-analytics-trend-panel-head strong {
  color: var(--ink);
  font-size: 0.92rem;
}
.social-analytics-trend-svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.social-analytics-trend-line {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.social-analytics-trend-line--impressions {
  stroke: #8bc34a;
}
.social-analytics-trend-line--interactions {
  stroke: #ff6f3c;
}
.social-analytics-trend-line--forecast {
  stroke: #7fb8ff;
  stroke-dasharray: 8 6;
}
.social-analytics-trend-labels text,
.social-analytics-trend-axis-label {
  fill: var(--muted);
  font-size: 10px;
}
.social-analytics-trend-axis-sublabel {
  fill: color-mix(in srgb, var(--muted) 88%, white);
  font-size: 9px;
}
.social-analytics-trend-point-value {
  fill: var(--ink);
  font-size: 10px;
  font-weight: 700;
}
.social-analytics-link-sublabel {
  font-size: 0.72rem;
  line-height: 1.3;
}
.social-analytics-trend-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  color: var(--muted);
  font-size: 0.84rem;
}
.social-analytics-trend-legend span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.social-analytics-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}
.social-analytics-legend-dot--impressions {
  background: #8bc34a;
}
.social-analytics-legend-dot--interactions {
  background: #ff6f3c;
}
.social-analytics-legend-dot--forecast {
  background: #7fb8ff;
}
.social-analytics-bar-list {
  --social-analytics-bar-start: color-mix(in srgb, var(--app-social) 78%, white);
  --social-analytics-bar-end: color-mix(in srgb, var(--app-social) 54%, #171a23);
  display: grid;
  gap: 12px;
}
.social-analytics-bar-list--destination {
  --social-analytics-bar-start: #63d2a8;
  --social-analytics-bar-end: #9df3c4;
}
.social-analytics-bar-list--impressions {
  --social-analytics-bar-start: #91d84f;
  --social-analytics-bar-end: #d7f484;
}
.social-analytics-bar-list--language {
  --social-analytics-bar-start: #7fb8ff;
  --social-analytics-bar-end: #b6d6ff;
}
.social-analytics-bar-list--content {
  --social-analytics-bar-start: #ffb84d;
  --social-analytics-bar-end: #ff8a57;
}
.social-analytics-bar-list--status {
  --social-analytics-bar-start: #c6a0ff;
  --social-analytics-bar-end: #e2c8ff;
}
.social-analytics-bar-list--unsubscribe {
  --social-analytics-bar-start: #ef8b72;
  --social-analytics-bar-end: #ffc2aa;
}
.social-analytics-bar-row {
  display: grid;
  grid-template-columns: minmax(120px, 190px) minmax(0, 1fr) minmax(88px, auto);
  gap: 12px;
  align-items: center;
}
.social-analytics-bar-copy {
  display: grid;
  gap: 4px;
}
.social-analytics-bar-copy span {
  color: var(--muted);
  font-size: 0.82rem;
}
.social-analytics-bar-track {
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.social-analytics-bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--social-analytics-bar-start), var(--social-analytics-bar-end));
}
.social-analytics-bar-value {
  display: grid;
  gap: 2px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.social-analytics-bar-value small {
  color: var(--muted);
  font-size: .66rem;
  font-weight: 500;
}
.social-analytics-table-section {
  margin-top: 12px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.018);
}
.social-analytics-table-section--top {
  border-color: color-mix(in srgb, #63d2a8 42%, #373d4f);
  background: color-mix(in srgb, #63d2a8 8%, rgba(255, 255, 255, 0.018));
}
.social-analytics-table-section--weak {
  border-color: color-mix(in srgb, #ffb84d 42%, #373d4f);
  background: color-mix(in srgb, #ffb84d 8%, rgba(255, 255, 255, 0.018));
}
.social-analytics-destination-section {
  margin-top: 18px;
}
.social-analytics-destination-grid {
  display: grid;
  gap: 16px;
}
.social-analytics-destination-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
  display: grid;
  gap: 14px;
}
.social-analytics-destination-table-block:first-child {
  border: 1px solid color-mix(in srgb, #63d2a8 38%, #373d4f);
  background: color-mix(in srgb, #63d2a8 7%, transparent);
  border-radius: 12px;
  padding: 12px;
}
.social-analytics-destination-table-block:last-child {
  border: 1px solid color-mix(in srgb, #ffb84d 38%, #373d4f);
  background: color-mix(in srgb, #ffb84d 7%, transparent);
  border-radius: 12px;
  padding: 12px;
}
.social-analytics-destination-card-head h4,
.social-analytics-destination-table-block h5 {
  margin: 0;
}
.social-analytics-destination-card-head p {
  margin: 8px 0 0;
}
.social-analytics-destination-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.social-analytics-destination-table-block {
  display: grid;
  gap: 10px;
}
.social-analytics-table-wrap {
  overflow-x: auto;
}
.social-analytics-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 880px;
}
.social-analytics-table th,
.social-analytics-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: top;
  text-align: left;
}
.social-analytics-table th {
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.social-analytics-table--compact {
  min-width: 0;
}
.social-analytics-table--compact th,
.social-analytics-table--compact td {
  padding: 10px 12px;
}
.social-analytics-table--campaign-ranking {
  table-layout: fixed;
}
.social-analytics-table--campaign-ranking th:nth-child(1),
.social-analytics-table--campaign-ranking td:nth-child(1) { width: 9%; }
.social-analytics-table--campaign-ranking th:nth-child(2),
.social-analytics-table--campaign-ranking td:nth-child(2) { width: 20%; }
.social-analytics-table--campaign-ranking th:nth-child(3),
.social-analytics-table--campaign-ranking td:nth-child(3) { width: 10%; }
.social-analytics-table--campaign-ranking th:nth-child(4),
.social-analytics-table--campaign-ranking td:nth-child(4) { width: 23%; }
.social-analytics-table--campaign-ranking th:nth-child(5),
.social-analytics-table--campaign-ranking td:nth-child(5) { width: 8%; }
.social-analytics-table--campaign-ranking th:nth-child(6),
.social-analytics-table--campaign-ranking td:nth-child(6) { width: 8%; }
.social-analytics-table--campaign-ranking th:nth-child(7),
.social-analytics-table--campaign-ranking td:nth-child(7) { width: 8%; }
.social-analytics-table--campaign-ranking th:nth-child(8),
.social-analytics-table--campaign-ranking td:nth-child(8) { width: 7%; }
.social-analytics-table--campaign-ranking th:nth-child(9),
.social-analytics-table--campaign-ranking td:nth-child(9) { width: 7%; }
.social-analytics-table--campaign-ranking td:nth-child(2) {
  color: var(--muted);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}
.social-analytics-table--campaign-ranking td:nth-child(4) {
  font-weight: 700;
  overflow-wrap: anywhere;
}
.social-analytics-post-meta {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.social-analytics-post-title-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}
.social-analytics-post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.28;
}
.social-analytics-post-title-wrap.is-expanded .social-analytics-post-title {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.social-analytics-post-title-wrap--compact .social-analytics-post-title {
  -webkit-line-clamp: 2;
  font-size: 0.96rem;
}
.social-analytics-post-title-toggle.toolbar-icon-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
}
.social-analytics-post-title-toggle.toolbar-icon-btn svg {
  width: 16px;
  height: 16px;
}
.social-analytics-filter-helper {
  margin-bottom: 12px !important;
}
.social-analytics-date-presets {
  margin-bottom: 14px;
}
.social-analytics-inactive-toggle {
  width: fit-content;
  margin-top: 2px;
}
.social-analytics-inactive-helper {
  margin: -4px 0 4px;
  font-size: .78rem;
}
.social-analytics-page-detail-list {
  display: grid;
  gap: 10px;
  min-width: 180px;
}
.social-analytics-page-detail-cell {
  min-width: 220px;
}
.social-analytics-page-detail-row {
  display: grid;
  gap: 8px;
}
.social-analytics-page-detail-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.social-analytics-page-detail-copy span {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.3;
}
.social-analytics-post-row td {
  border-bottom: 0;
}
.social-analytics-post-action-row td {
  padding-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.social-analytics-post-row-action {
  display: flex;
  justify-content: flex-end;
}
.social-analytics-kpi-grid--social {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.social-analytics-freshness-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.social-analytics-freshness-strip span,
.social-analytics-availability {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb, var(--app-social) 35%, var(--panel-border));
  border-radius: 999px;
  color: var(--muted);
  font-size: .72rem;
  letter-spacing: .03em;
}
.social-analytics-decision-section {
  margin: 8px 0 22px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--app-social) 36%, var(--panel-border));
  border-radius: 16px;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--app-social) 9%, transparent), transparent 62%),
    rgba(15, 18, 26, .48);
}
.social-analytics-section-kicker {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.social-analytics-section-kicker > span {
  color: color-mix(in srgb, var(--app-social) 74%, white);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.social-analytics-section-kicker h3 { margin: 0; font-size: 1.08rem; }
.social-analytics-decision-strip {
  display: grid;
  grid-template-columns: 1.4fr 1fr .8fr .8fr;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
}
.social-analytics-decision-card {
  min-width: 0;
  padding: 15px;
  background: #1b1e27;
  display: grid;
  align-content: start;
  gap: 7px;
}
.social-analytics-decision-card > span {
  color: var(--muted);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.social-analytics-decision-card strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.social-analytics-decision-value {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start !important;
  gap: 9px !important;
  min-width: 0;
}
.social-analytics-decision-value > span:last-child {
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.social-analytics-decision-value > span:only-child {
  grid-column: 1 / -1;
}
.social-analytics-decision-card small { color: var(--muted); line-height: 1.35; }
.social-analytics-decision-card--1 { box-shadow: inset 3px 0 0 var(--app-social); }
.social-network-identity {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.social-network-icon {
  display: inline-flex;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #596174;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1;
}
.social-network-icon--linkedin { background: #0a66c2; }
.social-network-icon--facebook { background: #1877f2; font-size: 1rem; }
.social-network-icon--instagram { background: linear-gradient(135deg, #833ab4, #fd1d1d 58%, #fcb045); font-size: 1rem; }
.social-network-icon--youtube { background: #ff0033; font-size: .62rem; }
.social-network-icon--meta { background: #0866ff; font-size: 1rem; }
.social-network-icon--google_ads { background: linear-gradient(135deg, #4285f4 0 48%, #34a853 49% 72%, #fbbc05 73%); }
.social-network-icon--ga4 { background: linear-gradient(135deg, #f9ab00, #e37400); }
.social-network-icon--search_console { background: #4285f4; font-size: 1rem; }
.social-analytics-network-section { margin: 4px 0 22px; }
.social-analytics-network-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.social-analytics-network-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}
.social-analytics-network-card header,
.social-analytics-network-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}
.social-analytics-network-card header { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.social-analytics-network-card header > strong,
.social-analytics-network-card footer { color: var(--muted); font-size: .76rem; }
.social-analytics-network-card footer { border-top: 1px solid rgba(255, 255, 255, .08); }
.social-analytics-network-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, .06);
}
.social-analytics-network-metrics > div {
  min-width: 0;
  padding: 12px 10px;
  background: #1b1e27;
  display: grid;
  gap: 5px;
}
.social-analytics-network-metrics span { color: var(--muted); font-size: .66rem; }
.social-analytics-network-metrics strong {
  color: var(--ink);
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.social-analytics-network-averages {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: 10px 14px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  background: color-mix(in srgb, var(--app-social) 5%, transparent);
}
.social-analytics-network-averages > span {
  margin-right: auto;
  color: color-mix(in srgb, var(--app-social) 70%, white);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.social-analytics-network-averages small {
  color: var(--muted);
  font-size: .7rem;
  white-space: nowrap;
}
.social-analytics-network-averages small strong {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.social-analytics-bar-label,
.social-analytics-destination-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.social-analytics-bar-label > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.social-analytics-bar-label .social-network-icon,
.social-analytics-destination-name .social-network-icon,
.social-analytics-post-row .social-network-icon,
.social-analytics-decision-card .social-network-icon {
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  font-size: .62rem;
}
.social-analytics-post-row td:nth-child(2) > strong,
.social-analytics-decision-card > strong:not(.social-analytics-decision-value) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.social-analytics-trend-grid {
  stroke: rgba(255, 255, 255, .09);
  stroke-width: 1;
}
.social-analytics-availability--partial { border-color: #ffb84d; color: #ffcd78; }
.social-analytics-availability--pending { border-color: #7fb8ff; color: #b6d6ff; }
.social-analytics-availability--unavailable { border-color: #ef8b72; color: #ffc2aa; }
.social-analytics-availability--refreshing { border-color: #7fb8ff; color: #b6d6ff; }
.social-analytics-availability--inactive { border-color: #8b91a3; color: #c7cad3; }
.social-analytics-bar-meta {
  color: var(--muted);
  font-size: .68rem;
  line-height: 1.3;
}
.social-analytics-table-section--full { margin-top: 20px; }
.social-analytics-table--performance {
  min-width: 0;
  table-layout: fixed;
}
.social-analytics-table--performance th,
.social-analytics-table--performance td { padding-inline: 9px; overflow-wrap: anywhere; }
.social-analytics-table--performance th:nth-child(1) { width: 6%; }
.social-analytics-table--performance th:nth-child(2) { width: 26%; }
.social-analytics-table--performance th:nth-child(3) { width: 9%; }
.social-analytics-table--performance th:nth-child(4) { width: 10%; }
.social-analytics-table--performance th:nth-child(5) { width: 13%; }
.social-analytics-table--performance th:nth-child(6) { width: 7%; }
.social-analytics-table--performance th:nth-child(7) { width: 15%; }
.social-analytics-table--performance th:nth-child(8) { width: 14%; }
.social-analytics-network-column,
.social-analytics-network-cell { text-align: center; }
.social-analytics-network-cell .social-network-identity { justify-content: center; }
.social-network-icon-cluster {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  padding-inline: 4px;
}
.social-network-icon-cluster .social-network-identity + .social-network-identity {
  margin-left: -8px;
}
.social-network-icon-cluster .social-network-identity:nth-child(1) { z-index: 4; }
.social-network-icon-cluster .social-network-identity:nth-child(2) { z-index: 3; }
.social-network-icon-cluster .social-network-identity:nth-child(3) { z-index: 2; }
.social-network-icon-cluster .social-network-identity:nth-child(4) { z-index: 1; }
.social-analytics-network-cell .social-network-icon {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: .76rem;
}
.social-analytics-network-cell .social-network-icon-cluster .social-network-icon {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
  border: 2px solid #1b1e27;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: .62rem;
}
.social-analytics-table--performance td > small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: .78rem;
}
.social-analytics-table--performance .social-analytics-row-destination {
  color: color-mix(in srgb, var(--app-social) 68%, white);
  font-weight: 700;
}
.social-analytics-sort {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.social-analytics-sort:hover,
.social-analytics-sort:focus-visible { color: var(--ink); text-decoration: underline; }
.social-analytics-row-actions { display: grid; gap: 6px; align-items: center; }
.social-analytics-row-actions .ghost { width: 100%; justify-content: center; text-align: center; }
.social-analytics-row-actions .ghost,
.social-analytics-pagination .ghost,
.social-analytics-expand { min-height: 32px; padding: 5px 9px; font-size: .78rem; }
.social-analytics-expand { margin-right: 8px; vertical-align: middle; }
.social-analytics-details.hidden { display: none; }
.social-analytics-details td { padding-top: 0; }
.social-analytics-destination-detail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  padding: 11px;
  border: 1px solid color-mix(in srgb, var(--app-social) 20%, var(--panel-border));
  border-radius: 10px;
  background: rgba(15, 18, 26, .48);
}
.social-analytics-destination-detail > div { display: grid; gap: 5px; align-content: start; font-size: .8rem; }
.social-analytics-destination-detail > div > span:not(.social-analytics-availability) { color: var(--muted); }
.social-analytics-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; color: var(--muted); font-size: .8rem; }
.social-analytics-pagination > div { display: flex; gap: 8px; }
.social-analytics-pagination--bottom { margin-top: 14px; }
@media (max-width: 920px) {
  .social-analytics-kpi-grid--social { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-analytics-decision-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-analytics-table--performance { min-width: 820px; }
}
@media (max-width: 620px) {
  .social-analytics-section-kicker { display: grid; }
  .social-analytics-decision-strip { grid-template-columns: 1fr; }
}
@media print {
  .ambient,
  .shell-toolbar,
  .social-analytics-filter-panel,
  .social-analytics-report-actions,
  #socialAnalyticsStatus,
  #socialAnalyticsReportStatus,
  .social-analytics-post-row-action {
    display: none !important;
  }

  body.social-analytics-body,
  .shell,
  .social-analytics-report-page,
  .social-analytics-chart-card,
  .social-analytics-kpi-card {
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
  }

  body.social-analytics-body {
    margin: 0;
  }

  .shell {
    max-width: none;
    width: 100%;
    padding: 0;
  }

  .hero {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
  }

  .hero p,
  .hero h1,
  .social-analytics-report-page,
  .social-analytics-report-page .muted,
  .social-analytics-report-page strong,
  .social-analytics-report-page h2,
  .social-analytics-report-page h3,
  .social-analytics-report-page th,
  .social-analytics-report-page td,
  .social-analytics-trend-labels text,
  .social-analytics-bar-copy span,
  .social-analytics-page-detail-copy span {
    color: #111 !important;
    fill: #111 !important;
  }

  .social-analytics-report-page {
    border: 0 !important;
    padding: 0 !important;
  }
}
.prospect-activity-print-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.prospect-activity-print-meta {
  text-align: right;
  flex: 0 0 auto;
}
.prospect-activity-print-charts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.prospect-activity-chart-card {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.prospect-activity-chart {
  margin-top: 14px;
}
.prospect-activity-chart-bars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 12px;
  align-items: end;
  min-height: 220px;
}
.prospect-activity-chart-bar-group {
  display: grid;
  gap: 10px;
  justify-items: center;
}
.prospect-activity-chart-value {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--ink);
}
.prospect-activity-chart-bar-shell {
  width: 100%;
  min-height: 170px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 10px;
}
.prospect-activity-chart-bar {
  width: 100%;
  max-width: 56px;
  border-radius: 14px 14px 6px 6px;
  background: linear-gradient(180deg, var(--chart-bar-start, color-mix(in srgb, var(--app-prospect) 66%, white)), var(--chart-bar-end, color-mix(in srgb, var(--app-prospect) 40%, #171a23)));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.prospect-activity-chart-label {
  font-size: 0.82rem;
  text-align: center;
  color: var(--muted);
  line-height: 1.3;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prospect-activity-weekday-list {
  display: grid;
  gap: 10px;
}
.prospect-activity-weekday-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  gap: 10px;
  align-items: center;
}
.prospect-activity-metric-row {
  grid-template-columns: minmax(92px, 180px) minmax(0, 1fr) 36px;
}
.prospect-activity-weekday-label,
.prospect-activity-weekday-value {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--muted);
}
.prospect-activity-weekday-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prospect-activity-weekday-bar-shell {
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.prospect-activity-weekday-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--chart-line-start, color-mix(in srgb, var(--app-prospect) 68%, white)), var(--chart-line-end, color-mix(in srgb, var(--app-prospect) 42%, #171a23)));
}
.prospect-activity-print-log-list {
  display: grid;
  gap: 12px;
}
.prospect-activity-print-log-item {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.prospect-activity-print-log-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.prospect-activity-print-log-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.prospect-activity-print-actor {
  flex: 0 0 auto;
  text-align: right;
  color: color-mix(in srgb, var(--ink) 86%, var(--muted));
  font-size: 0.9rem;
  font-weight: 700;
}
.prospect-activity-grouped-log {
  display: grid;
  gap: 20px;
}
.prospect-activity-user-group {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.prospect-activity-user-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.prospect-activity-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
.prospect-activity-summary-card {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.prospect-activity-summary-card strong {
  display: block;
  margin-top: 10px;
  font-size: 1.1rem;
  color: var(--ink);
}
.workboard-summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.team-workboard-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.team-workboard-controls {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(220px, 0.85fr) auto;
  align-items: end;
  gap: 14px;
}
.team-workboard-controls label {
  display: grid;
  gap: 6px;
}
.team-workboard-controls label > span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}
.team-workboard-controls-action {
  display: flex;
  justify-content: flex-end;
}
.team-workboard-overview-panel {
  display: grid;
  gap: 18px;
}
.team-workboard-headline-metrics {
  align-items: center;
  color: var(--muted);
  font-size: 0.86rem;
}
.team-workboard-headline-metrics strong {
  color: var(--ink);
}
.team-workboard-grid-workspace {
  display: grid;
  gap: 24px;
  min-width: 0;
}
.team-workboard-capacity-table {
  min-width: 760px;
}
.team-workboard-capacity-table th:not(:first-child),
.team-workboard-capacity-table td:not(:first-child) {
  text-align: right;
  white-space: nowrap;
}
.team-workboard-capacity-table td:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-workboard-capacity-cell-button {
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-weight: 600;
  padding: 0;
  min-width: 26px;
  text-align: right;
  cursor: pointer;
}
.team-workboard-capacity-cell-button:hover:not(:disabled),
.team-workboard-capacity-cell-button:focus-visible:not(:disabled) {
  color: var(--accent);
  text-decoration: underline;
}
.team-workboard-capacity-cell-button:disabled {
  opacity: 0.72;
  cursor: default;
}
.team-workboard-capacity-cell-button--total {
  font-weight: 700;
}
.team-workboard-detail-heading {
  margin-top: 6px;
}
.team-workboard-items-panel {
  display: grid;
  gap: 18px;
}
.team-workboard-item-table {
  min-width: 1440px;
  table-layout: fixed;
}
.team-workboard-item-table th,
.team-workboard-item-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.team-workboard-item-table .daily-app-pill {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.team-workboard-item-table .prospect-company-group-row td {
  white-space: normal;
  overflow: visible;
}
.team-workboard-item-col-row { width: 5%; }
.team-workboard-item-col-open { width: 4%; }
.team-workboard-item-col-assignee { width: 14%; }
.team-workboard-item-col-source { width: 10%; }
.team-workboard-item-col-name { width: 17%; }
.team-workboard-item-col-company { width: 15%; }
.team-workboard-item-col-status { width: 13%; }
.team-workboard-item-col-last-action { width: 11%; }
.team-workboard-item-col-next-action { width: 11%; }
.team-workboard-item-col-details { width: 5%; }
.team-workboard-item-table .queue-table-filter-control {
  min-width: 0;
}
.team-workboard-item-table .queue-table-filter-control input,
.team-workboard-item-table .queue-table-filter-control select {
  min-width: 0;
  width: 100%;
}
.team-workboard-details-btn {
  min-width: 30px;
  padding: 4px 8px;
  font-family: "Instrument Serif", serif;
  font-size: 1rem;
  line-height: 1;
}
.team-workboard-details-modal-content {
  width: min(620px, calc(100vw - 28px));
}
.team-workboard-details-list {
  display: grid;
  grid-template-columns: minmax(130px, 0.38fr) minmax(0, 1fr);
  gap: 10px 18px;
  margin: 20px 0 0;
}
.team-workboard-details-list dt {
  color: var(--muted);
  font-weight: 600;
}
.team-workboard-details-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 780px) {
  .team-workboard-controls {
    grid-template-columns: 1fr;
  }
  .team-workboard-controls-action {
    justify-content: flex-start;
  }
}
.workboard-status-pill {
  gap: 8px;
  align-items: center;
}
.workboard-status-pill-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(12, 16, 24, 0.28);
  color: inherit;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
.linkedin-lead-sync-grid {
  align-items: start;
}
.linkedin-lead-sync-card {
  display: grid;
  gap: 12px;
}
.linkedin-lead-sync-card-title-row {
  align-items: center;
  gap: 12px;
}
.linkedin-lead-sync-card-title-row h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}
.linkedin-sync-status-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.linkedin-sync-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}
.linkedin-sync-status-dot--ok {
  background: #57d18c;
  box-shadow: 0 0 0 3px rgba(87, 209, 140, 0.15);
}
.linkedin-sync-status-dot--pending {
  background: #f2b84b;
  box-shadow: 0 0 0 3px rgba(242, 184, 75, 0.15);
}
.linkedin-sync-status-dot--error {
  background: #ff7d4d;
  box-shadow: 0 0 0 3px rgba(255, 125, 77, 0.15);
}
.linkedin-sync-row-btn {
  min-width: 92px;
}
.linkedin-sync-last-run-cell {
  min-width: 0;
}
.linkedin-sync-last-error {
  margin-top: 6px;
  max-width: 280px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.linkedin-sync-totals-row td {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.linkedin-lead-filter-shell {
  margin: 18px 0 22px;
  padding: 16px 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    rgba(10, 13, 20, 0.42);
}
.linkedin-lead-filter-shell-head {
  margin-bottom: 14px;
}
.linkedin-lead-filter-shell-head .section-title-actions {
  margin-left: auto;
}
.linkedin-lead-filter-form {
  margin: 0;
}
.linkedin-lead-filter-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
.linkedin-lead-filter-actions {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
.linkedin-lead-filter-actions .ghost {
  min-width: 120px;
}
.linkedin-lead-inbox-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 14px;
}
.linkedin-lead-inbox-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: flex-end;
}
.linkedin-lead-inbox-toolbar-actions select {
  min-width: 180px;
  max-width: 220px;
}
.linkedin-lead-inbox-toolbar-field {
  display: flex;
  align-items: center;
}
#prospectListIntakeProspectNote {
  min-width: 220px;
}
#linkedinLeadBulkAction {
  min-width: 180px;
  max-width: 220px;
}
#linkedinLeadBulkAssignee {
  min-width: 180px;
  max-width: 210px;
}
#linkedinLeadBulkGroupId {
  min-width: 220px;
  max-width: 260px;
}
#linkedinLeadBulkApplyBtn {
  min-width: 120px;
}
.linkedin-lead-inbox-toolbar--footer {
  margin-bottom: 0;
}
.queue-readonly-field {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
}
.queue-readonly-field--multiline {
  align-items: flex-start;
  min-height: 92px;
  white-space: pre-wrap;
}
.linkedin-lead-sync-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.linkedin-lead-sync-meta-grid > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.linkedin-lead-sync-meta-grid strong {
  overflow-wrap: anywhere;
}
.ledger-report-page,
.ledger-report-print-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.ledger-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.ledger-report-head-meta {
  text-align: right;
  flex: 0 0 auto;
}
.ledger-report-filter-bar {
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}
.ledger-report-filter-bar label {
  display: grid;
  gap: 6px;
  min-width: 150px;
}
.ledger-report-filter-bar span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ledger-report-filter-bar select,
.ledger-report-filter-bar input {
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(14, 16, 22, 0.86);
  color: var(--ink);
  padding: 0 12px;
}
.ledger-report-filter-bar button {
  min-height: 42px;
}
.ledger-report-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}
.ledger-report-kpi-card {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.ledger-report-kpi-card .muted {
  display: block;
  font-size: 0.84rem;
  line-height: 1.25;
}
.ledger-report-kpi-card strong {
  display: block;
  margin-top: 10px;
  font-size: 1.1rem;
  line-height: 1.25;
  color: var(--ink);
}
.ledger-report-kpi-card--stacked {
  display: grid;
  gap: 12px;
}
.ledger-report-kpi-split-row + .ledger-report-kpi-split-row {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ledger-report-kpi-split-row strong {
  margin-top: 8px;
}
.ledger-report-charts {
  display: grid;
  gap: 16px;
}
.ledger-report-charts--user,
.ledger-report-charts--global {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ledger-report-chart-card {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.ledger-report-chart-card--wide {
  grid-column: 1 / -1;
}
.ledger-chart-vertical {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 12px;
  align-items: end;
  min-height: 220px;
  margin-top: 14px;
}
.ledger-chart-vertical-item {
  --ledger-chart-item-color: var(--accent);
  display: grid;
  gap: 10px;
  justify-items: center;
}
.ledger-chart-vertical-value {
  font-size: 0.84rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--ledger-chart-item-color) 62%, white);
  text-align: center;
}
.ledger-chart-vertical-bar {
  width: 100%;
  min-height: 170px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 10px;
}
.ledger-chart-vertical-fill {
  width: 100%;
  max-width: 56px;
  min-height: 10px;
  border-radius: 14px 14px 6px 6px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ledger-chart-item-color) 76%, white),
    color-mix(in srgb, var(--ledger-chart-item-color) 70%, #171a23)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 0 1px color-mix(in srgb, var(--ledger-chart-item-color) 22%, transparent);
}
.ledger-chart-vertical-label {
  font-size: 0.82rem;
  text-align: center;
  color: var(--muted);
  line-height: 1.3;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ledger-chart-horizontal {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.ledger-chart-horizontal-item {
  --ledger-chart-item-color: var(--accent);
  display: grid;
  gap: 8px;
}
.ledger-chart-horizontal-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.ledger-chart-horizontal-head span {
  font-size: 0.84rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--ledger-chart-item-color) 62%, white);
}
.ledger-chart-horizontal-bar {
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.ledger-chart-horizontal-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--ledger-chart-item-color) 82%, white),
    color-mix(in srgb, var(--ledger-chart-item-color) 72%, #171a23)
  );
}
.ledger-chart-pie-layout {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 16px;
}
.ledger-chart-pie-shell {
  display: grid;
  place-items: center;
}
.ledger-chart-pie {
  width: min(220px, 100%);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 0 0 24px rgba(15, 16, 20, 0.92),
    0 0 0 1px rgba(255, 255, 255, 0.04);
}
.ledger-chart-pie-legend {
  display: grid;
  gap: 12px;
}
.ledger-chart-pie-legend-item {
  display: grid;
  gap: 6px;
}
.ledger-chart-pie-legend-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ledger-chart-pie-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.ledger-chart-pie-legend-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 700;
}
.ledger-report-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  border-radius: 10px;
}
.ledger-breakdown-stack {
  display: grid;
  gap: 16px;
}
.ledger-breakdown-panel {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
}
.ledger-breakdown-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.ledger-breakdown-head h4 {
  margin: 0;
  color: var(--ink);
}
.ledger-breakdown-head p {
  max-width: 560px;
  margin: 0;
  text-align: right;
}
.ledger-report-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.ledger-report-table th,
.ledger-report-table td {
  padding: 9px 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-size: 0.9rem;
}
.ledger-report-table th {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--accent-soft);
}
.ledger-report-table .ledger-report-col--model_label,
.ledger-report-table .ledger-report-col--last_model,
.ledger-report-table .ledger-report-col--last_run_at,
.ledger-report-table .ledger-report-col--last_run,
.ledger-report-table .ledger-report-col--last_activity {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.ledger-report-table .ledger-report-col--model_label,
.ledger-report-table .ledger-report-col--last_model {
  min-width: 120px;
  max-width: 180px;
}
.ledger-report-table .ledger-report-col--last_run_at,
.ledger-report-table .ledger-report-col--last_run,
.ledger-report-table .ledger-report-col--last_activity {
  min-width: 132px;
  max-width: 170px;
}
.ledger-report-table .ledger-report-col--input_tokens,
.ledger-report-table .ledger-report-col--output_tokens,
.ledger-report-table .ledger-report-col--total_tokens {
  font-variant-numeric: tabular-nums;
}
.ledger-report-table tbody tr:last-child td {
  border-bottom: 0;
}
.ledger-report-table tbody tr.ledger-report-app-row {
  --ledger-row-accent: var(--accent);
  background: color-mix(in srgb, var(--ledger-row-accent) 9%, transparent);
}
.ledger-report-table tbody tr.ledger-report-app-row td {
  border-bottom-color: color-mix(in srgb, var(--ledger-row-accent) 22%, rgba(255, 255, 255, 0.08));
}
.ledger-report-table tbody tr.ledger-report-app-row td:first-child {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ledger-row-accent) 76%, white);
}
.prospect-activity-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.prospect-activity-summary-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.prospect-activity-summary-list-item {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.prospect-activity-summary-list-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.prospect-activity-summary-list-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.prospect-report-option-row {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
  cursor: pointer;
}
.prospect-report-option-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--app-prospect);
  cursor: pointer;
}
.prospect-report-option-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.prospect-report-option-copy strong {
  font-size: 0.94rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ink) 88%, var(--muted));
}
.prospect-activity-log-card {
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease, transform 140ms ease;
}
.prospect-activity-log-card--completed {
  border-color: rgba(124, 242, 154, 0.34);
  background:
    radial-gradient(circle at top right, rgba(124, 242, 154, 0.08), transparent 42%),
    #101720;
  box-shadow: 0 0 0 1px rgba(124, 242, 154, 0.08), 0 10px 22px rgba(0, 0, 0, 0.16);
}
.prospect-activity-log-card--selected {
  border-color: color-mix(in srgb, var(--app-prospect) 48%, #373d4f);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--app-prospect) 10%, transparent), transparent 42%),
    #111621;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-prospect) 16%, transparent), 0 12px 28px rgba(0, 0, 0, 0.22);
}
.prospect-activity-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.prospect-activity-card-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.prospect-activity-log-card--completed .prospect-activity-log-copy h3,
.prospect-activity-log-card--completed .prospect-activity-log-copy .muted {
  color: color-mix(in srgb, var(--ink) 92%, #abf7bf);
}
.prospect-activity-log-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.prospect-activity-card-footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  margin-top: 14px;
}
.prospect-activity-open-btn {
  margin-left: auto;
  min-height: 34px;
  padding: 6px 12px;
}
.prospect-agenda-list {
  grid-template-columns: 1fr;
}
.prospect-agenda-controls-panel {
  display: grid;
  gap: 18px;
}
.prospect-agenda-filter-grid {
  display: grid;
  grid-template-columns: minmax(190px, 0.9fr) minmax(190px, 1fr) auto;
  gap: 14px;
  align-items: end;
}
.prospect-agenda-filter-grid label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 0.82rem;
}
.prospect-agenda-filter-grid .form-submit-row {
  margin: 0;
}
.prospect-agenda-calendar-panel {
  display: grid;
  gap: 14px;
}
.prospect-agenda-calendar {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(8, 10, 15, 0.24);
}
.prospect-agenda-calendar-weekdays,
.prospect-agenda-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.prospect-agenda-calendar-weekdays {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.prospect-agenda-calendar-weekdays span {
  padding: 9px 10px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.prospect-agenda-calendar-days > span,
.prospect-agenda-calendar-day {
  min-height: 70px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.055);
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}
.prospect-agenda-calendar-day {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.prospect-agenda-calendar-day:hover,
.prospect-agenda-calendar-day:focus-visible {
  background: rgba(255, 111, 60, 0.12);
  outline: none;
}
.prospect-agenda-calendar-day.is-reference {
  box-shadow: inset 0 0 0 1px var(--accent);
  background: rgba(255, 111, 60, 0.08);
}
.prospect-agenda-calendar-day small {
  min-width: 21px;
  min-height: 21px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--ink);
  font-size: 0.68rem;
  line-height: 17px;
}
.prospect-agenda-calendar-day.has-past-due small { background: rgba(255, 95, 95, 0.24); color: #ffcbcb; }
.prospect-agenda-calendar-day.has-today small { background: rgba(243, 201, 105, 0.22); color: #f8dd97; }
.prospect-agenda-calendar-day.has-scheduled small { background: rgba(124, 242, 154, 0.2); color: #abf7bf; }
.prospect-agenda-calendar-key {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin: 0;
  font-size: 0.78rem;
}
.prospect-agenda-calendar-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 7px;
}
.prospect-agenda-calendar-dot:first-child { margin-left: 0; }
.prospect-agenda-calendar-dot--past-due { background: #ff8f8f; }
.prospect-agenda-calendar-dot--today { background: #f3c969; }
.prospect-agenda-calendar-dot--scheduled { background: #7cf29a; }
.prospect-agenda-grid-wrap {
  overflow-x: scroll;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(255, 111, 60, 0.68) rgba(255, 255, 255, 0.055);
  scrollbar-width: thin;
}
.prospect-agenda-grid { width: 100%; min-width: 740px; border-collapse: collapse; }
.prospect-agenda-grid th,
.prospect-agenda-grid td { padding: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-align: left; vertical-align: top; }
.prospect-agenda-grid th { color: var(--muted); font-size: 0.74rem; text-transform: uppercase; }
.prospect-agenda-grid-email { display: block; margin-top: 4px; }
.prospect-agenda-status-pill {
  margin-left: 8px;
}
.prospect-agenda-status-pill--past-due {
  border-color: rgba(255, 95, 95, 0.6);
  background: rgba(255, 95, 95, 0.14);
  color: #ffb4b4;
}
.prospect-agenda-status-pill--completed {
  border-color: rgba(124, 242, 154, 0.58);
  background: rgba(124, 242, 154, 0.13);
  color: #b8f8c8;
}
.prospect-agenda-status-pill--today {
  border-color: rgba(243, 201, 105, 0.62);
  background: rgba(243, 201, 105, 0.14);
  color: #f8dd97;
}
.prospect-agenda-status-pill--scheduled {
  border-color: rgba(110, 176, 255, 0.6);
  background: rgba(110, 176, 255, 0.14);
  color: #b9d8ff;
}
.prospect-agenda-sort-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.prospect-agenda-sort-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 179, 152, 0.32);
  color: var(--accent-soft);
  font-size: 0.78rem;
  line-height: 1;
}

@media (max-width: 720px) {
  .prospect-agenda-filter-grid { grid-template-columns: 1fr; }
  .prospect-agenda-filter-grid .form-submit-row { justify-content: flex-start; }
  .prospect-agenda-calendar-days > span,
  .prospect-agenda-calendar-day { min-height: 52px; padding: 7px; }
  .prospect-agenda-calendar-weekdays span { padding: 8px 3px; font-size: 0.62rem; }
}
.prospect-activity-card-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 10px 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  cursor: pointer;
  user-select: none;
}
.prospect-activity-card-toggle:hover {
  border-color: color-mix(in srgb, var(--app-prospect) 30%, rgba(255, 255, 255, 0.10));
  color: var(--ink);
}
.prospect-activity-card-toggle-text {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.prospect-activity-check-ui {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(15, 18, 26, 0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.prospect-activity-check-ui::after {
  content: "";
  width: 8px;
  height: 4px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(-45deg) translateY(-1px);
}
.prospect-activity-select {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.prospect-activity-card-toggle:has(.prospect-activity-select:checked) .prospect-activity-check-ui {
  border-color: color-mix(in srgb, var(--app-prospect) 52%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--app-prospect) 24%, #121723);
}
.prospect-activity-card-toggle:has(.prospect-activity-select:checked) .prospect-activity-check-ui::after {
  border-left-color: color-mix(in srgb, var(--app-prospect) 80%, white);
  border-bottom-color: color-mix(in srgb, var(--app-prospect) 80%, white);
}
.prospect-activity-card-toggle:has(.prospect-activity-select:checked) {
  border-color: color-mix(in srgb, var(--app-prospect) 34%, rgba(255, 255, 255, 0.10));
  color: color-mix(in srgb, var(--app-prospect) 78%, white);
}
.prospect-activity-card-toggle:has(.prospect-activity-select:focus-visible) {
  outline: 2px solid color-mix(in srgb, var(--app-prospect) 60%, white);
  outline-offset: 2px;
}
.history-status-pill, .tag {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: fit-content;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.history-status-pill--completed {
  border: 1px solid color-mix(in srgb, var(--ok) 48%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--ok) 84%, white);
}
.history-status-pill--failed {
  border: 1px solid color-mix(in srgb, var(--danger) 52%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--danger) 14%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--danger) 84%, white);
}
.document-status-pill {
  border-color: rgba(118, 214, 161, 0.24);
  color: #b9f0c8;
}
.document-ai-pill {
  border: 1px solid rgba(102, 185, 255, 0.32);
  background: rgba(102, 185, 255, 0.12);
  color: #bfe2ff;
}
.document-library-card .history-title-row {
  align-items: flex-start;
}
.document-library-card .history-title-row > h3 {
  flex: 1 1 auto;
  min-width: 0;
}
.document-library-card .history-corner-tools {
  margin-left: auto;
  align-self: flex-start;
}
.document-library-columns {
  grid-template-columns: 1fr;
}
.document-language-column {
  --document-language-accent: var(--accent);
  border-left: 3px solid color-mix(in srgb, var(--document-language-accent) 68%, transparent);
  padding-left: 14px;
}
.document-language-column > h3 {
  color: color-mix(in srgb, var(--document-language-accent) 78%, var(--ink));
}
.document-language-column[data-column-language="it"] {
  --document-language-accent: var(--app-audience-export);
}
.document-language-column[data-column-language="en"] {
  --document-language-accent: var(--app-proposal);
}
.document-library-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.document-library-card {
  --document-card-accent: var(--accent);
  --document-card-surface: rgba(255, 111, 60, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 230px;
  border-color: color-mix(in srgb, var(--document-card-accent) 34%, #373d4f);
  background:
    radial-gradient(circle at top right, var(--document-card-surface), transparent 46%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 52%),
    #111621;
}
.document-library-card[data-document-language="it"] {
  --document-card-accent: var(--app-audience-export);
  --document-card-surface: rgba(244, 179, 93, 0.12);
}
.document-library-card[data-document-language="en"] {
  --document-card-accent: var(--app-proposal);
  --document-card-surface: rgba(102, 185, 255, 0.12);
}
.document-library-meta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 6px;
  color: var(--muted);
  font-size: 0.88rem;
}
.document-library-meta-row > span:not(.document-product-pill) {
  display: inline-flex;
  align-items: center;
}
.document-library-meta-row > span:not(.document-product-pill) + span:not(.document-product-pill)::before {
  content: "•";
  margin-right: 6px;
  color: rgba(244, 239, 230, 0.36);
}
.document-product-pill {
  --document-product-accent: var(--accent);
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  border: 1px solid color-mix(in srgb, var(--document-product-accent) 48%, rgba(255, 255, 255, 0.12));
  border-radius: 999px;
  padding: 3px 9px;
  background: color-mix(in srgb, var(--document-product-accent) 16%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--document-product-accent) 82%, white);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
}
.document-product-pill[data-product-tone="0"] {
  --document-product-accent: var(--accent);
}
.document-product-pill[data-product-tone="1"] {
  --document-product-accent: var(--app-proposal);
}
.document-product-pill[data-product-tone="2"] {
  --document-product-accent: var(--app-pitch);
}
.document-product-pill[data-product-tone="3"] {
  --document-product-accent: var(--app-frame);
}
.document-product-pill[data-product-tone="4"] {
  --document-product-accent: var(--app-prospect);
}
.document-product-pill[data-product-tone="5"] {
  --document-product-accent: var(--app-audience-export);
}
.document-product-pill--global {
  --document-product-accent: var(--muted);
}
.document-product-scope-panel {
  border: 1px solid var(--panel-border);
  border-radius: 12px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.02);
}
.document-product-scope-panel > .muted {
  margin: 0 0 12px;
}
.document-product-scope-list {
  display: grid;
  gap: 8px;
}
.document-product-scope-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(15, 16, 20, 0.46);
}
.document-product-scope-row label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.document-product-scope-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
}
.document-product-required-option {
  color: var(--muted);
  font-size: 0.86rem;
}
.document-chunk-kind-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.document-chunk-kind {
  color: color-mix(in srgb, var(--app-proposal) 78%, white);
  border-color: color-mix(in srgb, var(--app-proposal) 42%, transparent);
  background: color-mix(in srgb, var(--app-proposal) 12%, transparent);
}
.document-library-actions-row {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
}
.document-library-actions-row > .row:first-child {
  flex: 1 1 auto;
}
.document-library-actions-row .delete-document-btn {
  margin-left: auto;
}
.tag-row { display: flex; gap: 8px; flex-wrap: wrap; }
.pitch-preview-list-cold-calling {
  align-items: stretch;
}
.pitch-preview-list-fullwidth {
  grid-template-columns: minmax(0, 1fr);
}
.pitch-preview-actions-row {
  margin-top: 18px;
  justify-content: flex-end;
}
.pitch-step-card {
  border-color: rgba(255, 111, 60, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 111, 60, 0.06), transparent 45%),
    #111621;
}
.pitch-step-badge {
  --step-size: 34px;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--step-size);
  height: var(--step-size);
  flex: 0 0 var(--step-size);
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 239, 228, 0.34), transparent 42%),
    linear-gradient(145deg, rgba(255, 163, 119, 0.34), rgba(255, 111, 60, 0.74)),
    #26150f;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 236, 0.22),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(255, 111, 60, 0.34);
  overflow: hidden;
}
.pitch-step-badge__ring {
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 232, 220, 0.34);
  background: linear-gradient(180deg, rgba(10, 13, 20, 0.06), rgba(10, 13, 20, 0.24));
}
.pitch-step-badge__number {
  position: relative;
  z-index: 1;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  color: #fff3ec;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
@media (min-width: 760px) {
  .pitch-preview-list-cold-calling .pitch-step-card--1 {
    grid-column: 1;
    grid-row: 1;
  }
  .pitch-preview-list-cold-calling .pitch-step-card--2 {
    grid-column: 2;
    grid-row: 1;
  }
  .pitch-preview-list-cold-calling .pitch-step-card--3 {
    grid-column: 1;
    grid-row: 2;
  }
  .pitch-preview-list-cold-calling .pitch-step-card--4 {
    grid-column: 2;
    grid-row: 2;
  }
}
.proposal-doc { line-height: 1.7; }
.proposal-preview {
  min-height: 520px;
  padding: 18px;
  border: 1px solid #32384a;
  border-radius: 14px;
  background: #0c1017;
  line-height: 1.75;
}
.proposal-preview:focus {
  outline: 2px solid rgba(255, 111, 60, 0.28);
  outline-offset: 2px;
}
.proposal-preview h1,
.pitch-output-preview h1,
.proposal-preview h2,
.pitch-output-preview h2,
.proposal-preview h3,
.pitch-output-preview h3 {
  margin-top: 0;
}
.pitch-output-preview p,
.pitch-output-preview ul,
.pitch-output-preview ol {
  margin: 0 0 12px;
}
.pitch-output-preview ul,
.pitch-output-preview ol {
  padding-left: 20px;
}
.pitch-output-doc {
  line-height: 1.7;
}
.pitch-output-doc--scenario .pitch-scenario-section-heading {
  margin: 0 0 10px;
  color: #ffd7c7;
  font-size: 1rem;
  font-weight: 700;
}
.pitch-output-doc--scenario .pitch-scenario-product-heading {
  margin: 0 0 10px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(255, 111, 60, 0.32);
  font-size: 1.34rem;
  font-weight: 900;
  color: #fff1e8;
  letter-spacing: 0.015em;
  line-height: 1.25;
}
.pitch-output-doc--scenario .pitch-scenario-product-heading:first-child {
  margin-top: 0;
}
.pitch-output-doc--scenario .pitch-scenario-products {
  display: grid;
  gap: 24px;
}
.pitch-output-doc--scenario .pitch-scenario-product-block {
  position: relative;
  margin: 0 0 10px;
  padding: 24px 20px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 111, 60, 0.18);
  background:
    radial-gradient(circle at top right, rgba(255, 111, 60, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0)),
    rgba(11, 15, 23, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 28px rgba(0, 0, 0, 0.18);
}
.pitch-output-doc--scenario .pitch-scenario-product-block::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 8px;
  right: 8px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 111, 60, 0.46), transparent);
}
.pitch-output-doc--scenario .pitch-scenario-product-block:first-child::before {
  display: none;
}
.pitch-output-doc--scenario .pitch-scenario-product-descriptor {
  margin: 0 0 14px;
  color: #b7c0cf;
}
.pitch-output-doc--scenario .pitch-scenario-card {
  margin: 0 0 14px;
  padding: 14px 14px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 11, 18, 0.58);
}
.pitch-output-doc--scenario .pitch-scenario-card:last-child {
  margin-bottom: 0;
}
.pitch-output-doc--scenario .pitch-scenario-card-title {
  margin: 0 0 10px;
  color: #fff2ec;
  font-size: 1rem;
  font-weight: 700;
}
.pitch-output-doc--scenario .pitch-scenario-card-line {
  margin: 0 0 10px;
}
.pitch-output-doc--scenario .pitch-scenario-card-line:last-child {
  margin-bottom: 0;
}
.pitch-output-doc--scenario .pitch-scenario-card-label {
  display: block;
  margin: 0 0 3px;
  color: #ffb18c;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pitch-output-doc--scenario .pitch-scenario-card-value {
  display: block;
}
.pitch-output-preview table,
.pitch-output-doc table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  overflow: hidden;
  border-radius: 12px;
}
.pitch-output-preview th,
.pitch-output-preview td,
.pitch-output-doc th,
.pitch-output-doc td {
  border: 1px solid #32384a;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
.pitch-output-preview th,
.pitch-output-doc th {
  background: #151c28;
}
.pitch-wave-block {
  position: relative;
  margin: 0 0 28px;
  padding: 18px 20px 20px;
  border: 1px solid rgba(255, 111, 60, 0.32);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(255, 111, 60, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 111, 60, 0.1), rgba(255, 111, 60, 0.03)),
    #0f141d;
  box-shadow:
    inset 0 1px 0 rgba(255, 242, 236, 0.05),
    0 16px 30px rgba(0, 0, 0, 0.22);
}
.pitch-wave-heading {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(255, 111, 60, 0.24);
  color: #ffe0d3;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pitch-touch-block {
  margin: 0 0 14px;
  padding: 14px 15px 15px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    rgba(8, 11, 18, 0.72);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.pitch-touch-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.pitch-touch-heading {
  margin: 0;
  color: #f4efe6;
}
.pitch-touch-copy-btn {
  flex: 0 0 auto;
}
.pitch-touch-copy-source {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 10px;
}
.pitch-touch-spacer {
  height: 10px;
}
.pitch-touch-body {
  color: #f4efe6;
}
.pitch-touch-meta {
  color: #ddd4c8;
}
.pitch-touch-meta strong {
  color: #ffb08f;
}
.proposal-preview table,
.proposal-doc table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  overflow: hidden;
  border-radius: 12px;
}
.proposal-preview th,
.proposal-preview td,
.proposal-doc th,
.proposal-doc td {
  border: 1px solid #32384a;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
.proposal-preview th,
.proposal-doc th {
  background: #151c28;
}
.proposal-preview .roi-positive,
.proposal-doc .roi-positive {
  background: rgba(103, 211, 145, 0.14);
  color: #bff0ce;
}
.proposal-preview .roi-reduction,
.proposal-doc .roi-reduction {
  background: rgba(255, 127, 127, 0.14);
  color: #ffd4d4;
}
.proposal-action-row {
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.proposal-create-action-row {
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.gamma-presentation-modal-content {
  width: min(940px, 96vw);
  max-height: min(92vh, 980px);
  overflow-y: auto;
  position: relative;
}
.gamma-modal-header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding-bottom: 12px;
  margin-bottom: 4px;
  background: #141925;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.gamma-modal-header-copy {
  min-width: 0;
}
.gamma-modal-header-actions {
  justify-self: end;
  align-self: start;
}
.gamma-modal-close-btn {
  justify-self: end;
  align-self: start;
}
.gamma-presentation-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gamma-presentation-form-grid--secondary {
  margin-top: 12px;
}
.gamma-credentials-head {
  margin-bottom: 0;
  padding-top: 2px;
}
.gamma-credentials-panel {
  margin-top: 12px;
}
.gamma-credentials-grid {
  padding: 12px 14px;
  border: 1px solid #32384a;
  border-radius: 12px;
  background: #101621;
}
.gamma-theme-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.gamma-presentation-actions-row {
  justify-content: flex-end;
  margin-top: 16px;
  gap: 12px;
}
.gamma-history-card-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}
.gamma-delete-job-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  justify-self: end;
}
.gamma-delete-job-btn svg {
  pointer-events: none;
}
.gamma-presentation-history-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-top: 16px;
}
.gamma-history-title-row {
  align-items: flex-start;
}
.gamma-theme-browser-body {
  min-height: 100vh;
  padding: 28px;
}
.gamma-theme-browser-panel {
  width: min(1120px, 100%);
  margin: 0 auto;
}
.gamma-theme-browser-head,
.gamma-theme-browser-footer,
.gamma-theme-browser-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.gamma-theme-browser-toolbar {
  margin-top: 18px;
}
.gamma-theme-browser-toolbar input {
  flex: 1 1 auto;
}
.gamma-theme-browser-list {
  margin-top: 18px;
}
.gamma-theme-browser-card {
  border-color: rgba(229, 160, 120, 0.35);
}
.gamma-theme-browser-footer {
  margin-top: 18px;
}
.gamma-payload-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.proposal-export-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 180px;
}
.proposal-export-controls label {
  margin: 0;
  font-size: 0.9rem;
}
.proposal-export-controls select {
  min-width: 180px;
}
.proposal-kicker { text-transform: uppercase; letter-spacing: 0.18em; font-size: 12px; color: var(--accent-soft); }
.proposal-subtitle { color: var(--muted); }
.job-status {
  border: 1px solid #373d4f;
  border-radius: 12px;
  background: #111621;
  padding: 16px;
}
.job-status.is-working {
  box-shadow: inset 0 0 0 1px rgba(99, 210, 168, 0.16);
}
.job-status.is-error {
  border-color: color-mix(in srgb, var(--danger) 54%, #373d4f);
  background: color-mix(in srgb, var(--danger) 8%, #111621);
}
.job-status.is-error #paper-job-message,
.job-status.is-error #paper-job-detail {
  color: var(--danger);
}
.campaign-job-elapsed {
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
}
.campaign-job-elapsed.is-urgent {
  color: color-mix(in srgb, var(--accent) 78%, white);
}
.bar {
  margin-top: 8px;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #252b39;
  overflow: hidden;
}
.bar span {
  display: block;
  height: 100%;
  width: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, var(--accent), #ffc94b);
  transition: width 0.25s ease;
}
.job-status.is-working .bar span {
  position: relative;
}
.job-status.is-working .bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, rgba(255,255,255,0.0), rgba(255,255,255,0.2), rgba(255,255,255,0.0));
  animation: campaign-progress-glint 1.55s ease-in-out infinite;
  opacity: 0.42;
}
@keyframes campaign-progress-glint {
  0% { transform: translateX(-140%); }
  100% { transform: translateX(420%); }
}
.stages {
  margin-top: 14px;
  display: grid;
  gap: 8px;
}
@media (max-width: 840px) {
  .gamma-presentation-form-grid {
    grid-template-columns: 1fr;
  }
  .gamma-presentation-history-head {
    flex-direction: column;
    align-items: stretch;
  }
  .gamma-theme-row,
  .gamma-theme-browser-head,
  .gamma-theme-browser-footer,
  .gamma-theme-browser-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .gamma-payload-summary-grid {
    grid-template-columns: 1fr;
  }
}
.upload-dropzone {
  display: grid;
  gap: 4px;
  padding: 16px;
  margin-bottom: 10px;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.upload-dropzone:hover,
.upload-dropzone:focus-visible,
.upload-dropzone.drag-over {
  border-color: rgba(255, 111, 60, 0.75);
  background: rgba(255, 111, 60, 0.08);
  transform: translateY(-1px);
}
.paper-art-direction-header-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 14px;
  align-items: end;
  margin: 6px 0 8px;
}
.paper-desired-outcome-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.paper-desired-outcome-heading > label {
  margin: 0;
}
.paper-desired-outcome-improve.ghost {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 0.78rem;
  line-height: 1;
}
.paper-desired-outcome-improve svg {
  width: 14px;
  height: 14px;
  fill: var(--active);
}
.paper-desired-outcome-improve-status {
  min-height: 0;
  margin: 6px 0 0;
  font-size: 0.78rem;
}
.paper-desired-outcome-improve-status:empty {
  display: none;
}
.paper-art-direction-preset-control {
  min-width: 0;
}
#paper-image-creative-prompt-tools .status:empty,
#paper-local-prompt-status:empty,
#paper-reader-outcome-status:empty,
#paper-brief-import-status:empty {
  display: none;
}
#paper-image-creative-prompt-tools .status {
  margin-top: 8px;
}
#paper-art-direction-block > .paper-art-direction-header-row > label[for="paper-art-direction-notes"] {
  margin-bottom: 0;
  align-self: end;
}
.stage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border: 1px solid #353a4b;
  border-radius: 9px;
  padding: 8px 10px;
  background: #131825;
  position: relative;
  overflow: hidden;
}
.stage-active::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(241, 195, 91, 0.08) 35%, rgba(241, 195, 91, 0.18) 50%, rgba(241, 195, 91, 0.08) 65%, transparent 100%);
  transform: translateX(-100%);
  animation: stage-shimmer 1.8s ease-in-out infinite;
  pointer-events: none;
}
.stage-info {
  min-width: 0;
  flex: 1 1 auto;
}
.stage-label {
  font-size: 14px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.stage-active .stage-label::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 999px;
  background: #f1c35b;
  box-shadow: 0 0 0 rgba(241, 195, 91, 0.55);
  animation: stage-pulse 1.4s ease-in-out infinite;
}
.stage-detail {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
}
.stage-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}
.stage-action-btn {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.stage-badge {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  padding: 4px 8px;
  border: 1px solid transparent;
}
.stage-badge.pending {
  color: #cfd6ea;
  border-color: #555d73;
}
.stage-badge.active {
  color: #2d1f00;
  background: #f1c35b;
}
.stage-badge.done {
  color: #06331a;
  background: #7ef0b0;
}
.stage-badge.skipped {
  color: #22314d;
  background: #d7e3f8;
}
.stage-badge.error {
  color: #3a0707;
  background: #ff8a8a;
}
.stage-badge.failed {
  color: #3a0707;
  background: #ff8a8a;
}
.frame-render-log-panel {
  border: 1px solid #353a4b;
  border-radius: 12px;
  background: #131825;
  overflow: hidden;
}
.frame-render-run-error {
  margin: 10px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.frame-render-run-progress {
  margin: 10px 0 0;
}
.frame-render-live-box {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #353a4b;
  border-radius: 12px;
  background: #131825;
}
.frame-render-live-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.frame-render-live-row + .frame-render-live-row {
  margin-top: 6px;
}
.frame-render-live-label {
  font-size: 0.82rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.frame-render-live-value {
  font-size: 0.92rem;
  font-weight: 700;
  text-align: right;
}
.frame-render-live-value--with-pulse {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.frame-render-live-pulse {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #57d48d;
  box-shadow: 0 0 0 0 rgba(87, 212, 141, 0.7);
  animation: frame-render-pulse 1.5s ease-out infinite;
  flex: 0 0 auto;
}
@keyframes frame-render-pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(87, 212, 141, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(87, 212, 141, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(87, 212, 141, 0);
  }
}
.frame-render-log-panel summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 700;
  list-style: none;
}
.frame-render-log-panel summary::-webkit-details-marker {
  display: none;
}
.frame-render-log-pre {
  margin: 0;
  padding: 0 14px 14px;
  white-space: pre-wrap;
  word-break: break-word;
  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #d7deed;
}
@keyframes stage-pulse {
  0% {
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(241, 195, 91, 0.4);
  }
  60% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(241, 195, 91, 0);
  }
  100% {
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(241, 195, 91, 0);
  }
}
@keyframes stage-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes admin-indeterminate-slide {
  0% {
    transform: translateX(-120%);
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(260%);
    opacity: 0.55;
  }
}
.prompt-log {
  white-space: pre-wrap;
  word-break: break-word;
  background: #0c111c;
  border: 1px solid #353c4f;
  border-radius: 12px;
  padding: 14px;
  color: var(--ink);
  max-height: 60vh;
  overflow: auto;
}
.admin-api-grid, .admin-app-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; }
.admin-api-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  padding-left: 14px;
}
.admin-api-grid.admin-runtime-defaults-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#admin-user-access.admin-api-grid {
  grid-template-columns: 1fr;
}
.admin-key-card {
  --workflow-accent: rgba(255, 255, 255, 0.14);
  padding: 16px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--workflow-accent) 28%, rgba(255, 255, 255, 0.08));
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--workflow-accent) 16%, transparent), transparent 44%),
    rgba(8, 10, 16, 0.34);
}
.admin-key-card--proposal { --workflow-accent: var(--app-proposal); }
.admin-key-card--pitch { --workflow-accent: var(--app-pitch); }
.admin-key-card--paper { --workflow-accent: var(--app-paper); }
.admin-key-card--survey { --workflow-accent: var(--app-survey); }
.admin-key-card--nurture { --workflow-accent: var(--app-nurture); }
.admin-key-card--mailer { --workflow-accent: var(--app-mailer); }
.admin-key-card--social { --workflow-accent: var(--app-social); }
.admin-key-card--audience-export { --workflow-accent: var(--app-audience-export); }
.admin-key-card--presentation { --workflow-accent: var(--app-presentation); }
.admin-key-card--frame { --workflow-accent: var(--app-frame); }
.admin-key-card--prospect { --workflow-accent: var(--app-prospect); }
.admin-key-card--campaign { --workflow-accent: var(--app-campaign); }
.admin-key-card-main { grid-column: 1 / -1; }
.admin-outlook-mailbox-card {
  grid-column: 1 / -1;
}
.admin-outlook-mailbox-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-top: 16px;
}
.admin-outlook-mailbox-head .muted { max-width: 760px; margin: 0; line-height: 1.45; }
.admin-outlook-mailbox-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 18px;
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  background: var(--panel-border);
}
.admin-outlook-mailbox-facts > span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
  background: rgba(15, 18, 26, 0.92);
}
.admin-outlook-mailbox-facts small { color: var(--muted); }
.admin-outlook-mailbox-facts strong { overflow-wrap: anywhere; }
.admin-outlook-mailbox-actions { justify-content: flex-end; gap: 10px; margin-top: 14px; }
.admin-outlook-mailbox-state--connected { color: color-mix(in srgb, var(--ok) 78%, white); }
.admin-outlook-mailbox-state--disconnected { color: var(--muted); }
@media (max-width: 760px) {
  .admin-outlook-mailbox-head { display: grid; }
  .admin-outlook-mailbox-facts { grid-template-columns: 1fr; }
  .admin-outlook-mailbox-actions { justify-content: stretch; }
  .admin-outlook-mailbox-actions > * { flex: 1; }
}
.admin-key-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.admin-key-card-head > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.admin-key-card-head > button {
  flex: 0 0 auto;
  margin-left: auto;
}
.admin-key-card h3 { margin: 0 0 10px; }
#admin-subapp-default-keys-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 980px) {
  .admin-api-grid.admin-runtime-defaults-grid {
    grid-template-columns: 1fr;
  }
  #admin-subapp-default-keys-panel {
    grid-template-columns: 1fr;
  }
  .admin-user-access-toolbar {
    grid-template-columns: 1fr;
  }
  .admin-user-access-card-layout {
    grid-template-columns: 1fr;
  }
  .admin-user-request-meta {
    padding-left: 0;
    flex-wrap: wrap;
  }
  .home-access-divider {
    display: none;
  }
}
.admin-key-provider-list { display: grid; gap: 14px; }
.admin-key-provider {
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.admin-key-input-row {
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.admin-key-input-row > input {
  flex: 1 1 280px;
  min-width: 0;
}
.admin-key-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.admin-provider-active-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  margin-left: auto;
  min-height: 40px;
  font-size: 0.92rem;
}
.admin-provider-active-toggle input[type="checkbox"] {
  margin: 0;
}
.admin-key-state {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.admin-key-state.ok {
  color: var(--ok);
  border-color: rgba(103, 211, 145, 0.35);
  background: rgba(103, 211, 145, 0.12);
}
.admin-key-state.missing {
  color: var(--danger);
  border-color: rgba(255, 127, 127, 0.35);
  background: rgba(255, 127, 127, 0.12);
}
.override-key-panel {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
}
@media (max-width: 720px) {
  .admin-provider-active-toggle {
    margin-left: 0;
  }
}
.admin-subsection {
  margin-top: 18px;
  padding: 16px 0 0 14px;
  border-top: 1px solid color-mix(in srgb, var(--admin-subapp-accent) 18%, rgba(255, 255, 255, 0.08));
  width: 100%;
  box-sizing: border-box;
}
.admin-api-grid > .admin-subsection {
  grid-column: 1 / -1;
}
.admin-subsection-open {
  padding-top: 18px;
}
.admin-ses-account-health-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-left: 3px solid var(--muted);
  background: rgba(255, 255, 255, 0.025);
}
.admin-ses-account-health-summary.ok { border-left-color: var(--ok); }
.admin-ses-account-health-summary.warning { border-left-color: var(--danger); }
.admin-ses-account-health-summary span { color: var(--muted); font-size: 0.82rem; }
.admin-ses-account-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.admin-ses-account-health-grid > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.admin-ses-account-health-grid span,
.admin-ses-account-health-grid strong { display: block; }
.admin-ses-account-health-grid span { color: var(--muted); font-size: 0.74rem; }
.admin-ses-account-health-grid strong { margin-top: 4px; overflow-wrap: anywhere; }
.admin-ses-account-health-meta { margin: 10px 0 0; font-size: 0.8rem; overflow-wrap: anywhere; }
.admin-ses-account-health-detail {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 2px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.02);
}
.admin-ses-account-health-detail p { margin: 6px 0 0; color: var(--muted); font-size: 0.8rem; overflow-wrap: anywhere; }
.admin-ses-account-health-detail p span { color: var(--ink); }
.admin-ses-account-health-detail p span.is-ready { color: var(--ok); }
.admin-ses-account-health-detail p span.is-required { color: var(--warning, #f6c76a); }
@media (max-width: 720px) {
  .admin-ses-account-health-grid { grid-template-columns: 1fr; }
}
.admin-advanced-panel {
  margin-top: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
}
.admin-advanced-panel summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 15px;
  font-weight: 600;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.admin-advanced-panel summary::-webkit-details-marker {
  display: none;
}
.admin-advanced-panel summary::after {
  content: "+";
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1;
}
.admin-advanced-panel[open] summary::after {
  content: "-";
}
.admin-advanced-panel-body {
  padding: 0 15px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.admin-provider-pricing-list {
  display: block;
}
.admin-pricing-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}
.admin-pricing-meta-item {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font-size: 0.84rem;
}
.admin-pricing-table {
  display: grid;
  gap: 12px;
  padding-left: 14px;
}
.admin-pricing-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(100px, 1fr));
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(8, 10, 16, 0.34);
}
.admin-pricing-row--openai {
  border-color: rgba(104, 224, 194, 0.28);
  background:
    linear-gradient(90deg, rgba(104, 224, 194, 0.12), rgba(8, 10, 16, 0.1) 18%),
    rgba(8, 10, 16, 0.34);
  box-shadow: inset 0 0 0 1px rgba(104, 224, 194, 0.06);
}
.admin-pricing-row--claude {
  border-color: rgba(255, 173, 108, 0.28);
  background:
    linear-gradient(90deg, rgba(255, 173, 108, 0.12), rgba(8, 10, 16, 0.1) 18%),
    rgba(8, 10, 16, 0.34);
  box-shadow: inset 0 0 0 1px rgba(255, 173, 108, 0.06);
}
.admin-pricing-row > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-pricing-model-cell {
  min-width: 0;
}
.admin-pricing-model-header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}
.admin-pricing-provider,
.admin-pricing-model {
  display: block;
}
.admin-pricing-provider {
  color: color-mix(in srgb, var(--admin-settings-accent) 58%, white);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.admin-pricing-model {
  font-size: 1rem;
  font-weight: 700;
  overflow-wrap: anywhere;
  min-width: 0;
}
.admin-model-tier-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #f4efe6;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.admin-model-tier-pill--claude-opus,
.admin-model-tier-pill--gpt-pro,
.admin-model-tier-pill--gpt-sol,
.admin-model-tier-pill--gemini-pro {
  border-color: rgba(255, 189, 122, 0.32);
  background: rgba(255, 189, 122, 0.14);
  color: #ffd9b4;
}
.admin-model-tier-pill--claude-sonnet,
.admin-model-tier-pill--gpt-standard,
.admin-model-tier-pill--gpt-terra,
.admin-model-tier-pill--gemini-flash,
.admin-model-tier-pill--luma-ray {
  border-color: rgba(114, 203, 255, 0.28);
  background: rgba(114, 203, 255, 0.14);
  color: #c8efff;
}
.admin-model-tier-pill--claude-haiku,
.admin-model-tier-pill--gpt-mini,
.admin-model-tier-pill--gpt-luna,
.admin-model-tier-pill--gemini-flash-lite,
.admin-model-tier-pill--luma-uni {
  border-color: rgba(122, 235, 175, 0.28);
  background: rgba(122, 235, 175, 0.14);
  color: #d5ffe5;
}
.admin-model-tier-pill--claude-fable,
.admin-model-tier-pill--claude-mythos,
.admin-model-tier-pill--gpt-image,
.admin-model-tier-pill--gemini-imagen,
.admin-model-tier-pill--gemini-veo {
  border-color: rgba(209, 168, 255, 0.28);
  background: rgba(209, 168, 255, 0.14);
  color: #eedbff;
}
.admin-model-tier-pill--gpt-nano {
  border-color: rgba(255, 230, 143, 0.28);
  background: rgba(255, 230, 143, 0.14);
  color: #fff1bc;
}
.admin-pricing-rate-label {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.admin-pricing-number {
  font-size: 1rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.admin-pricing-source-cell {
  min-width: 0;
}
.admin-platform-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding-left: 14px;
}
.admin-platform-toolbar .admin-action-row {
  margin-top: 0;
  padding-left: 0;
}
.admin-storage-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.admin-storage-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 14px;
}
.admin-storage-overview-card {
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}
.admin-storage-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.admin-storage-refresh-btn[disabled] {
  opacity: 0.55;
  cursor: wait;
}
.admin-storage-chart-list {
  display: grid;
  gap: 10px;
}
.admin-storage-chart-row {
  display: grid;
  grid-template-columns: minmax(148px, auto) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.admin-storage-chart-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin-storage-chart-bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.admin-storage-chart-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: color-mix(in srgb, var(--accent) 76%, white);
}
.admin-storage-chart-fill.daily-app-pill--proposal {
  background: color-mix(in srgb, var(--app-proposal) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--pitch {
  background: color-mix(in srgb, var(--app-pitch) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--paper {
  background: color-mix(in srgb, var(--app-paper) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--survey {
  background: color-mix(in srgb, var(--app-survey) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--presentation {
  background: color-mix(in srgb, var(--app-presentation) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--frame {
  background: color-mix(in srgb, var(--app-frame) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--audience-export {
  background: color-mix(in srgb, var(--app-audience-export) 78%, white);
}
.admin-storage-chart-fill.daily-app-pill--prospect {
  background: color-mix(in srgb, var(--app-prospect) 78%, white);
}
.admin-storage-chart-fill--type {
  background: linear-gradient(90deg, rgba(255, 180, 108, 0.9), rgba(255, 119, 72, 0.75));
}
.admin-storage-type-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.admin-storage-chart-value {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
}
.admin-storage-candidate-list {
  display: grid;
  gap: 12px;
}
.admin-storage-candidate-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.admin-storage-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.admin-storage-size-badge {
  flex: 0 0 auto;
  min-width: 138px;
  padding: 12px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.admin-storage-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.history-status-pill.warning {
  color: #ffd59e;
  border-color: rgba(255, 184, 77, 0.28);
  background: rgba(255, 184, 77, 0.12);
}
.admin-action-row {
  margin-top: 24px;
  padding-left: 14px;
}
.admin-shared-config-panel {
  margin: 16px 0 0 14px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 10, 16, 0.34);
}
.admin-platform-toolbar-right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-video-engine-policy {
  border-color: rgba(134, 225, 252, 0.28);
  background:
    linear-gradient(180deg, rgba(14, 27, 35, 0.46), rgba(20, 23, 30, 0.96)),
    radial-gradient(circle at top right, rgba(134, 225, 252, 0.1), transparent 56%);
}

.admin-video-policy-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-video-policy-engine-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-video-policy-engine {
  display: grid;
  grid-template-columns: minmax(190px, 0.8fr) minmax(320px, 1.6fr) auto;
  align-items: start;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(8, 12, 16, 0.34);
}

.admin-video-policy-mode-note {
  margin: 14px 0 0;
}

.admin-paper-image-default-grid {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.admin-paper-image-default-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.9fr) minmax(150px, 0.9fr) minmax(240px, 1.4fr);
  align-items: end;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(134, 225, 252, 0.16);
  border-radius: 12px;
  background: rgba(8, 12, 16, 0.28);
}

.admin-paper-image-default-asset {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding-bottom: 8px;
}

.admin-paper-image-default-asset strong {
  color: var(--ink);
}

.admin-paper-image-default-asset span,
.admin-paper-image-default-row > label > span {
  color: var(--muted);
  font-size: 0.78rem;
}

.admin-paper-image-default-row > label {
  display: grid;
  gap: 5px;
  margin: 0;
}

.admin-paper-image-default-row > label select {
  min-width: 0;
}

.admin-paper-image-default-warning {
  grid-column: 2 / -1;
  margin: 0;
  color: #ffc27d;
  font-size: 0.78rem;
}

.admin-video-policy-engine-title {
  display: grid;
  gap: 6px;
}

.admin-video-policy-engine code {
  overflow-wrap: anywhere;
}

.admin-video-policy-engine-meta {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.admin-video-policy-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-video-policy-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(183, 179, 170, 0.22);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-video-policy-badge.is-ready {
  border-color: rgba(99, 210, 168, 0.3);
  color: #8ce8bd;
  background: rgba(99, 210, 168, 0.08);
}

.admin-video-policy-badge.is-missing {
  border-color: rgba(255, 184, 102, 0.32);
  color: #ffc27d;
  background: rgba(255, 184, 102, 0.08);
}

.admin-video-policy-capabilities {
  margin: 0;
}

.admin-video-policy-preview-controls {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-video-policy-preview-controls label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0;
}

.admin-video-policy-preview-controls label:has(select) {
  grid-template-columns: 1fr;
}

.admin-video-policy-preview-controls p {
  grid-column: 1 / -1;
  margin: 0;
}

.admin-video-policy-technical {
  color: var(--muted);
  font-size: 0.78rem;
}

.admin-video-policy-technical summary {
  width: fit-content;
  cursor: pointer;
  color: var(--ink);
}

.admin-video-policy-technical p {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  margin: 8px 0 0;
}

.admin-video-policy-technical p span {
  color: var(--muted);
}

@media (max-width: 820px) {
  .admin-video-policy-scope-grid,
  .admin-video-policy-engine,
  .admin-video-policy-preview-controls,
  .admin-paper-image-default-row {
    grid-template-columns: 1fr;
  }

  .admin-paper-image-default-asset {
    padding-bottom: 0;
  }

  .admin-paper-image-default-warning {
    grid-column: auto;
  }
}
.admin-danger-corner {
  flex: 0 0 auto;
  border-color: rgba(255, 127, 127, 0.28);
}
.admin-danger-corner:hover {
  border-color: rgba(255, 127, 127, 0.5);
  color: var(--danger);
}
.toolbar-icon-btn {
  min-width: auto;
  padding: 10px 12px;
}
.toolbar-icon-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}
.map-icon-btn {
  padding: 6px 8px;
}
.map-icon-btn svg,
.map-icon-btn.toolbar-icon-btn svg,
.toolbar-icon-btn.map-icon-btn svg {
  width: 28px;
  height: 28px;
}
.company-queue-checkbox {
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
  cursor: pointer;
}
.assigned-company-toggle {
  display: inline-grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--muted);
  cursor: pointer;
}
.assigned-company-toggle input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--accent);
  cursor: pointer;
}
.assigned-company-toggle span {
  line-height: 1.2;
}
.company-queue-delete-btn {
  margin-left: auto;
}
.admin-ledger-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.admin-ledger-report-btn svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.admin-main-reset-btn {
  border-color: rgba(255, 127, 127, 0.32);
  color: #ffd7d7;
}
.admin-main-reset-btn:hover {
  border-color: rgba(255, 127, 127, 0.5);
  color: var(--danger);
}
label {
  display: block;
  margin: 14px 0 6px;
  color: var(--muted);
}
input {
  width: 100%;
  border: 1px solid #3a4053;
  border-radius: 10px;
  background: #0f121a;
  color: var(--ink);
  padding: 10px 12px;
}
select,
textarea {
  width: 100%;
  border: 1px solid #3a4053;
  border-radius: 10px;
  background: #0f121a;
  color: var(--ink);
  padding: 10px 12px;
}
button,
a {
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  background: var(--accent);
  color: #1a120f;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
button.ghost,
a.ghost {
  background: transparent;
  border: 1px solid #4e5363;
  color: var(--ink);
}
.team-workboard-capacity-assignee-link {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--accent) 64%, transparent);
  text-underline-offset: 3px;
}
.team-workboard-capacity-assignee-link:hover,
.team-workboard-capacity-assignee-link:focus-visible {
  background: transparent;
  color: var(--accent);
}
.admin-subapp {
  --admin-subapp-accent: var(--accent);
  border: 1px solid color-mix(in srgb, var(--admin-subapp-accent) 32%, rgba(255, 255, 255, 0.08));
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--admin-subapp-accent) 20%, transparent), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(8, 10, 16, 0.28)),
    var(--panel);
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.admin-subapp::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(180deg, var(--admin-subapp-accent), color-mix(in srgb, var(--admin-subapp-accent) 30%, #ffffff));
}
.admin-subapp-platform { margin-bottom: 18px; --admin-subapp-accent: #ffd158; }
.admin-subapp-prd { --admin-subapp-accent: #ff8a57; }
.admin-subapp-storage { margin-top: 18px; --admin-subapp-accent: #ff8a57; }
.admin-subapp-global { margin-top: 18px; --admin-subapp-accent: #8de29f; }
.admin-subapp-history { margin-top: 18px; --admin-subapp-accent: #7ec8ff; }
.admin-subapp-ticketing { margin-top: 18px; --admin-subapp-accent: var(--workflow-ticket-accent); }
.admin-subapp-head {
  margin-bottom: 16px;
  padding: 0 0 14px 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--admin-subapp-accent) 26%, rgba(255, 255, 255, 0.08));
}
.admin-subapp-head .eyebrow {
  margin: 0 0 6px;
  color: color-mix(in srgb, var(--admin-subapp-accent) 65%, #fff1df);
}
.admin-subapp-head h2,
.admin-subsection h3 {
  margin: 0 0 8px;
}
.admin-subapp-head h2 {
  font-size: clamp(1.7rem, 2.2vw, 2.2rem);
}
.admin-subapp-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
}
.admin-subapp-title-row > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.admin-subapp-title-row > button {
  flex: 0 0 auto;
  margin-left: auto;
}
.admin-subapp-toggle-btn {
  min-width: 84px;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 16px;
  font-weight: 700;
  align-self: flex-start;
}
.admin-subapp-kicker-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.admin-subapp-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--admin-subapp-accent) 45%, rgba(255, 255, 255, 0.15));
  background: color-mix(in srgb, var(--admin-subapp-accent) 18%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--admin-subapp-accent) 72%, white);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.admin-app-controls-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.admin-app-control-card {
  --admin-subapp-accent: #6fd8c2;
  border: 1px solid color-mix(in srgb, var(--admin-subapp-accent) 40%, rgba(255, 255, 255, 0.1));
  border-radius: 22px;
  padding: 18px 18px 20px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--admin-subapp-accent) 18%, transparent), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(8, 10, 16, 0.34)),
    #171b24;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}
.admin-app-control-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: linear-gradient(180deg, var(--admin-subapp-accent), color-mix(in srgb, var(--admin-subapp-accent) 28%, #ffffff));
}
.admin-app-control-card .admin-subsection {
  padding-left: 12px;
}
.admin-app-control-card .admin-subapp-badge {
  border-color: color-mix(in srgb, var(--admin-subapp-accent) 55%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--admin-subapp-accent) 18%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--admin-subapp-accent) 78%, white);
}
.admin-app-control-card .admin-subapp-head .eyebrow {
  color: color-mix(in srgb, var(--admin-subapp-accent) 74%, #f7efe6);
}
.admin-app-control-card--campaign {
  --admin-subapp-accent: var(--app-campaign);
}
.admin-app-control-card--prospect {
  --admin-subapp-accent: var(--app-prospect);
}
.admin-app-control-card--pitch {
  --admin-subapp-accent: var(--app-pitch);
}
.admin-app-control-card--proposal {
  --admin-subapp-accent: var(--app-proposal);
}
.admin-app-control-card--paper {
  --admin-subapp-accent: var(--app-paper);
}
.admin-app-control-card--survey {
  --admin-subapp-accent: var(--app-survey);
}
.admin-app-control-card--nurture {
  --admin-subapp-accent: var(--app-nurture);
}
.admin-app-control-card--mailer {
  --admin-subapp-accent: var(--app-mailer);
}
.admin-app-control-card--social {
  --admin-subapp-accent: var(--app-social);
}
.admin-app-control-card--presentation {
  --admin-subapp-accent: var(--app-presentation);
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--admin-subapp-accent) 16%, transparent), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(20, 12, 10, 0.38)),
    #211919;
}
.admin-app-control-card--frame {
  --admin-subapp-accent: var(--app-frame);
}
.admin-app-control-card--wide {
  grid-column: 1 / -1;
}
.survey-inner-panel {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.nurture-path-shell,
.nurture-builder-grid,
.nurture-path-list,
.nurture-step-list {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.mailer-template-builder-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 30%, rgba(255, 255, 255, 0.1));
  border-radius: 12px;
  background: color-mix(in srgb, var(--app-mailer) 7%, rgba(255, 255, 255, 0.02));
}
.mailer-template-builder-choice-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.mailer-template-builder-choice-btn.is-active {
  border-color: color-mix(in srgb, var(--app-mailer) 58%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--app-mailer) 18%, rgba(255, 255, 255, 0.04));
  color: var(--ink);
}
.mailer-template-builder-choice-btn {
  white-space: nowrap;
}
.mailer-template-manual-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
#mailer-draft-form[data-mailer-workspace-mode="template"][data-mailer-template-builder="manual"] .mailer-review-block {
  gap: 10px;
}
#mailer-draft-form[data-mailer-workspace-mode="template"][data-mailer-template-builder="manual"] .mailer-review-block .grid-two {
  gap: 12px;
}
#mailer-draft-form[data-mailer-workspace-mode="template"][data-mailer-template-builder="manual"] .mailer-template-manual-head {
  margin-bottom: 0;
}
.mailer-bookmark-help {
  margin: 0 !important;
  font-size: 0.88rem;
  line-height: 1.4;
}
#mailer-draft-form[data-mailer-workspace-mode="template"][data-mailer-template-builder="manual"] .mailer-html-studio-head {
  margin-top: 2px;
}
@media (max-width: 720px) {
  .mailer-template-builder-choice {
    align-items: flex-start;
    flex-direction: column;
  }
  .mailer-template-builder-choice-actions {
    justify-content: flex-start;
  }
  .mailer-template-manual-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
.nurture-path-form,
.nurture-builder-create-block,
.nurture-builder-review-block,
.nurture-step-editor {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.nurture-builder-create-block {
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.nurture-create-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: end;
}
.mailer-ddam-action-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.mailer-ddam-action-row .nurture-step-assets {
  padding-top: 0;
}
.mailer-generation-actions {
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.mailer-ddam-action-row.has-assets {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}
.mailer-ddam-action-row.has-assets #mailer-browse-ddam-btn {
  align-self: start;
}
.mailer-ddam-action-row.has-assets .nurture-step-assets {
  grid-column: 2;
}
.mailer-ddam-action-row.has-assets .mailer-generation-actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
}
.mailer-daily-page .mailer-compose-audience-field {
  grid-column: span 2;
}
.mailer-daily-page .mailer-compose-cta-url-field {
  grid-column: span 3;
}
.mailer-primary-cta-fields {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.nurture-create-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.nurture-path-context-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  min-width: 0;
}
.nurture-step-editor {
  min-width: 0;
}
.nurture-bookmark-helper {
  border: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  padding: 9px 11px;
  background: rgba(255, 255, 255, 0.025);
}
.nurture-bookmark-helper summary {
  cursor: pointer;
  color: color-mix(in srgb, var(--app-nurture) 78%, white);
  font-weight: 700;
}
.nurture-bookmark-helper-body {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.nurture-bookmark-helper-body p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 5px 0 0;
}
.nurture-bookmark-helper code {
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink);
  font-size: 0.78rem;
}
.nurture-inner-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.nurture-workspace-tabs {
  justify-content: flex-start;
}
.nurture-workspace-tab.active {
  border-color: color-mix(in srgb, var(--app-nurture) 62%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--app-nurture) 16%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-nurture) 78%, white);
}
.nurture-workspace-panel {
  animation: nurturePanelIn 140ms ease-out;
}
@keyframes nurturePanelIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.nurture-builder-progress {
  gap: 14px;
}
.nurture-builder-progress-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.nurture-builder-progress-stage {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
}
.nurture-builder-progress-stage strong {
  font-size: 0.86rem;
}
.nurture-builder-progress-stage[data-state="active"] {
  border-color: color-mix(in srgb, var(--active) 48%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--active) 8%, rgba(255, 255, 255, 0.02));
}
.nurture-builder-progress-stage[data-state="done"] {
  border-color: color-mix(in srgb, var(--ok) 42%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--ok) 8%, rgba(255, 255, 255, 0.02));
}
.nurture-builder-progress-stage[data-state="error"] {
  border-color: color-mix(in srgb, var(--danger) 44%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--danger) 8%, rgba(255, 255, 255, 0.02));
}
.mailer-generation-progress {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, rgba(255, 255, 255, 0.12));
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 8%, rgba(255, 255, 255, 0.025));
}
.mailer-generation-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.78rem;
}
.mailer-generation-progress-head strong {
  color: var(--ink);
}
.mailer-generation-progress-head span {
  color: var(--muted);
  font-weight: 800;
}
.mailer-generation-progress-bar {
  position: relative;
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
.mailer-generation-progress-bar span {
  display: block;
  width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 44%, #63d2a8));
  transition: width 0.35s ease;
}
.mailer-generation-progress.is-working .mailer-generation-progress-bar span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42%;
  width: clamp(72px, 34%, 148px);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  animation: campaign-progress-glint 1.55s linear infinite;
}
.mailer-generation-progress.is-done {
  border-color: color-mix(in srgb, #63d2a8 50%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, #63d2a8 10%, rgba(255, 255, 255, 0.025));
}
.mailer-generation-progress.is-error {
  border-color: color-mix(in srgb, var(--danger) 50%, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--danger) 10%, rgba(255, 255, 255, 0.025));
}
.mailer-html-studio-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 14px;
}
.mailer-html-studio-head label {
  margin: 0;
}
.mailer-html-studio-actions {
  justify-content: flex-end;
  gap: 8px;
}
.mailer-preview-canvas-controls {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}
.mailer-preview-canvas-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
}
.mailer-preview-canvas-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
}
.mailer-preview-canvas-btn.mailer-preview-canvas-btn-active {
  background: #e84e0e;
  color: #111111;
  box-shadow: none;
}
.mailer-preview-canvas-btn svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mailer-html-studio {
  display: grid;
  justify-items: center;
  min-height: 620px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0, rgba(255, 255, 255, 0.022) 1px, transparent 1px, transparent 28px),
    #10141d;
}
.mailer-html-studio[data-mailer-html-studio-mode="preview"][data-mailer-html-preview-empty="true"] {
  min-height: 176px;
}
.mailer-html-studio[data-mailer-preview-canvas="light"] {
  background: #edf1f6;
}
.mailer-html-studio[data-mailer-preview-canvas="dark"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0, rgba(255, 255, 255, 0.022) 1px, transparent 1px, transparent 28px),
    #10141d;
}
@media (prefers-color-scheme: light) {
  .mailer-html-studio[data-mailer-preview-canvas="system"] {
    background: #edf1f6;
  }
}
.mailer-html-preview-frame {
  display: block;
  width: min(100%, 1100px);
  height: clamp(520px, 72vh, 760px);
  min-height: 0;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.32);
  transition: width 160ms ease;
}
.mailer-html-preview-frame[data-preview-size="mobile"] {
  width: min(390px, 100%);
}
.mailer-email-preview-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 24px);
  padding: 18px;
}
.mailer-email-preview-dialog .media-modal-header h2,
.mailer-email-preview-dialog .media-modal-header p {
  margin-top: 0;
}
.mailer-email-preview-switch {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 10px 0;
}
.mailer-email-preview-switch button[aria-pressed="true"] {
  border-color: #e84e0e;
  background: #e84e0e;
  color: #111111;
}
.mailer-email-preview-switch-inline {
  margin: 0;
}
.mailer-email-preview-switch-inline button {
  min-height: 30px;
  padding: 4px 9px;
  font-size: 0.74rem;
}
.mailer-preview-canvas-controls-modal {
  width: fit-content;
  margin: -42px 0 10px auto;
}
.mailer-email-preview-dialog iframe {
  display: block;
  width: 100%;
  min-height: min(72vh, 820px);
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: #ffffff;
  transition: width 160ms ease;
}
.mailer-email-preview-dialog iframe[data-preview-size="mobile"] {
  width: min(390px, 100%);
}
@media (prefers-reduced-motion: reduce) {
  .mailer-email-preview-dialog iframe,
  .mailer-html-preview-frame { transition: none; }
}
.mailer-preview-guidance {
  margin: 8px 0 0;
  font-size: 0.78rem;
  line-height: 1.4;
}
.mailer-paper-email-convert-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 111, 60, 0.34);
  border-radius: 12px;
  background: rgba(255, 111, 60, 0.08);
}
.mailer-paper-email-convert-panel p {
  margin: 4px 0 0;
}
@media (max-width: 720px) {
  .mailer-paper-email-convert-panel {
    align-items: stretch;
    flex-direction: column;
  }
  .mailer-preview-canvas-controls-modal {
    margin: 0 0 10px auto;
  }
}
.mailer-audience-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.mailer-audience-picker-panel {
  min-width: 0;
}
.mailer-audience-picker-panel > p {
  margin: 0 0 5px;
  font-size: 0.78rem;
}
.mailer-audience-picker-list {
  width: 100%;
  height: 196px;
  box-sizing: border-box;
  margin: 0;
  padding: 4px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.16);
}
.mailer-audience-picker-list option {
  padding: 5px 7px;
}
.mailer-audience-picker-actions {
  display: grid;
  gap: 6px;
}
.mailer-audience-picker-actions .icon-btn {
  display: grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
}
@media (max-width: 560px) {
  .mailer-audience-picker {
    grid-template-columns: 1fr;
  }
  .mailer-audience-picker-actions {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
  .mailer-audience-picker-actions .icon-btn span {
    transform: rotate(90deg);
  }
}
.mailer-provider-group-help {
  margin: 5px 0 0;
  font-size: 0.78rem;
  line-height: 1.35;
}
.mailer-audience-filters {
  margin: 12px 0 4px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.mailer-audience-filters > p { margin: 4px 0 10px; font-size: 0.78rem; }
.mailer-audience-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px 12px; }
.mailer-audience-filter-grid label { margin: 0; }
.mailer-audience-filter-grid input { width: 100%; box-sizing: border-box; margin-top: 4px; }
.mailer-audience-preview { margin-top: 12px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
.mailer-audience-preview-toggle { display: block; margin: 8px 0 0 auto; }
.mailer-audience-preview-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.mailer-audience-preview-heading p { margin: 4px 0 0; font-size: 0.78rem; }
.mailer-audience-preview-heading .row { align-items: center; }
.mailer-audience-preview-list { display: grid; gap: 0; margin: 10px 0 0; padding: 0; list-style: none; }
.mailer-audience-preview-list li { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) minmax(180px, 1fr); gap: 6px 12px; padding: 9px 0; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.mailer-audience-preview-list li span { color: var(--muted); }
.mailer-audience-preview-note { margin: 10px 0 0; font-size: 0.78rem; }
@media (max-width: 720px) { .mailer-audience-preview-list li { grid-template-columns: 1fr; } }
.mailer-audience-recipient-count {
  margin: 5px 0 0;
  font-size: 0.78rem;
  text-align: right;
}
.mailer-send-summary,
.mailer-scheduled-batches {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 24%, rgba(255, 255, 255, 0.08));
  border-radius: 10px;
  background: color-mix(in srgb, var(--app-mailer) 6%, rgba(13, 18, 28, 0.48));
}
.mailer-send-summary p {
  margin: 5px 0 0;
}
#mailer-send-panel[data-mailer-review-mode="immutable"] > :not(.section-title-row):not(#mailer-immutable-dispatch-review),
#mailer-send-panel[data-mailer-review-mode="active"] > :not(.section-title-row):not(#mailer-immutable-dispatch-review) {
  display: none !important;
}
.mailer-immutable-dispatch-review {
  display: grid;
  gap: 14px;
  margin-top: 12px;
  padding: 15px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 38%, rgba(255, 255, 255, 0.1));
  border-radius: 12px;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--app-mailer) 12%, transparent), transparent 68%),
    rgba(13, 18, 28, 0.54);
}
.mailer-immutable-review-head,
.mailer-immutable-audiences-head,
.mailer-immutable-review-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mailer-immutable-review-head > div {
  display: grid;
  gap: 7px;
}
.mailer-immutable-review-head h4,
.mailer-immutable-review-copy,
.mailer-immutable-telemetry-note,
.mailer-immutable-dispatch-ref {
  margin: 0;
}
.mailer-immutable-review-head h4 {
  font-size: 1.35rem;
}
.mailer-immutable-review-copy {
  color: var(--muted);
  line-height: 1.5;
}
.mailer-immutable-review-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.mailer-immutable-review-facts > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.14);
}
.mailer-immutable-review-facts span,
.mailer-immutable-dispatch-ref span {
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.mailer-immutable-review-facts strong {
  overflow-wrap: anywhere;
}
.mailer-immutable-telemetry-note {
  padding: 10px 11px;
  border-left: 3px solid color-mix(in srgb, var(--app-mailer) 70%, #fff);
  background: color-mix(in srgb, var(--app-mailer) 7%, rgba(255, 255, 255, 0.025));
  color: var(--muted);
  line-height: 1.45;
}
.mailer-immutable-audiences {
  display: grid;
  gap: 8px;
}
.mailer-immutable-audiences-head span {
  color: color-mix(in srgb, var(--app-mailer) 74%, white);
  font-weight: 700;
}
.mailer-immutable-audience-list {
  display: grid;
  gap: 6px;
  max-height: 260px;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.mailer-immutable-audience-list li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}
.mailer-immutable-audience-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.mailer-immutable-dispatch-ref {
  display: grid;
  gap: 5px;
}
.mailer-immutable-dispatch-ref code {
  color: color-mix(in srgb, var(--app-mailer) 72%, white);
  overflow-wrap: anywhere;
}
.mailer-immutable-review-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 620px) {
  .mailer-immutable-review-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .mailer-immutable-review-facts {
    grid-template-columns: 1fr;
  }
  .mailer-immutable-review-actions {
    justify-content: flex-start;
  }
}
.mailer-scheduled-batches {
  display: grid;
  gap: 10px;
}
.mailer-scheduled-batches h4 {
  margin: 0;
}
.mailer-scheduled-batch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.mailer-scheduled-batch p {
  margin: 4px 0 0;
}
.mailer-html-preview-empty {
  display: grid;
  place-items: center;
  width: min(100%, 680px);
  min-height: 142px;
  padding: 24px;
  border: 1px dashed rgba(183, 179, 170, 0.34);
  border-radius: 12px;
  color: var(--muted);
  font-size: 0.9rem;
  text-align: center;
}
.mailer-version-panel {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 8px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.mailer-version-panel > div:first-child {
  min-width: min(100%, 240px);
}
.mailer-version-panel label {
  margin-bottom: 6px;
}
.mailer-version-panel select {
  min-height: 36px;
}
.mailer-version-meta {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-size: 0.82rem;
}
.mailer-html-toolbar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.mailer-html-toolbar-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}
.mailer-html-toolbar-row-primary {
  justify-content: flex-start;
}
.mailer-html-toolbar-row-secondary {
  justify-content: flex-start;
}
.mailer-html-toolbar-icon-btn,
.mailer-html-toolbar .icon-btn {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink);
  font-weight: 800;
}
.mailer-html-toolbar-icon-btn:not(:disabled):hover,
.mailer-html-toolbar .icon-btn:not(:disabled):hover {
  border-color: rgba(244, 239, 230, 0.32);
  background: rgba(255, 255, 255, 0.075);
  color: var(--ink);
}
.mailer-html-toolbar-icon-btn:disabled,
.mailer-html-toolbar .icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.025);
  color: var(--muted);
}
.mailer-html-toolbar-icon-btn.mailer-format-painter-active {
  border-color: rgba(244, 239, 230, 0.56);
  background: rgba(244, 239, 230, 0.12);
  color: var(--ink);
  box-shadow: 0 0 0 2px rgba(244, 239, 230, 0.08);
}
.mailer-html-toolbar-icon-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
#mailer-draft-form[data-mailer-workspace-mode="template"][data-mailer-template-builder="manual"] .mailer-html-preview-empty,
#mailer-draft-form[data-mailer-workspace-mode="campaign"][data-mailer-campaign-builder="manual"] .mailer-html-preview-empty {
  display: none !important;
}
.mailer-html-source {
  display: block;
  width: 100%;
  min-height: 600px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: #0d1120;
  color: var(--ink);
  font-family: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
  font-size: 0.86rem;
  line-height: 1.5;
  resize: vertical;
}
.mailer-html-source:focus {
  outline: 2px solid rgba(255, 111, 60, 0.28);
  outline-offset: 2px;
}
.nurture-mailer-content-preview {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.nurture-mailer-content-preview iframe {
  width: 100%;
  min-height: 420px;
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
}

.mailer-email-link-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}
.mailer-editor-contract-panel {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(92, 205, 225, 0.22);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(92, 205, 225, 0.08), rgba(166, 112, 255, 0.06));
}
.mailer-editor-contract-panel > div {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.mailer-editor-contract-panel p {
  margin: 0;
}
.mailer-editor-contract-counts { display: flex; gap: 8px; flex-wrap: wrap; }
.mailer-editor-contract-count { padding: 3px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: var(--muted); font-size: 0.78rem; }
.mailer-editor-contract-count[data-severity="blocked"] { color: #ffb5b5; background: rgba(255, 104, 104, 0.14); }
.mailer-editor-contract-count[data-severity="warning"] { color: #ffe3aa; background: rgba(255, 192, 94, 0.14); }
.mailer-editor-contract-issues { display: grid; gap: 10px; }
.mailer-editor-contract-issues summary { cursor: pointer; color: var(--ink); font-weight: 700; }
.mailer-editor-contract-issues-list { display: grid; gap: 8px; }
.mailer-editor-contract-issue { display: grid; gap: 4px; padding: 10px; border-radius: 10px; background: rgba(0, 0, 0, 0.14); }
.mailer-editor-contract-issue h4, .mailer-editor-contract-issue p { margin: 0; }
.mailer-editor-contract-issue-meta { color: var(--muted); font-size: 0.82rem; }
.mailer-editor-contract-issue-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.mailer-editor-contract-issue-actions button { min-width: 0; }
.mailer-editor-contract-badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 9px;
  border-radius: 999px;
  color: #c8f4ff;
  background: rgba(92, 205, 225, 0.12);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mailer-editor-contract-panel[data-tone="warning"] {
  border-color: rgba(255, 192, 94, 0.28);
  background: rgba(255, 192, 94, 0.07);
}
.mailer-editor-contract-panel[data-tone="error"] {
  border-color: rgba(255, 104, 104, 0.3);
  background: rgba(255, 104, 104, 0.08);
}
.mailer-fallback-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(92, 205, 225, 0.2);
  border-radius: 16px;
  background: rgba(12, 21, 31, 0.54);
}
.mailer-fallback-panel[data-mode="manual"] {
  border-color: rgba(255, 192, 94, 0.28);
  background: rgba(255, 192, 94, 0.055);
}
.mailer-fallback-panel-head,
.mailer-fallback-panel-head > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.mailer-fallback-panel p {
  margin: 0;
}
.mailer-fallback-panel textarea[readonly] {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
  cursor: default;
}
.mailer-fallback-panel[data-mode="manual"] .mailer-editor-contract-badge {
  color: #ffe3aa;
  background: rgba(255, 192, 94, 0.13);
}
.mailer-template-mode-banner {
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 34%, rgba(255, 255, 255, 0.12));
  border-left: 4px solid color-mix(in srgb, var(--app-mailer) 72%, white);
  border-radius: 12px;
  background: linear-gradient(100deg, color-mix(in srgb, var(--app-mailer) 14%, rgba(255, 255, 255, 0.025)), rgba(12, 21, 31, 0.42) 72%);
}
.mailer-template-mode-banner > div {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.mailer-template-mode-banner p {
  margin: 0;
}
.mailer-page-error,
.nurture-page-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--danger) 58%, var(--panel-border));
  border-left: 4px solid var(--danger);
  border-radius: 12px;
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, var(--panel));
}
.mailer-page-error p,
.nurture-page-error p {
  margin: 4px 0 0;
  color: var(--ink);
}
.mailer-page-error .ghost,
.nurture-page-error .ghost {
  flex: 0 0 auto;
}
.mailer-field-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.stack-form .mailer-field-label-row label {
  margin-bottom: 0;
}
.mailer-field-helper-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 1px 7px;
  border: 1px solid var(--panel-border);
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  cursor: help;
}
.mailer-field-helper-badge.error {
  border-color: color-mix(in srgb, var(--danger) 58%, var(--panel-border));
  color: var(--danger);
}
@media (max-width: 720px) {
  .mailer-page-error,
  .nurture-page-error {
    align-items: stretch;
    flex-direction: column;
  }
}
#mailer-draft-form[data-mailer-workspace-mode="template"] {
  grid-column: 1 / -1;
}
.mailer-template-use-campaign-btn {
  white-space: nowrap;
}
.mailer-selected-campaign-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 38%, rgba(255, 255, 255, 0.12));
  border-radius: 12px;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--app-mailer) 13%, rgba(255, 255, 255, 0.025)), transparent 68%),
    rgba(12, 21, 31, 0.48);
}
.mailer-selected-campaign-identity,
.mailer-selected-campaign-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.mailer-selected-campaign-identity > div {
  display: grid;
  gap: 3px;
}
.mailer-selected-campaign-identity p {
  margin: 0;
  font-size: 0.78rem;
}
.mailer-selected-campaign-identity code {
  color: color-mix(in srgb, var(--app-mailer) 74%, white);
  overflow-wrap: anywhere;
}
.mailer-selected-campaign-actions {
  justify-content: flex-end;
}
@media (max-width: 760px) {
  .mailer-selected-campaign-banner {
    align-items: stretch;
    flex-direction: column;
  }
  .mailer-selected-campaign-actions {
    justify-content: flex-start;
  }
}
.mailer-email-link-panel-head,
.mailer-email-link-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mailer-analytics-recipient-table td {
  vertical-align: top;
}
.mailer-analytics-scroll-hint {
  margin: 7px 0 0;
  color: color-mix(in srgb, var(--app-mailer) 72%, var(--muted));
  font-size: 0.76rem;
  font-weight: 700;
}
.mailer-analytics-recipient-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  border-radius: 10px;
}
.mailer-analytics-recipient-table-wrap:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--app-mailer) 72%, white);
  outline-offset: 3px;
}
.mailer-analytics-recipient-table {
  width: 100%;
  min-width: 1220px;
  table-layout: fixed;
}
.mailer-analytics-recipient-table th:nth-child(1) { width: 24%; }
.mailer-analytics-recipient-table th:nth-child(2) { width: 10%; }
.mailer-analytics-recipient-table th:nth-child(3) { width: 16%; }
.mailer-analytics-recipient-table th:nth-child(4),
.mailer-analytics-recipient-table th:nth-child(5) { width: 7%; }
.mailer-analytics-recipient-table th:nth-child(6) { width: 10%; }
.mailer-analytics-recipient-table th:nth-child(7) { width: 26%; }
.mailer-analytics-recipient-table th:nth-child(4),
.mailer-analytics-recipient-table th:nth-child(5),
.mailer-analytics-recipient-table th:nth-child(6),
.mailer-analytics-recipient-table td:nth-child(4),
.mailer-analytics-recipient-table td:nth-child(5),
.mailer-analytics-recipient-table td:nth-child(6) {
  white-space: nowrap;
}
.mailer-analytics-recipient-table td:nth-child(7) {
  overflow-wrap: break-word;
  word-break: normal;
}
.mailer-analytics-recipient-table td p {
  margin: 4px 0 0;
}
.mailer-analytics-feedback-band {
  display: grid;
  gap: 14px;
  margin: 4px 0 24px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--app-mailer) 28%, #373d4f);
  border-radius: 16px;
  background: color-mix(in srgb, var(--app-mailer) 5%, rgba(255, 255, 255, 0.02));
}
.mailer-analytics-feedback-band h3,
.mailer-analytics-feedback-band p { margin: 0; }
.mailer-analytics-feedback-band p { margin-top: 6px; }
.mailer-analytics-feedback-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.mailer-analytics-feedback-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  color: var(--ink);
  text-align: left;
}
.mailer-analytics-feedback-card:hover,
.mailer-analytics-feedback-card.is-active {
  border-color: color-mix(in srgb, var(--app-mailer) 72%, white);
  background: color-mix(in srgb, var(--app-mailer) 12%, rgba(255, 255, 255, 0.025));
}
.mailer-analytics-feedback-card span { color: var(--muted); font-size: .78rem; font-weight: 700; }
.mailer-analytics-feedback-card strong { font-size: 1.35rem; }
.mailer-analytics-feedback-card small { color: var(--muted); line-height: 1.35; }
.mailer-analytics-feedback-list { display: grid; gap: 6px; min-width: 160px; }
.mailer-analytics-feedback-detail summary { cursor: pointer; font-weight: 700; }
.mailer-analytics-feedback-detail small { display: block; margin-top: 3px; color: var(--muted); }
.mailer-analytics-feedback-detail p { max-width: 320px; color: var(--muted); font-size: .78rem; line-height: 1.35; }
.mailer-analytics-pill {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}
.mailer-analytics-recipient-pill-row {
  margin-top: 6px;
}
.mailer-analytics-recipient-signals {
  line-height: 1.35;
}
.mailer-analytics-recipient-timeline {
  margin-top: 8px;
}
.mailer-analytics-recipient-timeline summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 0.78rem;
  list-style: none;
}
.mailer-analytics-recipient-timeline summary::-webkit-details-marker {
  display: none;
}
.mailer-analytics-recipient-timeline summary::before {
  content: "+ ";
}
.mailer-analytics-recipient-timeline[open] summary::before {
  content: "− ";
}
.mailer-analytics-timeline-list {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}
.mailer-analytics-timeline-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}
.mailer-analytics-timeline-copy strong {
  display: block;
  font-size: 0.78rem;
}
.mailer-analytics-timeline-copy p {
  margin: 4px 0 0;
  line-height: 1.35;
}
.mailer-analytics-link-line {
  display: block;
  max-width: 460px;
}
.mailer-analytics-link-line + .mailer-analytics-link-line {
  margin-top: 6px;
}
.mailer-analytics-link-line span {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  color: var(--ink);
}
.mailer-analytics-link-line span small {
  display: block;
  margin-top: 2px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.mailer-analytics-url-details {
  margin-top: 4px;
}
.mailer-analytics-url-details summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 0.76rem;
  list-style: none;
}
.mailer-analytics-url-details summary::-webkit-details-marker {
  display: none;
}
.mailer-analytics-url-details summary::before {
  content: "+ ";
}
.mailer-analytics-url-details[open] summary::before {
  content: "− ";
}
.mailer-analytics-url-details small {
  display: block;
  margin-top: 4px;
  max-width: 300px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.mailer-analytics-actions-panel {
  display: grid;
  gap: 12px;
}
.mailer-analytics-actions-panel label {
  display: grid;
  gap: 6px;
}
.mailer-analytics-check-row {
  align-items: flex-start;
}
.mailer-analytics-actions-row {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.mailer-analytics-count-filters {
  gap: 12px;
}

.mailer-analytics-recipient-pagination {
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: min(100%, 520px);
}

.mailer-analytics-recipient-pagination .pagination-summary,
.mailer-analytics-recipient-pagination .status {
  margin: 0;
}
.mailer-analytics-recipient-pagination .status { text-align: right; }
.mailer-analytics-recipient-pagination-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
.mailer-analytics-recipient-pagination .ghost { margin: 0; }

@media (max-width: 760px) {
  .mailer-analytics-feedback-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mailer-analytics-recipient-pagination { justify-items: start; }
  .mailer-analytics-recipient-pagination .status { text-align: left; }
  .mailer-analytics-recipient-pagination-controls { justify-content: flex-start; }
}
.mailer-email-link-list {
  display: grid;
  gap: 8px;
}
.mailer-email-link-row {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.12);
}
.mailer-email-link-row strong,
.mailer-email-link-row p {
  overflow-wrap: anywhere;
}
.mailer-email-link-row p {
  margin: 4px 0 0;
  font-size: 0.8rem;
}
.mailer-draft-card {
  cursor: pointer;
  padding: 12px 14px;
  min-height: 0;
  height: auto;
  flex-shrink: 0;
}
.mailer-draft-card:focus-visible {
  outline: 2px solid rgba(255, 111, 60, 0.45);
  outline-offset: 3px;
}
.mailer-draft-card-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 14px;
  min-height: 0;
}
.mailer-draft-card-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.mailer-draft-card-copy h3 {
  margin: 0;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.mailer-draft-card-ref {
  margin: 0;
  color: color-mix(in srgb, var(--ink) 78%, var(--muted));
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.72rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.mailer-draft-card-copy p {
  margin: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.mailer-campaign-status-pill {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 4px;
  transform: translateY(-1px);
}
.mailer-draft-card-ref-separator {
  color: color-mix(in srgb, var(--ink) 34%, var(--muted));
}
.mailer-draft-card-meta-text {
  display: inline;
  margin-left: 6px;
  color: color-mix(in srgb, var(--ink) 62%, var(--muted));
  font-size: 0.78rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.mailer-campaign-issue-link {
  display: inline-flex;
  min-height: 26px;
  margin-left: 8px;
  padding: 3px 8px;
  vertical-align: middle;
  border-color: color-mix(in srgb, #f1b66d 48%, rgba(255, 255, 255, 0.14));
  color: #ffd59d;
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  transform: translateY(-1px);
}
.mailer-campaign-issue-link:hover,
.mailer-campaign-issue-link:focus-visible {
  border-color: #f1b66d;
  color: #fff0d8;
}
.mailer-draft-card-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  flex: 0 0 auto;
}
.mailer-draft-card-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  max-width: none;
}
.mailer-draft-card-buttons .ghost {
  min-height: 32px;
  padding: 6px 9px;
}
.mailer-draft-card-buttons .mailer-translate-btn {
  flex: 0 0 auto;
  min-width: 48px;
  padding-inline: 8px;
  white-space: nowrap;
}
.mailer-draft-card-buttons .icon-btn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
}
.mailer-draft-card-buttons .icon-btn svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mailer-draft-card.active {
  border-color: color-mix(in srgb, var(--accent) 56%, rgba(255, 255, 255, 0.18));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}
@media (max-width: 720px) {
  .mailer-draft-card-main {
    grid-template-columns: 1fr;
  }
  .mailer-draft-card-actions {
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
  }
  .mailer-draft-card-buttons {
    flex-wrap: wrap;
    max-width: none;
    justify-content: flex-start;
  }
}
.nurture-path-selection-block,
.nurture-path-library,
.nurture-selected-path-summary {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.nurture-path-selection-block,
.nurture-path-library {
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 16%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.nurture-inner-panel .nurture-path-library {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--app-nurture) 7%, rgba(255, 255, 255, 0.025)), rgba(255, 255, 255, 0.015)),
    rgba(13, 18, 28, 0.38);
}
.nurture-path-library .section-title-row {
  margin-bottom: 0;
}
.nurture-path-library .nurture-path-list {
  max-height: 300px;
  overflow: auto;
  padding-right: 2px;
}
#nurture-mailer-draft-list {
  max-height: min(42vh, 420px);
  overflow: auto;
  padding-right: 2px;
}
.nurture-selected-path-strip,
.nurture-path-library-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 20%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(13, 18, 28, 0.48);
}
.nurture-path-library-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  cursor: pointer;
}
.nurture-path-library-row.active,
.nurture-path-library-row:hover {
  border-color: color-mix(in srgb, var(--app-nurture) 44%, rgba(255, 255, 255, 0.12));
}
.nurture-path-library-row.active {
  border-color: color-mix(in srgb, var(--app-nurture) 72%, rgba(255, 255, 255, 0.16));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.05)), rgba(13, 18, 28, 0.64)),
    rgba(13, 18, 28, 0.62);
  box-shadow:
    inset 4px 0 0 color-mix(in srgb, var(--app-nurture) 78%, white),
    0 0 0 1px color-mix(in srgb, var(--app-nurture) 12%, transparent);
}
.nurture-path-library-row.active .nurture-path-row-title strong {
  color: color-mix(in srgb, var(--app-nurture) 82%, white);
}
.nurture-path-library-row:hover:not(.active) {
  background: color-mix(in srgb, var(--app-nurture) 8%, rgba(13, 18, 28, 0.52));
}
.nurture-path-status-pill--active {
  border-color: color-mix(in srgb, var(--ok) 46%, rgba(255, 255, 255, 0.14));
  background: color-mix(in srgb, var(--ok) 14%, rgba(255, 255, 255, 0.04));
  color: color-mix(in srgb, var(--ok) 72%, white);
}
.nurture-path-strip-main,
.nurture-path-row-main {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.nurture-path-row-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.nurture-path-strip-main strong,
.nurture-path-row-main strong {
  min-width: 0;
  max-width: 34ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-path-uuid-code {
  display: inline-flex;
  align-items: center;
  max-width: 28ch;
  padding: 2px 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-path-strip-main .muted,
.nurture-path-row-main .muted {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-path-strip-actions,
.nurture-path-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.nurture-path-row-actions .ghost,
.nurture-path-strip-actions .ghost {
  min-height: 32px;
  padding: 6px 9px;
  border-radius: 8px;
}
.nurture-path-info-btn {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  font-family: var(--font-body);
  font-weight: 800;
}
.nurture-path-info-modal-content {
  max-width: 720px;
}
.nurture-path-info-body {
  display: grid;
  gap: 14px;
}
.nurture-path-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.nurture-path-info-grid > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}
.nurture-path-info-grid strong,
.nurture-path-info-copy {
  overflow-wrap: anywhere;
}
.nurture-path-info-copy {
  margin: 0;
  line-height: 1.45;
}
.nurture-step-card {
  border-color: color-mix(in srgb, var(--app-nurture) 22%, var(--panel-border));
}

.nurture-step-card.is-return-focus {
  outline: 2px solid var(--accent, #ff6f3c);
  outline-offset: 3px;
  transition: outline-color 220ms ease;
}
.nurture-empty-card {
  border-color: color-mix(in srgb, var(--app-nurture) 24%, var(--panel-border));
}
.nurture-step-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}
.nurture-step-identity {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.nurture-step-delay-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 4px 5px 4px 10px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 28%, var(--border));
  border-radius: 9px;
  background: color-mix(in srgb, var(--app-nurture) 7%, transparent);
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  white-space: nowrap;
}
.nurture-step-delay-control input {
  width: 92px;
  height: 34px;
  min-height: 34px;
  padding: 5px 8px;
  text-align: center;
}
.nurture-step-readiness-indicator {
  position: relative;
  margin: 0;
}
.nurture-step-readiness-indicator > summary {
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
  list-style: none;
}
.nurture-step-readiness-indicator > summary::-webkit-details-marker {
  display: none;
}
.nurture-step-readiness-indicator.is-blocked > summary {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 9%, transparent);
}
.nurture-step-readiness-indicator.has-warnings > summary {
  color: var(--warning, #f6c76a);
  background: color-mix(in srgb, var(--warning, #f6c76a) 9%, transparent);
}
.nurture-step-readiness-detail {
  position: absolute;
  z-index: 8;
  top: calc(100% + 6px);
  left: 0;
  width: min(360px, 80vw);
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--panel);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}
.nurture-step-readiness-detail p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}
.nurture-step-readiness-detail p + p {
  margin-top: 7px;
}
.nurture-step-commandbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.nurture-step-ai-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}
.nurture-step-ai-controls .nurture-step-feature-label {
  flex-basis: auto;
  white-space: nowrap;
}
.nurture-step-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}
.nurture-step-command-icon {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
}
.nurture-step-command-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nurture-step-command-icon:not(:has(svg)) {
  width: auto;
  padding: 0 11px;
}
.nurture-step-ai-improve svg {
  width: 16px;
  height: 16px;
  fill: var(--active);
  stroke: none;
}
.nurture-step-cta-section {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 24%, var(--border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--app-nurture) 5%, transparent);
}
.nurture-step-cta-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.nurture-step-cta-empty {
  margin: 2px 0;
}
.nurture-step-cta-list {
  display: grid;
  gap: 8px;
}
.nurture-step-cta-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
}
.nurture-step-cta-row-head {
  display: flex;
  align-items: center;
  gap: 9px;
}
.nurture-step-cta-row-head .nurture-step-cta-remove {
  margin-left: auto;
}
.nurture-step-cta-fields {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(240px, 1.3fr);
  gap: 10px;
}
.nurture-step-cta-fields label {
  display: grid;
  gap: 5px;
  margin: 0;
}
.nurture-step-cta-fields label > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
}
.nurture-step-cta-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.nurture-step-cta-copy strong,
.nurture-step-cta-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-step-cta-remove,
.nurture-step-cta-add {
  min-height: 36px;
  padding: 7px 10px;
}
.nurture-step-cta-add {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
}
.nurture-step-cta-add svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
@media (max-width: 760px) {
  .nurture-step-cta-fields {
    grid-template-columns: 1fr;
  }
}
.nurture-step-meta-grid {
  display: grid;
  grid-template-columns: minmax(140px, 0.8fr) minmax(240px, 1.6fr) minmax(96px, 0.45fr);
  gap: 14px;
  align-items: end;
  min-width: 0;
}
.nurture-step-assets {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}
.nurture-step-copy-toolbar {
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.nurture-step-email-workspace {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 30%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--app-nurture) 5%, rgba(255, 255, 255, 0.018));
}
.nurture-step-email-workspace-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.nurture-step-email-workspace-head > div:first-child {
  display: grid;
  gap: 4px;
}
.nurture-step-email-workspace-title {
  margin: 0;
  color: var(--ink);
  font-size: 0.98rem;
  font-weight: 800;
}
.nurture-step-content-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.nurture-step-body-text {
  min-height: 280px;
  padding: 16px;
  line-height: 1.6;
  resize: vertical;
}
.nurture-step-email-preview {
  width: 100%;
  min-height: 390px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
}
.nurture-step-text-fallback {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.nurture-step-text-fallback summary {
  cursor: pointer;
  font-weight: 600;
}
.nurture-step-text-fallback p {
  margin: 8px 0;
}
.nurture-step-feature-label {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  .nurture-step-card-head,
  .nurture-step-commandbar,
  .nurture-step-email-workspace-head {
    align-items: stretch;
    flex-direction: column;
  }
  .nurture-step-commandbar,
  .nurture-step-ai-controls,
  .nurture-step-content-actions {
    justify-content: flex-start;
  }
  .nurture-step-ai-controls {
    flex-wrap: wrap;
  }
}
.nurture-step-copy-option {
  min-width: 132px;
  max-width: 164px;
  height: 39px;
  padding: 0 34px 0 12px;
  border-radius: 8px;
  font-size: 0.9rem;
}
.nurture-step-action-status {
  margin: -2px 0 0;
  min-height: 0;
}
.nurture-step-asset-summary {
  border: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.03);
}
.nurture-step-asset-list {
  display: grid;
  gap: 10px;
  margin: 0;
}
.nurture-step-asset-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  background: rgba(13, 18, 28, 0.54);
  overflow: hidden;
}
.nurture-step-asset-card--cta {
  border-color: color-mix(in srgb, var(--app-nurture) 58%, rgba(255, 255, 255, 0.2));
  background: color-mix(in srgb, var(--app-nurture) 10%, rgba(13, 18, 28, 0.7));
}
.nurture-step-asset-preview-btn {
  appearance: none;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.nurture-step-asset-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 11px 12px 11px 0;
}
.nurture-step-asset-actions .icon-btn {
  width: 36px;
  height: 36px;
}
.nurture-step-asset-actions .icon-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mailer-asset-cta-label {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0 12px 11px;
  color: var(--muted);
  font-size: 0.74rem;
}
.mailer-asset-cta-label input {
  min-width: 0;
  height: 34px;
  padding: 6px 9px;
  border-radius: 8px;
}
.nurture-step-cta-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 48%, rgba(255, 255, 255, 0.12));
  border-radius: 999px;
  color: var(--ink);
  background: color-mix(in srgb, var(--app-nurture) 18%, transparent);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0;
}
.nurture-step-asset-preview-btn:hover .nurture-step-asset-title,
.nurture-step-asset-preview-btn:focus-visible .nurture-step-asset-title {
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--app-nurture) 55%, white 15%);
}
.nurture-step-asset-preview-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--app-nurture) 55%, white 15%);
  outline-offset: -2px;
}
.nurture-step-asset-preview-col {
  display: block;
  width: 72px;
}
.nurture-step-asset-preview-col .ddam-asset-preview {
  min-height: 52px;
  margin-top: 0;
}
.nurture-step-asset-preview-col .ddam-asset-preview img {
  max-height: 52px;
}
.nurture-step-asset-card-body {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.nurture-step-asset-title {
  display: block;
  min-width: 0;
  color: var(--ink);
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}
.nurture-step-asset-meta {
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
@media (max-width: 720px) {
  .nurture-step-asset-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .nurture-step-asset-actions {
    justify-content: flex-start;
    padding: 0 12px 11px;
  }
}
.nurture-step-recommendation {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  min-width: 0;
}
.nurture-step-recommendation > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: var(--ink);
}
.nurture-step-recommendation > summary::marker {
  color: color-mix(in srgb, var(--app-nurture) 75%, white);
}
.nurture-step-recommendation-body {
  display: grid;
  gap: 8px;
  padding-top: 8px;
}
.nurture-step-recommendation-body > p {
  margin: 0;
}
.nurture-step-paper-brief {
  margin-top: 4px;
  min-width: 0;
}
.nurture-step-paper-brief summary {
  cursor: pointer;
  color: color-mix(in srgb, var(--app-nurture) 78%, white);
  font-weight: 700;
}
.nurture-paper-brief-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px 12px;
  margin: 10px 0;
}
.nurture-paper-brief-grid div {
  min-width: 0;
}
.nurture-paper-brief-grid dt {
  margin: 0 0 3px;
  color: var(--muted);
  font-size: 0.76rem;
}
.nurture-paper-brief-grid dd {
  margin: 0;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.nurture-step-paper-brief textarea[readonly] {
  min-height: 132px;
  resize: vertical;
}
.nurture-paper-brief-export-btn {
  margin-top: 8px;
}
.nurture-operations-shell,
.nurture-monitor-block {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.nurture-operations-summary {
  align-items: center;
}
.nurture-monitor-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
.nurture-monitor-stat-card.history-card {
  min-height: 0;
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: none;
}
.nurture-monitor-stat-card {
  display: grid;
  gap: 3px;
  align-content: center;
}
.nurture-monitor-stat-card .muted {
  font-size: 0.78rem;
  line-height: 1.2;
}
.nurture-monitor-stat-card strong {
  font-size: 1.2rem;
  line-height: 1.1;
}
.nurture-enrollment-grid {
  display: grid;
  gap: 16px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 20%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  padding: 14px;
  background: color-mix(in srgb, var(--app-nurture) 6%, rgba(255, 255, 255, 0.025));
}
.nurture-launch-path-summary {
  margin-bottom: 4px;
}
.nurture-launch-mode-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nurture-launch-mode-tab.active {
  border-color: color-mix(in srgb, var(--app-nurture) 62%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--app-nurture) 16%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-nurture) 78%, white);
}
.nurture-launch-mode-panel {
  min-width: 0;
}
.nurture-recipient-list-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.nurture-recipient-list-actions .ghost {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.82rem;
}
.nurture-recipient-list-actions .muted {
  font-size: 0.78rem;
}
.nurture-provider-group-launch-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.nurture-provider-enroll-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.nurture-provider-enroll-actions .ghost {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.82rem;
}
.nurture-launch-advanced-fields {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}
.nurture-enrollment-form {
  display: grid;
  gap: 12px;
}
.nurture-enrollment-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.nurture-enrollment-actions,
.nurture-monitor-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.nurture-enrollment-actions {
  justify-content: flex-end;
}
.nurture-enrolled-recipients {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
}
.nurture-monitor-actions {
  justify-content: flex-end;
  margin-left: auto;
}
.nurture-selected-monitor {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--app-nurture) 22%, rgba(255, 255, 255, 0.08));
}
.nurture-monitor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 16px;
  min-width: 0;
}
.nurture-selected-monitor-grid {
  grid-template-columns: 1fr;
}
.nurture-monitor-block {
  border-top: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  padding-top: 14px;
}
.nurture-monitor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.nurture-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(12, 15, 22, 0.42);
}
.nurture-ops-table {
  min-width: 620px;
}
.nurture-step-engagement-table {
  min-width: 980px;
  table-layout: fixed;
}
.nurture-step-engagement-table th:nth-child(1),
.nurture-step-engagement-table td:nth-child(1) {
  width: 34%;
}
.nurture-step-engagement-table th:nth-child(2),
.nurture-step-engagement-table td:nth-child(2),
.nurture-step-engagement-table th:nth-child(3),
.nurture-step-engagement-table td:nth-child(3) {
  width: 25%;
}
.nurture-step-engagement-table th:nth-child(4),
.nurture-step-engagement-table td:nth-child(4) {
  width: 16%;
}
.nurture-enrolled-recipients-table {
  min-width: 680px;
}
.nurture-ops-table th,
.nurture-ops-table td {
  padding: 9px 10px;
}
.nurture-table-note {
  margin: 5px 0 0;
  font-size: 0.82rem;
}
.nurture-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.nurture-row-actions .ghost {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 0.86rem;
}
.nurture-recipient-details {
  min-width: 260px;
  max-width: 100%;
}
.nurture-recipient-next {
  display: grid;
  gap: 2px;
  margin-bottom: 6px;
}
.nurture-recipient-next strong {
  color: var(--ink);
  font-size: 0.9rem;
}
.nurture-recipient-next span {
  color: var(--muted);
  font-size: 0.78rem;
}
.nurture-recipient-details summary {
  cursor: pointer;
  color: color-mix(in srgb, var(--app-nurture) 76%, white);
  font-weight: 700;
}
.nurture-recipient-details .status {
  margin: 8px 0 0;
}
.nurture-recipient-action-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
.nurture-step-engagement-table .nurture-recipient-action-list {
  max-height: 136px;
  overflow: auto;
  gap: 0;
  margin-top: 0;
  padding-right: 4px;
}
.nurture-recipient-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.nurture-recipient-quick-actions .ghost {
  min-height: 30px;
  padding: 5px 9px;
  font-size: 0.78rem;
}
.nurture-recipient-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.nurture-step-engagement-table .nurture-recipient-action-row {
  padding: 5px 0;
}
.nurture-step-engagement-table .nurture-recipient-action-row:first-child {
  border-top: 0;
}
.nurture-recipient-action-list p {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}
.nurture-step-engagement-table .nurture-recipient-action-list p {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  white-space: nowrap;
}
.nurture-recipient-action-list strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}
.nurture-step-engagement-table .nurture-recipient-action-list strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-step-engagement-table .nurture-recipient-action-list span {
  white-space: nowrap;
}
.nurture-engagement-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--app-nurture) 58%, rgba(255, 255, 255, 0.16));
  border-radius: 8px;
  background: color-mix(in srgb, var(--app-nurture) 20%, rgba(255, 255, 255, 0.03));
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.nurture-engagement-link:hover {
  border-color: color-mix(in srgb, var(--app-nurture) 76%, rgba(255, 255, 255, 0.22));
  background: color-mix(in srgb, var(--app-nurture) 30%, rgba(255, 255, 255, 0.04));
}
.nurture-recipient-action-row .nurture-row-actions {
  justify-content: flex-start;
}
.nurture-recipient-action-row .nurture-row-actions .ghost {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 0.78rem;
}
.nurture-step-engagement-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.nurture-step-engagement-step strong,
.nurture-step-engagement-step span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nurture-step-engagement-step span {
  color: var(--muted);
  font-size: 0.86rem;
}
.nurture-engagement-export-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.nurture-engagement-export-actions .ghost {
  min-height: 28px;
  padding: 4px 6px;
  border-radius: 7px;
  font-size: 0.72rem;
  white-space: nowrap;
}
.nurture-recipient-engagement {
  display: grid;
  gap: 4px;
  min-width: 180px;
}
.nurture-recipient-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}
.nurture-recipient-pills .daily-app-pill {
  padding: 3px 8px;
  font-size: 0.66rem;
}
.nurture-monitor-diagnostics {
  border-top: 1px solid color-mix(in srgb, var(--app-nurture) 18%, rgba(255, 255, 255, 0.08));
  padding-top: 12px;
}
.nurture-monitor-diagnostics summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 700;
}
.nurture-monitor-diagnostics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}
.nurture-danger-action:not(:disabled) {
  border-color: color-mix(in srgb, var(--danger) 44%, rgba(255, 255, 255, 0.14));
  color: color-mix(in srgb, var(--danger) 74%, white);
}
.nurture-empty-inline {
  margin: 0;
  padding: 14px;
}
@media (max-width: 920px) {
  .nurture-builder-progress-stages,
  .nurture-monitor-grid,
  .nurture-monitor-diagnostics-grid,
  .nurture-create-grid,
  .nurture-path-context-grid {
    grid-template-columns: 1fr;
  }
  .mailer-daily-page .mailer-compose-audience-field {
    grid-column: 1 / -1;
  }
  .mailer-daily-page .mailer-compose-cta-url-field {
    grid-column: 1 / -1;
  }
  .mailer-ddam-action-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .mailer-ddam-action-row.has-assets .nurture-step-assets,
  .mailer-ddam-action-row.has-assets .mailer-generation-actions {
    grid-column: auto;
  }
  .mailer-generation-actions {
    justify-content: flex-start;
  }
  .nurture-selected-path-strip,
  .nurture-path-library-row,
  .nurture-path-info-grid {
    grid-template-columns: 1fr;
  }
  .nurture-path-strip-main,
  .nurture-path-row-main {
    align-items: flex-start;
    flex-direction: column;
  }
  .nurture-path-strip-actions,
  .nurture-path-row-actions {
    justify-content: flex-start;
  }
}
.survey-daily-builder-shell {
  display: grid;
  gap: 18px;
}
.survey-mode-tabs {
  justify-content: flex-start;
}
.survey-mode-tab.active {
  border-color: color-mix(in srgb, var(--app-survey) 68%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--app-survey) 16%, rgba(255, 255, 255, 0.03));
  color: color-mix(in srgb, var(--app-survey) 78%, white);
}
.survey-activity-panel,
.survey-activity-block {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.survey-builder-library,
.survey-analytics-filter-bar {
  display: grid;
  gap: 18px;
}
.survey-analytics-filter-bar {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}
.survey-ticket-analytics-controls {
  display: grid;
  gap: 22px;
  margin-bottom: 24px;
}
.survey-ticket-analytics-controls-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 320px));
  gap: 20px 22px;
  align-items: start;
}
.survey-ticket-analytics-controls-grid > div {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.survey-ticket-analytics-controls-grid label {
  margin: 0;
  line-height: 1.35;
}
.survey-ticket-analytics-controls-grid select {
  min-height: 46px;
}
.survey-analytics-filter-bar > div {
  min-width: 0;
}
.survey-analytics-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.survey-builder-access-note {
  margin-top: -4px;
}
.survey-builder-list,
.survey-library-list {
  display: grid;
  gap: 14px;
}
.survey-builder-list-item,
.survey-library-row {
  border: 1px solid color-mix(in srgb, var(--app-survey) 24%, #2f3546);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
  color: var(--ink);
  padding: 18px 20px;
  transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.survey-builder-list-item:hover,
.survey-library-row:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--app-survey) 38%, #4a5568);
}
.survey-builder-list-item.active,
.survey-library-row.active {
  border-color: color-mix(in srgb, var(--app-survey) 50%, #4a5568);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-survey) 24%, transparent), 0 10px 22px rgba(0, 0, 0, 0.18);
}
.survey-builder-list-copy,
.survey-library-row-copy {
  min-width: 0;
  display: grid;
  gap: 8px;
  flex: 1 1 auto;
}
.survey-builder-list-head,
.survey-library-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.survey-builder-list-head strong,
.survey-library-item-top strong {
  font-size: 0.98rem;
  line-height: 1.3;
}
.survey-builder-heading-id,
.survey-builder-list-id {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 3px 10px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 35%, #4a5568);
  border-radius: 999px;
  color: color-mix(in srgb, var(--app-survey) 86%, white);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.survey-builder-heading-id {
  vertical-align: middle;
  font-size: 0.76rem;
}
.survey-builder-list-meta,
.survey-library-item-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 0.82rem;
}
.survey-builder-list-actions,
.survey-library-row-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.survey-daily-page label:not(.checkbox-label) {
  margin: 0 0 10px;
}
.survey-daily-page .section-title-copy > .muted,
#survey-runtime-helper-text,
#survey-model-status,
#survey-thinking-status,
.survey-send-review-note,
.survey-response-modal-summary {
  line-height: 1.45;
}
.survey-editor-form,
.survey-question-builder,
.survey-delivery-form,
.survey-send-list,
.survey-response-list,
.survey-analytics-list {
  display: grid;
  gap: 22px;
}
.survey-analytics-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  align-items: stretch;
}
.survey-analytics-visuals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.survey-analytics-customer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.survey-analytics-customer-grid--manager {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.survey-top-pressure-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.survey-manager-summary-panel {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}
.survey-manager-summary-lines {
  display: grid;
  gap: 10px;
}
.survey-manager-summary-lines p,
.report-summary-lines p {
  margin: 0;
  line-height: 1.6;
}
.survey-manager-summary-item {
  display: grid;
  gap: 10px;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-manager-summary-item p {
  margin: 0;
  line-height: 1.55;
}
.survey-top-pressure-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.survey-top-pressure-card {
  align-content: start;
}
.survey-analytics-customer-table {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.survey-analytics-customer-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 88px 88px 88px;
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-analytics-customer-row--head {
  padding: 0 12px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.survey-analytics-customer-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.survey-analytics-customer-copy strong {
  font-size: 0.9rem;
  line-height: 1.2;
}
.survey-analytics-customer-copy .muted {
  font-size: 0.78rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.survey-analytics-card,
.survey-analytics-question-card,
.survey-chart-card {
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  padding: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-analytics-card {
  display: grid;
  gap: 12px;
}
.survey-analytics-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.survey-analytics-card-head .muted {
  margin: 0;
}
.survey-kpi-info-btn {
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 999px;
  flex: 0 0 auto;
}
.survey-kpi-info-btn svg {
  width: 15px;
  height: 15px;
}
.survey-chart-card {
  display: grid;
  gap: 18px;
}
.survey-analytics-card strong {
  font-size: 1.5rem;
  line-height: 1;
}
.survey-chart-card-head {
  display: grid;
  gap: 10px;
  align-items: start;
}
.survey-chart-card-head strong {
  font-size: 1rem;
  line-height: 1.3;
}
.survey-chart-card-head .muted {
  display: block;
  margin: 0;
  max-width: 56ch;
  line-height: 1.5;
}
.survey-chart-bars {
  display: grid;
  gap: 14px;
}
.survey-trend-chart {
  height: 180px;
  padding: 18px 0 8px;
}
.survey-trend-chart svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.survey-chart-row {
  display: grid;
  gap: 10px;
}
.survey-chart-copy {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.9rem;
  line-height: 1.4;
}
.survey-chart-copy span:first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.survey-chart-copy strong:last-child {
  flex: 0 0 auto;
  white-space: nowrap;
}
.survey-chart-bar-shell {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}
.survey-chart-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--app-survey) 85%, #ffffff 8%), color-mix(in srgb, var(--app-survey) 65%, #ffcf7a 35%));
}
.survey-chart-bar--funnel {
  background: linear-gradient(90deg, #d98c41, #f2c56e);
}
.survey-chart-bar--score {
  background: linear-gradient(90deg, #5ec8ff, #90f0ff);
}
.survey-chart-bar--coverage {
  background: linear-gradient(90deg, #6dcf94, #9af2be);
}
.survey-chart-bar--choice {
  background: linear-gradient(90deg, #c98cff, #f0beff);
}
#survey-analytics-ticket-cards,
#survey-analytics-ticket-visuals,
#survey-analytics-customer-insights {
  margin-top: 22px;
}
.survey-analytics-question-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.survey-builder-ai-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}
.survey-builder-ai-row > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.survey-builder-footer {
  display: grid;
  gap: 14px;
}
.survey-builder-footer-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  flex-wrap: wrap;
}
.survey-builder-footer-row > div:first-child {
  width: min(320px, 100%);
}
.survey-builder-submit-row {
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.survey-builder-submit-stack {
  margin-left: auto;
  display: grid;
  justify-items: end;
  gap: 12px;
}
.survey-builder-status {
  margin: 0;
  text-align: right;
}
.survey-builder-submit-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.survey-delivery-actions {
  gap: 12px;
  flex-wrap: wrap;
}
.survey-bulk-send-panel {
  display: grid;
  gap: 18px;
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid color-mix(in srgb, var(--app-survey) 14%, #2f3546);
}
.survey-bulk-import-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.survey-bulk-import-card {
  display: grid;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 14%, #2f3546);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}
.survey-bulk-field-help {
  margin: 0 0 6px;
  font-size: 0.86rem;
  line-height: 1.55;
}
.survey-bulk-checkbox {
  min-height: 44px;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0 0;
}
.survey-bulk-preview {
  display: grid;
  gap: 12px;
}
.survey-bulk-preview-table {
  display: grid;
  gap: 10px;
}
.survey-bulk-preview-row {
  display: grid;
  grid-template-columns: 70px minmax(140px, 1fr) minmax(220px, 1.2fr) minmax(150px, 0.8fr);
  gap: 16px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 14%, #2f3546);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
}
.survey-bulk-preview-row--head {
  background: transparent;
  border: 0;
  padding: 0 2px 4px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.survey-bulk-preview-row--invalid {
  border-color: color-mix(in srgb, #e57878 42%, #2f3546);
}
.survey-inline-status {
  margin: 12px 0 0;
  line-height: 1.5;
}
.survey-question-list {
  display: grid;
  gap: 18px;
}
.survey-question-card {
  border: 1px solid color-mix(in srgb, var(--app-survey) 20%, #2f3546);
  border-radius: 16px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-question-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.survey-question-head h3 {
  margin: 0;
  font-size: 1.18rem;
}
.survey-question-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.survey-question-required-wrap {
  display: flex;
  align-items: flex-end;
}
.survey-send-card,
.survey-response-card {
  position: relative;
  display: grid;
  gap: 16px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  padding: 18px 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-send-card-head,
.survey-response-card-head,
.survey-public-question-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.survey-send-card-meta,
.survey-send-card-actions,
.survey-response-answers,
.survey-public-checkboxes,
.survey-public-form,
.survey-public-questions {
  display: grid;
  gap: 14px;
}
.survey-send-card-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  font-size: 0.84rem;
  color: var(--muted);
}
.survey-send-card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.survey-send-delete-btn--blocked {
  opacity: 0.58;
  cursor: not-allowed;
}
.survey-send-delete-note {
  color: var(--muted);
  font-size: 0.82rem;
}
.survey-response-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-send-view-corner-btn {
  position: absolute;
  right: 18px;
  bottom: 18px;
}
.survey-send-card-actions {
  padding-right: 60px;
}
.survey-response-modal-content {
  max-width: 860px;
}
.survey-preview-modal-content {
  width: min(1280px, 96vw);
  max-width: 1280px;
  padding-bottom: 18px;
}
.survey-kpi-detail-modal-content {
  width: min(560px, 94vw);
  max-width: 560px;
}
.survey-kpi-detail-body {
  display: grid;
  gap: 14px;
}
.survey-kpi-detail-list {
  display: grid;
  gap: 12px;
}
.survey-kpi-detail-item {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-kpi-detail-item strong {
  font-size: 1rem;
  line-height: 1.3;
}
.survey-preview-frame {
  width: 100%;
  min-height: 74vh;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #3b4153);
  border-radius: 16px;
  background: #0e1119;
}
.survey-public-readonly-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.survey-public-readonly-fieldset[disabled] {
  opacity: 1;
}
.survey-public-readonly-fieldset[disabled] input,
.survey-public-readonly-fieldset[disabled] select,
.survey-public-readonly-fieldset[disabled] textarea,
.survey-public-readonly-fieldset[disabled] button {
  cursor: default;
}
.survey-public-page--readonly .survey-public-question {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--survey-public-accent) 12%, #4a5063);
  background: color-mix(in srgb, var(--survey-public-panel-bg) 92%, rgba(255, 255, 255, 0.02));
}
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] label {
  color: color-mix(in srgb, var(--survey-public-copy) 82%, #c7ccd8 18%);
}
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] input,
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] select,
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] textarea {
  background: color-mix(in srgb, var(--survey-public-panel-bg) 82%, #7d8598 18%);
  border-color: color-mix(in srgb, var(--survey-public-accent) 10%, #596177);
  color: color-mix(in srgb, var(--ink) 82%, #d8dce6 18%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  opacity: 1;
}
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] input::placeholder,
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] textarea::placeholder {
  color: color-mix(in srgb, var(--survey-public-copy) 72%, #b7bdca 28%);
}
.survey-public-page--readonly .survey-public-star-option,
.survey-public-page--readonly .survey-public-scale-option,
.survey-public-page--readonly .survey-public-checkbox-option,
.survey-public-page--readonly .survey-public-select {
  cursor: default;
}
.survey-public-page--readonly .survey-public-star-option {
  opacity: 0.72;
  transform: none;
}
.survey-public-page--readonly .survey-public-star-icon {
  color: color-mix(in srgb, var(--survey-public-copy) 55%, #8d94a4 45%);
  filter: none;
}
.survey-public-page--readonly .survey-public-scale-option,
.survey-public-page--readonly .survey-public-checkbox-option {
  border-color: color-mix(in srgb, var(--survey-public-accent) 10%, #596177);
  background: color-mix(in srgb, var(--survey-public-panel-bg) 88%, #6f778a 12%);
  box-shadow: none;
  transform: none;
}
.survey-public-page--readonly .survey-public-scale-option span,
.survey-public-page--readonly .survey-public-checkbox-option span {
  color: color-mix(in srgb, var(--survey-public-copy) 84%, #cfd4de 16%);
}
.survey-public-page--readonly .survey-public-checkbox-option::before {
  border-color: color-mix(in srgb, var(--survey-public-copy) 34%, #697186 66%);
  background: color-mix(in srgb, var(--survey-public-panel-bg) 84%, #8a91a0 16%);
}
.survey-public-page--readonly .survey-public-star-option:hover .survey-public-star-icon,
.survey-public-page--readonly .survey-public-star-option:hover ~ .survey-public-star-option .survey-public-star-icon,
.survey-public-page--readonly .survey-public-scale-option:hover,
.survey-public-page--readonly .survey-public-checkbox-option:hover,
.survey-public-page--readonly .survey-public-scale-option:hover span,
.survey-public-page--readonly .survey-public-checkbox-option:hover span {
  transform: none;
  color: inherit;
  filter: none;
  box-shadow: none;
}
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] .survey-public-stars,
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] .survey-public-scale,
.survey-public-page--readonly .survey-public-readonly-fieldset[disabled] .survey-public-checkboxes {
  pointer-events: none;
}
.survey-response-modal-summary {
  max-width: 100%;
}
.survey-analytics-sender-grid {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 4px;
}
.survey-analytics-sender-table {
  display: grid;
  gap: 12px;
  min-width: 100%;
  width: max-content;
  max-width: none;
}
.survey-analytics-sender-row {
  display: grid;
  grid-template-columns: minmax(132px, 148px) minmax(96px, 112px) repeat(var(--survey-analytics-question-columns, 1), minmax(92px, 108px)) 44px;
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--app-survey) 18%, #2f3546);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #1a1d27;
}
.survey-analytics-sender-row--head {
  padding: 0 12px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.survey-analytics-sender-recipient {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.survey-analytics-sender-recipient strong,
.survey-analytics-sender-answer-summary {
  overflow-wrap: anywhere;
}
.survey-analytics-sender-recipient strong {
  display: block;
  font-size: 0.86rem;
  line-height: 1.2;
}
.survey-analytics-sender-recipient .muted,
.survey-analytics-sender-answer-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.survey-analytics-sender-recipient .muted {
  -webkit-line-clamp: 1;
  font-size: 0.75rem;
  line-height: 1.2;
}
.survey-analytics-sender-answer-summary {
  -webkit-line-clamp: 1;
  font-size: 0.76rem;
  line-height: 1.2;
  white-space: normal;
  word-break: break-word;
}
.survey-response-answers {
  margin-top: 0;
}
.survey-response-answer {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}
.survey-public-preview-note {
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(217, 198, 107, 0.26);
  border-radius: 14px;
  background: rgba(217, 198, 107, 0.08);
  color: color-mix(in srgb, #f8ebbb 82%, white);
}
.survey-public-page {
  --survey-public-accent: var(--app-survey);
  --survey-public-page-bg:
    radial-gradient(circle at top, rgba(217, 198, 107, 0.22), transparent 35%),
    linear-gradient(180deg, #181818, #222222 58%, #1b1b1b);
  --survey-public-panel-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #292929;
  --survey-public-panel-border: color-mix(in srgb, var(--app-survey) 18%, #444444);
  --survey-public-chip-bg: rgba(255, 255, 255, 0.03);
  --survey-public-chip-border: color-mix(in srgb, var(--app-survey) 16%, #444444);
  --survey-public-panel-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
  --survey-public-copy: var(--muted);
  min-height: 100vh;
  margin: 0;
  background: var(--survey-public-page-bg);
  color: var(--ink);
  font-family: "Space Grotesk", sans-serif;
}
.survey-public-page--bright {
  --survey-public-accent: #e47c2a;
  --survey-public-page-bg:
    radial-gradient(circle at top left, rgba(228, 124, 42, 0.20), transparent 26%),
    radial-gradient(circle at right 18%, rgba(255, 201, 121, 0.18), transparent 20%),
    linear-gradient(180deg, #fff6ea, #fff1e4 38%, #f6efe8 100%);
  --survey-public-panel-bg:
    linear-gradient(180deg, rgba(255, 253, 250, 0.96), rgba(255, 247, 239, 0.92)),
    #fffaf4;
  --survey-public-panel-border: rgba(228, 124, 42, 0.18);
  --survey-public-chip-bg: rgba(255, 255, 255, 0.72);
  --survey-public-chip-border: rgba(228, 124, 42, 0.14);
  --survey-public-panel-shadow: 0 18px 42px rgba(204, 122, 53, 0.12);
  --survey-public-copy: #786454;
  color: #2a211a;
}
.survey-public-page--dark {
  --survey-public-page-bg:
    radial-gradient(circle at top, rgba(217, 198, 107, 0.22), transparent 35%),
    linear-gradient(180deg, #181818, #222222 58%, #1b1b1b);
  --survey-public-panel-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    #292929;
  --survey-public-panel-border: color-mix(in srgb, var(--app-survey) 18%, #444444);
  --survey-public-chip-bg: rgba(255, 255, 255, 0.03);
  --survey-public-chip-border: color-mix(in srgb, var(--app-survey) 16%, #444444);
  --survey-public-copy: var(--muted);
}
.survey-public-page--corporate {
  --survey-public-accent: #e47c2a;
  --survey-public-page-bg:
    radial-gradient(circle at top right, rgba(228, 124, 42, 0.16), transparent 22%),
    linear-gradient(180deg, #191919 0%, #222222 46%, #292929 100%);
  --survey-public-panel-bg:
    linear-gradient(180deg, rgba(38, 38, 38, 0.96), rgba(45, 45, 45, 0.94)),
    #292929;
  --survey-public-panel-border: rgba(228, 124, 42, 0.18);
  --survey-public-chip-bg: rgba(255, 255, 255, 0.04);
  --survey-public-chip-border: rgba(228, 124, 42, 0.12);
  --survey-public-panel-shadow: 0 24px 54px rgba(0, 0, 0, 0.36);
  --survey-public-copy: #c4c4c4;
  color: #f4f4f4;
}
.survey-public-shell {
  width: min(920px, calc(100% - 32px));
  margin: 0 auto;
  padding: 42px 0 56px;
  display: grid;
  gap: 22px;
}
.survey-public-hero,
.survey-public-card {
  display: grid;
  gap: 14px;
  background: var(--survey-public-panel-bg);
  border-color: var(--survey-public-panel-border);
  box-shadow: var(--survey-public-panel-shadow);
}
.survey-public-brand-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.survey-public-logo {
  height: 46px;
  width: auto;
  display: block;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
}
.survey-public-eyebrow {
  margin: 0;
  color: var(--survey-public-accent);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.76rem;
  font-weight: 700;
}
.survey-public-hero h1,
.survey-public-thankyou h2,
.survey-public-question h2 {
  margin: 0;
  font-family: "Instrument Serif", serif;
}
.survey-public-hero h1 {
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  line-height: 0.96;
}
.survey-public-lede,
.survey-public-recipient {
  margin: 0;
  color: var(--survey-public-copy);
}
.survey-public-page--corporate .survey-public-hero {
  position: relative;
  overflow: hidden;
}
.survey-public-page--corporate .survey-public-hero::after {
  content: "";
  position: absolute;
  inset: auto -60px -60px auto;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(228, 124, 42, 0.24), transparent 68%);
  pointer-events: none;
}
.survey-public-page--bright .survey-public-hero,
.survey-public-page--bright .survey-public-card {
  backdrop-filter: blur(8px);
}
.survey-public-question {
  display: grid;
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--survey-public-panel-border);
  background: var(--survey-public-chip-bg);
}
.survey-public-stars,
.survey-public-scale {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.survey-public-star-option,
.survey-public-scale-option,
.survey-public-checkbox-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--survey-public-chip-border);
  border-radius: 999px;
  background: var(--survey-public-chip-bg);
}
.survey-public-stars {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.survey-public-star-option {
  position: relative;
  width: 50px;
  height: 50px;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  transition: transform 140ms ease;
}
.survey-public-star-option input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.survey-public-star-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  color: color-mix(in srgb, var(--survey-public-copy) 42%, transparent);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.16));
  transition: color 140ms ease, transform 140ms ease, filter 140ms ease;
}
.survey-public-star-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.survey-public-star-option:hover .survey-public-star-icon,
.survey-public-star-option:hover ~ .survey-public-star-option .survey-public-star-icon,
.survey-public-star-option:has(input:checked) .survey-public-star-icon,
.survey-public-star-option:has(input:checked) ~ .survey-public-star-option .survey-public-star-icon {
  color: var(--survey-public-accent);
  filter: drop-shadow(0 5px 10px color-mix(in srgb, var(--survey-public-accent) 30%, transparent));
}
.survey-public-star-option:hover .survey-public-star-icon,
.survey-public-star-option:hover ~ .survey-public-star-option .survey-public-star-icon,
.survey-public-star-option:has(input:focus-visible) .survey-public-star-icon {
  transform: translateY(-1px) scale(1.04);
}
.survey-public-star-option:has(input:focus-visible) {
  border-radius: 10px;
  outline: 2px solid color-mix(in srgb, var(--survey-public-accent) 72%, white 8%);
  outline-offset: 3px;
}
.survey-public-scale {
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.survey-public-scale-option {
  position: relative;
  width: 48px;
  height: 48px;
  justify-content: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--survey-public-accent) 14%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--survey-public-panel-bg) 88%, rgba(255, 255, 255, 0.03));
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.survey-public-scale-option input,
.survey-public-checkbox-option input {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.survey-public-scale-option span {
  font-weight: 600;
  color: color-mix(in srgb, var(--survey-public-copy) 84%, white 10%);
  transition: color 140ms ease, transform 140ms ease;
}
.survey-public-scale-option:hover,
.survey-public-scale-option:has(input:checked) {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--survey-public-accent) 44%, rgba(255, 255, 255, 0.22));
  background: color-mix(in srgb, var(--survey-public-panel-bg) 76%, rgba(228, 124, 42, 0.12));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--survey-public-accent) 16%, transparent);
}
.survey-public-scale-option:hover span,
.survey-public-scale-option:has(input:checked) span {
  color: color-mix(in srgb, var(--survey-public-accent) 82%, white 8%);
  transform: scale(1.04);
}
.survey-public-scale-option:has(input:focus-visible),
.survey-public-checkbox-option:has(input:focus-visible),
.survey-public-select:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--survey-public-accent) 72%, white 8%);
  outline-offset: 3px;
}
.survey-public-select {
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--survey-public-accent) 16%, rgba(255, 255, 255, 0.18));
  border-radius: 16px;
  background: color-mix(in srgb, var(--survey-public-panel-bg) 86%, rgba(255, 255, 255, 0.04));
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
.survey-public-checkboxes {
  display: grid;
  gap: 10px;
}
.survey-public-checkbox-option {
  position: relative;
  justify-content: flex-start;
  min-height: 52px;
  gap: 14px;
  padding: 0 16px 0 50px;
  border: 1px solid color-mix(in srgb, var(--survey-public-accent) 12%, rgba(255, 255, 255, 0.18));
  background: color-mix(in srgb, var(--survey-public-panel-bg) 88%, rgba(255, 255, 255, 0.03));
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.survey-public-checkbox-option::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1.5px solid color-mix(in srgb, var(--survey-public-copy) 54%, rgba(255, 255, 255, 0.14));
  background: rgba(255, 255, 255, 0.96);
  transform: translateY(-50%);
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}
.survey-public-checkbox-option::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  width: 6px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  opacity: 0;
  transform: translateY(-60%) rotate(45deg) scale(0.7);
  transition: opacity 140ms ease, transform 140ms ease;
}
.survey-public-checkbox-option span {
  color: color-mix(in srgb, var(--survey-public-copy) 90%, white 10%);
}
.survey-public-checkbox-option:hover,
.survey-public-checkbox-option:has(input:checked) {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--survey-public-accent) 30%, rgba(255, 255, 255, 0.2));
  background: color-mix(in srgb, var(--survey-public-panel-bg) 76%, rgba(228, 124, 42, 0.08));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--survey-public-accent) 12%, transparent);
}
.survey-public-checkbox-option:has(input:checked)::before {
  border-color: var(--survey-public-accent);
  background: var(--survey-public-accent);
  box-shadow: 0 3px 8px color-mix(in srgb, var(--survey-public-accent) 20%, transparent);
}
.survey-public-checkbox-option:has(input:checked)::after {
  opacity: 1;
  transform: translateY(-60%) rotate(45deg) scale(1);
}
.survey-public-text {
  min-height: 140px;
}
.survey-public-thankyou {
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--survey-public-panel-border);
  background: var(--survey-public-panel-bg);
}
.survey-public-submit-row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.survey-public-submit-row .status {
  margin-right: auto;
}
.survey-public-thankyou-actions {
  display: flex;
  justify-content: flex-end;
}
.survey-public-page--bright .survey-public-question,
.survey-public-page--bright .survey-public-thankyou {
  box-shadow: 0 10px 24px rgba(196, 129, 69, 0.08);
}
.survey-public-page--corporate .survey-public-question,
.survey-public-page--corporate .survey-public-thankyou {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
.checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
}
@media (max-width: 920px) {
  .survey-send-card-meta,
  .survey-send-card-actions {
    grid-template-columns: 1fr;
  }
  .survey-analytics-visuals,
  .survey-analytics-cards {
    grid-template-columns: 1fr;
  }
  .survey-analytics-customer-grid {
    grid-template-columns: 1fr;
  }
  .survey-top-pressure-grid {
    grid-template-columns: 1fr;
  }
  .survey-analytics-filter-bar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .survey-ticket-analytics-controls {
    grid-template-columns: 1fr;
  }
  .survey-ticket-analytics-controls-grid {
    grid-template-columns: 1fr;
  }
  #survey-analytics-ticket-cards,
  #survey-analytics-ticket-visuals,
  #survey-analytics-customer-insights {
    margin-top: 18px;
  }
  .survey-analytics-filter-actions {
    justify-content: flex-start;
  }
  .survey-bulk-import-grid {
    grid-template-columns: 1fr;
  }
  .survey-bulk-preview-row {
    grid-template-columns: 1fr;
  }
  .survey-bulk-preview-row--head {
    display: none;
  }
  .survey-analytics-sender-row {
    grid-template-columns: 1fr;
  }
  .survey-analytics-customer-row {
    grid-template-columns: 1fr;
  }
  .survey-analytics-sender-table {
    width: 100%;
    max-width: 100%;
  }
  .survey-analytics-sender-row--head {
    display: none;
  }
  .survey-analytics-customer-row--head {
    display: none;
  }
  .survey-builder-list-item,
  .survey-library-row {
    align-items: stretch;
    flex-direction: column;
  }
  .survey-builder-heading-id,
  .survey-builder-list-id {
    display: inline-flex;
    margin-left: 0;
    margin-top: 8px;
  }
  .survey-builder-list-actions,
  .survey-library-row-actions {
    width: 100%;
  }
  .survey-builder-ai-row {
    flex-direction: column;
    align-items: stretch;
  }
  .survey-builder-footer-row {
    align-items: stretch;
    flex-direction: column;
  }
  .survey-builder-footer-row > div:first-child {
    width: 100%;
  }
  .survey-public-submit-row {
    align-items: stretch;
    flex-direction: column;
  }
  .survey-public-submit-row .status {
    margin-right: 0;
  }
  .survey-builder-submit-row {
    align-items: stretch;
    flex-direction: column;
  }
  .survey-builder-submit-stack {
    width: 100%;
    margin-left: 0;
    justify-items: stretch;
  }
  .survey-builder-status {
    text-align: left;
  }
  .survey-builder-submit-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .survey-public-shell {
    width: min(100% - 20px, 920px);
    padding-top: 24px;
  }
}
@media (max-width: 1100px) {
  .survey-ticket-analytics-controls-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .survey-chart-copy {
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .survey-analytics-cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .survey-chart-copy {
    flex-direction: column;
    gap: 6px;
  }
  .survey-chart-copy strong:last-child {
    white-space: normal;
  }
}
.admin-frame-daily-controls-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.document-intelligence-summary {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.6;
}
.document-intelligence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.document-intelligence-grid > div {
  min-width: 0;
}
.document-intelligence-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.document-intelligence-tag {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.45;
  font-size: 0.9rem;
}
.admin-frame-daily-controls-grid .admin-subsection {
  margin-top: 0 !important;
}
.admin-app-control-head {
  padding-left: 12px;
}
@media (max-width: 1120px) {
  .document-library-grid {
    grid-template-columns: 1fr;
  }
  .document-intelligence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .social-analytics-network-grid {
    grid-template-columns: 1fr;
  }
  .social-sync-review-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .social-sync-review-actions {
    justify-content: flex-start;
  }
  .social-sync-review-actions-wrap {
    align-items: stretch;
  }
  .social-sync-import-status-top {
    text-align: left;
  }
  .social-sync-candidate-layout {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  .social-sync-candidate-thumb-wrap {
    width: 48px;
    height: 48px;
  }
  .social-sync-candidate-head,
  .social-sync-candidate-pills {
    justify-content: flex-start;
  }
  .social-sync-candidate-head {
    flex-wrap: wrap;
  }
  .social-sync-candidate-select {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
  }
  .social-sync-scan-platform-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .social-sync-show-existing-chip {
    width: 100%;
  }
  .prospect-activity-print-head,
  .prospect-activity-print-charts {
    grid-template-columns: 1fr;
    display: grid;
  }
  .social-analytics-chart-grid,
  .social-analytics-kpi-grid {
    grid-template-columns: 1fr;
  }
  .social-analytics-kpi-grid--quad {
    grid-template-columns: 1fr;
  }
  .company-sourcing-kpi-grid--three,
  .company-sourcing-kpi-grid--four,
  .prospect-activity-report-grid,
  .prospect-activity-summary-grid {
    grid-template-columns: 1fr;
  }
  .company-sourcing-kpi-group--inline {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
  .company-sourcing-kpi-inline--single-line {
    flex-wrap: wrap;
  }
  .company-sourcing-notification-controls {
    justify-content: flex-start;
  }
  .social-analytics-head {
    flex-direction: column;
  }
  .social-analytics-destination-card-grid {
    grid-template-columns: 1fr;
  }
  .social-analytics-head-meta {
    text-align: left;
  }
  .social-analytics-bar-row {
    grid-template-columns: 1fr;
  }
  .social-analytics-page-detail-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .social-analytics-post-title-wrap {
    grid-template-columns: minmax(0, 1fr);
  }
  .social-analytics-post-title-toggle.toolbar-icon-btn {
    justify-self: start;
  }
  .prospect-activity-print-meta {
    text-align: left;
  }
  .prospect-activity-log-toolbar {
    padding: 12px;
  }
  .prospect-activity-selection-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .prospect-activity-card-head {
    flex-direction: column;
    align-items: stretch;
  }
  .prospect-activity-card-toggle {
    align-self: flex-end;
  }
  .prospect-report-option-row {
    align-items: flex-start;
  }
  .audience-export-option-panel {
    padding: 12px;
  }
  .audience-export-check-row {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
  }
  .history-list {
    grid-template-columns: 1fr;
  }
  .frame-scene-script-modal-grid {
    grid-template-columns: 1fr;
  }
  .frame-scene-script-inline-grid {
    grid-template-columns: 1fr;
  }
  .frame-scene-script-voiceover-actions {
    grid-template-columns: 1fr;
  }
  .frame-scene-animation-action-row {
    grid-template-columns: 1fr;
  }
  .document-library-grid {
    grid-template-columns: 1fr;
  }
  .section-title-row {
    flex-direction: column;
    align-items: stretch;
  }
  .section-title-actions {
    justify-content: flex-start;
    margin-left: 0;
  }
  .history-corner-meta {
    align-items: flex-start;
    width: 100%;
  }
  .history-owner-line {
    text-align: left;
  }
  .pitch-url-row {
    flex-wrap: wrap;
  }
  .admin-subapp-title-row {
    flex-wrap: wrap;
  }
  .admin-app-controls-grid {
    grid-template-columns: 1fr;
  }
  .admin-storage-overview-grid {
    grid-template-columns: 1fr;
  }
  .admin-storage-filters {
    grid-template-columns: 1fr 1fr;
  }
  .admin-storage-card-top {
    flex-direction: column;
    align-items: stretch;
  }
  .ledger-chart-pie-layout {
    grid-template-columns: 1fr;
  }
  .ledger-breakdown-head {
    flex-direction: column;
  }
  .ledger-breakdown-head p {
    text-align: left;
  }
  .admin-storage-size-badge {
    min-width: 0;
  }
  .admin-frame-daily-controls-grid {
    grid-template-columns: 1fr;
  }
  .social-calendar-outlook-grid,
  .social-calendar-outlook-stats {
    grid-template-columns: 1fr;
  }
  .linkedin-lead-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .linkedin-lead-filter-grid > :first-child,
  .linkedin-lead-filter-actions {
    grid-column: span 2;
  }
  .nurture-monitor-grid {
    grid-template-columns: 1fr;
  }
  .nurture-enrollment-actions,
  .nurture-monitor-actions,
  .nurture-row-actions {
    justify-content: flex-start;
  }
  .nurture-monitor-actions {
    margin-left: 0;
  }
  .nurture-step-meta-grid,
  .grid-two,
  .grid-three { grid-template-columns: 1fr; }
  .paper-format-split-block--with-secondary .paper-format-split-grid {
    grid-template-columns: 1fr;
  }
  .paper-visual-tone-split-block--with-secondary {
    grid-template-columns: 1fr;
  }
  .shell { padding: 26px 16px 50px; }
  .history-title-row { align-items: flex-start; flex-direction: column; }
  .admin-pricing-row {
    grid-template-columns: 1fr 1fr;
  }
  .ddam-asset-results {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 860px) {
  .company-notification-card {
    align-items: flex-start;
    flex-direction: column;
  }
  .company-notification-copy {
    width: 100%;
    white-space: normal;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .module-grid {
    grid-template-columns: 1fr;
  }
  .social-post-card-content--with-asset {
    grid-template-columns: 1fr;
  }
  .social-post-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .social-calendar-grid {
    grid-template-columns: 1fr;
  }
  .social-calendar-week-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .social-calendar-day-view-head {
    flex-direction: column;
  }
  .social-calendar-weekday {
    display: none;
  }
  .social-calendar-day {
    min-height: auto;
  }
  .social-calendar-day.is-outside {
    display: none;
  }
  .social-calendar-entry-title strong {
    white-space: normal;
  }
  .social-calendar-list-actions {
    width: 100%;
  }
  .social-calendar-status-row {
    align-items: stretch;
    flex-direction: column;
  }
  .social-calendar-nav-row {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .social-generation-result-head,
  .social-generated-post-card-head {
    flex-direction: column;
  }
  .social-calendar-panel-summary {
    grid-template-columns: 1fr;
  }
  .social-calendar-run-head-actions {
    align-items: flex-start;
  }
  .social-generation-kpis,
  .social-generation-graphs,
  .social-repository-performance-grid {
    grid-template-columns: 1fr;
  }
  .social-sync-candidate-layout {
    grid-template-columns: 72px minmax(0, 1fr) 56px;
  }
  .social-repository-performance-pages {
    grid-template-columns: 1fr;
  }
  .social-repository-performance-head {
    flex-direction: column;
  }
  .social-repository-performance-actions {
    align-items: flex-start;
  }
  .social-repository-performance-section-head,
  .social-repository-performance-platform-row,
  .social-repository-performance-destination-row {
    grid-template-columns: 1fr;
  }
  .social-repository-performance-section-head {
    display: grid;
  }
  .social-repository-performance-section-head span,
  .social-repository-performance-platform-kpi,
  .social-repository-performance-destination-row > span {
    text-align: left;
    justify-items: start;
  }
  .social-generation-bar-row {
    grid-template-columns: minmax(70px, 0.8fr) minmax(80px, 1fr) auto;
  }
  .social-organic-summary-head {
    flex-direction: column;
  }
  .social-organic-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .social-promotion-summary {
    flex-direction: column;
  }
  .ledger-report-head {
    flex-direction: column;
  }
  .ledger-report-head-meta {
    text-align: left;
  }
  .ledger-report-charts--user,
  .ledger-report-charts--global {
    grid-template-columns: 1fr;
  }
  .admin-storage-chart-row {
    grid-template-columns: 1fr;
  }
  .admin-storage-filters {
    grid-template-columns: 1fr;
  }
  .presentation-images-layout {
    grid-template-columns: 1fr;
  }
  .presentation-image-candidate-card,
  .presentation-image-assigned-preview {
    grid-template-columns: 1fr;
  }
  .presentation-image-manual-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1180px) {
  .admin-pricing-row {
    grid-template-columns: 1fr;
  }
}

.support-ticket-toolbar-btn,
.support-ticket-toolbar-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink);
  border: 1px solid #4d4d4d;
  background: transparent;
  border-radius: 999px;
  padding: 5px 8px;
}

.support-ticket-toolbar-btn:hover,
.support-ticket-toolbar-link:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: #666;
  color: var(--ink);
}

.support-ticket-toolbar-btn svg,
.support-ticket-toolbar-link svg {
  width: 12px;
  height: 12px;
}

.support-ticket-modal-content {
  max-width: 720px;
}

.support-ticket-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}

.support-ticket-modal-title {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}

.support-ticket-close-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.support-ticket-modal-content label {
  display: block;
  margin: 14px 0 6px;
  color: var(--muted);
  font-family: "Space Grotesk", sans-serif;
}

.support-ticket-modal-content input,
.support-ticket-modal-content textarea {
  width: 100%;
  border: 1px solid #3a4053;
  border-radius: 10px;
  background: #0f121a;
  color: var(--ink);
  padding: 10px 12px;
  font: inherit;
}

.support-ticket-modal-content textarea {
  min-height: 130px;
  resize: vertical;
}

.support-ticket-modal-content input.support-ticket-readonly-input:disabled {
  background: #2a2f3a;
  border-color: #4a5063;
  color: var(--ink);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--ink);
}

.support-ticket-history-section {
  margin-top: 24px;
  border-top: 1px solid var(--panel-border);
  padding-top: 20px;
}

.support-ticket-submit-row {
  display: flex;
  width: 100%;
  justify-content: flex-end !important;
  margin-top: 14px;
}

.support-ticket-history-list,
.support-ticket-admin-list {
  display: grid;
  gap: 10px;
}

.support-ticket-admin-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 10px;
}

.support-ticket-admin-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 0.88rem;
}

.support-ticket-admin-filter input {
  margin: 0;
}

.support-ticket-history-card,
.support-ticket-admin-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  padding: 12px 14px;
}

.support-ticket-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.support-ticket-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 320px;
  min-width: 0;
  flex-wrap: wrap;
}

.support-ticket-summary-id {
  font-size: 0.9rem;
  line-height: 1;
}

.support-ticket-summary-date,
.support-ticket-summary-meta {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.2;
}

.support-ticket-summary-text {
  min-width: 180px;
  flex: 1 1 240px;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-ticket-admin-card .support-ticket-row {
  align-items: flex-start;
}

.support-ticket-admin-card .support-ticket-summary {
  align-items: baseline;
}

.support-ticket-admin-description {
  flex: 1 0 100%;
  min-width: 0;
  margin-top: 6px;
  padding: 10px 12px;
  border-left: 3px solid rgba(255, 111, 60, 0.72);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, 0.025);
}

.support-ticket-admin-description-label {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2;
  text-transform: uppercase;
}

.support-ticket-admin-card .support-ticket-summary-text {
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-size: 0.92rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
}

.support-ticket-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-wrap: wrap;
}

.support-ticket-status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

.support-ticket-status-pill--pending {
  color: #ffd28f;
  border-color: rgba(255, 210, 143, 0.4);
  background: rgba(255, 210, 143, 0.1);
}

.support-ticket-status-pill--open {
  color: #8fd8ff;
  border-color: rgba(143, 216, 255, 0.4);
  background: rgba(143, 216, 255, 0.1);
}

.support-ticket-status-pill--closed {
  color: #92e5a1;
  border-color: rgba(146, 229, 161, 0.4);
  background: rgba(146, 229, 161, 0.1);
}

.support-ticket-history-card .icon-btn,
.support-ticket-admin-card .icon-btn {
  width: 36px;
  height: 36px;
}

.support-ticket-admin-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 8px;
  flex-wrap: wrap;
}

.support-ticket-admin-actions label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.support-ticket-admin-actions .support-ticket-admin-response-field {
  display: grid;
  gap: 6px;
  flex: 1 1 280px;
  min-width: min(100%, 280px);
}

.support-ticket-admin-response-input {
  min-height: 76px;
  padding: 8px 10px;
  resize: vertical;
}

.support-ticket-admin-select {
  min-height: 36px;
  min-width: 104px;
  padding: 6px 10px;
}

.support-ticket-admin-delete-btn {
  color: #ffb2b2;
}

.support-ticket-details {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.support-ticket-details-meta {
  margin: 0 0 6px;
}

.support-ticket-detail-copy {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 760px) {
  .campaign-billing-range-toggle,
  .campaign-billing-custom {
    grid-template-columns: 1fr;
  }
  .paper-art-direction-header-row {
    grid-template-columns: 1fr;
  }
}
.checkbox-row {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
}

.checkbox-row input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.prospect-list-intake-rule-secondary-row {
  align-items: start;
}

.prospect-list-intake-conflict-toggle {
  min-height: 44px;
  margin-top: 29px;
}

.subtle-panel {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
  border-radius: 16px;
}

.activity-grid-wrap {
  overflow-x: scroll;
  overflow-y: visible;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(255, 111, 60, 0.68) rgba(255, 255, 255, 0.055);
  scrollbar-width: thin;
}

.my-activities-grid-modal,
.prospect-activity-grid-modal {
  padding: 10px;
}

.my-activities-grid-modal .my-activities-grid-modal-content,
.prospect-activity-grid-modal .prospect-activity-grid-modal-content {
  width: min(1720px, calc(100vw - 20px));
  max-width: none;
  max-height: 92vh;
  padding: 18px 20px;
}

.my-activities-grid-modal-body,
.prospect-activity-grid-modal-body {
  margin-top: 18px;
}

.my-activities-grid-modal .activity-grid-wrap,
.prospect-activity-grid-modal .activity-grid-wrap {
  max-height: calc(92vh - 172px);
  overflow-x: scroll;
  overflow-y: auto;
}

.my-activities-grid-modal-open,
.prospect-activity-grid-modal-open {
  overflow: hidden;
}

.prospect-grid-detach-modal {
  padding: 10px;
}

.prospect-grid-detach-modal .prospect-grid-detach-modal-content {
  width: min(1720px, calc(100vw - 20px));
  max-width: none;
  max-height: 92vh;
  padding: 18px 20px;
}

.prospect-grid-detach-modal-body {
  margin-top: 18px;
  max-height: calc(92vh - 118px);
  overflow: auto;
}

.prospect-grid-detach-modal-open {
  overflow: hidden;
}

.activity-grid-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
}

.activity-grid-table--wide {
  min-width: 1380px;
}

.activity-grid-table--operations {
  min-width: 1540px;
}

.activity-grid-table th,
.activity-grid-table td {
  padding: 10px 12px;
  vertical-align: middle;
  text-align: left;
}

.activity-grid-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.activity-grid-table tbody tr:last-child {
  border-bottom: 0;
}

.activity-grid-table th {
  font-size: 0.88rem;
  color: var(--muted);
  white-space: nowrap;
}

.activity-grid-col-select {
  width: 60px;
}

.activity-grid-row--completed {
  background: rgba(124, 242, 154, 0.04);
}

.activity-grid-editor-row {
  background: rgba(255, 255, 255, 0.03);
}

.activity-grid-row td {
  font-size: 0.94rem;
  line-height: 1.3;
}

.activity-grid-table--timeline td {
  vertical-align: top;
  padding-top: 12px;
  padding-bottom: 12px;
}

.activity-grid-table--timeline .activity-grid-row td {
  line-height: 1.45;
}

.activity-grid-table--timeline .activity-grid-main-label {
  font-size: 0.98rem;
  line-height: 1.25;
}

.activity-grid-table--timeline .activity-grid-activity-cell {
  min-width: 240px;
}

.activity-grid-editor-row input,
.activity-grid-editor-row select,
.activity-grid-editor-row textarea {
  width: 100%;
}

.activity-grid-editor-row textarea,
.activity-grid-notes-cell {
  min-width: 240px;
}

.activity-grid-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.activity-grid-action-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.activity-grid-action-stack--compact {
  flex-wrap: nowrap;
  gap: 6px;
}

.activity-grid-action-stack--compact .ghost,
.activity-grid-action-stack--compact button,
.activity-grid-action-stack--compact a.ghost {
  box-sizing: border-box;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  white-space: nowrap;
}

.activity-grid-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
}

.activity-grid-autocomplete {
  position: relative;
  min-width: 240px;
}

.activity-grid-autocomplete-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #171c28;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.activity-grid-autocomplete-option {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  text-align: left;
}

.activity-grid-autocomplete-option:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

.activity-grid-filter-form {
  margin: 0;
}

.activity-grid-filter-row th {
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(255, 111, 60, 0.46);
  border-bottom: 1px solid rgba(255, 111, 60, 0.34);
  background:
    linear-gradient(90deg, rgba(255, 111, 60, 0.12), rgba(255, 255, 255, 0.025) 28%),
    rgba(255, 255, 255, 0.025);
  vertical-align: top;
}
.activity-grid-filter-row th:first-child {
  border-left: 2px solid rgba(255, 111, 60, 0.7);
}
.activity-grid-filter-row th:last-child {
  border-right: 1px solid rgba(255, 111, 60, 0.36);
}

.activity-grid-filter-row input,
.activity-grid-filter-row select {
  width: 100%;
  min-height: 36px;
  font-size: 0.82rem;
  padding: 0 10px;
}

.activity-grid-filter-date-pair {
  display: grid;
  gap: 6px;
}

.activity-grid-filter-actions {
  justify-content: flex-end;
}

.activity-grid-main-label {
  display: inline-block;
  font-size: 0.95rem;
  line-height: 1.2;
}

.activity-grid-inline-secondary,
.activity-grid-owner-meta {
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  line-height: 1.2;
}

.activity-grid-inline-secondary--warning {
  color: var(--muted);
  white-space: nowrap;
}

.activity-grid-activity-cell,
.activity-grid-prospect-cell,
.activity-grid-owner-compact-cell {
  min-width: 0;
}

.activity-grid-table--operations .activity-grid-prospect-cell {
  min-width: 220px;
}

.activity-grid-table--operations .activity-grid-col-activity {
  min-width: 150px;
}

.activity-grid-table--operations .activity-grid-col-result {
  min-width: 170px;
}

.activity-grid-table--operations .activity-grid-col-status {
  min-width: 150px;
}

.activity-grid-table--operations th:last-child,
.activity-grid-table--operations td:last-child {
  min-width: 248px;
}

.activity-grid-table--operations .activity-grid-inline-meta {
  display: inline-flex;
  margin: 0 0 0 6px;
  vertical-align: middle;
}

.activity-grid-table--operations .activity-grid-owner-meta {
  display: inline;
  margin: 0 0 0 6px;
}

.activity-grid-table--operations th:nth-last-child(7),
.activity-grid-table--operations td:nth-last-child(7) {
  min-width: 220px;
}

.activity-grid-table--timeline th:nth-last-child(5),
.activity-grid-table--timeline td:nth-last-child(5) {
  min-width: 240px;
}

.activity-grid-table--timeline th:nth-last-child(4),
.activity-grid-table--timeline td:nth-last-child(4) {
  min-width: 150px;
}

.activity-grid-owner-email {
  display: inline-block;
  font-size: 0.88rem;
  line-height: 1.2;
}

.activity-grid-notes-clamp {
  max-width: 420px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.activity-grid-notes-cell--full {
  min-width: 420px;
  max-width: 620px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

/* Keeps the Italian date format independent from the browser's locale while
   preserving the native picker behind the calendar action. */
.localized-date-control {
  position: relative;
  display: block;
  width: 100%;
}

.localized-date-control > input[type="text"] {
  width: 100%;
  min-width: 0;
  padding-right: 48px;
}

.localized-date-picker {
  position: absolute;
  top: 50%;
  right: 6px;
  display: inline-grid;
  place-items: center;
  width: 34px;
  min-width: 34px;
  height: calc(100% - 8px);
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
}

.localized-date-picker:hover,
.localized-date-picker:focus-visible {
  background: color-mix(in srgb, var(--accent, #ff6b35) 12%, transparent);
  color: var(--accent, #ff6b35);
}

.localized-date-picker svg {
  width: 18px;
  height: 18px;
}

.localized-date-popover {
  position: fixed;
  z-index: 1000;
  width: 292px;
  padding: 12px;
  border: 1px solid var(--line, #3d4657);
  border-radius: 12px;
  background: var(--panel, #171a23);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

.localized-date-popover-head,
.localized-date-weekdays,
.localized-date-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  gap: 3px;
  text-align: center;
}

.localized-date-popover-head { grid-template-columns: 36px 1fr 36px; margin-bottom: 10px; }
.localized-date-popover-head button,
.localized-date-days button {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink, #f4efe6);
}
.localized-date-popover-head button:hover,
.localized-date-days button:hover,
.localized-date-days button:focus-visible { background: rgba(255, 111, 60, 0.16); color: var(--accent, #ff6f3c); }
.localized-date-weekdays { margin-bottom: 5px; color: var(--muted, #b7b3aa); font-size: 0.76rem; }
.localized-date-days button.is-today { outline: 1px solid var(--accent, #ff6f3c); outline-offset: -2px; }
.localized-date-days button.is-selected { background: var(--accent, #ff6f3c); color: #171a23; }
.localized-date-today {
  width: 100%;
  min-height: 36px;
  margin-top: 10px;
  padding: 6px 10px;
  border: 1px solid var(--line, #3d4657);
  border-radius: 12px;
  background: transparent;
  color: var(--ink, #f4efe6);
}
.localized-date-today:hover,
.localized-date-today:focus-visible { border-color: var(--accent, #ff6f3c); color: var(--accent, #ff6f3c); }

.marketing-compact-grid {
  min-width: 1480px;
  table-layout: auto;
}

.marketing-compact-grid th,
.marketing-compact-grid td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.marketing-compact-grid td .muted {
  display: none;
}

.marketing-compact-grid td p {
  display: inline;
  margin: 0;
}

.marketing-compact-grid th:nth-child(1),
.marketing-compact-grid td:nth-child(1) { min-width: 58px; }
.marketing-compact-grid th:nth-child(2),
.marketing-compact-grid td:nth-child(2) { min-width: 52px; }
.marketing-compact-grid th:nth-child(3),
.marketing-compact-grid td:nth-child(3) { min-width: 190px; }
.marketing-compact-grid th:nth-child(4),
.marketing-compact-grid td:nth-child(4) { min-width: 220px; }
.marketing-compact-grid th:nth-child(5),
.marketing-compact-grid td:nth-child(5) { min-width: 210px; }
.marketing-compact-grid th:nth-child(6),
.marketing-compact-grid td:nth-child(6) { min-width: 150px; }
.marketing-compact-grid th:nth-child(7),
.marketing-compact-grid td:nth-child(7) { min-width: 160px; }
.marketing-compact-grid th:nth-child(8),
.marketing-compact-grid td:nth-child(8) { min-width: 190px; }
.marketing-compact-grid th:nth-child(9),
.marketing-compact-grid td:nth-child(9) { min-width: 180px; }
.marketing-compact-grid th:last-child,
.marketing-compact-grid td:last-child { min-width: 76px; }

.prospect-grid-details-btn,
.company-queue-detail-btn {
  min-width: 30px;
  padding: 4px 8px;
  font-family: "Instrument Serif", serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.paper-preview-artifact-sequence {
  align-items: stretch;
  gap: 10px;
}

.paper-preview-artifact-sequence .paper-preview-artifact-option {
  min-width: 132px;
  padding: 6px;
}

.paper-preview-artifact-sequence .paper-preview-artifact-option > span {
  display: grid;
  gap: 6px;
  align-content: center;
  justify-items: center;
  min-height: 166px;
  padding: 10px 12px;
  text-align: center;
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: 104px;
  height: 128px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 56%),
    #0f1014;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.paper-preview-artifact-thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: var(--paper-preview-artifact-ratio, 4 / 5);
  object-fit: contain;
  border-radius: 8px;
  background: #0f1014;
}

.paper-preview-artifact-thumbnail--video {
  background: #000000;
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-play {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  min-height: 0;
  padding-left: 2px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  background: rgba(15, 16, 20, 0.78);
  color: var(--ink);
  font-size: 0.65rem;
  line-height: 1;
  backdrop-filter: blur(8px);
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-stage--document {
  background: #ffffff;
}

.paper-preview-artifact-thumbnail-frame {
  position: absolute;
  inset: 0 auto auto 0;
  width: 832px;
  height: 1024px;
  border: 0;
  background: #ffffff;
  transform: scale(0.125);
  transform-origin: top left;
  pointer-events: none;
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-stage--text {
  align-content: start;
  justify-items: start;
  gap: 9px;
  padding: 12px;
  color: var(--ink);
  text-align: left;
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-document-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 18%, rgba(255, 255, 255, 0.04));
  color: color-mix(in srgb, var(--accent) 78%, white);
  font-family: "Instrument Serif", serif;
  font-size: 1rem;
}

.paper-preview-artifact-option .paper-preview-artifact-thumbnail-excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.35;
}

.paper-preview-artifact-option .paper-preview-artifact-label {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
}
  .delivery-ops-worker-grid { grid-template-columns: 1fr; }
  .delivery-ops-worker-facts { grid-template-columns: 1fr; }
.mailer-storage-hero {
  max-width: 780px;
}

.mailer-storage-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 22px;
  padding: 1px;
  list-style: none;
  border: 1px solid rgba(20, 31, 26, 0.16);
  background: rgba(20, 31, 26, 0.16);
  border-radius: 14px;
  overflow: hidden;
}

.mailer-storage-rail li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  padding: 18px;
  background: rgba(250, 247, 239, 0.96);
}

.mailer-storage-rail span {
  grid-row: 1 / 3;
  color: var(--accent, #9b3f20);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.mailer-storage-rail small {
  color: var(--muted, #5f665f);
}

.mailer-storage-grid {
  display: grid;
  gap: 18px;
}

.mailer-storage-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(300px, 1.3fr);
  column-gap: 34px;
  align-items: start;
  border-left: 5px solid var(--accent, #9b3f20);
}

.mailer-storage-card > .eyebrow,
.mailer-storage-card > h2,
.mailer-storage-card > .muted,
.mailer-storage-card > .mailer-storage-year {
  grid-column: 1;
}

.mailer-storage-card > h2 {
  margin: 4px 0 10px;
}

.mailer-storage-card > .muted {
  margin: 0;
}

.mailer-storage-card > .mailer-storage-metrics,
.mailer-storage-card > .mailer-storage-actions,
.mailer-storage-card > .status {
  grid-column: 2;
}

.mailer-storage-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 42px;
}

.mailer-storage-metrics span {
  padding: 9px 12px;
  border: 1px solid rgba(20, 31, 26, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  color: var(--muted, #5f665f);
}

.mailer-storage-metrics strong {
  color: var(--ink, #141f1a);
}

.mailer-storage-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  margin-top: 12px;
}

.mailer-storage-actions [data-preview],
.mailer-storage-actions [data-apply] {
  width: 100%;
}

.mailer-storage-actions button:disabled {
  cursor: not-allowed;
  filter: saturate(0.2);
  opacity: 0.42;
}

.mailer-storage-confirmation {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 1;
  gap: 7px;
  min-width: 0;
  color: var(--muted, #5f665f);
  font-size: 0.88rem;
  font-weight: 600;
}

.mailer-storage-confirmation code {
  color: var(--ink, #141f1a);
  font: inherit;
  font-weight: 700;
  letter-spacing: 0.025em;
  overflow-wrap: anywhere;
}

.mailer-storage-confirmation input,
.mailer-storage-year input {
  width: 100%;
  min-height: 42px;
}

.mailer-storage-year {
  display: grid;
  gap: 7px;
  margin-top: 16px;
  font-weight: 700;
}

@media (max-width: 800px) {
  .mailer-storage-rail,
  .mailer-storage-card {
    grid-template-columns: 1fr;
  }

  .mailer-storage-card > .mailer-storage-metrics,
  .mailer-storage-card > .mailer-storage-actions,
  .mailer-storage-card > .status {
    grid-column: 1;
  }

  .mailer-storage-actions {
    grid-template-columns: 1fr;
  }

  .mailer-storage-confirmation {
    grid-column: 1;
  }
}

.paper-linkedin-package {
  margin-top: 22px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--accent) 36%, rgba(255, 255, 255, 0.12));
  border-left: 4px solid var(--accent);
  border-radius: 14px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%),
    rgba(255, 255, 255, 0.025);
}

.paper-linkedin-package-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
}

.paper-linkedin-package-head h3,
.paper-linkedin-package-head p {
  margin: 0;
}

.paper-linkedin-package-head h3 {
  margin-top: 4px;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}

.paper-linkedin-package-head .muted {
  margin-top: 7px;
}

.paper-linkedin-package-kicker {
  color: var(--accent-soft);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.paper-linkedin-package-actions {
  margin-top: 16px;
  gap: 10px;
}

@media (max-width: 900px) {
  .paper-linkedin-package-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .paper-linkedin-package-head > .ghost {
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .paper-linkedin-package {
    padding: 16px;
  }
}
.opportunity-command-panel,
.opportunity-grid-panel { position: relative; overflow: hidden; }
.opportunity-command-panel::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, #4ed3a8, #4a78ff); }
.opportunity-summary-lanes { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 12px; margin-top: 18px; }
.opportunity-summary-lane { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg, rgba(35, 47, 65, .88), rgba(20, 25, 36, .94)); }
.opportunity-summary-lane > div:first-child { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.opportunity-summary-values { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; gap: 10px 18px; text-align: right; }
.opportunity-summary-values > span { display: grid; gap: 2px; }
.opportunity-summary-values small { color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.opportunity-summary-values strong { font-size: clamp(1.05rem, 1.65vw, 1.45rem); font-variant-numeric: tabular-nums; }
.opportunity-summary-weighted strong { color: #7ee8c7; }
.opportunity-summary-lane p { margin: 5px 0 12px; color: var(--muted); }
.opportunity-currency-code { color: #7ee8c7; font-size: .76rem; font-weight: 700; letter-spacing: .12em; }
.opportunity-summary-statuses { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: .78rem; color: var(--muted); }
.opportunity-summary-statuses strong { color: var(--text); margin-left: 3px; }
.opportunity-summary-empty { display: flex; align-items: center; gap: 12px; padding: 18px; border: 1px dashed var(--line); border-radius: 12px; }
.opportunity-summary-empty strong { font-size: 1.6rem; }
.opportunity-owner-summary { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.opportunity-owner-summary-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-bottom: 12px; }
.opportunity-owner-summary-heading h3 { margin: 0; }
.opportunity-owner-summary-heading p { margin: 0; font-size: .78rem; text-align: right; }
.opportunity-owner-summary-wrap { border: 1px solid var(--line); border-radius: 12px; }
.opportunity-owner-summary-table { min-width: 780px; }
.opportunity-owner-summary-table th { font-size: .7rem; }
.opportunity-owner-summary-table td { vertical-align: middle; }
.opportunity-owner-summary-table td small { display: block; margin-top: 3px; color: var(--muted); }
.opportunity-owner-value { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.opportunity-owner-weighted { color: #7ee8c7; }
.opportunity-owner-statuses { display: flex; flex-wrap: wrap; gap: 5px 12px; color: var(--muted); font-size: .74rem; }
.opportunity-owner-statuses strong { margin-left: 2px; color: var(--text); }
.opportunity-table { min-width: 1460px; }
.opportunity-grid-filter-header .queue-table-filter-control { margin: 0; }
.opportunity-grid-filter-header th { vertical-align: top; }
.opportunity-grid-filter-header input,
.opportunity-grid-filter-header select { min-width: 108px; }
.opportunity-grid-filter-header .opportunity-grid-id-filter input { min-width: 170px; }
.opportunity-grid-filter-header .opportunity-grid-id-filter select { margin-top: 6px; }
.opportunity-close-filter-pair { display: grid; gap: 6px; min-width: 224px; }
.opportunity-month-year-control { display: grid; grid-template-columns: minmax(0, 1fr) 88px; gap: 8px; width: 100%; }
.opportunity-month-year-control--filter { grid-template-columns: 34px minmax(82px, 1fr) 78px; gap: 5px; align-items: center; }
.opportunity-date-range-prefix { color: var(--muted); font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.opportunity-grid-filter-header .opportunity-month-year-control--filter select { min-width: 0; }
.opportunity-table td { vertical-align: middle; }
.opportunity-table td small { display: block; margin-top: 4px; color: var(--muted); }
.opportunity-table th:first-child,
.opportunity-table td:first-child { width: 52px; min-width: 52px; text-align: center; }
.opportunity-open-cell { padding-inline: 8px !important; }
.opportunity-id-token { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; }
.opportunity-amount-cell { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 700; }
.opportunity-owner-cell { max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
.opportunity-owner-group td { padding: 8px 12px !important; background: rgba(78, 211, 168, .08); border-top: 1px solid rgba(78, 211, 168, .28); color: #7ee8c7; font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.opportunity-status-pill--identified { background: rgba(126, 149, 177, .16); color: #c5d2df; }
.opportunity-status-pill--qualified { background: rgba(74, 120, 255, .17); color: #9eb7ff; }
.opportunity-status-pill--proposal { background: rgba(169, 105, 255, .17); color: #d2b2ff; }
.opportunity-status-pill--negotiation { background: rgba(248, 179, 73, .17); color: #ffd58e; }
.opportunity-status-pill--won { background: rgba(78, 211, 168, .17); color: #7ee8c7; }
.opportunity-status-pill--lost { background: rgba(244, 103, 113, .16); color: #ffabb1; }
.opportunity-sync-pill--local-only { background: rgba(126, 149, 177, .13); color: #bdc9d4; }
.opportunity-sync-pill--linked,
.opportunity-sync-pill--synced { background: rgba(78, 211, 168, .14); color: #7ee8c7; }
.opportunity-sync-pill--pending { background: rgba(248, 179, 73, .15); color: #ffd58e; }
.opportunity-sync-pill--attention { background: rgba(244, 103, 113, .15); color: #ffabb1; }
.opportunity-feasibility-pill { min-width: 48px; justify-content: center; background: rgba(74, 120, 255, .14); color: #b6c7ff; }
.opportunity-archived-pill { margin-top: 5px; background: rgba(126, 149, 177, .12); color: var(--muted); }
.opportunity-editor-card { width: min(940px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
.opportunity-editor-form { display: grid; gap: 16px; margin-top: 18px; }
.opportunity-editor-fields { display: grid; grid-template-columns: minmax(180px, 1.35fr) minmax(200px, 1.25fr) minmax(92px, .45fr) minmax(145px, .85fr); gap: 12px; }
.opportunity-editor-field--proj { grid-column: span 2; }
.opportunity-editor-form label > span,
.opportunity-activity-form label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: .78rem; font-weight: 700; }
.opportunity-editor-form label > .opportunity-month-year-control { display: grid; margin-bottom: 0; color: inherit; font-size: inherit; font-weight: inherit; }
.opportunity-editor-form input,
.opportunity-editor-form select,
.opportunity-editor-form textarea,
.opportunity-activity-form input,
.opportunity-activity-form select,
.opportunity-activity-form textarea { width: 100%; }
.opportunity-editor-field--value input { text-align: right; font-variant-numeric: tabular-nums; }
.opportunity-prospect-help { margin: 7px 0 0; font-size: .8rem; }
.opportunity-prospect-results:not(:empty) { display: grid; gap: 4px; max-height: 250px; overflow: auto; margin-top: 8px; padding: 6px; border: 1px solid var(--line); border-radius: 10px; background: rgba(10, 14, 22, .97); box-shadow: 0 14px 34px rgba(0, 0, 0, .24); }
.opportunity-prospect-results p { margin: 6px; }
.opportunity-prospect-results button { display: grid; gap: 3px; width: 100%; padding: 10px 12px; border: 1px solid var(--line); background: rgba(20,25,36,.84); color: var(--text); text-align: left; border-radius: 8px; }
.opportunity-prospect-results button:hover,
.opportunity-prospect-results button:focus-visible { border-color: #4ed3a8; }
.opportunity-prospect-results span { color: var(--muted); font-size: .78rem; }
.opportunity-sync-scaffold { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(12, 16, 24, .4); }
.opportunity-editor-actions { display: flex; gap: 8px; justify-content: flex-end; }
.opportunity-activity-panel { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.opportunity-activity-form { display: grid; grid-template-columns: 1fr 1.2fr 1.2fr 2fr auto; gap: 10px; align-items: end; margin-top: 14px; }
.opportunity-activity-list { display: grid; gap: 8px; margin-top: 14px; }
.opportunity-activity-list article { padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(15, 20, 29, .55); }
.opportunity-activity-list article > div { display: flex; align-items: center; gap: 8px; }
.opportunity-activity-list p { margin: 8px 0; white-space: pre-wrap; }
.opportunity-activity-list small { color: var(--muted); }
@media (max-width: 1100px) {
  .opportunity-editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opportunity-editor-field--proj { grid-column: auto; }
  .opportunity-activity-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opportunity-activity-notes { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .opportunity-owner-summary-heading { display: grid; gap: 5px; }
  .opportunity-owner-summary-heading p { text-align: left; }
  .opportunity-editor-fields,
  .opportunity-activity-form { grid-template-columns: 1fr; }
  .opportunity-activity-notes { grid-column: auto; }
  .opportunity-editor-actions { flex-wrap: wrap; }
}

/* Public Dark/Corporate survey fields use their own neutral palette. */
:is(.survey-public-page--dark, .survey-public-page--corporate) :is(input:not([type="radio"], [type="checkbox"]), textarea) {
  background: var(--survey-public-chip-bg);
  border-color: var(--survey-public-chip-border);
  color: inherit;
}

/* Public survey appearance is independent of its saved branding preset. */
:root[data-survey-appearance="bright"] .survey-public-page {
  --ink: #2a211a;
  --muted: #786454;
  color-scheme: light;
  --survey-public-page-bg:
    radial-gradient(circle at top left, rgba(228, 124, 42, 0.20), transparent 26%),
    radial-gradient(circle at right 18%, rgba(255, 201, 121, 0.18), transparent 20%),
    linear-gradient(180deg, #fff6ea, #fff1e4 38%, #f6efe8 100%);
  --survey-public-panel-bg:
    linear-gradient(180deg, rgba(255, 253, 250, 0.96), rgba(255, 247, 239, 0.92)),
    #fffaf4;
  --survey-public-panel-border: rgba(228, 124, 42, 0.18);
  --survey-public-chip-bg: rgba(255, 255, 255, 0.72);
  --survey-public-chip-border: rgba(228, 124, 42, 0.14);
  --survey-public-panel-shadow: 0 18px 42px rgba(204, 122, 53, 0.12);
  --survey-public-copy: #786454;
  color: #2a211a;
}
:root[data-survey-appearance="dark"] .survey-public-page {
  --ink: #f4f4f4; --muted: #c4c4c4;
  --survey-public-copy: #c4c4c4;
  --survey-public-page-bg: linear-gradient(180deg, #181818, #222222 58%, #1b1b1b);
  --survey-public-panel-bg: #292929;
  --survey-public-panel-border: #666666;
  --survey-public-chip-bg: #333333;
  --survey-public-chip-border: #777777;
  --survey-public-panel-shadow: none;
  color: var(--ink); color-scheme: dark;
}
:root[data-survey-appearance] .survey-public-page :is(input:not([type="radio"], [type="checkbox"]), textarea) {
  background: var(--survey-public-chip-bg); color: var(--ink); border-color: var(--survey-public-chip-border);
}
:root[data-survey-appearance="bright"] .survey-public-preview-note { color: #57451c; background: #fff6df; border-color: #b99b53; }
:root[data-survey-appearance="dark"] .survey-public-preview-note { color: #f8ebbb; }
.survey-public-theme-selector { display: flex; justify-self: end; border: 1px solid var(--survey-public-chip-border); border-radius: 8px; overflow: hidden; }
.survey-public-theme-selector button { min-height: 34px; padding: 6px 12px; border: 0; border-radius: 0; background: var(--survey-public-panel-bg); color: var(--ink); font: 600 .75rem "Space Grotesk", sans-serif; }
.survey-public-theme-selector button[aria-pressed="true"] { background: #c63c02; color: white; }
.survey-public-theme-selector button:focus-visible { outline: 3px solid var(--survey-public-accent); outline-offset: -3px; }

/* Keep the supplied white wordmark legible on light survey surfaces. */
:root[data-survey-appearance="bright"] .survey-public-logo { background: #292929; padding: 8px 10px; border-radius: 8px; box-sizing: content-box; filter: none; }
.prospect-contact-mapping-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.prospect-contact-mapping-grid label {
  display: grid;
  gap: 7px;
}

.prospect-contact-row--skipped td:not(:last-child) {
  color: var(--muted);
}

.prospect-contact-row--skipped td:last-child {
  font-weight: 600;
}