/* ── The 28-Day Initiation parity skin: copied from the original /yi dashboard language ── */
  #initiationView {
    /* Remapped to the shared design system (teal accent). Local names kept; values point at global tokens. */
    --yi-canvas: var(--bg, #fdf9f4);
    --yi-surface: var(--card-bg);
    --yi-ink: var(--ink);
    --yi-ink-secondary: var(--ink-soft);
    --yi-ink-tertiary: var(--ink-muted);
    --yi-border: var(--border);
    --yi-shadow: rgba(26, 23, 18, 0.055);
    --yi-accent: var(--accent);
    --yi-accent-light: var(--accent-bg);
    --yi-accent-dark: var(--accent-hover);
    --yi-pale-green: #EDF3EC;
    --yi-pale-blue: #E1F3FE;
    --yi-pale-yellow: #FBF3DB;
    --yi-pale-red: #FDEBEC;
    --yi-pale-purple: #F3E8FF;
    --yi-motion-fast: 160ms;
    --yi-motion-base: 260ms;
    --yi-motion-slow: 460ms;
    --yi-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --yi-ease-soft: cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  #initiationView .operator-surface.initiation-shell {
    display: block;
    max-width: 1180px;
    padding: 0 32px 64px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--yi-ink);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    line-height: 1.65;
  }
  /* Initiation nav rails hug their content and scroll horizontally instead of
     wrapping to a second row on desktop (canonical .pillbar wraps by default). */
  #initiationView .surface-nav > .pillbar,
  #initiationView .pillbar.pillbar-sub {
    width: auto;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #initiationView .surface-nav > .pillbar::-webkit-scrollbar,
  #initiationView .pillbar.pillbar-sub::-webkit-scrollbar { display: none; }
  #initiationView .surface-nav > .pillbar > .pill,
  #initiationView .pillbar.pillbar-sub > .pill { flex: 0 0 auto; }

  #initiationView .operator-page-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.1;
  }
  #initiationView .initiation-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yi-accent);
    animation: initiation-pulse 2s cubic-bezier(0.32, 0.72, 0, 1) infinite;
  }
  #initiationView .operator-intro {
    display: none;
  }
  #initiationView .small-caps-label,
  #initiationView .home-section-title,
  #initiationView .initiation-card-title {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--yi-ink-secondary);
  }
  #initiationView .home-section-title {
    margin: 0;
    padding: 0;
    border: 0;
  }
  body.initiation-active #pageTitle,
  body.initiation-active #pageSub {
    display: none;
  }
  body.initiation-active .header {
    align-items: center;
  }
  body.initiation-active .main {
    padding-top: 32px;
  }
  body.initiation-active .header-left {
    align-items: center;
    min-width: 0;
  }
  body.initiation-active .header-actions {
    min-width: 0;
  }
  .initiation-header-cohort {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
  }
  .initiation-header-cohort[hidden],
  .initiation-header-tabs[hidden] {
    display: none !important;
  }
  .initiation-header-cohort > span {
    color: var(--ink);
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }
  .initiation-header-title-short {
    display: none;
  }
  .initiation-header-cohort .initiation-cohort-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
  }
  .initiation-header-cohort .initiation-cohort-select .small-caps-label {
    display: none;
  }
  .initiation-header-cohort .initiation-cohort-select select {
    appearance: none;
    -webkit-appearance: none;
    min-height: 38px;
    min-width: 160px;
    max-width: min(240px, 36vw);
    padding: 0 38px 0 17px;
    border: 1px solid var(--rule, var(--yi-border));
    border-radius: 999px;
    background: var(--canvas, var(--yi-surface));
    color: var(--ink, var(--yi-ink));
    font: 800 15px/1 'Outfit', system-ui, -apple-system, sans-serif;
    box-shadow: 0 10px 24px -22px var(--yi-shadow);
    cursor: pointer;
  }
  .initiation-header-cohort .initiation-cohort-select .ph-caret-down {
    position: absolute;
    right: 14px;
    top: 50%;
    color: var(--yi-ink-secondary);
    font-size: 14px;
    pointer-events: none;
    transform: translateY(-50%);
  }
  .header .initiation-header-tabs {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    overflow-x: auto;
    padding: 4px 8px;
    border: 1px solid var(--rule, var(--yi-border));
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
    box-shadow: none;
    scrollbar-width: none;
  }
  .header .initiation-header-tabs::-webkit-scrollbar {
    display: none;
  }
  .header .initiation-header-tabs .initiation-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    gap: 0;
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: var(--yi-ink-secondary);
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
  }
  .header .initiation-header-tabs .initiation-tab span {
    display: none;
  }
  .header .initiation-header-tabs .initiation-tab i {
    display: block;
    color: currentColor;
    font-size: 18px;
    line-height: 1;
  }
  .header .initiation-header-tabs .initiation-tab:hover {
    background: rgba(24, 24, 27, .05);
    color: var(--yi-ink);
  }
  .header .initiation-header-tabs .initiation-tab.active {
    border-color: transparent;
    background: rgba(24, 24, 27, .08);
    color: var(--yi-ink);
    box-shadow: none;
  }
  #initiationView .initiation-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 62px;
    margin: 0 -32px 18px;
    padding: 0 32px;
    border-bottom: 1px solid var(--yi-border);
  }
  #initiationView .initiation-heading-cluster {
    min-width: 0;
  }
  #initiationView .initiation-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  #initiationView .initiation-cohort-bar {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: 18px;
  }
  #initiationView .initiation-data-mode {
    margin-bottom: 18px;
    border-color: var(--yi-border);
    border-radius: 14px;
    background: var(--yi-surface);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    box-shadow: none;
  }
  #initiationView .initiation-data-summary span {
    color: var(--yi-ink);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-data-summary p {
    color: var(--yi-ink-tertiary);
    font: 600 12px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-data-mode.backend {
    border-color: var(--accent-light);
    background: var(--accent-bg);
  }
  #initiationView .initiation-data-mode.is-hidden {
    display: none;
  }
  #initiationView .initiation-data-mode.local,
  #initiationView .initiation-data-mode.seed {
    border-color: rgba(245, 158, 11, .28);
    background: rgba(245, 158, 11, .07);
  }
  #initiationView .initiation-hero {
    align-items: center;
    margin-bottom: 18px;
  }
  #initiationView .initiation-cohort-select .small-caps-label { display: none; }
  #initiationView .initiation-cohort-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    width: auto;
  }
  #initiationView .initiation-cohort-select select {
    width: auto;
    min-height: 30px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: var(--yi-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    background-image: none;
  }
  #initiationView .initiation-title-row .initiation-cohort-select select {
    appearance: none;
    -webkit-appearance: none;
    min-height: 34px;
    padding: 0 34px 0 15px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 24px -20px var(--yi-shadow);
    cursor: pointer;
  }
  #initiationView .initiation-title-row .initiation-cohort-select .ph-caret-down {
    position: absolute;
    right: 12px;
    top: 50%;
    color: var(--yi-ink-secondary);
    font-size: 14px;
    pointer-events: none;
    transform: translateY(-50%);
  }
  #initiationView .initiation-cohort-select select,
  #initiationView .initiation-form input,
  #initiationView .initiation-form select,
  #initiationView .initiation-form textarea {
    border-color: var(--yi-border);
    border-radius: 12px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-cohort-select select:focus,
  #initiationView .initiation-form input:focus,
  #initiationView .initiation-form select:focus,
  #initiationView .initiation-form textarea:focus {
    border-color: var(--yi-accent);
  }
  #initiationView .initiation-tabs {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    padding: 0;
    gap: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #initiationView .initiation-tab {
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    color: var(--yi-ink-secondary);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: 0;
    font-weight: 700;
  }
  #initiationView .initiation-tab span { display: none; }
  #initiationView .initiation-tab i { font-size: 18px; }
  #initiationView .initiation-tab.active {
    border-color: transparent;
    background: var(--yi-ink);
    color: #fff;
    box-shadow: none;
  }
  #initiationView .initiation-workshop-tab {
    margin-left: 10px;
    background: var(--accent);
    color: var(--yi-ink);
  }
  #initiationView .initiation-workshop-tab i { color: var(--yi-ink); }
  #initiationView .initiation-workshop-tab + .initiation-tab { margin-left: 10px; }
  #initiationView .initiation-workshop-tab.active {
    background: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-shadow);
    color: var(--yi-ink);
  }
  #initiationView .initiation-panel {
    margin-top: 8px;
  }
  #initiationView .initiation-funnel {
    display: grid;
    gap: 32px;
    margin: 10px 0 0;
  }
  #initiationView .initiation-dashboard-group {
    display: grid;
    gap: 12px;
  }
  #initiationView .initiation-dashboard-group-title {
    color: var(--yi-ink);
    font: 850 22px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-pipeline-subnav .initiation-message-switch button,
  #initiationView .initiation-message-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    padding: 0 14px;
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-section[hidden] {
    display: none;
  }
  #initiationView .initiation-funnel-rail {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: 640px;
    overflow: visible;
    padding: 0;
  }
  #initiationView .initiation-funnel-step {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    border: 1px solid color-mix(in srgb, var(--rib-accent, #7a8b6f) 18%, var(--yi-border));
    border-radius: 22px;
    background:
      linear-gradient(105deg,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 16%, var(--yi-surface)) 0%,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 6%, var(--yi-surface)) 42%,
        var(--yi-surface) 100%);
    color: var(--yi-ink-secondary);
    padding: 16px 18px;
    text-align: left;
    box-shadow: 0 18px 36px -30px var(--yi-shadow);
    cursor: pointer;
  }
  #initiationView .initiation-funnel-step i {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(122, 139, 111, .10);
    color: var(--yi-ink-secondary);
    font-size: 22px;
  }
  #initiationView .initiation-funnel-step.is-metric {
    cursor: default;
  }
  #initiationView .initiation-funnel-step.is-metric i {
    background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 15%, transparent);
    color: var(--rib-accent, var(--yi-ink-secondary));
  }
  #initiationView .initiation-funnel-step.is-metric.is-empty i {
    background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 8%, transparent);
    color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 55%, var(--yi-ink-secondary));
  }
  #initiationView .initiation-funnel-step-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  #initiationView .initiation-funnel-step span {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--yi-ink);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: none;
  }
  #initiationView .initiation-funnel-step-text small {
    color: var(--yi-ink-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
  }
  #initiationView .initiation-funnel-step strong {
    flex: 0 0 auto;
    color: var(--yi-ink);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1;
  }
  #initiationView .initiation-funnel-step-figures {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-funnel-step-pct {
    flex: 0 0 auto;
    padding: 3px 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 22%, transparent);
    color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 72%, var(--yi-ink));
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.1;
    cursor: help;
  }
  #initiationView .initiation-funnel-step.has-count {
    border-color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 30%, var(--yi-border));
    background:
      linear-gradient(105deg,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 22%, var(--yi-surface)) 0%,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 9%, var(--yi-surface)) 48%,
        var(--yi-surface) 100%);
    box-shadow: 0 22px 42px -26px var(--yi-shadow);
  }
  #initiationView .initiation-funnel-step.is-active {
    border-color: rgba(34, 197, 94, .38);
    background: linear-gradient(180deg, rgba(240, 253, 244, .92), rgba(255, 255, 255, .92));
    box-shadow: 0 22px 42px -30px rgba(22, 163, 74, .42);
  }
  #initiationView .initiation-funnel-step.is-active i {
    background: rgba(34, 197, 94, .12);
    color: #15803d;
  }
  #initiationView .initiation-funnel-step.is-workshop {
    border-color: rgba(96, 165, 250, .42);
    background: linear-gradient(180deg, rgba(239, 246, 255, .92), rgba(255, 255, 255, .92));
    box-shadow: 0 22px 42px -30px rgba(37, 99, 235, .34);
  }
  #initiationView .initiation-funnel-step.is-workshop i {
    background: rgba(96, 165, 250, .13);
    color: #2563eb;
  }
  #initiationView .initiation-funnel-step.is-empty {
    background: var(--yi-surface);
    border-color: var(--yi-border);
    box-shadow: none;
    opacity: .72;
  }
  #initiationView .initiation-funnel-step.is-empty strong,
  #initiationView .initiation-funnel-step.is-empty span {
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-funnel-arrow {
    display: none;
  }

  /* ── North Star hero ─────────────────────────────────────────────── */
  #initiationView .initiation-northstar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    max-width: 640px;
    margin-bottom: 18px;
    padding: 24px 28px;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 22px;
    background: linear-gradient(135deg, #3a3631 0%, #28251f 60%, #1f1c17 100%);
    box-shadow: 0 26px 48px -30px rgba(0, 0, 0, .55);
  }
  #initiationView .initiation-northstar-eyebrow {
    display: block;
    font: 600 12px/1.2 'Outfit', system-ui, sans-serif;
    letter-spacing: .02em;
    color: rgba(255, 255, 255, .62);
  }
  #initiationView .initiation-northstar-value {
    display: block;
    margin: 6px 0 4px;
    font: 600 52px/0.95 'Cormorant Garamond', serif;
    letter-spacing: -0.01em;
    color: #fff;
  }
  #initiationView .initiation-northstar-main small {
    color: rgba(255, 255, 255, .6);
    font-size: 13px;
  }
  #initiationView .initiation-northstar-side {
    display: flex;
    gap: 28px;
    padding-left: 28px;
    border-left: 1px solid rgba(255, 255, 255, .16);
  }
  #initiationView .initiation-northstar-side span {
    display: block;
    margin-bottom: 2px;
    font: 600 11px/1.2 'Outfit', system-ui, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .55);
  }
  #initiationView .initiation-northstar-side strong {
    font: 600 24px/1.1 'Cormorant Garamond', serif;
    color: #fff;
  }

  /* ── Section headers shared by the analytic blocks ───────────────── */
  #initiationView .initiation-flight-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
  }
  #initiationView .initiation-flight-head h3 {
    margin: 0;
    font: 600 20px/1.1 'Cormorant Garamond', serif;
    color: var(--yi-ink);
  }
  #initiationView .initiation-flight-head small {
    color: var(--yi-ink-secondary);
    font-size: 12px;
  }

  /* ── Still in flight ─────────────────────────────────────────────── */
  #initiationView .initiation-flight { max-width: 640px; }
  #initiationView .initiation-flight-stages {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
  }
  #initiationView .initiation-flight-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    font-size: 12.5px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-flight-chip strong {
    font-family: 'Outfit', system-ui, sans-serif;
    font-weight: 750;
    color: var(--yi-ink);
  }
  #initiationView .initiation-flight-list {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    overflow: hidden;
  }
  #initiationView .initiation-flight-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--yi-surface);
    border-top: 1px solid var(--yi-border);
  }
  #initiationView .initiation-flight-row:first-child { border-top: 0; }
  #initiationView .initiation-flight-who { flex: 1 1 auto; min-width: 0; }
  #initiationView .initiation-flight-who strong {
    display: block;
    font-size: 14px;
    color: var(--yi-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #initiationView .initiation-flight-who small {
    color: var(--yi-ink-secondary);
    font-size: 12px;
  }
  #initiationView .initiation-flight-stage {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-flight-reach {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
  }
  #initiationView .initiation-flight-reach.is-dm {
    background: rgba(37, 99, 235, .1);
    color: #2563eb;
  }
  #initiationView .initiation-flight-reach.is-email {
    background: color-mix(in srgb, var(--yi-ink) 7%, transparent);
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-flight-ago {
    flex: 0 0 auto;
    font-size: 11.5px;
    color: var(--yi-ink-secondary);
    min-width: 48px;
    text-align: right;
  }

  /* ── Time to convert ─────────────────────────────────────────────── */
  #initiationView .initiation-timing-list,
  #initiationView .initiation-compare-list {
    display: flex;
    flex-direction: column;
    max-width: 640px;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    overflow: hidden;
  }
  #initiationView .initiation-timing-row,
  #initiationView .initiation-compare-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 11px 14px;
    background: var(--yi-surface);
    border-top: 1px solid var(--yi-border);
  }
  #initiationView .initiation-timing-row:first-child,
  #initiationView .initiation-compare-row:first-child { border-top: 0; }
  #initiationView .initiation-timing-row > span,
  #initiationView .initiation-compare-row > span { flex: 1 1 auto; font-size: 14px; color: var(--yi-ink); }
  #initiationView .initiation-timing-row strong,
  #initiationView .initiation-compare-row strong {
    font: 600 17px/1 'Cormorant Garamond', serif;
    color: var(--yi-ink);
  }
  #initiationView .initiation-timing-row small { color: var(--yi-ink-secondary); font-size: 12px; min-width: 64px; text-align: right; }

  /* ── Email engagement (funnel-card language, clickable) ──────────── */
  #initiationView .initiation-email-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: 640px;
  }
  #initiationView .initiation-email-card {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 76px;
    border: 1px solid color-mix(in srgb, var(--rib-accent, #7a8b6f) 18%, var(--yi-border));
    border-radius: 22px;
    background:
      linear-gradient(105deg,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 14%, var(--yi-surface)) 0%,
        color-mix(in srgb, var(--rib-accent, #7a8b6f) 5%, var(--yi-surface)) 46%,
        var(--yi-surface) 100%);
    padding: 14px 18px;
    text-align: left;
    box-shadow: 0 18px 36px -30px var(--yi-shadow);
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
  }
  #initiationView .initiation-email-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 22px 42px -26px var(--yi-shadow);
  }
  #initiationView .initiation-email-card > i {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 15%, transparent);
    color: var(--rib-accent, var(--yi-ink-secondary));
    font-size: 20px;
  }
  #initiationView .initiation-email-card-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  #initiationView .initiation-email-card-text span {
    color: var(--yi-ink);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #initiationView .initiation-email-card-text small {
    color: var(--yi-ink-secondary);
    font-size: 12px;
    font-weight: 600;
  }
  #initiationView .initiation-email-card-figures {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
  }
  #initiationView .initiation-email-card-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
  }
  #initiationView .initiation-email-card-stat strong {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--yi-ink);
  }
  #initiationView .initiation-email-card-stat small {
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-email-card-go {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 55%, var(--yi-ink-secondary));
    font-size: 16px;
    opacity: .6;
  }
  #initiationView .initiation-email-card:hover .initiation-email-card-go { opacity: 1; }

  /* deliverability health strip */
  #initiationView .initiation-email-health {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 640px;
    margin-bottom: 12px;
  }
  #initiationView .initiation-email-health-stat {
    flex: 1 1 0;
    min-width: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 8px;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--yi-surface);
  }
  #initiationView .initiation-email-health-stat strong {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
    font-size: 19px;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--yi-ink);
  }
  #initiationView .initiation-email-health-stat small {
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-email-health-stat.good strong { color: #15803d; }
  #initiationView .initiation-email-health-stat.watch strong { color: #b45309; }
  #initiationView .initiation-email-health-stat.bad {
    border-color: color-mix(in srgb, #b91c1c 40%, var(--yi-border));
    background: color-mix(in srgb, #b91c1c 7%, var(--yi-surface));
  }
  #initiationView .initiation-email-health-stat.bad strong { color: #b91c1c; }

  /* program filter pills */
  #initiationView .initiation-email-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 640px;
    margin-bottom: 12px;
  }
  #initiationView .initiation-email-filter-pill {
    padding: 6px 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
  }
  #initiationView .initiation-email-filter-pill:hover { color: var(--yi-ink); }
  #initiationView .initiation-email-filter-pill.active {
    background: var(--yi-ink);
    border-color: var(--yi-ink);
    color: var(--yi-surface);
  }

  /* best/worst callout */
  #initiationView .initiation-email-callout {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    max-width: 640px;
    margin-bottom: 12px;
    font-size: 12.5px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-email-callout span { display: inline-flex; align-items: center; gap: 6px; }
  #initiationView .initiation-email-callout strong { color: var(--yi-ink); font-weight: 700; }
  #initiationView .initiation-email-callout i { font-size: 15px; }

  /* category wrapper + program tag + drill-down */
  #initiationView .initiation-email-cat { display: flex; flex-direction: column; }
  #initiationView .initiation-email-cat.open .initiation-email-card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #initiationView .initiation-email-card-prog {
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    padding: 0 6px;
    height: 16px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 16%, transparent);
    color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 72%, var(--yi-ink));
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: lowercase;
    line-height: 1;
    position: relative;
    top: -1px;
  }
  #initiationView .initiation-email-drill {
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--rib-accent, #7a8b6f) 18%, var(--yi-border));
    border-top: none;
    border-radius: 0 0 22px 22px;
    background: var(--yi-surface);
    overflow: hidden;
  }
  #initiationView .initiation-email-drill-row {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 11px 18px;
    border: none;
    border-top: 1px solid var(--yi-border);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background .12s ease;
  }
  #initiationView .initiation-email-drill-row:first-child { border-top: none; }
  #initiationView .initiation-email-drill-row:hover { background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 6%, transparent); }
  #initiationView .initiation-email-drill-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--yi-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #initiationView .initiation-email-drill-stats {
    flex: 0 0 auto;
    display: flex;
    gap: 14px;
    font-size: 11.5px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-email-drill-row > i {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 55%, var(--yi-ink-secondary));
    font-size: 14px;
    opacity: .55;
  }
  #initiationView .initiation-email-drill-row:hover > i { opacity: 1; }

  /* ── Sales-sequence thread engagement (shares the email-engagement look) ── */
  #initiationView .initiation-thread-cards { display: grid; grid-template-columns: 1fr; gap: 12px; max-width: 640px; }
  #initiationView .initiation-thread-card {
    display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px;
    border: 1px solid color-mix(in srgb, var(--rib-accent, #7a8b6f) 18%, var(--yi-border));
    border-radius: 22px;
    background: linear-gradient(105deg,
      color-mix(in srgb, var(--rib-accent, #7a8b6f) 14%, var(--yi-surface)) 0%,
      color-mix(in srgb, var(--rib-accent, #7a8b6f) 5%, var(--yi-surface)) 46%,
      var(--yi-surface) 100%);
    padding: 14px 18px; text-align: left; box-shadow: 0 18px 36px -30px var(--yi-shadow);
    cursor: pointer; transition: transform .12s ease, box-shadow .12s ease;
  }
  #initiationView .initiation-thread-card:hover { transform: translateY(-1px); box-shadow: 0 22px 42px -26px var(--yi-shadow); }
  #initiationView .initiation-thread-card > i {
    display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px;
    border-radius: 14px; background: color-mix(in srgb, var(--rib-accent, #7a8b6f) 15%, transparent);
    color: var(--rib-accent, var(--yi-ink-secondary)); font-size: 20px;
  }
  #initiationView .initiation-thread-card-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  #initiationView .initiation-thread-card-text span {
    color: var(--yi-ink); font-size: 14px; font-weight: 800; line-height: 1.25;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  #initiationView .initiation-thread-card-text small { color: var(--yi-ink-secondary); font-size: 12px; font-weight: 600; }
  #initiationView .initiation-thread-drop { color: #b45309; font-weight: 700; }
  #initiationView .initiation-thread-card-figures { flex: 0 0 auto; display: flex; align-items: center; gap: 18px; }
  #initiationView .initiation-thread-card-stat { display: flex; flex-direction: column; align-items: center; gap: 1px; }
  #initiationView .initiation-thread-card-stat strong {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif; font-weight: 800; font-size: 20px;
    letter-spacing: -0.03em; line-height: 1; color: var(--yi-ink);
  }
  #initiationView .initiation-thread-card-stat small { font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: var(--yi-ink-secondary); }
  #initiationView .initiation-thread-card-go { flex: 0 0 auto; color: color-mix(in srgb, var(--rib-accent, #7a8b6f) 55%, var(--yi-ink-secondary)); font-size: 16px; opacity: .6; }
  #initiationView .initiation-thread-card:hover .initiation-thread-card-go { opacity: 1; }
  #initiationView .initiation-thread-health { display: flex; flex-wrap: wrap; gap: 10px; max-width: 640px; margin-bottom: 12px; }
  #initiationView .initiation-thread-health-stat {
    flex: 1 1 0; min-width: 92px; display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 8px; border: 1px solid var(--yi-border); border-radius: 16px; background: var(--yi-surface);
  }
  #initiationView .initiation-thread-health-stat strong {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif; font-weight: 800; font-size: 19px;
    letter-spacing: -0.03em; line-height: 1; color: var(--yi-ink);
  }
  #initiationView .initiation-thread-health-stat small { font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: var(--yi-ink-secondary); }
  #initiationView .initiation-thread-health-stat.good strong { color: #15803d; }
  #initiationView .initiation-thread-callout {
    display: flex; flex-wrap: wrap; gap: 8px 22px; max-width: 640px; margin-bottom: 12px;
    font-size: 12.5px; color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-thread-callout span { display: inline-flex; align-items: center; gap: 6px; }
  #initiationView .initiation-thread-callout strong { color: var(--yi-ink); font-weight: 700; }
  #initiationView .initiation-thread-callout i { font-size: 15px; }
  #initiationView .initiation-thread-cat { display: flex; flex-direction: column; }
  #initiationView .initiation-thread-cat.open .initiation-thread-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  #initiationView .initiation-thread-drill {
    display: flex; flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--rib-accent, #7a8b6f) 18%, var(--yi-border));
    border-top: none; border-radius: 0 0 22px 22px; background: var(--yi-surface); overflow: hidden;
  }
  #initiationView .initiation-thread-drill-row {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 18px;
    border: none; border-top: 1px solid var(--yi-border); background: transparent; text-align: left;
  }
  #initiationView .initiation-thread-drill-row:first-child { border-top: none; }
  #initiationView .initiation-thread-drill-name {
    flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 700; color: var(--yi-ink);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  #initiationView .initiation-thread-drill-stats { flex: 0 0 auto; display: flex; gap: 14px; font-size: 11.5px; color: var(--yi-ink-secondary); }

  /* ── Send schedule strip ─────────────────────────────────────────── */
  #initiationView .initiation-schedule-block {
    max-width: 640px;
    margin-bottom: 16px;
  }
  #initiationView .initiation-schedule-block:last-child { margin-bottom: 0; }
  #initiationView .initiation-schedule-block h4 {
    margin: 0 0 8px;
    font: 800 11px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--yi-ink-tertiary);
  }
  #initiationView .initiation-schedule-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--yi-surface);
    margin-bottom: 8px;
  }
  #initiationView .initiation-schedule-row:last-child { margin-bottom: 0; }
  #initiationView .initiation-schedule-dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--yi-ink-tertiary);
  }
  #initiationView .initiation-schedule-row.is-today .initiation-schedule-dot { background: #2563eb; }
  #initiationView .initiation-schedule-row.is-sent .initiation-schedule-dot { background: #15803d; }
  #initiationView .initiation-schedule-row.is-today {
    border-color: color-mix(in srgb, #2563eb 35%, var(--yi-border));
    background: color-mix(in srgb, #2563eb 5%, var(--yi-surface));
  }
  #initiationView .initiation-schedule-name {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--yi-ink);
  }
  #initiationView .initiation-schedule-breakdown {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--yi-ink-tertiary);
    letter-spacing: .01em;
  }
  #initiationView .initiation-schedule-failed { color: #b91c1c; font-weight: 700; }
  #initiationView .initiation-schedule-when {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-schedule-row.is-today .initiation-schedule-when { color: #2563eb; }
  #initiationView .initiation-schedule-count {
    flex: 0 0 auto;
    font-size: 11.5px;
    color: var(--yi-ink-tertiary);
    min-width: 64px;
    text-align: right;
  }

  /* ── Cohort comparison ───────────────────────────────────────────── */
  #initiationView .initiation-compare-row small { font-size: 12px; min-width: 96px; text-align: right; }
  #initiationView .initiation-compare-row small.is-up { color: #15803d; }
  #initiationView .initiation-compare-row small.is-down { color: #b91c1c; }
  #initiationView .initiation-compare-row small.is-flat { color: var(--yi-ink-secondary); }
  #initiationView .initiation-compare-empty {
    max-width: 640px;
  }
  #initiationView .initiation-compare-empty h3 {
    margin: 0 0 4px;
    font: 600 20px/1.1 'Cormorant Garamond', serif;
    color: var(--yi-ink);
  }
  #initiationView .initiation-compare-empty small { color: var(--yi-ink-secondary); font-size: 13px; }

  #initiationView .initiation-pipeline-subnav {
    align-items: center;
    justify-content: flex-end;
    margin: 4px 0 24px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #initiationView .initiation-pipeline-subnav .home-section-title,
  #initiationView #initiationMessagingPanel > .initiation-panel-toolbar .home-section-title {
    color: var(--yi-ink-secondary);
    font: 700 13px/1.2 'Cormorant Garamond', serif;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  #initiationView .initiation-pipeline-panel {
    display: none;
  }
  #initiationView .initiation-pipeline-panel.active {
    display: block;
  }
  #initiationView .initiation-pipeline-panel[data-pipeline-view="home"].active {
    display: grid;
    gap: 18px;
  }
  #initiationView .initiation-message-switch {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    scrollbar-width: none;
  }
  #initiationView .initiation-message-switch::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  #initiationView #initiationMessagingPanel > .initiation-panel-toolbar {
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 8px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #initiationView .initiation-pipeline-subnav .initiation-message-switch button.active,
  #initiationView .initiation-message-switch button.active {
    border-color: var(--yi-ink);
    background: var(--yi-ink);
    color: #fff;
  }
  #initiationView .initiation-message-panel {
    display: none;
  }
  #initiationView .initiation-message-panel.active {
    display: block;
  }
  #initiationView .initiation-stat-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
    border: 0;
  }
  #initiationView .initiation-cohort-line {
    margin-bottom: 16px;
    color: var(--yi-ink-secondary);
    font-size: 14px;
    font-weight: 600;
  }
  #initiationView .initiation-stat,
  #initiationView .initiation-overview-grid > div,
  #initiationView .initiation-panel-toolbar,
  #initiationView .initiation-roster,
  #initiationView .initiation-placeholder,
  #initiationView .initiation-detail-section,
  #initiationView .initiation-session-row {
    border: 1px solid var(--yi-border);
    border-radius: 32px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -24px var(--yi-shadow);
  }
  #initiationView .initiation-sessions-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  #initiationView .initiation-live-session-surface {
    display: block;
    width: 100%;
  }
  #initiationView .initiation-live-session-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
  }
  #initiationView .initiation-live-session-head strong {
    display: block;
    color: var(--yi-ink);
    font: 850 30px/1.05 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.03em;
  }
  #initiationView .initiation-live-session-head span,
  #initiationView .initiation-live-session-head em {
    color: var(--yi-ink-secondary);
    font: 650 14px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-live-session-head span {
    display: block;
    margin-top: 10px;
  }
  #initiationView .initiation-live-session-head em {
    white-space: nowrap;
  }
  #initiationView .initiation-live-session-head-actions {
    display: grid;
    justify-items: end;
    gap: 10px;
    min-width: min(100%, 520px);
  }
  #initiationView .initiation-live-session-meta {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  #initiationView .initiation-live-timezone-chip {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    margin-top: 0 !important;
    padding: 0 11px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: var(--yi-ink-secondary) !important;
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif !important;
    white-space: nowrap;
  }
  #initiationView .initiation-live-timezone-chip i {
    color: var(--yi-accent-dark);
    font-size: 14px;
  }
  #initiationView .initiation-live-week-switch {
    justify-content: flex-end;
  }
  #initiationView .initiation-live-session-card {
    display: grid;
    gap: 24px;
    padding: 30px 36px;
    border: 1px solid var(--yi-border);
    border-radius: 30px;
    background: var(--yi-surface);
    box-shadow: 0 22px 48px -32px var(--yi-shadow);
  }
  #initiationView .initiation-live-week {
    display: grid;
    gap: 20px;
  }
  #initiationView .initiation-live-week > .small-caps-label {
    color: #E5A51B;
  }
  #initiationView .initiation-live-session-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--yi-border);
  }
  #initiationView .initiation-live-session-row + .initiation-live-session-row {
    margin-top: 4px;
  }
  #initiationView .initiation-live-session-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  #initiationView .initiation-live-session-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 6px;
  }
  #initiationView .initiation-live-session-title strong {
    display: block;
    color: var(--yi-ink);
    font: 850 18px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-live-session-title span {
    display: block;
    margin-top: 5px;
    color: var(--yi-ink-tertiary);
    font: 700 13px/1.3 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-live-session-actions,
  #initiationView .initiation-live-recording-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }
  #initiationView .initiation-live-session-actions button,
  #initiationView .initiation-live-recording-actions button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-live-field {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-live-field > i {
    color: var(--yi-ink-tertiary);
    font-size: 16px;
  }
  #initiationView .initiation-live-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--card-bg);
    color: var(--yi-ink);
    font: 700 14px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-live-field input::placeholder {
    color: var(--yi-ink-tertiary);
  }
  #initiationView .initiation-live-time-field {
    grid-template-columns: 28px minmax(0, 1fr) 96px;
  }
  #initiationView .initiation-live-time-field em {
    color: var(--yi-ink-tertiary);
    font: 800 12px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  #initiationView .initiation-live-time-field em.ready {
    color: var(--yi-accent-dark);
    font-style: normal;
  }
  #initiationView .initiation-session-row {
    grid-template-columns: minmax(260px, 1fr) minmax(0, auto);
    gap: 16px;
    padding: 20px 24px;
    border-radius: 26px;
  }
  #initiationView .initiation-stat {
    min-height: 132px;
    padding: 28px;
    opacity: 1;
  }
  #initiationView .initiation-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-card-title i {
    font-size: 18px;
    color: var(--yi-accent);
  }
  #initiationView .initiation-stat:nth-child(2) .initiation-card-title i { color: #A1A1AA; }
  #initiationView .initiation-stat:nth-child(3) .initiation-card-title i { color: #DC2626; }
  #initiationView .initiation-stat-row .initiation-stat {
    color: var(--yi-ink);
  }
  #initiationView .initiation-stat-value {
    margin-top: 12px;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    letter-spacing: -0.03em;
  }
  #initiationView .initiation-stat-label {
    margin-top: 6px;
    color: var(--yi-ink-tertiary);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
  }
  #initiationView .initiation-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 20px;
  }
  #initiationView .initiation-overview-grid > div {
    padding: 28px;
  }
  #initiationView .initiation-list {
    gap: 0;
    margin-top: 10px;
  }
  #initiationView .initiation-list-item {
    grid-template-columns: 8px 1fr;
    padding: 14px 0;
    border-bottom: 1px solid var(--yi-border);
    color: var(--yi-ink-secondary);
    font-size: 14px;
  }
  #initiationView .initiation-list-item:last-child { border-bottom: 0; }
  #initiationView .initiation-list-item strong {
    color: var(--yi-ink);
    font-weight: 700;
  }
  #initiationView .initiation-panel-toolbar {
    margin: 20px 0 0;
    min-height: 72px;
    padding: 18px 28px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }
  #initiationView .initiation-pipeline-subnav {
    min-height: 0;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  #initiationView .initiation-module-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 20px;
  }
  #initiationView .initiation-module-filter button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 700 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-module-filter button.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-module-filter span {
    opacity: .72;
    font-size: 12px;
  }
  #initiationView .initiation-filter-pills {
    padding: 5px;
    border-color: var(--yi-border);
    background: var(--yi-canvas);
  }
  #initiationView .initiation-filter-pills button {
    min-height: 34px;
    color: var(--yi-ink-secondary);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 700;
  }
  #initiationView .initiation-filter-pills button.active {
    background: var(--yi-surface);
    color: var(--yi-ink);
    box-shadow: 0 12px 26px -20px rgba(0, 0, 0, .28);
  }
  #initiationView .initiation-participants-controls,
  #initiationView .initiation-participants-titlebar,
  #initiationView .initiation-view-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-participants-controls {
    gap: 12px;
  }
  #initiationView .initiation-participants-titlebar {
    min-width: 0;
    flex-wrap: wrap;
  }
  #initiationView .initiation-status-select {
    min-width: 132px;
    height: 34px;
    padding: 0 34px 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 700 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-view-toggle button {
    min-height: 34px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-view-toggle button:first-child {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
  }
  #initiationView .initiation-view-toggle button:last-child {
    margin-left: -7px;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
  }
  #initiationView .initiation-view-toggle button.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
    z-index: 1;
  }
  #initiationView .initiation-roster {
    display: grid;
    gap: 0;
    margin-top: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
  }
  #initiationView .initiation-roster.table {
    background: var(--yi-surface);
    overflow-x: auto;
  }
  #initiationView .initiation-roster-header {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(260px, 1.35fr) minmax(130px, .7fr) minmax(80px, .45fr) minmax(120px, .55fr);
    align-items: center;
    min-height: 54px;
    padding: 0 32px;
    border-bottom: 1px solid var(--yi-border);
    color: var(--yi-ink-tertiary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    min-width: 760px;
  }
  #initiationView .initiation-roster-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--yi-border);
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    transition: background .2s cubic-bezier(0.32, 0.72, 0, 1), transform .2s cubic-bezier(0.32, 0.72, 0, 1);
  }
  #initiationView .initiation-roster-row:last-child { border-bottom: 0; }
  #initiationView .initiation-roster.table .initiation-roster-row {
    grid-template-columns: minmax(150px, 1fr) minmax(260px, 1.35fr) minmax(130px, .7fr) minmax(80px, .45fr) minmax(120px, .55fr);
    align-items: center;
    gap: 0;
    min-height: 74px;
    padding: 0 32px;
    min-width: 760px;
  }
  #initiationView .initiation-roster.table .initiation-module-pills {
    margin-top: 0;
  }
  #initiationView .initiation-roster.table .initiation-roster-progress {
    justify-content: flex-end;
  }
  #initiationView .initiation-roster.table .initiation-roster-row:hover {
    transform: none;
  }
  #initiationView .initiation-action-row,
  #initiationView .initiation-upload-panel,
  #initiationView .initiation-drip-card,
  #initiationView .initiation-asset-row,
  #initiationView .initiation-template-row {
    border: 1px solid var(--yi-border);
    border-radius: 28px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -26px var(--yi-shadow);
  }
  #initiationView .initiation-operator-stack {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 16px;
  }
  #initiationView .initiation-action-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
  }
  #initiationView .initiation-action-row div,
  #initiationView .initiation-upload-panel > div:first-child {
    display: grid;
    gap: 2px;
  }
  #initiationView .initiation-action-row strong,
  #initiationView .initiation-upload-panel strong,
  #initiationView .initiation-template-row strong,
  #initiationView .initiation-asset-row strong {
    color: var(--yi-ink);
    font: 800 16px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-action-row span,
  #initiationView .initiation-upload-panel span,
  #initiationView .initiation-template-row span,
  #initiationView .initiation-asset-row span {
    color: var(--yi-ink-secondary);
    font: 600 13px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-action-row button,
  #initiationView .initiation-upload-panel button,
  #initiationView .initiation-asset-row button,
  #initiationView .initiation-inline-actions button,
  #initiationView .initiation-session-signals button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-session-signals button:disabled {
    cursor: wait;
    opacity: .62;
  }
  #initiationView .initiation-workshop-shell {
    display: grid;
    gap: 22px;
  }
  #initiationView .initiation-workshop-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px 24px;
    align-items: center;
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--yi-border);
    border-radius: 28px;
    background: var(--yi-surface);
    box-shadow: 0 18px 42px -30px var(--yi-shadow);
  }
  #initiationView .initiation-workshop-accent {
    grid-column: 1 / -1;
    height: 4px;
    border-radius: 999px;
    background: var(--accent);
  }
  #initiationView .initiation-workshop-copy {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
  }
  #initiationView .initiation-workshop-icon {
    display: grid;
    grid-row: span 2;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--accent);
    color: #fff;
    box-shadow: 0 14px 28px -20px var(--accent-shadow);
  }
  #initiationView .initiation-workshop-hero strong {
    min-width: 0;
    color: transparent;
    background: var(--accent);
    -webkit-background-clip: text;
    background-clip: text;
    font: 800 32px/1.05 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
  }
  #initiationView .initiation-workshop-hero p {
    grid-column: 2;
    margin: 4px 0 0;
    color: var(--yi-ink-secondary);
    font: 600 16px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
    max-width: 38rem;
  }
  #initiationView .initiation-workshop-switch {
    display: inline-flex;
    gap: 6px;
    justify-self: start;
    max-width: 100%;
    width: fit-content;
    padding: 4px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: transparent;
  }
  #initiationView .initiation-workshop-switch button,
  #initiationView .initiation-workshop-cohort-row button,
  #initiationView .initiation-workshop-savebar button,
  #initiationView .initiation-workshop-with-button button,
  #initiationView .initiation-workshop-toggle button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    white-space: nowrap;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 800 14px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-workshop-switch button {
    min-height: 34px;
    padding: 0 14px;
    font-size: 12px;
  }
  #initiationView .initiation-workshop-switch button.active,
  #initiationView .initiation-workshop-cohort-row button.active,
  #initiationView .initiation-workshop-savebar button.primary,
  #initiationView .initiation-workshop-toggle button.active:not(.neutral) {
    border-color: transparent;
    background: var(--accent);
    color: #fff;
    box-shadow: 0 14px 30px -22px var(--accent-shadow);
  }
  #initiationView .initiation-workshop-cohort-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  @media (max-width: 760px) {
    #initiationView .initiation-workshop-hero {
      grid-template-columns: minmax(0, 1fr);
      padding: 18px;
      gap: 18px;
    }
    #initiationView .initiation-workshop-copy {
      grid-template-columns: 48px minmax(0, 1fr);
      gap: 12px;
    }
    #initiationView .initiation-workshop-icon {
      width: 48px;
      height: 48px;
      border-radius: 14px;
    }
    #initiationView .initiation-workshop-hero strong {
      font-size: 28px;
      line-height: 1.08;
    }
    #initiationView .initiation-workshop-hero p {
      font-size: 15px;
      line-height: 1.45;
      max-width: none;
    }
    #initiationView .initiation-workshop-switch button {
      min-width: 0;
      padding-inline: 12px;
    }
  }
  #initiationView .initiation-workshop-settings {
    display: grid;
    gap: 22px;
  }
  #initiationView .initiation-workshop-stat-grid {
    display: grid;
    grid-template-columns: minmax(240px, 2fr) repeat(2, minmax(160px, 1fr));
    gap: 22px;
  }
  #initiationView .initiation-workshop-stat-grid div {
    min-height: 116px;
    padding: 28px;
    border: 1px solid var(--yi-border);
    border-radius: 30px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -28px var(--yi-shadow);
  }
  #initiationView .initiation-workshop-stat-grid div.accent {
    border-top: 4px solid var(--accent);
  }
  #initiationView .initiation-workshop-stat-grid span {
    display: block;
    color: var(--yi-ink-tertiary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  #initiationView .initiation-workshop-stat-grid strong {
    display: block;
    margin-top: 16px;
    color: var(--yi-ink);
    font: 900 34px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.04em;
  }
  #initiationView .initiation-workshop-card {
    display: grid;
    gap: 20px;
    padding: 30px;
    border: 1px solid var(--yi-border);
    border-radius: 32px;
    background: var(--yi-surface);
    box-shadow: 0 20px 44px -30px var(--yi-shadow);
  }
  #initiationView .initiation-workshop-card.premium {
    border-left: 3px solid var(--accent);
  }
  #initiationView .initiation-workshop-card label {
    display: grid;
    gap: 8px;
    color: var(--yi-ink-secondary);
    font: 600 14px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-card label > span {
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-workshop-card input,
  #initiationView .initiation-workshop-card textarea {
    width: 100%;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--card-bg);
    color: var(--yi-ink);
    font: 600 15px/1.4 'Outfit', system-ui, -apple-system, sans-serif;
    box-sizing: border-box;
  }
  #initiationView .initiation-workshop-card textarea {
    min-height: 112px;
    padding: 14px 16px;
    resize: vertical;
  }
  #initiationView .initiation-workshop-card em {
    color: var(--yi-ink-tertiary);
    font: 600 12px/1.4 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-workshop-two,
  #initiationView .initiation-workshop-with-button {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  #initiationView .initiation-workshop-with-button {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  #initiationView .initiation-live-checkin-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(122, 139, 111, .24);
    border-radius: 18px;
    background: rgba(122, 139, 111, .08);
  }
  #initiationView .initiation-live-checkin-link span {
    display: grid;
    gap: 4px;
    min-width: 0;
  }
  #initiationView .initiation-live-checkin-link b,
  #initiationView .initiation-live-checkin-link em,
  #initiationView .initiation-live-checkin-link code {
    display: block;
    min-width: 0;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-live-checkin-link b {
    color: var(--yi-ink);
    font-size: 14px;
    font-weight: 850;
  }
  #initiationView .initiation-live-checkin-link em {
    color: var(--yi-ink-tertiary);
    font-size: 12px;
    font-style: normal;
    font-weight: 650;
  }
  #initiationView .initiation-live-checkin-link code {
    overflow: hidden;
    color: var(--accent-bot);
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #initiationView .initiation-live-checkin-link button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(122, 139, 111, .28);
    border-radius: 999px;
    background: var(--card-bg);
    color: var(--accent-bot);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-live-checkin-link button:hover {
    background: rgba(122, 139, 111, .14);
  }
  #initiationView .initiation-workshop-toggle {
    display: flex;
    gap: 8px;
  }
  #initiationView .initiation-workshop-schedule {
    display: grid;
    grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr);
    gap: 14px 24px;
    color: var(--yi-ink-secondary);
    font: 600 14px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-schedule-note {
    margin-top: 2px;
    padding: 14px 16px;
    border: 1px solid var(--accent-light);
    border-radius: 18px;
    background: var(--accent-bg);
    color: var(--yi-ink-secondary);
    font: 700 13px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-schedule span {
    color: var(--yi-ink);
    font-weight: 800;
  }
  #initiationView .initiation-workshop-schedule em {
    text-align: left;
    overflow-wrap: anywhere;
  }
  #initiationView .initiation-workshop-savebar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
  }
  #initiationView .initiation-filter-pills.workshop {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    margin-top: 2px;
    padding: 4px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: transparent;
    overflow-x: auto;
    scrollbar-width: none;
  }
  #initiationView .initiation-filter-pills.workshop::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  #initiationView .initiation-filter-pills.workshop button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
    white-space: nowrap;
  }
  #initiationView .initiation-filter-pills.workshop button.active {
    border-color: var(--yi-border);
    background: var(--yi-surface);
    color: var(--yi-ink);
    box-shadow: 0 14px 26px -22px var(--yi-shadow);
  }
  #initiationView .initiation-filter-pills.workshop em {
    color: var(--yi-ink-tertiary);
    font-style: normal;
  }
  #initiationView .initiation-workshop-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--yi-border);
    border-radius: 28px;
    background: var(--yi-surface);
    overflow: hidden;
  }
  #initiationView .initiation-workshop-kpis div {
    padding: 18px 20px;
    border-right: 1px solid var(--yi-border);
  }
  #initiationView .initiation-workshop-kpis div:last-child {
    border-right: 0;
  }
  #initiationView .initiation-workshop-kpis strong {
    display: block;
    color: var(--yi-ink);
    font: 500 34px/1 'Cormorant Garamond', Georgia, serif;
  }
  #initiationView .initiation-workshop-kpis span {
    display: block;
    margin-top: 5px;
    color: var(--yi-ink-tertiary);
    font: 700 10px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  #initiationView .initiation-workshop-table {
    border: 1px solid var(--yi-border);
    border-radius: 20px;
    background: var(--yi-surface);
    overflow: hidden;
  }
  #initiationView .initiation-workshop-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 18px;
    background: var(--yi-surface);
    color: var(--yi-ink-tertiary);
    box-shadow: 0 14px 34px rgba(34, 25, 17, .06);
  }
  #initiationView .initiation-workshop-search input {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--yi-ink);
    font: 800 14px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-search input::placeholder {
    color: var(--yi-ink-tertiary);
  }
  #initiationView .initiation-workshop-search span {
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-refresh {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    box-shadow: 0 12px 28px rgba(34, 25, 17, .06);
    cursor: pointer;
  }
  #initiationView .initiation-workshop-refresh:disabled {
    opacity: .6;
    cursor: wait;
  }
  #initiationView .initiation-workshop-readout {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  #initiationView .initiation-workshop-readout span {
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid var(--yi-border-soft);
    border-radius: 16px;
    background: rgba(253, 249, 244, .62);
  }
  #initiationView .initiation-workshop-readout b,
  #initiationView .initiation-workshop-readout strong {
    display: block;
    min-width: 0;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-readout b {
    margin-bottom: 5px;
    color: var(--yi-ink-tertiary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-workshop-readout strong {
    color: var(--yi-ink);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
  }
  #initiationView .initiation-workshop-row {
    width: 100%;
    border-bottom: 1px solid var(--yi-border);
    background: transparent;
    text-align: left;
  }
  #initiationView .initiation-workshop-row:last-child {
    border-bottom: 0;
  }
  #initiationView .initiation-workshop-table.giveaway .initiation-workshop-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(80px, .35fr) minmax(120px, .45fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
  }
  #initiationView .initiation-workshop-row.winner {
    background: #f4fff7;
    box-shadow: inset 4px 0 0 #47a35c;
  }
  #initiationView .initiation-workshop-row-main {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 14px;
    border: 0;
    background: transparent;
    padding: 15px 18px;
    color: inherit;
    text-align: left;
    cursor: pointer;
    list-style: none;
  }
  #initiationView .initiation-workshop-row-main::-webkit-details-marker {
    display: none;
  }
  #initiationView .initiation-workshop-row-main::marker {
    content: "";
  }
  #initiationView .initiation-workshop-row-main > i {
    justify-self: end;
    color: var(--yi-ink-tertiary);
    font-size: 17px;
    transition: transform .2s ease;
  }
  #initiationView .initiation-workshop-row.open .initiation-workshop-row-main > i,
  #initiationView .initiation-workshop-row[open] .initiation-workshop-row-main > i {
    transform: rotate(90deg);
  }
  #initiationView .initiation-workshop-row strong,
  #initiationView .initiation-workshop-row em,
  #initiationView .initiation-workshop-row-main > span {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-row strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--yi-ink);
    font-size: 15px;
    font-weight: 800;
  }
  #initiationView .initiation-workshop-row strong > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #initiationView .initiation-workshop-row strong > .initiation-workshop-location-chip {
    min-width: auto;
    overflow: visible;
    text-overflow: clip;
  }
  #initiationView .initiation-workshop-name-icons {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
  }
  #initiationView .initiation-workshop-status-icons {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 5px;
  }
  #initiationView .initiation-workshop-name-signal,
  #initiationView .initiation-workshop-app-check {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: 15px;
  }
  #initiationView .initiation-workshop-name-signal.drishti {
    background: rgba(96, 165, 250, .16);
    color: #2563EB;
  }
  #initiationView .initiation-workshop-name-signal.premium {
    background: rgba(218, 168, 73, .18);
    color: #9A6810;
  }
  #initiationView .initiation-workshop-name-signal.pending,
  #initiationView .initiation-workshop-app-check.pending {
    background: rgba(218, 168, 73, .18);
    color: #B87913;
  }
  #initiationView .initiation-workshop-name-signal.paid,
  #initiationView .initiation-workshop-app-check.paid {
    background: rgba(122, 139, 111, .14);
    color: var(--accent-bot);
  }
  #initiationView .initiation-workshop-row em {
    display: block;
    margin-top: 3px;
    color: var(--yi-ink-tertiary);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
  }
  #initiationView .initiation-workshop-row-main > span {
    color: var(--yi-ink-secondary);
    font-size: 13px;
    font-weight: 700;
  }
  #initiationView .initiation-workshop-person {
    min-width: 0;
  }
  #initiationView .initiation-workshop-person em {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
  }
  #initiationView .initiation-workshop-person em > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #initiationView .initiation-workshop-copy-email {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--yi-ink-tertiary);
    cursor: pointer;
  }
  #initiationView .initiation-workshop-copy-email:hover {
    background: var(--yi-surface-muted);
    color: var(--yi-ink);
  }
  #initiationView .initiation-workshop-row-detail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 0 18px 18px;
  }
  #initiationView .initiation-workshop-row-detail > div {
    min-width: 0;
  }
  #initiationView .initiation-workshop-row-detail > div.wide {
    grid-column: 1 / -1;
  }
  #initiationView .initiation-workshop-row-detail span {
    display: block;
    margin-bottom: 5px;
    color: var(--yi-ink-tertiary);
    font: 800 10px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  #initiationView .initiation-workshop-row-detail strong {
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  #initiationView .initiation-workshop-row-detail p {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
  }
  #initiationView .initiation-workshop-row-detail p b {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    color: var(--yi-ink-secondary);
    font: 800 11px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-chipline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  #initiationView .initiation-workshop-icon-chip {
    appearance: none;
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font-size: 17px;
    line-height: 1;
  }
  #initiationView .initiation-workshop-row-detail .initiation-workshop-icon-chip,
  #initiationView .initiation-workshop-row-detail span.initiation-workshop-icon-chip {
    display: inline-grid;
    place-items: center;
    margin: 0;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
  }
  #initiationView .initiation-workshop-icon-chip > i {
    display: inline-grid;
    place-items: center;
    width: 1em;
    height: 1em;
    margin: 0;
    line-height: 1;
  }
  #initiationView .initiation-workshop-icon-chip.clickable {
    cursor: pointer;
  }
  #initiationView .initiation-workshop-icon-chip.clickable:hover {
    border-color: rgba(122, 139, 111, .42);
    background: rgba(122, 139, 111, .18);
  }
  #initiationView .initiation-workshop-icon-chip.good {
    border-color: rgba(122, 139, 111, .32);
    background: rgba(122, 139, 111, .13);
    color: var(--accent-bot);
  }
  #initiationView .initiation-workshop-icon-chip.application.good {
    background: var(--accent-bot);
    color: #fff;
  }
  #initiationView .initiation-workshop-icon-chip.watch {
    border-color: var(--accent-light);
    background: var(--accent-bg);
    color: var(--accent);
  }
  #initiationView .initiation-workshop-icon-chip.pending {
    border-color: rgba(218, 168, 73, .32);
    background: rgba(218, 168, 73, .13);
    color: #9A6810;
  }
  #initiationView .initiation-workshop-icon-chip:focus-visible {
    outline: 2px solid rgba(122, 139, 111, .36);
    outline-offset: 2px;
  }
  #initiationView .initiation-workshop-icon-chip.compact {
    width: 18px;
    height: 18px;
    border: 0;
    background: transparent;
    font-size: 15px;
  }
  #initiationView .initiation-workshop-icon-chip.compact.good,
  #initiationView .initiation-workshop-icon-chip.compact.application.good {
    background: transparent;
    color: var(--accent-bot);
  }
  #initiationView .initiation-workshop-location-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    gap: 4px;
    max-width: min(180px, 42vw);
    min-height: 21px;
    padding: 2px 8px 2px 6px;
    border: 1px solid rgba(122, 139, 111, .28);
    border-radius: 999px;
    background: rgba(122, 139, 111, .08);
    color: #66745d;
    font: 800 10px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: middle;
  }
  #initiationView .initiation-workshop-location-chip > i {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
  }
  #initiationView .initiation-workshop-location-chip.missing {
    border-color: rgba(151, 161, 176, .28);
    background: rgba(151, 161, 176, .08);
    color: var(--yi-ink-muted);
  }
  #initiationView .initiation-workshop-location-chip.icon-only {
    width: 21px;
    max-width: 21px;
    justify-content: center;
    padding: 0;
  }
  #initiationView .initiation-workshop-location-chip > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #initiationView .initiation-workshop-location-chip::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 24;
    width: max-content;
    max-width: 220px;
    padding: 7px 9px;
    border: 1px solid rgba(26, 23, 18, .08);
    border-radius: 9px;
    background: #1a1712;
    color: #fff;
    font: 750 11px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 80ms ease, transform 80ms ease;
    white-space: normal;
  }
  #initiationView .initiation-workshop-location-chip:hover::after,
  #initiationView .initiation-workshop-location-chip:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  /* Rectangular timezone-abbreviation chip (EST, PST, NZST, …) shown
     next to each registrant name. Replaces the older map-pin location
     chip. Tooltip on hover/focus reveals the full timezone + city. */
  #initiationView .initiation-workshop-tz-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 18px;
    padding: 2px 6px;
    border: 1px solid rgba(122, 139, 111, .28);
    border-radius: 4px;
    background: rgba(122, 139, 111, .08);
    color: #66745d;
    font: 800 10px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: default;
  }
  #initiationView .initiation-workshop-tz-chip.missing {
    border-color: rgba(151, 161, 176, .28);
    background: rgba(151, 161, 176, .08);
    color: var(--yi-ink-muted);
  }
  #initiationView .initiation-workshop-tz-chip::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 24;
    width: max-content;
    max-width: 220px;
    padding: 7px 9px;
    border: 1px solid rgba(26, 23, 18, .08);
    border-radius: 9px;
    background: #1a1712;
    color: #fff;
    font: 750 11px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 80ms ease, transform 80ms ease;
    white-space: normal;
  }
  #initiationView .initiation-workshop-tz-chip:hover::after,
  #initiationView .initiation-workshop-tz-chip:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
  }

  #initiationView .initiation-workshop-icon-chip::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 20;
    width: max-content;
    max-width: 190px;
    padding: 7px 9px;
    border: 1px solid rgba(26, 23, 18, .08);
    border-radius: 9px;
    background: #1a1712;
    color: #fff;
    font: 750 11px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity 80ms ease, transform 80ms ease;
    white-space: normal;
  }
  #initiationView .initiation-workshop-icon-chip:hover::after,
  #initiationView .initiation-workshop-icon-chip:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  #initiationView .initiation-workshop-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  #initiationView .initiation-workshop-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    max-width: 100%;
    padding: 0 10px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface-muted);
    color: var(--yi-ink-secondary);
    font: 800 12px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-state.good {
    border-color: rgba(122, 139, 111, .28);
    background: rgba(122, 139, 111, .1);
    color: var(--accent-bot);
  }
  #initiationView .initiation-workshop-state.watch {
    border-color: var(--accent-light);
    background: var(--accent-bg);
    color: var(--accent);
  }
  #initiationView .initiation-workshop-state.premium {
    border-color: rgba(218, 168, 73, .32);
    background: rgba(218, 168, 73, .12);
    color: #9A6810;
  }
  #initiationView .initiation-workshop-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
  }
  #initiationView .initiation-workshop-giveaway-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--yi-border);
    border-radius: 18px;
    background: var(--yi-surface);
    padding: 16px 18px;
    margin-bottom: 14px;
  }
  #initiationView .initiation-workshop-giveaway-head strong {
    display: block;
    color: var(--yi-ink);
    font: 800 18px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-giveaway-head span {
    display: block;
    margin-top: 4px;
    color: var(--yi-ink-tertiary);
    font: 600 13px/1.4 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-workshop-giveaway-head button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #1a1712;
    color: #fff;
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-workshop-actions button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-credit-callout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid rgba(122, 139, 111, .3);
    border-radius: 999px;
    background: rgba(122, 139, 111, .08);
    color: var(--accent-bot);
    font: 800 12px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-next-step {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid var(--yi-border);
    border-radius: 20px;
    background: rgba(122, 139, 111, .08);
  }
  #initiationView .initiation-next-step > i {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(122, 139, 111, .12);
    color: var(--accent-bot);
    font-size: 18px;
  }
  #initiationView .initiation-next-step strong {
    display: block;
    color: var(--yi-ink);
    font: 800 14px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-next-step span {
    display: block;
    margin-top: 4px;
    color: var(--yi-ink-secondary);
    font: 600 12px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-next-step-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
  }
  #initiationView .initiation-next-step-actions button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 11px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-upload-panel button.primary,
  #initiationView .initiation-form-actions .primary {
    border-color: var(--yi-ink);
    background: var(--yi-ink);
    color: #fff;
  }
  #initiationView .initiation-drip-shell {
    display: grid;
    gap: 26px;
    margin-bottom: 56px;
  }
  #initiationView .initiation-drip-heading {
    display: flex;
    justify-content: space-between;
    gap: 24px;
  }
  #initiationView .initiation-drip-heading strong {
    display: block;
    color: var(--yi-ink);
    font: 800 28px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-heading span {
    display: block;
    margin-top: 12px;
    color: var(--yi-ink-secondary);
    font: 600 15px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-heading > span {
    margin-top: 2px;
    white-space: nowrap;
  }
  #initiationView .initiation-drip-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  #initiationView .initiation-drip-count-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-left: auto;
    padding: 0 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .68);
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    white-space: nowrap;
  }
  #initiationView .initiation-drip-filters button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-drip-filters button.active,
  #initiationView .initiation-drip-filters .initiation-drip-filter-all.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-drip-filter-week-1 i { background: #F59E0B; opacity: 1; }
  #initiationView .initiation-drip-filter-week-2 i { background: #60A5FA; opacity: 1; }
  #initiationView .initiation-drip-filter-week-3 i { background: #8B5CF6; opacity: 1; }
  #initiationView .initiation-drip-filter-week-4 i { background: #22C55E; opacity: 1; }
  #initiationView .initiation-drip-filters i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    opacity: .55;
  }
  #initiationView .initiation-drip-filters em {
    color: inherit;
    font-style: normal;
    opacity: .7;
  }
  #initiationView .initiation-drip-list {
    display: grid;
    gap: 12px;
  }
  #initiationView .initiation-drip-row {
    display: grid;
    border: 1px solid var(--yi-border);
    border-radius: 32px;
    background: var(--yi-surface);
    box-shadow: 0 18px 34px -28px var(--yi-shadow);
    overflow: hidden;
  }
  #initiationView .initiation-drip-row-top {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 76px;
    padding: 14px 22px;
    border: 0;
    background: transparent;
    color: var(--yi-ink);
    text-align: left;
    cursor: pointer;
  }
  #initiationView .initiation-drip-day-badge {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 16px;
    background: #fff7ec;
    color: #F59E0B;
    font: 900 17px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-day-badge.week-2 {
    background: #EFF6FF;
    color: #3B82F6;
  }
  #initiationView .initiation-drip-day-badge.week-3 {
    background: #F5F3FF;
    color: #7C3AED;
  }
  #initiationView .initiation-drip-day-badge.week-4 {
    background: #F0FDF4;
    color: #16A34A;
  }
  #initiationView .initiation-drip-row-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }
  #initiationView .initiation-drip-row-title strong {
    color: var(--yi-ink);
    font: 800 17px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-row-title em {
    color: var(--yi-ink-tertiary);
    font: 700 13px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-drip-row-meta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-drip-row-meta span {
    min-height: 28px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--yi-pale-blue);
    color: #1E6BB8;
    font: 900 11px/1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-drip-row-meta code {
    color: var(--yi-ink-secondary);
    font: 800 15px/1 'JetBrains Mono', 'Geist Mono', monospace;
  }
  #initiationView .initiation-drip-row-meta .ph-toggle-right {
    color: var(--yi-accent);
    font-size: 18px;
  }
  #initiationView .initiation-drip-row-meta .ph-pause-circle {
    color: var(--yi-ink-tertiary);
    font-size: 18px;
  }
  #initiationView .initiation-drip-editor {
    display: none;
    gap: 18px;
    padding: 22px;
    border-top: 1px solid var(--yi-border);
  }
  #initiationView .initiation-drip-row.open .initiation-drip-editor {
    display: grid;
  }
  #initiationView .initiation-drip-edit-controls {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
    align-items: end;
  }
  #initiationView .initiation-drip-edit-controls label,
  #initiationView .initiation-drip-message {
    display: grid;
    gap: 8px;
  }
  #initiationView .initiation-drip-edit-controls label > span,
  #initiationView .initiation-drip-message > span {
    color: var(--yi-ink-secondary);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-targets,
  #initiationView .initiation-drip-liquid,
  #initiationView .initiation-drip-actions span {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  #initiationView .initiation-drip-targets button,
  #initiationView .initiation-drip-liquid button {
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-drip-targets button.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-drip-liquid code {
    color: inherit;
    font: 700 12px/1 'JetBrains Mono', 'Geist Mono', monospace;
  }
  #initiationView .initiation-drip-row textarea,
  #initiationView .initiation-drip-row input {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 600 14px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-drip-row input {
    min-height: 46px;
    padding: 0 14px;
  }
  #initiationView .initiation-drip-row textarea {
    min-height: 190px;
    padding: 16px;
    resize: vertical;
  }
  #initiationView .initiation-drip-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  #initiationView .initiation-drip-actions button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-drip-actions button.primary {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-upload-panel input,
  #initiationView .initiation-upload-panel select {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 600 14px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-form-grid.tight {
    gap: 10px;
  }
  #initiationView .initiation-json-preview {
    max-height: 420px;
    overflow: auto;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--yi-border);
    border-radius: 12px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 600 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
  }
  #initiationView .initiation-launch-dry-run {
    grid-column: 1 / -1;
    margin-top: 4px;
    cursor: default;
  }
  #initiationView .initiation-launch-dry-run summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    list-style: none;
    cursor: pointer;
  }
  #initiationView .initiation-launch-dry-run summary::-webkit-details-marker {
    display: none;
  }
  #initiationView .initiation-launch-dry-run .initiation-placeholder,
  #initiationView .initiation-launch-dry-run .initiation-json-preview {
    margin-top: 12px;
  }
  #initiationView .initiation-launch-surface {
    display: grid;
    gap: 34px;
    max-width: 1320px;
  }
  #initiationView .initiation-launch-detail-host {
    width: 100%;
  }
  #initiationView .initiation-launch-heading strong {
    color: var(--yi-ink);
    font: 800 30px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-launch-table {
    display: grid;
    padding: 50px 54px 42px;
    border: 1px solid var(--yi-border);
    border-radius: 34px;
    background: var(--yi-surface);
    box-shadow: 0 22px 44px -30px var(--yi-shadow);
  }
  #initiationView .initiation-launch-table-head,
  #initiationView .initiation-launch-table-row {
    display: grid;
    grid-template-columns: minmax(260px, 1.7fr) minmax(135px, .75fr) minmax(90px, .45fr) minmax(120px, .6fr) minmax(130px, .65fr) 24px;
    align-items: center;
    gap: 28px;
  }
  #initiationView .initiation-launch-table-head {
    padding: 0 0 18px;
    border-bottom: 1px solid var(--yi-border);
    color: var(--yi-ink-tertiary);
    font: 800 13px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  #initiationView .initiation-launch-table-row {
    min-height: 68px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--yi-border);
    background: transparent;
    color: var(--yi-ink);
    text-align: left;
    cursor: pointer;
  }
  #initiationView .initiation-launch-table-row:last-child {
    border-bottom: 0;
  }
  #initiationView .initiation-launch-table-row span {
    color: var(--yi-ink);
    font: 600 16px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-table-row span:first-child {
    font-weight: 800;
  }
  #initiationView .initiation-launch-table-row i {
    justify-self: end;
    color: var(--yi-ink-tertiary);
    font-size: 16px;
  }
  #initiationView .initiation-launch-table-row:hover span:first-child,
  #initiationView .initiation-launch-table-row:hover i {
    color: var(--yi-accent);
  }
  #initiationView .initiation-launch-status {
    border-color: var(--yi-border);
    background: var(--yi-canvas);
    color: var(--yi-ink-secondary);
    text-transform: lowercase;
  }
  #initiationView .initiation-launch-status.active,
  #initiationView .initiation-launch-status.fired {
    border-color: rgba(18, 157, 116, .22);
    background: var(--yi-pale-green);
    color: var(--yi-accent-dark);
  }
  #initiationView .initiation-launch-status.draft {
    border-color: rgba(167, 139, 58, .22);
    background: #F7F0DF;
    color: #7A5A1A;
  }
  #initiationView .initiation-launch-status.paused {
    border-color: rgba(156, 90, 40, .24);
    background: #F7E7D6;
    color: #8A4A20;
  }
  #initiationView .initiation-launch-status.archived {
    border-color: var(--yi-border);
    background: #F1F1EF;
    color: var(--yi-ink-tertiary);
  }
  #initiationView .initiation-launch-empty {
    display: grid;
    gap: 12px;
    place-items: center;
    min-height: 260px;
    padding: 42px;
    border: 1px solid var(--yi-border);
    border-radius: 34px;
    background: var(--yi-surface);
    text-align: center;
  }
  #initiationView .initiation-launch-empty strong {
    color: var(--yi-ink);
    font: 800 22px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-empty span {
    max-width: 460px;
    color: var(--yi-ink-secondary);
    font: 600 14px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-empty button,
  #initiationView .initiation-launch-detail-head button,
  #initiationView .initiation-launch-detail-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 15px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-launch-detail {
    display: grid;
    gap: 34px;
    width: 100%;
    max-width: none;
  }
  #initiationView .initiation-launch-detail-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
  }
  #initiationView .initiation-launch-detail-head strong {
    color: var(--yi-ink);
    font: 800 32px/1.08 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.035em;
    overflow-wrap: anywhere;
  }
  #initiationView .initiation-launch-detail-head em {
    justify-self: end;
    color: var(--yi-ink-secondary);
    font: 500 17px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-launch-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 24px;
    padding: 48px;
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 34px;
    background: var(--yi-surface);
    box-shadow: 0 22px 44px -30px var(--yi-shadow);
  }
  #initiationView .initiation-launch-form .span-all,
  #initiationView .initiation-launch-form .initiation-launch-price-grid {
    grid-column: 1 / -1;
  }
  #initiationView .initiation-launch-form label {
    display: grid;
    gap: 9px;
  }
  #initiationView .initiation-launch-form label strong {
    color: var(--yi-ink);
    font: 800 17px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-form label span {
    color: var(--yi-ink-secondary);
    font: 500 14px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-form input,
  #initiationView .initiation-launch-form select,
  #initiationView .initiation-launch-form textarea {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 500 16px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-launch-form input,
  #initiationView .initiation-launch-form select {
    min-height: 52px;
    padding: 0 18px;
  }
  #initiationView .initiation-launch-form textarea {
    min-height: 118px;
    padding: 16px 18px;
    resize: vertical;
  }
  #initiationView .initiation-launch-price-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
  }
  #initiationView .initiation-launch-detail-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
  }
  #initiationView .initiation-launch-detail-actions button.primary {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-launch-checks {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  #initiationView .initiation-launch-checks > div {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-launch-checks strong {
    color: var(--yi-ink);
    font: 800 15px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    overflow-wrap: anywhere;
  }
  #initiationView .initiation-launch-checks span {
    color: var(--yi-ink-tertiary);
    font: 800 10px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-inline-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  #initiationView .initiation-inline-actions input {
    min-height: 38px;
    max-width: 220px;
    padding: 0 14px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 700 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    outline: 0;
  }
  #initiationView .initiation-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yi-ink-secondary);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-check input {
    width: 16px;
    height: 16px;
    accent-color: var(--yi-accent);
  }
  #initiationView .initiation-application-group {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--yi-border);
  }
  #initiationView .initiation-application-group:first-of-type {
    margin-top: 8px;
  }
  #initiationView .initiation-application-group > strong {
    display: block;
    margin-bottom: 8px;
    color: var(--yi-ink);
    font: 800 14px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-application-field {
    display: grid;
    gap: 4px;
    padding: 9px 0;
    border-bottom: 1px solid var(--yi-border-soft);
  }
  #initiationView .initiation-application-field:last-child {
    border-bottom: 0;
  }
  #initiationView .initiation-application-field span {
    color: var(--yi-ink-tertiary);
    font: 800 10px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-application-field p {
    margin: 0;
    color: var(--yi-ink-secondary);
    font: 600 13px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-upload-panel {
    display: grid;
    gap: 16px;
    padding: 22px;
  }
  #initiationView .initiation-settings-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 22px;
    border: 1px solid var(--yi-border);
    border-radius: 18px;
    background: var(--yi-surface);
  }
  #initiationView .initiation-settings-form label {
    display: grid;
    gap: 8px;
    min-width: 0;
  }
  #initiationView .initiation-settings-form label > span {
    color: var(--yi-ink-tertiary);
    font: 800 10px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-settings-form input:not([type="checkbox"]),
  #initiationView .initiation-settings-form textarea {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 600 14px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
    padding: 11px 12px;
  }
  #initiationView .initiation-settings-form textarea {
    min-height: 96px;
    resize: vertical;
  }
  #initiationView .initiation-settings-form.initiation-nudge-form {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
  }
  #initiationView .initiation-settings-form.initiation-nudge-form textarea {
    min-height: 156px;
  }
  #initiationView .initiation-settings-form.initiation-integration-form {
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 1320px;
    padding: 38px 44px 46px;
    border-radius: 34px;
    background: var(--card-bg);
  }
  #initiationView #initiationSettingsPanel > .home-section-title {
    display: none;
  }
  #initiationView .initiation-settings-surface {
    display: grid;
    gap: 26px;
  }
  #initiationView .initiation-settings-heading strong {
    display: block;
    color: var(--yi-ink);
    font: 900 clamp(30px, 3vw, 44px)/1.05 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
  }
  #initiationView .initiation-settings-form.initiation-integration-form .initiation-setting-row {
    display: grid;
    gap: 8px;
    padding: 0 0 30px;
  }
  #initiationView .initiation-settings-form.initiation-integration-form .initiation-setting-row + .initiation-setting-row {
    margin-top: 3px;
  }
  #initiationView .initiation-settings-form.initiation-integration-form label > .initiation-setting-label {
    color: var(--yi-ink);
    font: 800 17px/1.25 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
  #initiationView .initiation-settings-form.initiation-integration-form label > .initiation-setting-help {
    color: var(--yi-ink-secondary);
    font: 500 15px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
  #initiationView .initiation-setting-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-setting-control input {
    min-height: 48px;
  }
  #initiationView .initiation-setting-control a {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: var(--yi-ink-tertiary);
    text-decoration: none;
  }
  #initiationView .initiation-setting-control a:hover {
    color: var(--yi-ink);
  }
  #initiationView .initiation-settings-advanced {
    border-top: 1px solid var(--yi-border);
    padding-top: 22px;
  }
  #initiationView .initiation-settings-advanced summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yi-ink-secondary);
    cursor: pointer;
    font: 800 12px/1.3 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-settings-advanced .initiation-setting-row {
    margin-top: 22px;
  }
  #initiationView .initiation-settings-form.initiation-integration-form .initiation-form-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
  }
  #initiationView .initiation-settings-form.initiation-integration-form .initiation-form-actions .primary {
    min-height: 54px;
    padding: 0 24px;
    border-radius: 999px;
  }
  #initiationView .initiation-liquid-picker {
    display: grid;
    gap: 10px;
  }
  #initiationView .initiation-liquid-picker > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  #initiationView .initiation-liquid-picker button {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    cursor: pointer;
  }
  #initiationView .initiation-liquid-picker code {
    color: inherit;
    font: 700 12px/1.2 'JetBrains Mono', 'Geist Mono', monospace;
  }
  #initiationView .initiation-settings-form .initiation-check,
  #initiationView .initiation-settings-form .initiation-form-actions {
    grid-column: 1 / -1;
  }
  #initiationView .initiation-assets-list,
  #initiationView .initiation-template-list {
    display: grid;
    gap: 10px;
  }
  #initiationView .initiation-practice-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
  }
  #initiationView .initiation-practice-surface {
    display: block;
    width: 100%;
  }
  #initiationView .initiation-practice-heading strong {
    display: block;
    color: var(--yi-ink);
    font: 800 26px/1.15 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.03em;
  }
  #initiationView .initiation-practice-heading span,
  #initiationView .initiation-practice-heading em {
    display: block;
    color: var(--yi-ink-secondary);
    font: 600 15px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-practice-heading span {
    margin-top: 10px;
  }
  #initiationView .initiation-audio-upload-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 22px;
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid var(--yi-border);
    border-radius: 28px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 42px -34px var(--yi-shadow);
  }
  #initiationView .initiation-audio-upload-strip .initiation-form-grid {
    grid-template-columns: minmax(320px, 1.35fr) minmax(150px, .45fr) minmax(130px, .35fr);
    gap: 22px;
    margin: 0;
    align-items: end;
  }
  #initiationView .initiation-audio-upload-strip input,
  #initiationView .initiation-audio-upload-strip select {
    width: 100%;
    min-height: 54px;
    padding: 0 18px;
    border: 1px solid var(--yi-border);
    border-radius: 18px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 16px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-file-picker {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 18px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    overflow: hidden;
    cursor: pointer;
  }
  #initiationView .initiation-file-picker > i {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: var(--yi-canvas);
    color: var(--yi-accent-dark);
    font-size: 16px;
  }
  #initiationView .initiation-file-picker strong {
    min-width: 0;
    overflow: hidden;
    color: var(--yi-ink);
    font: 800 15px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #initiationView .initiation-file-picker em {
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
    white-space: nowrap;
  }
  #initiationView .initiation-file-picker input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  #initiationView .initiation-audio-upload-strip button,
  #initiationView .initiation-practice-row > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-audio-upload-strip button.primary {
    min-width: 132px;
    min-height: 54px;
    padding: 0 22px;
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-practice-card {
    display: grid;
    gap: 30px;
    padding: 32px;
    border: 1px solid var(--yi-border);
    border-radius: 32px;
    background: var(--yi-surface);
    box-shadow: 0 20px 44px -30px var(--yi-shadow);
  }
  #initiationView .initiation-practice-card section {
    display: grid;
    gap: 18px;
  }
  #initiationView .initiation-practice-list {
    display: grid;
    gap: 18px;
  }
  #initiationView .initiation-practice-row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 58px;
    align-items: center;
    gap: 18px;
  }
  #initiationView .initiation-practice-tile {
    position: relative;
    display: grid;
    place-items: center;
    width: 78px;
    aspect-ratio: 1;
    border: 2px solid var(--yi-accent);
    border-radius: 14px;
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: visible;
    box-shadow: inset 0 0 28px rgba(0, 0, 0, .14);
  }
  #initiationView .initiation-practice-tile strong {
    color: #fff;
    font: 900 23px/1 'Outfit', system-ui, -apple-system, sans-serif;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .34);
  }
  #initiationView .initiation-practice-tile label {
    position: absolute;
    right: -7px;
    bottom: -7px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--yi-border);
    border-radius: 8px;
    background: var(--yi-surface);
    color: var(--yi-ink-tertiary);
    cursor: pointer;
    box-shadow: 0 8px 18px -14px var(--yi-shadow);
  }
  #initiationView .initiation-practice-tile input {
    display: none;
  }
  #initiationView .initiation-practice-main {
    display: grid;
    gap: 10px;
    min-width: 0;
  }
  #initiationView .initiation-practice-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-practice-title strong {
    color: var(--yi-ink);
    font: 800 18px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-practice-title i {
    color: var(--yi-accent);
    font-size: 14px;
  }
  #initiationView .initiation-practice-title span {
    color: var(--yi-ink-tertiary);
    font: 700 12px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-practice-row audio {
    width: 100%;
    height: 50px;
    border-radius: 999px;
  }
  #initiationView .initiation-practice-row > button {
    align-self: end;
    width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 0;
    margin-bottom: -2px;
    border-radius: 50%;
    background: var(--yi-surface);
    box-shadow: 0 14px 28px -24px var(--yi-shadow);
  }
  #initiationView .initiation-practice-empty {
    min-height: 42px;
    padding: 12px 16px;
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink-tertiary);
    font: 700 13px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-asset-row {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
  }
  #initiationView .initiation-asset-row > i {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 12px;
    background: var(--yi-accent-light);
    color: var(--yi-accent-dark);
    font-size: 18px;
  }
  #initiationView .initiation-template-row {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 18px 20px;
    text-align: left;
    cursor: pointer;
  }
  #initiationView .initiation-template-main {
    display: grid;
    gap: 4px;
  }
  #initiationView .initiation-template-copy {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #initiationView .initiation-template-surface {
    display: grid;
    gap: 20px;
  }
  #initiationView .initiation-template-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
  }
  #initiationView .initiation-template-head strong {
    color: var(--yi-ink);
    font: 800 20px/1.15 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-template-head button,
  #initiationView .initiation-template-filters button,
  #initiationView .initiation-template-edit-actions button,
  #initiationView .initiation-template-tags button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 700 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-template-head button,
  #initiationView .initiation-template-edit-actions button {
    min-height: 36px;
    padding: 0 16px;
  }
  #initiationView .initiation-template-head button,
  #initiationView .initiation-template-edit-actions button.primary {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-template-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
  }
  #initiationView .initiation-template-filters button {
    min-height: 36px;
    padding: 0 16px;
  }
  #initiationView .initiation-template-filters button.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-template-filters span {
    color: inherit;
    opacity: .72;
  }
  #initiationView .initiation-template-accordion {
    display: grid;
    gap: 12px;
  }
  #initiationView .initiation-template-card {
    border: 1px solid var(--yi-border);
    border-radius: 32px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -28px var(--yi-shadow);
    overflow: hidden;
  }
  #initiationView .initiation-template-card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 118px;
    padding: 28px;
    border: 0;
    background: transparent;
    color: var(--yi-ink);
    text-align: left;
    cursor: pointer;
  }
  #initiationView .initiation-template-card-top span:first-child {
    display: grid;
    gap: 8px;
  }
  #initiationView .initiation-template-card-top strong {
    color: var(--yi-ink);
    font: 800 15px/1.25 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-template-card-top em {
    color: var(--yi-ink-secondary);
    font: 600 13px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-template-card-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--yi-ink-tertiary);
    font-size: 16px;
  }
  #initiationView .initiation-template-card-actions i {
    cursor: pointer;
  }
  #initiationView .initiation-template-card-actions .ph-toggle-right {
    color: var(--yi-accent);
    font-size: 22px;
  }
  #initiationView .initiation-template-card-actions .ph-toggle-left {
    font-size: 22px;
  }
  #initiationView .initiation-template-card.open .initiation-template-card-top {
    border-bottom: 1px solid var(--yi-border);
  }
  #initiationView .initiation-template-editor {
    display: grid;
    gap: 20px;
    padding: 16px 28px 28px;
  }
  #initiationView .initiation-template-editor label {
    display: grid;
    gap: 8px;
  }
  #initiationView .initiation-template-editor label > span,
  #initiationView .initiation-template-tags > span {
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-template-editor input,
  #initiationView .initiation-template-editor textarea {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--card-bg);
    color: var(--yi-ink);
    box-sizing: border-box;
  }
  #initiationView .initiation-template-editor input {
    min-height: 44px;
    padding: 0 16px;
    font: 600 14px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-template-editor textarea {
    min-height: 220px;
    padding: 18px;
    background: #fafbfc;
    font: 600 13px/1.7 'JetBrains Mono', 'Geist Mono', ui-monospace, monospace;
    resize: vertical;
  }
  #initiationView .initiation-template-tags {
    display: grid;
    gap: 10px;
  }
  #initiationView .initiation-template-tags div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  #initiationView .initiation-template-tags button {
    min-height: 24px;
    padding: 0 9px;
    background: var(--yi-canvas);
    color: var(--yi-ink-tertiary);
    font: 700 10px/1 'JetBrains Mono', 'Geist Mono', ui-monospace, monospace;
  }
  #initiationView .initiation-template-tags code {
    color: inherit;
    font: inherit;
  }
  #initiationView .initiation-template-edit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  #initiationView .initiation-readable-list .initiation-template-row {
    cursor: default;
  }
  #initiationView .initiation-readable-list .initiation-template-copy {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  #initiationView .initiation-readable-list .initiation-template-row > button {
    position: static;
    justify-self: end;
    max-width: 180px;
  }
  #initiationView .initiation-composer-surface {
    max-width: 1080px;
  }
  #initiationView .initiation-composer-card {
    display: grid;
    gap: 24px;
    padding: 34px 38px 36px;
    border: 1px solid var(--yi-border);
    border-radius: 30px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -28px var(--yi-shadow);
  }
  #initiationView .initiation-composer-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
  }
  #initiationView .initiation-composer-head > div {
    display: grid;
    gap: 8px;
  }
  #initiationView .initiation-composer-head strong {
    color: var(--yi-ink);
    font: 800 27px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-composer-head p {
    max-width: 560px;
    margin: 0;
    color: var(--yi-ink-secondary);
    font: 600 14px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-composer-status {
    display: flex;
    justify-content: flex-end;
  }
  #initiationView .initiation-channel-tabs {
    display: inline-flex;
    width: fit-content;
    gap: 8px;
    padding: 4px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-channel-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--yi-ink-secondary);
    font: 800 14px/1 'Outfit', system-ui, -apple-system, sans-serif;
    cursor: pointer;
  }
  #initiationView .initiation-channel-tabs button.active {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-composer-field {
    display: grid;
    gap: 10px;
  }
  #initiationView .initiation-composer-field > span {
    color: var(--yi-ink-secondary);
    font: 800 13px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-composer-field input,
  #initiationView .initiation-composer-field select,
  #initiationView .initiation-composer-field textarea {
    width: 100%;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--yi-surface);
    color: var(--yi-ink);
    font: 500 16px/1.5 'Outfit', system-ui, -apple-system, sans-serif;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }
  #initiationView .initiation-composer-field input,
  #initiationView .initiation-composer-field select {
    min-height: 52px;
    padding: 0 18px;
  }
  #initiationView .initiation-composer-field textarea {
    min-height: 210px;
    padding: 18px;
    resize: vertical;
  }
  #initiationView .initiation-composer-field input:focus,
  #initiationView .initiation-composer-field select:focus,
  #initiationView .initiation-composer-field textarea:focus {
    border-color: color-mix(in srgb, var(--yi-accent) 55%, var(--yi-border));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--yi-accent) 12%, transparent);
  }
  #initiationView .initiation-composer-actions {
    display: flex;
    justify-content: flex-start;
  }
  #initiationView .initiation-composer-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 24px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink-secondary);
    font: 800 15px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-composer-actions button.primary:not(:disabled) {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
  }
  #initiationView .initiation-composer-actions button:disabled {
    cursor: not-allowed;
    opacity: .72;
  }
  #initiationView .initiation-nudge-surface {
    gap: 22px;
  }
  #initiationView .initiation-nudge-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: start;
    padding: 6px 0 14px;
  }
  #initiationView .initiation-nudge-title {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  #initiationView .initiation-nudge-title i {
    color: var(--yi-accent);
    font-size: 26px;
  }
  #initiationView .initiation-nudge-title strong {
    color: var(--yi-ink);
    font: 800 28px/1.1 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-nudge-hero p {
    max-width: 1120px;
    margin: 18px 0 0;
    color: var(--yi-ink-secondary);
    font: 500 16px/1.8 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-nudge-list {
    display: grid;
    gap: 18px;
  }
  #initiationView .initiation-nudge-toggle,
  #initiationView .initiation-nudge-card,
  #initiationView .initiation-nudge-backend-note {
    border: 1px solid var(--yi-border);
    border-radius: 28px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -28px var(--yi-shadow);
  }
  #initiationView .initiation-nudge-toggle {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 30px;
    cursor: pointer;
  }
  #initiationView .initiation-nudge-toggle input {
    width: 22px;
    height: 22px;
    accent-color: var(--yi-accent);
  }
  #initiationView .initiation-nudge-toggle span,
  #initiationView .initiation-nudge-card summary > span:not(.initiation-nudge-icon) {
    display: grid;
    gap: 5px;
  }
  #initiationView .initiation-nudge-toggle strong,
  #initiationView .initiation-nudge-card summary strong {
    color: var(--yi-ink);
    font: 800 18px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-nudge-toggle em,
  #initiationView .initiation-nudge-card summary em,
  #initiationView .initiation-nudge-prompt em,
  #initiationView .initiation-nudge-backend-note span {
    color: var(--yi-ink-tertiary);
    font: 600 13px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-nudge-card {
    overflow: hidden;
  }
  #initiationView .initiation-nudge-card[open] {
    border-color: color-mix(in srgb, var(--yi-accent) 26%, var(--yi-border));
  }
  #initiationView .initiation-nudge-card summary {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    min-height: 112px;
    padding: 24px 30px;
    list-style: none;
    cursor: pointer;
  }
  #initiationView .initiation-nudge-card summary::-webkit-details-marker {
    display: none;
  }
  #initiationView .initiation-nudge-card summary b {
    color: var(--yi-ink-tertiary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-nudge-card.active summary b {
    color: var(--yi-accent);
  }
  #initiationView .initiation-nudge-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid var(--yi-border);
    border-radius: 14px;
    background: var(--yi-canvas);
    color: var(--yi-accent);
    font-size: 24px;
  }
  #initiationView .initiation-nudge-icon.afternoon { color: #4C8BD6; background: #F3F8FF; }
  #initiationView .initiation-nudge-icon.evening { color: #805AD5; background: #F7F2FF; }
  #initiationView .initiation-nudge-icon.medical-medium { color: #3BA36D; background: #F0FFF6; }
  #initiationView .initiation-nudge-icon.phone-detox { color: #D85464; background: #FFF4F5; }
  #initiationView .initiation-nudge-icon.waking-up { color: #D97706; background: #FFF7ED; }
  #initiationView .initiation-nudge-prompt {
    display: grid;
    gap: 12px;
    padding: 0 30px 30px 106px;
  }
  #initiationView .initiation-nudge-prompt > span,
  #initiationView .initiation-nudge-backend-note strong {
    color: var(--yi-ink-secondary);
    font: 800 13px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-nudge-prompt textarea {
    width: 100%;
    min-height: 190px;
    padding: 18px;
    border: 1px solid var(--yi-border);
    border-radius: 16px;
    background: var(--yi-canvas);
    color: var(--yi-ink);
    font: 500 15px/1.65 'JetBrains Mono', 'Geist Mono', ui-monospace, monospace;
    resize: vertical;
  }
  #initiationView .initiation-nudge-backend-note {
    display: grid;
    gap: 8px;
    padding: 22px 28px;
  }
  #initiationView .initiation-availability-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 0;
  }
  #initiationView .initiation-availability-hero {
    min-height: 98px;
    padding: 28px 32px;
  }
  #initiationView .initiation-availability-hero strong {
    font-size: 24px;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-availability-card {
    min-height: 260px;
    padding: 34px 38px;
    border: 1px solid var(--yi-border);
    border-radius: 30px;
    background: var(--yi-surface);
    box-shadow: 0 20px 40px -28px var(--yi-shadow);
  }
  #initiationView .initiation-availability-card .initiation-card-title {
    color: var(--yi-ink-tertiary);
    font: 800 13px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  #initiationView .initiation-availability-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #initiationView .initiation-availability-card-head > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-right: auto;
  }
  #initiationView .initiation-availability-card-head em {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-canvas);
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
    letter-spacing: 0;
    text-transform: none;
  }
  #initiationView .initiation-availability-bars {
    display: grid;
    gap: 22px;
    margin-top: 34px;
  }
  #initiationView .initiation-availability-recommendation {
    display: grid;
    gap: 6px;
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid rgba(18, 157, 116, .18);
    border-radius: 18px;
    background: rgba(18, 157, 116, .06);
  }
  #initiationView .initiation-availability-recommendation strong {
    color: var(--yi-ink);
    font: 800 20px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.02em;
  }
  #initiationView .initiation-availability-recommendation span {
    color: var(--yi-ink-secondary);
    font: 600 14px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-chart {
    display: grid;
    grid-template-columns: repeat(24, minmax(28px, 1fr));
    align-items: end;
    gap: 8px;
    margin-top: 28px;
    overflow-x: auto;
    padding: 8px 0 2px;
  }
  #initiationView .initiation-availability-column {
    display: grid;
    grid-template-rows: 18px 142px 18px;
    align-items: end;
    justify-items: center;
    min-width: 30px;
    gap: 6px;
  }
  #initiationView .initiation-availability-column > span {
    color: var(--yi-ink-secondary);
    font: 800 11px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-column-track {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 142px;
    border-radius: 999px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-availability-column-track i {
    display: block;
    width: 100%;
    max-width: 22px;
    min-height: 4px;
    border-radius: 999px;
    background: var(--yi-accent);
  }
  #initiationView .initiation-availability-column.preferred .initiation-availability-column-track {
    background: rgba(18, 157, 116, .11);
  }
  #initiationView .initiation-availability-column.preferred .initiation-availability-column-track i {
    background: linear-gradient(180deg, var(--yi-accent), var(--accent-hover));
  }
  #initiationView .initiation-availability-column em {
    color: var(--yi-ink-tertiary);
    font: 800 10px/1 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
  }
  #initiationView .initiation-availability-axis-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: var(--yi-ink-tertiary);
    font: 700 12px/1.3 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-axis-note span {
    width: 24px;
    height: 10px;
    border-radius: 999px;
    background: rgba(18, 157, 116, .18);
  }
  #initiationView .initiation-availability-bars.compact {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
  }
  #initiationView .initiation-availability-bars.compact > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-bars.compact b {
    color: var(--yi-ink);
  }
  #initiationView .initiation-availability-bar-row {
    display: grid;
    grid-template-columns: minmax(140px, .32fr) minmax(180px, 1fr) 116px;
    align-items: center;
    gap: 20px;
    min-height: 44px;
  }
  #initiationView .initiation-availability-bar-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
  }
  #initiationView .initiation-availability-bar-meta strong {
    color: var(--yi-ink);
    font: 800 17px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-bar-meta span {
    color: var(--yi-ink-secondary);
    font: 800 17px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-bar-track {
    position: relative;
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-availability-bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--yi-accent);
  }
  #initiationView .initiation-availability-bar-row em {
    color: var(--yi-ink-tertiary);
    font: 700 12px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
    font-style: normal;
    text-align: right;
  }
  #initiationView .initiation-availability-participants {
    display: grid;
    gap: 0;
    margin-top: 24px;
  }
  #initiationView .initiation-availability-person {
    display: grid;
    grid-template-columns: 8px 1fr;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid var(--yi-border);
  }
  #initiationView .initiation-availability-person:last-child {
    border-bottom: 0;
  }
  #initiationView .initiation-availability-person .status-dot {
    margin-top: 9px;
  }
  #initiationView .initiation-availability-person strong {
    display: block;
    color: var(--yi-ink);
    font: 800 18px/1.25 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-person span:not(.status-dot) {
    display: block;
    margin-top: 4px;
    color: var(--yi-ink-secondary);
    font: 600 14px/1.45 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-person small {
    display: block;
    margin-top: 5px;
    color: var(--yi-accent-dark);
    font: 800 12px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-availability-empty {
    min-height: 170px;
    display: grid;
    place-items: center;
  }
  #initiationView .initiation-roster-row:hover {
    background: var(--yi-canvas);
    color: var(--yi-ink);
    transform: translateY(-1px);
  }
  #initiationView .initiation-roster-top,
  #initiationView .initiation-roster-meta,
  #initiationView .initiation-roster-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  #initiationView .initiation-roster-name {
    display: block;
    color: var(--yi-ink);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.01em;
  }
  #initiationView .initiation-roster-email {
    display: block;
    margin-top: 2px;
    color: var(--yi-ink-secondary);
    font: 500 12px/1.5 'JetBrains Mono', 'Geist Mono', monospace;
  }
  #initiationView .initiation-roster.table .initiation-roster-name {
    font-size: 15px;
    line-height: 1.2;
  }
  #initiationView .initiation-roster.table .initiation-roster-email {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.2;
  }
  #initiationView .initiation-roster-week,
  #initiationView .initiation-roster-telegram {
    color: var(--yi-ink);
    font: 700 14px/1.2 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-roster-meta {
    justify-content: flex-start;
    flex-wrap: wrap;
    color: var(--yi-ink-secondary);
    font-size: 13px;
    font-weight: 600;
  }
  #initiationView .initiation-roster-meta span:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 16px;
    border-radius: 999px;
    background: var(--yi-border);
    vertical-align: middle;
  }
  #initiationView .initiation-module-pills.compact {
    margin-top: 0;
    gap: 6px;
  }
  #initiationView .initiation-module-pills span,
  #initiationView .initiation-chip,
  #initiationView .initiation-tag {
    border-color: var(--yi-border);
    background: var(--yi-canvas);
    color: var(--yi-ink-secondary);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 700;
  }
  #initiationView .initiation-roster.table .initiation-tag {
    min-height: 28px;
    padding: 0 13px;
    font-size: 11px;
    letter-spacing: 0.06em;
  }
  #initiationView .initiation-tag.applied { background: var(--yi-pale-blue); color: #1E6BB8; }
  #initiationView .initiation-tag.flagged { background: var(--yi-pale-yellow); color: #92600A; border-color: transparent; }
  #initiationView .initiation-tag.invoiced { background: var(--yi-pale-purple); color: #7C3AED; border-color: transparent; }
  #initiationView .initiation-tag.paid { background: var(--yi-pale-green); color: #16713A; border-color: transparent; }
  #initiationView .initiation-tag.active { background: var(--yi-accent-light); color: var(--yi-accent-dark); border-color: transparent; }
  #initiationView .initiation-tag.completed { background: var(--yi-pale-green); color: #16713A; border-color: transparent; }
  #initiationView .initiation-tag.dropped { background: var(--yi-pale-red); color: #B91C1C; border-color: transparent; }
  #initiationView .initiation-tag.yes,
  #initiationView .initiation-tag.attending,
  #initiationView .initiation-tag.going { background: var(--yi-pale-green); color: #16713A; border-color: transparent; }
  #initiationView .initiation-tag.maybe,
  #initiationView .initiation-tag.tentative { background: var(--yi-pale-yellow); color: #92600A; border-color: transparent; }
  #initiationView .initiation-tag.no,
  #initiationView .initiation-tag.declined,
  #initiationView .initiation-tag.not_attending { background: var(--yi-pale-red); color: #B91C1C; border-color: transparent; }
  #initiationView .initiation-rsvp-counts {
    border-color: var(--yi-border);
    background: var(--yi-canvas);
  }
  #initiationView .initiation-rsvp-counts span {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
  }
  #initiationView .initiation-rsvp-counts .yes {
    color: var(--yi-accent-dark);
    background: var(--yi-pale-green);
  }
  #initiationView .initiation-rsvp-counts .maybe {
    color: #92600A;
    background: var(--yi-pale-yellow);
  }
  #initiationView .initiation-rsvp-counts .no {
    color: #B91C1C;
    background: var(--yi-pale-red);
  }
  #initiationView .initiation-session-rsvps {
    border-color: var(--yi-border);
    border-radius: 22px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-rsvp-row {
    border-color: var(--yi-border);
  }
  #initiationView .initiation-attendance-control {
    border-color: var(--yi-border);
    background: var(--card-bg);
  }
  #initiationView .initiation-attendance-control button {
    color: var(--yi-ink-secondary);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
  }
  #initiationView .initiation-attendance-control button.active.attended {
    background: var(--yi-pale-green);
    color: var(--yi-accent-dark);
  }
  #initiationView .initiation-attendance-control button.active.missed {
    background: var(--yi-pale-red);
    color: #B91C1C;
  }
  #initiationView .initiation-rsvp-row strong {
    color: var(--yi-ink);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
  }
  #initiationView .initiation-rsvp-row em {
    color: var(--yi-ink-secondary);
    font-family: 'JetBrains Mono', 'Geist Mono', monospace;
    font-size: 11px;
  }
  #initiationView .initiation-progress-mini {
    flex: 1;
    max-width: 180px;
    height: 7px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-progress-mini i {
    background: var(--yi-accent);
  }
  #initiationView .initiation-placeholder-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    border: 0;
  }
  #initiationView .initiation-placeholder {
    min-height: 184px;
    padding: 28px;
    border-right: 1px solid var(--yi-border);
  }
  #initiationView .initiation-placeholder strong,
  #initiationView .initiation-detail-header h2 {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 800;
    letter-spacing: -0.025em;
  }
  #initiationView .initiation-detail-drawer {
    border-color: var(--yi-border);
    width: min(560px, calc(100vw - 48px));
    padding: 0;
    border-radius: 30px;
    background: var(--yi-surface);
    box-shadow: 0 24px 72px rgba(0, 0, 0, .14);
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-detail-header {
    position: sticky;
    top: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: start;
    padding: 24px 24px 18px;
    border-bottom: 1px solid var(--yi-border);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(14px);
  }
  #initiationView .initiation-detail-header h2 {
    margin-top: 4px;
    color: var(--yi-ink);
    font-size: 28px;
    line-height: 1.05;
  }
  #initiationView .initiation-participant-meta {
    margin: 8px 0 0;
    color: var(--yi-ink-secondary);
    font: 600 13px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-detail-header > .initiation-tag {
    align-self: center;
    margin-top: 4px;
  }
  #initiationView .initiation-detail-header button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--yi-border);
    border-radius: 999px;
    background: var(--yi-surface);
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-detail-body {
    gap: 16px;
    padding: 18px 20px 24px;
  }
  #initiationView .initiation-detail-section .small-caps-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yi-ink-secondary);
  }
  #initiationView .initiation-detail-section .small-caps-label i {
    color: var(--yi-ink-tertiary);
    font-size: 16px;
  }
  #initiationView .initiation-detail-header,
  #initiationView .initiation-detail-metrics,
  #initiationView .initiation-mini-grid {
    border-color: var(--yi-border);
  }
  #initiationView .initiation-detail-metrics,
  #initiationView .initiation-mini-grid {
    overflow: hidden;
    border: 1px solid var(--yi-border);
    border-radius: 22px;
    background: var(--yi-canvas);
  }
  #initiationView .initiation-detail-metrics div,
  #initiationView .initiation-mini-grid div {
    border-color: var(--yi-border);
  }
  #initiationView .initiation-detail-metrics strong,
  #initiationView .initiation-mini-grid strong {
    color: var(--yi-ink);
    font-weight: 800;
  }
  #initiationView .initiation-detail-section {
    padding: 22px;
    border-radius: 24px;
    box-shadow: none;
  }
  #initiationView .initiation-contact-list {
    display: grid;
    gap: 0;
    margin-top: 16px;
  }
  #initiationView .initiation-contact-list button,
  #initiationView .initiation-contact-list a,
  #initiationView .initiation-contact-list > span {
    display: grid;
    grid-template-columns: 20px minmax(76px, .45fr) minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--yi-border);
    background: transparent;
    color: var(--yi-ink);
    text-align: left;
    text-decoration: none;
    cursor: default;
  }
  #initiationView .initiation-contact-list button,
  #initiationView .initiation-contact-list a {
    cursor: pointer;
  }
  #initiationView .initiation-contact-list button:last-child,
  #initiationView .initiation-contact-list a:last-child,
  #initiationView .initiation-contact-list > span:last-child {
    border-bottom: 0;
  }
  #initiationView .initiation-contact-list i {
    color: var(--yi-ink-tertiary);
    font-size: 16px;
  }
  #initiationView .initiation-contact-list span {
    color: var(--yi-ink-secondary);
    font: 700 13px/1.3 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-contact-list strong {
    min-width: 0;
    color: var(--yi-ink);
    font: 800 14px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
    overflow-wrap: anywhere;
  }
  #initiationView .initiation-contact-list button strong:first-of-type,
  #initiationView .initiation-contact-list a strong:first-of-type {
    font-family: 'JetBrains Mono', 'Geist Mono', monospace;
    font-weight: 600;
  }
  #initiationView .initiation-contact-list em {
    display: grid;
    place-items: center;
    font-style: normal;
  }
  #initiationView .initiation-next-step {
    margin-top: 16px;
  }
  #initiationView .initiation-day-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 7px;
    margin-top: 16px;
    color: var(--yi-ink-tertiary);
    font: 800 10px/1 'Outfit', system-ui, -apple-system, sans-serif;
    text-align: center;
  }
  #initiationView .initiation-day-grid {
    gap: 7px;
    margin-top: 8px;
  }
  #initiationView .initiation-day-grid span {
    border-color: var(--yi-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .62);
    color: var(--yi-ink);
    font: 800 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-application-card {
    display: grid;
    gap: 0;
  }
  #initiationView .initiation-application-field {
    padding: 18px 0;
    border-bottom: 1px solid var(--yi-border);
  }
  #initiationView .initiation-application-field:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  #initiationView .initiation-application-field span {
    display: block;
    color: var(--yi-ink-tertiary);
    font: 800 12px/1.35 'Outfit', system-ui, -apple-system, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  #initiationView .initiation-application-field p {
    margin-top: 10px;
    color: var(--yi-ink);
    font: 700 15px/1.55 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-admin-actions {
    gap: 12px;
  }
  #initiationView .initiation-approval-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }
  #initiationView .initiation-approval-grid button {
    justify-content: center;
    min-height: 42px;
    white-space: nowrap;
  }
  #initiationView .initiation-admin-actions label {
    gap: 10px;
  }
  #initiationView .initiation-admin-actions select {
    min-height: 46px;
    border-radius: 999px;
    background: var(--yi-canvas);
    font: 800 15px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-detail-actions {
    position: sticky;
    bottom: 0;
    margin: 0 -20px -24px;
    padding: 14px 20px 18px;
    background: linear-gradient(to top, var(--yi-surface) 78%, rgba(255, 255, 255, 0));
  }
  #initiationView .initiation-detail-actions button {
    min-height: 40px;
    padding: 0 16px;
    border-color: var(--yi-border);
    background: var(--yi-surface);
    font: 800 13px/1 'Outfit', system-ui, -apple-system, sans-serif;
  }
  #initiationView .initiation-admin-actions button.primary,
  #initiationView .initiation-form-actions button.primary,
  #initiationView .initiation-inline-action {
    border-color: var(--yi-accent);
    background: var(--yi-accent);
    color: #fff;
    box-shadow: 0 18px 36px -24px var(--yi-accent-dark);
  }
  @keyframes initiation-card-in {
    from { opacity: 0; transform: translateY(16px); filter: blur(4px); }
    to { opacity: 1; transform: translateY(0); filter: blur(0); }
  }
  @keyframes initiation-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(1.3); }
  }
  @media (max-width: 920px) {
    #initiationView .operator-surface.initiation-shell { padding: 24px 18px 48px; }
    #initiationView .initiation-stat-row,
    #initiationView .initiation-overview-grid,
    #initiationView .initiation-placeholder-grid { grid-template-columns: 1fr; }
    #initiationView .initiation-settings-form,
    #initiationView .initiation-settings-form.initiation-nudge-form,
    #initiationView .initiation-settings-form.initiation-integration-form,
    #initiationView .initiation-template-row {
      grid-template-columns: 1fr;
    }
    #initiationView .initiation-action-row {
      align-items: flex-start;
      flex-direction: column;
    }
    #initiationView .initiation-composer-card {
      padding: 24px;
      border-radius: 24px;
    }
    #initiationView .initiation-composer-head {
      flex-direction: column;
    }
    #initiationView .initiation-nudge-hero,
    #initiationView .initiation-nudge-card summary {
      grid-template-columns: 1fr;
    }
    #initiationView .initiation-nudge-prompt {
      padding: 0 24px 24px;
    }
    #initiationView .initiation-launch-table {
      overflow-x: auto;
      padding: 28px;
    }
    #initiationView .initiation-launch-table-head,
    #initiationView .initiation-launch-table-row {
      min-width: 760px;
    }
    #initiationView .initiation-launch-detail-head,
    #initiationView .initiation-launch-form,
    #initiationView .initiation-launch-price-grid {
      grid-template-columns: 1fr;
    }
    #initiationView .initiation-launch-detail-head em {
      justify-self: start;
    }
    #initiationView .initiation-launch-form {
      padding: 28px;
    }
    #initiationView .initiation-channel-tabs,
    #initiationView .initiation-channel-tabs button {
      width: 100%;
    }
    #initiationView .initiation-channel-tabs button {
      justify-content: center;
      flex: 1 1 0;
    }
    #initiationView .initiation-availability-hero,
    #initiationView .initiation-availability-card {
      padding: 24px;
      border-radius: 24px;
    }
    #initiationView .initiation-availability-bar-row {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    #initiationView .initiation-availability-bar-row em {
      text-align: left;
    }
    #initiationView .initiation-readable-list .initiation-template-row > button {
      justify-self: start;
    }
    #initiationView .initiation-drip-heading,
    #initiationView .initiation-drip-row-top,
    #initiationView .initiation-drip-edit-controls,
    #initiationView .initiation-drip-actions {
      grid-template-columns: 1fr;
      align-items: start;
    }
    #initiationView .initiation-drip-row-meta,
    #initiationView .initiation-drip-actions {
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    #initiationView .initiation-practice-heading,
    #initiationView .initiation-audio-upload-strip {
      grid-template-columns: 1fr;
      align-items: stretch;
    }
    #initiationView .initiation-practice-heading {
      display: grid;
    }
    #initiationView .initiation-audio-upload-strip .initiation-form-grid,
    #initiationView .initiation-practice-row,
    #initiationView .initiation-live-time-field,
    #initiationView .initiation-live-field {
      grid-template-columns: 1fr;
    }
    #initiationView .initiation-live-session-head,
    #initiationView .initiation-live-session-title {
      display: grid;
    }
    #initiationView .initiation-live-session-card {
      padding: 24px;
      border-radius: 28px;
    }
    #initiationView .initiation-live-session-actions,
    #initiationView .initiation-live-recording-actions {
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    #initiationView .initiation-live-field > i {
      display: none;
    }
    #initiationView .initiation-live-time-field em {
      text-align: left;
    }
    #initiationView .initiation-practice-card {
      padding: 22px;
    }
    #initiationView .initiation-tabs { border-radius: 24px; }
    #initiationView .initiation-stat { border-bottom: 1px solid var(--yi-border); }
    #initiationView .initiation-panel-toolbar {
      align-items: stretch;
      flex-direction: column;
    }
    #initiationView .initiation-participants-titlebar,
    #initiationView .initiation-participants-controls {
      justify-content: space-between;
    }
    #initiationView .initiation-roster-top,
    #initiationView .initiation-roster-progress { align-items: flex-start; flex-direction: column; }
    #initiationView .initiation-roster-header,
    #initiationView .initiation-roster.table .initiation-roster-row {
      grid-template-columns: minmax(145px, .85fr) minmax(230px, 1.15fr) minmax(120px, .7fr) minmax(76px, .45fr) minmax(104px, .55fr);
      min-width: 675px;
      padding-left: 24px;
      padding-right: 24px;
    }
    #initiationView .initiation-detail-drawer {
      inset: 12px;
      width: auto;
      border-radius: 24px;
    }
    #initiationView .initiation-detail-header {
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
    }
  }
  .events-top-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    margin-top: -17px;
    margin-bottom: 22px;
  }
  .events-view-switcher {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule-soft);
    border-radius: 9999px;
    background: transparent;
    box-shadow: none;
  }
  .events-view-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    min-width: 82px;
    min-height: 26px;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 9999px;
    background: transparent;
    color: var(--ink-faint);
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  }
  .events-view-option i { font-size: 14px; line-height: 1; color: currentColor; }
  .events-view-option:hover { color: var(--ink); }
  .events-view-option.active {
    border-color: var(--rule);
    background: var(--canvas);
    color: var(--ink);
    box-shadow: 0 1px 1px rgba(28, 28, 26, 0.03), 0 4px 10px rgba(28, 28, 26, 0.06);
    transform: translateY(-1px);
  }
  .events-workspace-header,
  .events-header-bar { display: flex; align-items: center; justify-content: flex-start; gap: 16px; margin-bottom: 22px; }
  .events-mode-view { display: none; }
  .events-mode-view.active { display: block; }
  .events-display-view { display: none; }
  .events-display-view.active { display: block; }
  .events-timeline-full {
    max-width: 1060px;
    border-top: 1px solid var(--rule);
    padding-top: 24px;
  }
  .events-calendar-layout {
    display: grid;
    grid-template-columns: minmax(520px, 1.12fr) minmax(340px, 0.88fr);
    gap: 40px;
    align-items: start;
  }
  .events-calendar-panel,
  .events-agenda-panel {
    border-top: 1px solid var(--rule);
    padding-top: 18px;
  }
  .events-calendar-panel-header {
    display: grid;
    grid-template-columns: 34px 1fr 34px;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }
  .events-calendar-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.05;
    text-align: center;
  }
  .events-calendar-subtitle {
    margin-top: 4px;
    color: var(--ink-faint);
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    text-align: center;
  }
  .events-calendar-nav {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rule);
    border-radius: 999px;
    background: var(--canvas);
    color: var(--ink-soft);
    cursor: pointer;
  }
  .events-calendar-nav:hover { background: var(--canvas-elevated); color: var(--ink); }
  .events-calendar-nav i { font-size: 16px; }
  .events-calendar-weekdays,
  .events-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .events-calendar-weekdays {
    margin: 0 0 8px;
    color: var(--ink-faint);
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-calendar-weekdays span { padding: 0 0 6px; text-align: center; }
  .events-calendar-grid {
    gap: 6px;
  }
  .events-calendar-grid .loading {
    grid-column: 1 / -1;
    min-height: 260px;
  }
  .events-cal-day {
    min-height: 102px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--rule-soft) 86%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--canvas) 64%, transparent);
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  }
  .events-cal-day:hover {
    background: color-mix(in srgb, var(--canvas-elevated) 72%, transparent);
    border-color: var(--rule);
    transform: translateY(-1px);
  }
  .events-cal-day.is-muted {
    color: var(--ink-faint);
    background: color-mix(in srgb, var(--canvas-sidebar) 28%, transparent);
    opacity: 0.72;
  }
  .events-cal-day.is-empty:not(.is-today):not(.is-selected) {
    background: color-mix(in srgb, var(--canvas) 38%, transparent);
  }
  .events-cal-day.is-weekend:not(.is-muted) {
    background: color-mix(in srgb, var(--canvas-sidebar) 26%, transparent);
  }
  .events-cal-day.has-events {
    background: var(--canvas);
    border-color: var(--rule);
  }
  .events-cal-day.is-today {
    background: color-mix(in srgb, var(--canvas-elevated) 86%, transparent);
    border-color: color-mix(in srgb, var(--ink) 20%, var(--rule));
  }
  .events-cal-day.is-selected {
    background: var(--canvas);
    border-color: color-mix(in srgb, var(--accent-drishti) 48%, var(--rule));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-drishti) 54%, transparent), 0 10px 22px rgba(28, 28, 26, 0.06);
  }
  .events-cal-day-number {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--ink-soft);
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
  }
  .events-cal-day.is-today .events-cal-day-number {
    background: var(--ink);
    color: var(--canvas);
  }
  .events-cal-day.is-selected .events-cal-day-number {
    background: var(--accent-drishti);
    color: var(--canvas);
  }
  .events-cal-items {
    display: grid;
    gap: 5px;
    margin-top: 9px;
  }
  .events-cal-item {
    display: grid;
    grid-template-columns: 5px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    color: var(--ink-soft);
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    line-height: 1.25;
    padding: 3px 5px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--canvas-sidebar) 56%, transparent);
  }
  .events-cal-dot {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--accent-neutral);
  }
  .events-cal-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .events-cal-more {
    color: var(--ink-faint);
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    padding-left: 5px;
  }
  .events-agenda-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
  }
  .events-agenda-header h3 {
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.05;
  }
  .events-agenda-header p {
    margin: 5px 0 0;
    color: var(--ink-faint);
    font-size: 12px;
  }
  .events-agenda-toggle {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule-soft);
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
  }
  .events-agenda-toggle button {
    box-sizing: border-box;
    min-width: 82px;
    min-height: 26px;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--ink-soft);
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
  }
  .events-agenda-toggle button.active {
    border-color: var(--rule);
    background: var(--canvas);
    color: var(--ink);
    box-shadow: 0 1px 1px rgba(28, 28, 26, 0.03), 0 4px 10px rgba(28, 28, 26, 0.06);
  }
  .events-workspace-placeholder {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top: 1px solid var(--rule);
    color: var(--ink-soft);
    text-align: center;
  }
  .events-workspace-placeholder i { font-size: 26px; color: var(--ink-faint); }
  .events-workspace-placeholder h3 {
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    color: var(--ink);
  }
  .events-workspace-placeholder p {
    max-width: 460px;
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.7;
  }
  .events-list-table {
    max-width: 1060px;
    border-top: 1px solid var(--rule);
  }
  .events-list-row {
    display: grid;
    grid-template-columns: 1.35fr 130px 110px 90px 90px;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--rule-soft);
    color: var(--ink-soft);
    font-size: 13px;
  }
  .events-list-row.is-head {
    color: var(--ink-faint);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-list-title {
    color: var(--ink);
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
  }
  .events-list-row:not(.is-head) { cursor: pointer; }
  .events-list-row:not(.is-head):hover { color: var(--ink); }
  .events-list-meta {
    margin-top: 4px;
    color: var(--ink-faint);
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    line-height: 1.3;
  }
  .events-workspace-surface {
    max-width: 1060px;
    border-top: 1px solid var(--rule);
    padding-top: 10px;
  }
  .events-service-pills {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border: 1px solid var(--rule-soft);
    border-radius: 9999px;
    background: transparent;
    padding: 3px;
  }
  .events-service-pill {
    box-sizing: border-box;
    min-width: 86px;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 9999px;
    background: transparent;
    color: var(--ink-soft);
    padding: 5px 10px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  .events-service-pill i {
    color: currentColor;
    font-size: 13px;
  }
  .events-service-pill:hover {
    color: var(--ink);
    background: rgba(250, 247, 240, 0.45);
  }
  .events-service-pill.active {
    border-color: var(--rule);
    background: var(--canvas);
    color: var(--ink);
    box-shadow: 0 1px 1px rgba(28, 28, 26, 0.03), 0 4px 10px rgba(28, 28, 26, 0.06);
  }
  .events-service-panel {
    max-width: 1060px;
    margin-top: 28px;
    border-top: 1px solid var(--rule-soft);
  }
  .events-coupons-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 0 18px;
  }
  .events-coupons-title {
    margin: 0;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
  }
  .events-service-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0 12px;
  }
  .events-service-actions-title {
    color: var(--ink-faint);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-service-create {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--rule);
    border-radius: 9999px;
    background: var(--canvas);
    color: var(--ink);
    padding: 8px 16px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
  }
  .events-service-create:hover {
    background: var(--canvas-elevated);
    transform: scale(1.01);
    box-shadow: 0 6px 16px rgba(28, 28, 26, 0.07);
  }
  .events-service-create i { font-size: 14px; }
  .events-zoom-status {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
  }
  .events-zoom-stat {
    padding: 20px 18px;
    border-right: 1px solid var(--rule-soft);
  }
  .events-zoom-stat:last-child { border-right: 0; }
  .events-zoom-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink);
  }
  .events-zoom-label {
    margin-top: 8px;
    color: var(--ink-faint);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-zoom-list {
    border-top: 1px solid var(--rule-soft);
  }
  .events-zoom-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 52px;
    border-bottom: 1px solid var(--rule-soft);
    color: var(--ink-soft);
    font-size: 13px;
  }
  .events-zoom-row i {
    color: var(--ink-faint);
    font-size: 15px;
  }
  .events-zoom-name {
    color: var(--ink);
    font-weight: 500;
  }
  .events-zoom-note {
    margin-top: 2px;
    color: var(--ink-faint);
    font-size: 12px;
  }
  .events-zoom-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: var(--ink-faint);
    font-size: 11px;
  }
  .events-zoom-state::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--accent-neutral);
  }
  .events-zoom-state.ready::before { background: var(--accent-bot); }
  .events-zoom-state.watch::before { background: var(--accent-drishti); }
  .events-coupon-list {
    border: 1px solid var(--rule-soft);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(250, 247, 240, 0.25);
  }
  .events-coupon-search {
    min-height: 54px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    border-bottom: 1px solid var(--rule-soft);
    color: var(--ink-faint);
  }
  .events-coupon-search i {
    font-size: 18px;
  }
  .events-coupon-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
  }
  .events-coupon-search input::placeholder {
    color: var(--ink-faint);
  }
  .events-coupon-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    gap: 14px;
    align-items: center;
    min-height: 58px;
    border-bottom: 1px solid var(--rule-soft);
    color: var(--ink-soft);
    font-size: 13px;
    padding: 0 18px;
  }
  .events-coupon-code {
    color: #d62a6f;
    font-family: 'SF Mono', 'JetBrains Mono', 'Courier New', monospace;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  .events-coupon-code.is-inactive {
    color: var(--ink-faint);
    text-decoration: line-through;
  }
  .events-coupon-meta {
    color: var(--ink-faint);
    font-size: 15px;
  }
  .events-coupon-scope {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: var(--canvas-elevated);
    color: var(--ink-soft);
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
  }
  .events-coupon-scope i { font-size: 13px; }
  .coupon-create-overlay {
    position: fixed;
    inset: 0;
    z-index: 220;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(28, 28, 26, 0.30);
    padding: 24px;
  }
  .coupon-create-overlay.open { display: flex; }
  .coupon-create-modal {
    width: min(520px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    border: 1px solid var(--rule);
    border-radius: 26px;
    background: var(--canvas);
    box-shadow: 0 18px 55px rgba(28, 28, 26, 0.16);
    padding: 30px;
  }
  .coupon-modal-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
  }
  .coupon-modal-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--canvas-elevated);
    color: var(--ink-soft);
    font-size: 28px;
  }
  .coupon-modal-close {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: var(--canvas-elevated);
    color: var(--ink-soft);
    font-size: 22px;
    cursor: pointer;
  }
  .coupon-modal-title {
    margin: 0 0 18px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .coupon-form {
    display: grid;
    gap: 16px;
  }
  .coupon-field {
    display: grid;
    gap: 8px;
  }
  .coupon-field label {
    color: var(--ink-soft);
    font-size: 13px;
    font-weight: 600;
  }
  .coupon-input,
  .coupon-select {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--rule);
    border-radius: 12px;
    background: rgba(250, 247, 240, 0.5);
    color: var(--ink);
    padding: 10px 14px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    outline: 0;
  }
  .coupon-select {
    appearance: none;
    background-image:
      linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%),
      linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);
    background-position:
      calc(100% - 20px) 21px,
      calc(100% - 14px) 21px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 38px;
  }
  .coupon-input:focus,
  .coupon-select:focus {
    border-color: var(--ink-soft);
    box-shadow: 0 0 0 3px rgba(28, 28, 26, 0.05);
  }
  .coupon-scope-row,
  .coupon-discount-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .coupon-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
  }
  .coupon-switch {
    width: 44px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: var(--rule);
    padding: 3px;
    cursor: pointer;
  }
  .coupon-switch::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--canvas);
    transition: transform .18s ease;
  }
  .coupon-switch.on {
    background: var(--ink);
  }
  .coupon-switch.on::before {
    transform: translateX(18px);
  }
  .coupon-hidden { display: none !important; }
  .coupon-submit {
    min-height: 52px;
    border: 0;
    border-radius: 12px;
    background: var(--ink);
    color: var(--canvas);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .coupon-submit:hover {
    transform: scale(1.01);
    box-shadow: 0 10px 24px rgba(28, 28, 26, 0.14);
  }
  .coupon-submit:active { transform: scale(0.99); }
  .coupon-submit:disabled {
    cursor: wait;
    opacity: 0.72;
    transform: none;
    box-shadow: none;
  }
  .events-surface-intro {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--rule-soft);
  }
  .events-surface-kicker {
    color: var(--ink-faint);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-surface-title {
    margin: 8px 0 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink);
  }
  .events-surface-copy {
    margin: 0;
    max-width: 560px;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.7;
  }
  .events-surface-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding-top: 24px;
  }
  .events-surface-section {
    min-width: 0;
  }
  .events-surface-section h4 {
    margin: 0 0 12px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
  }
  .event-workflow-list,
  .event-ops-list {
    display: grid;
    border-top: 1px solid var(--rule-soft);
  }
  .event-workflow-row,
  .event-ops-row {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 54px;
    border-bottom: 1px solid var(--rule-soft);
    color: var(--ink-soft);
    font-size: 13px;
  }
  .event-workflow-row i,
  .event-ops-row i {
    color: var(--ink-faint);
    font-size: 16px;
  }
  .event-workflow-name,
  .event-ops-name {
    color: var(--ink);
    font-weight: 500;
  }
  .event-workflow-note,
  .event-ops-note {
    margin-top: 2px;
    color: var(--ink-faint);
    font-size: 12px;
  }
  .event-workflow-state,
  .event-ops-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: var(--ink-faint);
    font-size: 11px;
  }
  .event-workflow-state::before,
  .event-ops-state::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--accent-neutral);
  }
  .event-workflow-state.is-ready::before,
  .event-ops-state.is-ready::before { background: var(--accent-bot); }
  .event-workflow-state.is-watch::before,
  .event-ops-state.is-watch::before { background: var(--accent-drishti); }
  .event-workflow-state.is-required::before,
  .event-ops-state.is-required::before { background: var(--ink); }
  .event-workflow-row[onclick]:hover,
  .event-ops-row[onclick]:hover {
    color: var(--ink);
  }
  .event-metrics-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
  }
  .event-metric {
    padding: 22px 20px;
    border-right: 1px solid var(--rule-soft);
  }
  .event-metric:last-child { border-right: 0; }
  .event-metric-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    color: var(--ink);
  }
  .event-metric-label {
    margin-top: 8px;
    color: var(--ink-faint);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .events-header-bar { justify-content: space-between; gap: 16px; }
  .events-settings-btn {
    width: auto !important;
    height: auto !important;
    border: 1px solid var(--rule) !important;
    border-radius: 24px !important;
    background: var(--canvas) !important;
    box-shadow: none !important;
    color: var(--ink) !important;
    padding: 9px 16px !important;
    gap: 8px;
    margin-left: 0;
  }
  .events-settings-btn:hover,
  .events-settings-btn.active { background: var(--canvas-elevated) !important; color: var(--ink) !important; }
  .events-settings-btn .tpl-tooltip {
    position: static;
    opacity: 1;
    transform: none;
    background: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
    font-size: 14px;
    pointer-events: auto;
  }
  .events-settings-btn:hover .tpl-tooltip { transform: none; }

  @media (max-width: 1180px) {
    .events-top-controls { align-items: center; flex-direction: row; }
    .events-workspace-header { align-items: flex-start; flex-direction: column; }
    .events-calendar-layout { grid-template-columns: 1fr; }
    .events-list-row { grid-template-columns: 1fr 120px 90px; }
    .events-list-row > :nth-child(4),
    .events-list-row > :nth-child(5) { display: none; }
    .events-surface-intro,
    .events-surface-grid { grid-template-columns: 1fr; }
    .event-metrics-strip { grid-template-columns: 1fr; }
    .event-metric { border-right: 0; border-bottom: 1px solid var(--rule-soft); }
    .event-metric:last-child { border-bottom: 0; }
    .events-zoom-status { grid-template-columns: 1fr; }
    .events-zoom-stat { border-right: 0; border-bottom: 1px solid var(--rule-soft); }
    .events-zoom-stat:last-child { border-bottom: 0; }
  }

  @media (max-width: 760px) {
    .events-workspace-header {
      width: 100%;
      min-width: 0;
      margin-bottom: 16px;
    }
    .events-workspace-header .pillbar {
      width: 100%;
      max-width: 100%;
      flex-wrap: nowrap;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-padding-inline: 10px;
      scroll-snap-type: x proximity;
      -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 20px), transparent 100%);
      mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 20px), transparent 100%);
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    .events-workspace-header .pillbar::-webkit-scrollbar { display: none; }
    .events-workspace-header .pillbar > .pill {
      flex: 0 0 auto;
      min-width: max-content;
      scroll-snap-align: start;
      touch-action: manipulation;
    }
    .events-top-controls {
      align-items: stretch;
      flex-direction: column;
      gap: 10px;
      margin-top: 0;
      margin-bottom: 18px;
    }
    .events-view-switcher { width: 100%; }
    .events-view-option { flex: 1; padding-left: 10px; padding-right: 10px; }
    .events-filter-switcher { width: 100%; }
    .events-filter-switcher button { flex: 1; }
    .events-view-option,
    .events-filter-switcher button {
      min-height: 38px;
      touch-action: manipulation;
    }
    .events-timeline-full,
    .events-workspace-surface,
    .events-list-table {
      max-width: 100%;
      min-width: 0;
    }
    .events-list-table {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .events-list-row {
      grid-template-columns: minmax(170px, 1fr) 96px;
      min-width: 0;
      gap: 12px;
    }
    .events-list-row > :nth-child(3),
    .events-list-row > :nth-child(4),
    .events-list-row > :nth-child(5) {
      display: none;
    }
    .events-calendar-panel-header { grid-template-columns: 32px 1fr 32px; }
    .events-cal-day { min-height: 86px; padding: 8px; }
    .events-cal-item { grid-template-columns: 5px minmax(0, 1fr); font-size: 10px; }
    .events-agenda-header { flex-direction: column; }
  }

  .tpl-defaults {
    gap: 10px;
  }
  .tpl-default-row {
    gap: 10px;
  }
  .tpl-default-select,
  .tpl-default-input-sm {
    height: 28px;
    border: 1px solid var(--rule) !important;
    border-radius: 999px !important;
    background-color: var(--canvas) !important;
    box-shadow: none !important;
    color: var(--ink) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  .tpl-default-select {
    appearance: none;
    -webkit-appearance: none;
    padding: 5px 28px 5px 10px !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #5A574F 50%),
      linear-gradient(135deg, #5A574F 50%, transparent 50%);
    background-position:
      calc(100% - 15px) 12px,
      calc(100% - 10px) 12px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
  }
  .tpl-default-select:focus,
  .tpl-default-input-sm:focus {
    border-color: var(--ink-soft) !important;
    outline: 2px solid rgba(90, 87, 79, 0.10);
    outline-offset: 1px;
  }
  .tpl-default-input-sm[type="number"] {
    -moz-appearance: textfield;
    padding: 5px 10px !important;
  }
  .tpl-default-input-sm[type="number"]::-webkit-outer-spin-button,
  .tpl-default-input-sm[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .tpl-loc-toggle,
  .tpl-dur-btn,
  #tplTagsWrap .cevt-tag-chip {
    min-height: 28px;
    border: 1px solid var(--rule) !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ink-soft) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
  }
  .tpl-loc-toggle:hover,
  .tpl-dur-btn:hover,
  #tplTagsWrap .cevt-tag-chip:hover {
    background: var(--canvas-elevated) !important;
    border-color: var(--ink-faint) !important;
    color: var(--ink) !important;
    transform: none !important;
  }
  .tpl-loc-toggle.active,
  .tpl-dur-btn.active,
  #tplTagsWrap .cevt-tag-chip.on {
    background: var(--canvas-elevated) !important;
    border-color: var(--ink-soft) !important;
    color: var(--ink) !important;
  }
  .tpl-loc-toggle svg {
    width: 13px;
    height: 13px;
    stroke-width: 1.5;
  }

  @media (max-width: 767px) {
    .app { padding: 0; }
    .header { padding: 0 16px; border-radius: 0; }
    .main { padding: 20px 16px calc(20px + var(--bottom-nav-h)); border-radius: 0; }
    body.initiation-active .header {
      position: relative;
      overflow: visible;
      padding: 0 10px;
    }
    body.initiation-active .header-left,
    body.initiation-active .header-actions {
      width: 100%;
      min-width: 0;
    }
    body.initiation-active .header-actions {
      position: fixed;
      top: var(--header-h);
      right: 0;
      left: 0;
      z-index: 900;
      display: block;
      padding: 8px 10px;
      border-bottom: 1px solid var(--border);
      background: color-mix(in srgb, var(--bg) 96%, transparent);
      backdrop-filter: blur(16px);
    }
    body.initiation-active .main {
      padding: 78px 10px calc(20px + var(--bottom-nav-h));
    }
    body.initiation-active #initiationView .operator-surface.initiation-shell {
      padding-right: 0;
      padding-left: 0;
    }
    .initiation-header-cohort {
      width: 100%;
      gap: 10px;
    }
    .initiation-header-cohort > span {
      min-width: 0;
      flex: 1 1 auto;
      overflow: hidden;
      font-size: clamp(25px, 8vw, 34px);
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    /* The full program name doesn't fit beside the cohort picker on a phone;
       show the short "Initiation" here (the surface nav already names it) so
       neither the title nor the cohort value gets clipped. */
    .initiation-header-title-full {
      display: none;
    }
    .initiation-header-title-short {
      display: inline;
    }
    .initiation-header-cohort .initiation-cohort-select {
      flex: 0 0 auto;
    }
    .initiation-header-cohort .initiation-cohort-select select {
      width: auto;
      min-width: 150px;
      max-width: 52vw;
      min-height: 38px;
      padding-left: 14px;
      padding-right: 32px;
      font-size: 14px;
    }
    .header .initiation-header-tabs {
      width: 100%;
      max-width: 100%;
      padding: 3px;
      gap: 4px;
      background: var(--bg);
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-padding-inline: 8px;
      scroll-snap-type: x proximity;
      -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 22px), transparent 100%);
      mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 22px), transparent 100%);
      -webkit-overflow-scrolling: touch;
    }
    .header .initiation-header-tabs .initiation-tab {
      flex: 0 0 auto;
      width: auto;
      min-width: 42px;
      height: 36px;
      min-height: 36px;
      gap: 6px;
      padding: 0 12px !important;
      border-radius: 999px;
      font-size: 12px;
      line-height: 1;
      scroll-snap-align: start;
      touch-action: manipulation;
    }
    .header .initiation-header-tabs .initiation-tab span {
      display: inline;
      color: currentColor;
      font: 700 12px/1 'Outfit', system-ui, -apple-system, sans-serif;
      white-space: nowrap;
    }
    .header .initiation-header-tabs .initiation-tab i {
      font-size: 16px;
    }
    .home-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .home-columns, .editorial-grid, .home-command-grid { grid-template-columns: 1fr; gap: 32px; }
    .thin-list { border-right: 0; border-bottom: 1px solid var(--rule); padding-right: 0; padding-bottom: 20px; }
    .operator-page-title, .home-greeting, .writing-title { font-size: 36px; }
    .writing-canvas { padding: 24px; }
    .dense-row { grid-template-columns: 1fr; gap: 6px; }
    #initiationView .initiation-funnel-head,
    #initiationView .initiation-panel-toolbar {
      align-items: stretch;
      flex-direction: column;
    }
    #initiationView .initiation-funnel-rail {
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
      overflow: visible;
    }
    #initiationView .initiation-funnel-step {
      min-height: 70px;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 18px;
    }
    #initiationView .initiation-funnel-step i {
      flex-basis: 38px;
      width: 38px;
      height: 38px;
      border-radius: 13px;
      font-size: 20px;
    }
    #initiationView .initiation-funnel-step span {
      min-width: 0;
      overflow-wrap: anywhere;
      font-size: 15px;
      line-height: 1.18;
    }
    #initiationView .initiation-funnel-step strong {
      margin-left: auto;
      font-size: 30px;
    }
    /* KPI strip: stack vertically on mobile so it can't blow out the column width
       (it's a shrink-to-fit grid item; horizontal layout overflowed and clipped
       every card's right edge). */
    #initiationView .initiation-dashboard-group { min-width: 0; }
    #initiationView .initiation-northstar {
      flex-direction: column;
      align-items: stretch;
      max-width: 100%;
      gap: 14px;
      padding: 20px;
    }
    #initiationView .initiation-northstar-main { min-width: 0; }
    #initiationView .initiation-northstar-value { font-size: 44px; }
    #initiationView .initiation-northstar-side {
      gap: 24px;
      padding-left: 0;
      padding-top: 14px;
      border-left: 0;
      border-top: 1px solid rgba(255, 255, 255, .16);
    }
    #initiationView .initiation-northstar-side > div { min-width: 0; }
    #initiationView .initiation-message-switch {
      justify-content: flex-start;
      max-width: 100%;
      flex-wrap: nowrap;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-padding-inline: 8px;
      scroll-snap-type: x proximity;
      -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 20px), transparent 100%);
      mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 20px), transparent 100%);
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #initiationView .initiation-message-switch::-webkit-scrollbar {
      display: none;
    }
    #initiationView .initiation-message-switch button {
      flex: 0 0 auto;
      min-height: 44px;
      scroll-snap-align: start;
      touch-action: manipulation;
    }
    /* Email engagement cards: on a narrow column the icon + label + two stat
       columns + caret all fought for space, clipping the label and squishing the
       figures. Drop the leading icon, let the label wrap, and shrink the gaps. */
    #initiationView .initiation-email-card {
      gap: 10px;
      min-height: 0;
      padding: 13px 15px;
      border-radius: 18px;
    }
    #initiationView .initiation-email-card > i { display: none; }
    #initiationView .initiation-email-card-text span {
      white-space: normal;
      overflow-wrap: anywhere;
    }
    #initiationView .initiation-email-card-figures { gap: 14px; }
    #initiationView .initiation-email-card-stat strong { font-size: 18px; }
    #initiationView .initiation-email-health-stat { min-width: 0; padding: 9px 6px; }
    #initiationView .initiation-thread-card { gap: 10px; min-height: 0; padding: 13px 15px; border-radius: 18px; }
    #initiationView .initiation-thread-card > i { display: none; }
    #initiationView .initiation-thread-card-text span { white-space: normal; overflow-wrap: anywhere; }
    #initiationView .initiation-thread-card-figures { gap: 14px; }
    #initiationView .initiation-thread-card-stat strong { font-size: 18px; }
    #initiationView .initiation-thread-health-stat { min-width: 0; padding: 9px 6px; }
    /* Send schedule: keep rows readable when the name is long. */
    #initiationView .initiation-schedule-row {
      flex-wrap: wrap;
      gap: 6px 10px;
      padding: 11px 14px;
    }
    #initiationView .initiation-schedule-dot { order: 0; }
    #initiationView .initiation-schedule-name { flex: 1 1 auto; order: 1; }
    #initiationView .initiation-schedule-when { order: 2; }
    #initiationView .initiation-schedule-count { order: 3; margin-left: auto; min-width: 0; }
  }

  /* Professional motion layer for Initiation cockpit interactions. */
  #initiationView .initiation-tabs,
  #initiationView .initiation-message-switch,
  #initiationView .initiation-module-filter,
  #initiationView .initiation-filter-pills,
  #initiationView .initiation-view-toggle,
  #initiationView .initiation-workshop-switch,
  #initiationView .initiation-workshop-cohort-row,
  #initiationView .initiation-drip-filters,
  #initiationView .initiation-template-filters,
  #initiationView .initiation-channel-tabs {
    position: relative;
    isolation: isolate;
  }

  #initiationView .initiation-tabs::before,
  #initiationView .initiation-message-switch::before,
  #initiationView .initiation-module-filter::before,
  #initiationView .initiation-filter-pills::before,
  #initiationView .initiation-view-toggle::before,
  #initiationView .initiation-workshop-switch::before,
  #initiationView .initiation-workshop-cohort-row::before,
  #initiationView .initiation-drip-filters::before,
  #initiationView .initiation-template-filters::before,
  #initiationView .initiation-channel-tabs::before {
    content: "";
    position: absolute;
    left: var(--indicator-left, 4px);
    top: var(--indicator-top, 50%);
    z-index: 0;
    width: var(--indicator-width, 0);
    height: var(--indicator-height, 0);
    border-radius: var(--indicator-radius, 999px);
    background: var(--indicator-bg, linear-gradient(135deg, var(--yi-accent), var(--yi-accent-dark)));
    box-shadow: var(--indicator-shadow, 0 6px 14px -10px var(--accent-shadow));
    opacity: var(--indicator-opacity, 0);
    pointer-events: none;
    transform: translateY(-50%);
    transition:
      left var(--yi-motion-base) var(--yi-ease),
      top var(--yi-motion-base) var(--yi-ease),
      width var(--yi-motion-base) var(--yi-ease),
      height var(--yi-motion-base) var(--yi-ease),
      border-radius var(--yi-motion-base) var(--yi-ease),
      opacity var(--yi-motion-fast) ease;
  }

  #initiationView .initiation-tabs button,
  #initiationView .initiation-message-switch button,
  #initiationView .initiation-module-filter button,
  #initiationView .initiation-filter-pills button,
  #initiationView .initiation-view-toggle button,
  #initiationView .initiation-workshop-switch button,
  #initiationView .initiation-workshop-cohort-row button,
  #initiationView .initiation-drip-filters button,
  #initiationView .initiation-template-filters button,
  #initiationView .initiation-channel-tabs button {
    position: relative;
    z-index: 1;
    transition:
      color var(--yi-motion-fast) ease,
      border-color var(--yi-motion-fast) ease,
      background var(--yi-motion-fast) ease,
      box-shadow var(--yi-motion-fast) ease,
      transform var(--yi-motion-fast) var(--yi-ease-soft);
  }

  #initiationView .initiation-tabs button:hover,
  #initiationView .initiation-message-switch button:hover,
  #initiationView .initiation-module-filter button:hover,
  #initiationView .initiation-filter-pills button:hover,
  #initiationView .initiation-view-toggle button:hover,
  #initiationView .initiation-workshop-switch button:hover,
  #initiationView .initiation-workshop-cohort-row button:hover,
  #initiationView .initiation-drip-filters button:hover,
  #initiationView .initiation-template-filters button:hover,
  #initiationView .initiation-channel-tabs button:hover {
    transform: translateY(-1px);
  }

  #initiationView .initiation-tabs button.active,
  #initiationView .initiation-message-switch button.active,
  #initiationView .initiation-module-filter button.active,
  #initiationView .initiation-filter-pills button.active,
  #initiationView .initiation-view-toggle button.active,
  #initiationView .initiation-workshop-switch button.active,
  #initiationView .initiation-workshop-cohort-row button.active,
  #initiationView .initiation-drip-filters button.active,
  #initiationView .initiation-template-filters button.active,
  #initiationView .initiation-channel-tabs button.active {
    border-color: transparent !important;
    background: transparent !important;
    /* Falls back to ink so text stays visible if the JS-positioned pill hasn't rendered yet
       (e.g. while cohorts are loading and the rail had zero width at refresh time). */
    color: var(--indicator-text, var(--yi-ink)) !important;
    box-shadow: none !important;
  }

  #initiationView .initiation-tabs {
    --indicator-bg: var(--yi-ink);
  }

  #initiationView .initiation-workshop-switch,
  #initiationView .initiation-workshop-cohort-row {
    /* Use the same default gradient as the main pipeline tabs so the
       Workshop active pill and the Registrants/Cohort settings active
       pill read as the same green in dark mode. */
    --indicator-bg: linear-gradient(135deg, var(--yi-accent), var(--yi-accent-dark));
  }

  #initiationView .initiation-filter-pills:not(.workshop) {
    --indicator-bg: var(--yi-surface);
  }

  #initiationView .initiation-filter-pills:not(.workshop) button.active {
    color: var(--yi-ink) !important;
  }

  #initiationView .initiation-panel.active,
  #initiationView .initiation-pipeline-panel.active,
  #initiationView .initiation-message-panel.active {
    animation: initiation-panel-in var(--yi-motion-slow) var(--yi-ease) both;
  }

  #initiationView .initiation-entering,
  #initiationView .initiation-panel-entering {
    animation: initiation-panel-in var(--yi-motion-slow) var(--yi-ease) both;
  }

  #initiationView .initiation-field-entering {
    animation: initiation-field-in var(--yi-motion-base) var(--yi-ease) both;
  }

  #initiationView .initiation-stat,
  #initiationView .initiation-funnel-step,
  #initiationView .initiation-roster-card,
  #initiationView .initiation-workshop-card,
  #initiationView .initiation-template-card,
  #initiationView .initiation-nudge-card,
  #initiationView .initiation-availability-card,
  #initiationView .initiation-availability-person,
  #initiationView .initiation-session-card,
  #initiationView .initiation-audio-card {
    transition:
      transform var(--yi-motion-base) var(--yi-ease-soft),
      box-shadow var(--yi-motion-base) ease,
      border-color var(--yi-motion-base) ease,
      background var(--yi-motion-base) ease;
  }

  #initiationView .initiation-stat:hover,
  #initiationView .initiation-funnel-step:hover,
  #initiationView .initiation-roster-card:hover,
  #initiationView .initiation-workshop-card:hover,
  #initiationView .initiation-template-card:hover,
  #initiationView .initiation-nudge-card:hover,
  #initiationView .initiation-availability-card:hover,
  #initiationView .initiation-availability-person:hover,
  #initiationView .initiation-session-card:hover,
  #initiationView .initiation-audio-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px -30px rgba(24, 24, 27, .35);
  }

  #initiationView .initiation-drip-editor,
  #initiationView .initiation-template-editor,
  #initiationView .initiation-nudge-prompt {
    overflow: hidden;
    transform-origin: top;
    animation: initiation-accordion-in var(--yi-motion-slow) var(--yi-ease) both;
  }

  #initiationView .initiation-availability-column-track i,
  #initiationView .initiation-availability-bar-track span {
    transform-origin: bottom;
    animation: initiation-bar-rise 620ms var(--yi-ease) both;
  }

  #initiationView .initiation-availability-bar-track span {
    transform-origin: left center;
    animation-name: initiation-width-in;
  }

  @keyframes initiation-panel-in {
    from {
      opacity: 0;
      transform: translateY(10px) scale(.992);
      filter: blur(2px);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
  }

  @keyframes initiation-field-in {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes initiation-accordion-in {
    from {
      opacity: 0;
      transform: translateY(-6px) scaleY(.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scaleY(1);
    }
  }

  @keyframes initiation-bar-rise {
    from { transform: scaleY(.12); opacity: .45; }
    to { transform: scaleY(1); opacity: 1; }
  }

  @keyframes initiation-width-in {
    from { transform: scaleX(.12); opacity: .45; }
    to { transform: scaleX(1); opacity: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    #initiationView .initiation-tabs::before,
    #initiationView .initiation-message-switch::before,
    #initiationView .initiation-module-filter::before,
    #initiationView .initiation-filter-pills::before,
    #initiationView .initiation-view-toggle::before,
    #initiationView .initiation-workshop-switch::before,
    #initiationView .initiation-workshop-cohort-row::before,
    #initiationView .initiation-drip-filters::before,
    #initiationView .initiation-template-filters::before,
    #initiationView .initiation-channel-tabs::before,
    #initiationView *,
    #initiationView *::before,
    #initiationView *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }

  @media (max-width: 920px) {
    #initiationView .initiation-workshop-shell,
    #initiationView .initiation-workshop-shell > *,
    #initiationView .initiation-workshop-settings,
    #initiationView .initiation-workshop-settings > * {
      min-width: 0;
      max-width: 100%;
    }
    #initiationView .initiation-workshop-hero {
      grid-template-columns: minmax(0, 1fr) !important;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    #initiationView .initiation-workshop-switch {
      justify-self: stretch;
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      width: 100%;
      min-width: 0;
    }
    #initiationView .initiation-workshop-switch::-webkit-scrollbar {
      display: none;
    }
    #initiationView .initiation-workshop-switch button {
      flex: 0 0 auto;
      min-width: max-content;
      white-space: nowrap;
    }
    /* Solid-accent fallback so the active pill stays readable even if the
       JS-positioned indicator ::before hasn't rendered for this scroll rail. */
    #initiationView .initiation-workshop-switch button.active {
      background: var(--accent) !important;
      color: #fff !important;
    }
    #initiationView .initiation-workshop-stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 14px;
      width: 100%;
      max-width: 100%;
    }
  }

  @media (max-width: 640px) {
    #initiationView .initiation-workshop-stat-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    #initiationView .initiation-filter-pills.workshop {
      width: 100% !important;
      max-width: 100%;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      border-radius: 999px;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #initiationView .initiation-filter-pills.workshop::-webkit-scrollbar {
      display: none;
    }
    #initiationView .initiation-filter-pills.workshop::before {
      display: none !important;
    }
    #initiationView .initiation-filter-pills.workshop button {
      flex: 0 0 auto;
      min-width: max-content;
      white-space: nowrap;
    }
    #initiationView .initiation-filter-pills.workshop button.active {
      background: var(--accent) !important;
      color: #fff !important;
    }
    #initiationView .initiation-workshop-switch button.active {
      background: var(--accent) !important;
      color: #fff !important;
    }
    #initiationView .initiation-workshop-table {
      border-radius: 18px;
      overflow: hidden;
    }
    #initiationView .initiation-workshop-readout {
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
    }
    #initiationView .initiation-workshop-row {
      border-bottom: 1px solid var(--yi-border);
      overflow: hidden;
      letter-spacing: 0;
      text-transform: none;
    }
    #initiationView .initiation-workshop-row-main {
      grid-template-columns: minmax(0, 1fr) 24px;
      gap: 10px;
      padding: 14px;
    }
    #initiationView .initiation-workshop-row-detail {
      grid-template-columns: minmax(0, 1fr);
      padding: 0 14px 16px;
    }
    #initiationView .initiation-live-checkin-link {
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
    }
    #initiationView .initiation-live-checkin-link button {
      width: 100%;
    }
    #initiationView .initiation-workshop-chipline {
      gap: 6px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    #initiationView .initiation-workshop-meta-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    #initiationView .initiation-workshop-state {
      width: fit-content;
      min-width: 0;
      justify-content: center;
      text-align: center;
      white-space: nowrap;
    }
    #initiationView .initiation-workshop-row-main > span,
    #initiationView .initiation-workshop-row strong,
    #initiationView .initiation-workshop-row em {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    #initiationView .initiation-workshop-actions {
      justify-content: flex-start;
      width: 100%;
    }
    #initiationView .initiation-workshop-actions :is(.initiation-chip, .initiation-tag, button) {
      max-width: 100%;
      white-space: normal;
    }
  }