.survey-field {
      padding: 12px 0;
      border-bottom: 1px solid var(--border);
    }

    .survey-field:last-child { border-bottom: none; }

    .survey-field-label {
      color: var(--muted);
      font-weight: 600;
      font-size: 0.85rem;
      margin-bottom: 8px;
    }

    .survey-field .choice-row { margin-bottom: 0; }

    .survey-field input[type="text"] {
      margin-bottom: 0;
      max-width: 420px;
    }

    .survey-checks {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 16px;
    }

    .survey-checks .check-row { margin: 0; }

    .survey-copy-row,
    .survey-link-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin: 8px 0 12px;
    }

    .survey-copy-row input,
    .survey-link-row input {
      flex: 1 1 180px;
      min-width: 0;
    }

    .survey-funnel {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin: 12px 0;
    }

    .survey-funnel div {
      min-width: 72px;
      display: flex;
      flex-direction: column;
    }

    .survey-funnel strong {
      font-size: 22px;
    }

    .survey-funnel span {
      color: var(--muted);
      font-size: 12px;
    }

    .survey-nudge {
      background: #FFF6E5;
      border: 1px solid #F5D9A6;
      border-radius: 10px;
      padding: 10px 12px;
      margin: 0 0 12px;
    }

    .survey-qr {
      margin: 8px 0;
    }

    .survey-qr-lg canvas,
    .survey-qr-lg img {
      width: 220px !important;
      height: 220px !important;
    }

    .survey-results-page {
      min-height: 100vh;
      background: var(--bg);
      padding: 24px 16px 48px;
    }

    .survey-results-main {
      max-width: 420px;
      margin: 0 auto;
    }

    .survey-results-office {
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 12px;
      color: var(--muted);
    }

    .survey-results-tools {
      display: flex;
      gap: 8px;
      margin: 12px 0;
    }

    .survey-friends {
      list-style: none;
      padding: 0;
      margin: 16px 0;
    }

    .survey-friends li {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 0;
      border-bottom: 1px solid var(--border);
    }

    .stage-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      color: #fff;
      flex: 0 0 12px;
    }

    .dot-filled { background: #8A94A6; }

    .dot-booked { background: #D97706; }

    .dot-demo { background: #16A34A; }

    .dot-sale { background: #16A34A; }

    .map-table {
      width: 100%;
      border-collapse: collapse;
    }

    .map-table th,
    .map-table td {
      text-align: left;
      vertical-align: top;
      padding: 10px 8px;
      border-bottom: 1px solid var(--border);
    }

    .map-goes select {
      width: 100%;
      margin-bottom: 8px;
    }

    .map-value-row {
      display: flex;
      gap: 8px;
      align-items: center;
      margin: 4px 0;
    }

    .map-value-row span {
      flex: 1;
      font-size: 13px;
    }

    .map-value-row.unmatched {
      background: #FEF3C7;
      border-radius: 8px;
      padding: 4px 8px;
    }

    .map-unmatched-link {
      color: #B45309;
    }

    .map-cell {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }

    .map-extras {
      margin-top: 20px;
    }

    .map-extras summary {
      cursor: pointer;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .map-row-focus td {
      background: #FEF3C7;
    }

    .map-add-answer {
      display: flex;
      gap: 8px;
      margin-top: 8px;
    }

    .map-add-answer input {
      flex: 1;
    }

    #share-survey-search-results .choice {
      display: block;
      width: 100%;
      margin: 6px 0;
      text-align: left;
    }

    #referral-survey-card .btn-primary,
    #lead-preview-survey-card .btn-primary,
    #shared-survey-section #shared-survey-share-btn {
      min-height: 44px;
    }

    .referral-blurb,
    .referral-summary {
      margin: 0 0 12px;
      font-size: 14px;
      line-height: 1.4;
    }

    .referral-summary {
      color: var(--muted);
    }

    #shared-survey-section .card-head-row {
      align-items: center;
    }

    #shared-survey-section .card-head-row h2 {
      margin: 0;
    }

    .surveys-page {
      padding: 8px 8px 20px;
    }

    .surveys-block {
      padding: 16px 16px 8px;
    }

    .surveys-block h2 {
      margin: 0 0 12px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .surveys-v1-card {
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 12px 14px 8px;
      margin: 0 0 12px;
    }

    .surveys-v1-name {
      min-height: 44px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--accent);
      font: inherit;
      font-weight: 700;
      text-align: left;
      cursor: pointer;
    }

    .surveys-v1-stats {
      margin: 0 0 8px;
    }

    .surveys-v1-people h3 {
      margin: 8px 0 4px;
      font-size: 14px;
    }

    .surveys-v1-people ul {
      margin: 0 0 8px;
      padding-left: 18px;
    }

    .surveys-v1-people li {
      margin: 0 0 4px;
    }

    #surveys-view {
      overflow-x: clip;
    }