/* Layout with fixed indicator */
    .intake-layout {
      display: grid;
      grid-template-columns: 1fr 200px;
      gap: 24px;
      position: relative;
    }

    .intake-sections {
      display: grid;
      gap: 20px;
    }

    /* Fixed Indicator Panel */
    .intake-indicator {
      position: sticky;
      top: 24px;
      height: fit-content;
      background: rgba(255, 255, 255, 0.95);
      border-radius: 14px;
      padding: 16px;
      border: 1px solid rgba(16, 16, 20, 0.1);
      box-shadow: 0 8px 24px rgba(16, 16, 20, 0.1);
    }

    .indicator-progress {
      font-size: 14px;
      font-weight: 700;
      color: var(--sea);
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(16, 16, 20, 0.1);
    }

    .indicator-nav {
      display: grid;
      gap: 4px;
    }

    .indicator-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      border-radius: 8px;
      font-size: 12px;
      color: rgba(16, 16, 20, 0.7);
      text-decoration: none;
      transition: all 0.15s ease;
    }

    .indicator-item:hover {
      background: rgba(59, 126, 140, 0.08);
      color: var(--sea);
    }

    .indicator-item.active {
      background: rgba(59, 126, 140, 0.12);
      color: var(--sea);
      font-weight: 600;
    }

    .indicator-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid rgba(16, 16, 20, 0.25);
      flex-shrink: 0;
    }

    .indicator-item.complete .indicator-dot {
      background: #7aa060;
      border-color: #7aa060;
    }

    .indicator-item.ongoing .indicator-dot {
      background: #c8a03c;
      border-color: #c8a03c;
    }

    .indicator-item.na .indicator-dot {
      background: rgba(16, 16, 20, 0.15);
      border-color: rgba(16, 16, 20, 0.15);
      position: relative;
    }

    .indicator-item.na .indicator-dot::after {
      content: "";
      position: absolute;
      top: 50%;
      left: -1px;
      right: -1px;
      height: 2px;
      background: rgba(16, 16, 20, 0.4);
      transform: rotate(-45deg);
    }

    .indicator-progress-count {
      font-size: 10px;
      color: rgba(16, 16, 20, 0.45);
      margin-left: auto;
      font-weight: 500;
    }

    .indicator-item.ongoing .indicator-progress-count,
    .indicator-item.complete .indicator-progress-count {
      color: rgba(16, 16, 20, 0.6);
    }

    .indicator-divider {
      height: 1px;
      background: rgba(16, 16, 20, 0.1);
      margin: 8px 0;
    }

    /* Indicator Actions */
    .indicator-actions {
      display: grid;
      gap: 8px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(16, 16, 20, 0.1);
    }

    .indicator-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 10px 12px;
      border-radius: 8px;
      border: none;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .indicator-btn.primary {
      background: #7aa060;
      color: white;
    }

    .indicator-btn.primary:hover {
      background: #6a9050;
    }

    .indicator-btn.secondary {
      background: rgba(16, 16, 20, 0.06);
      color: rgba(16, 16, 20, 0.7);
    }

    .indicator-btn.secondary:hover {
      background: rgba(16, 16, 20, 0.1);
    }

    .indicator-btn.danger {
      background: rgba(200, 80, 80, 0.1);
      color: #a03030;
    }

    .indicator-btn.danger:hover {
      background: rgba(200, 80, 80, 0.15);
    }

    /* Section Cards */
    .intake-section {
      background: rgba(255, 255, 255, 0.75);
      border-radius: 16px;
      padding: 20px;
      border: 1px solid rgba(16, 16, 20, 0.08);
      scroll-margin-top: 24px;
    }

    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 16px;
    }

    .section-title-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .section-title {
      font-size: 15px;
      font-weight: 600;
      margin: 0;
      color: rgba(16, 16, 20, 0.85);
    }

    .section-status {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 3px 10px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .section-status.pending {
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
    }

    .section-status.complete {
      background: rgba(100, 140, 80, 0.15);
      color: #4a6a3a;
    }

    .section-status.ongoing {
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
    }

    .section-status.na {
      background: rgba(16, 16, 20, 0.08);
      color: rgba(16, 16, 20, 0.5);
    }

    .section-actions {
      display: flex;
      gap: 8px;
    }

    .na-toggle {
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      background: white;
      font-size: 11px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .na-toggle:hover {
      border-color: rgba(16, 16, 20, 0.3);
    }

    .na-toggle.active {
      background: rgba(16, 16, 20, 0.08);
      border-color: rgba(16, 16, 20, 0.2);
      color: rgba(16, 16, 20, 0.6);
    }

    /* Horizontal Sub-checklist */
    .sub-checklist {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px;
    }

    .sub-checklist-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 8px 12px;
      background: white;
      border: 1px solid rgba(16, 16, 20, 0.1);
      border-radius: 999px;
      cursor: pointer;
      transition: all 0.15s ease;
      font-size: 12px;
    }

    .sub-checklist-item:hover {
      border-color: rgba(59, 126, 140, 0.3);
      background: rgba(59, 126, 140, 0.02);
    }

    .sub-checklist-item.completed {
      background: rgba(100, 140, 80, 0.1);
      border-color: rgba(100, 140, 80, 0.3);
    }

    .sub-checklist-item.auto {
      cursor: default;
    }

    .sub-checklist-item.disabled {
      opacity: 0.5;
      pointer-events: none;
    }

    .sub-check {
      width: 16px;
      height: 16px;
      border: 2px solid rgba(16, 16, 20, 0.2);
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 10px;
      color: transparent;
      transition: all 0.15s ease;
    }

    .sub-checklist-item.completed .sub-check {
      background: #7aa060;
      border-color: #7aa060;
      color: white;
    }

    .sub-check-label {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.85);
    }

    .sub-check-auto {
      font-size: 9px;
      color: rgba(16, 16, 20, 0.4);
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    /* Form Type Toggle */
    .form-type-toggle {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
    }

    .form-type-btn {
      flex: 1;
      padding: 12px 16px;
      border: 2px solid rgba(16, 16, 20, 0.12);
      border-radius: 10px;
      background: white;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
      text-align: center;
    }

    .form-type-btn:hover {
      border-color: rgba(59, 126, 140, 0.3);
    }

    .form-type-btn.active {
      border-color: var(--sea);
      background: rgba(59, 126, 140, 0.08);
      color: var(--sea);
    }

    .form-type-content {
      display: none;
    }

    .form-type-content.active {
      display: block;
    }

    /* Section Notes */
    .section-notes {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(16, 16, 20, 0.08);
    }

    .section-notes-toggle {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border: none;
      border-radius: 8px;
      background: rgba(16, 16, 20, 0.04);
      font-size: 12px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.6);
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .section-notes-toggle:hover {
      background: rgba(16, 16, 20, 0.08);
    }

    .section-notes-toggle.expanded {
      background: rgba(59, 126, 140, 0.1);
      color: var(--sea);
    }

    .notes-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: rgba(16, 16, 20, 0.1);
      font-size: 10px;
      font-weight: 600;
    }

    .section-notes-toggle.expanded .notes-count {
      background: rgba(59, 126, 140, 0.2);
    }

    .section-notes-content {
      margin-top: 12px;
    }

    .section-notes-list {
      display: grid;
      gap: 10px;
      margin-bottom: 12px;
    }

    .note-entry {
      padding: 12px 14px;
      background: rgba(16, 16, 20, 0.02);
      border-radius: 10px;
      border-left: 3px solid rgba(59, 126, 140, 0.4);
    }

    .note-entry.client {
      border-left-color: rgba(200, 160, 60, 0.6);
      background: rgba(200, 160, 60, 0.04);
    }

    .note-entry.clerk {
      border-left-color: rgba(59, 126, 140, 0.6);
    }

    .note-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 6px;
    }

    .note-source {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .note-badge {
      padding: 2px 8px;
      border-radius: 999px;
      font-size: 9px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .note-badge.client {
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
    }

    .note-badge.clerk {
      background: rgba(59, 126, 140, 0.15);
      color: #2a6a7a;
    }

    .note-author {
      font-size: 12px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.8);
    }

    .note-timestamp {
      font-size: 11px;
      color: rgba(16, 16, 20, 0.5);
    }

    .note-content {
      font-size: 13px;
      line-height: 1.5;
      color: rgba(16, 16, 20, 0.8);
    }

    .add-section-note {
      display: grid;
      gap: 8px;
    }

    .add-section-note textarea {
      padding: 10px 12px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      border-radius: 8px;
      font-size: 13px;
      font-family: inherit;
      min-height: 60px;
      resize: vertical;
    }

    .add-section-note textarea:focus {
      outline: none;
      border-color: rgba(59, 126, 140, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 126, 140, 0.1);
    }

    .add-section-note button {
      justify-self: start;
      padding: 6px 14px;
      border: none;
      border-radius: 999px;
      background: var(--sea);
      color: white;
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
    }

    /* Form Fields */
    .form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 14px;
    }

    .form-field {
      display: grid;
      gap: 6px;
    }

    .form-field label {
      font-size: 12px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.7);
    }

    .form-field label .required {
      color: var(--accent);
    }

    .form-field input,
    .form-field select,
    .form-field textarea {
      border-radius: 8px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      padding: 10px 12px;
      font-size: 14px;
      background: white;
      font-family: inherit;
    }

    .form-field textarea {
      min-height: 80px;
      resize: vertical;
    }

    .form-field input:focus,
    .form-field select:focus,
    .form-field textarea:focus {
      outline: none;
      border-color: rgba(59, 126, 140, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 126, 140, 0.1);
    }

    .form-field.disabled input,
    .form-field.disabled select,
    .form-field.disabled textarea {
      background: rgba(16, 16, 20, 0.04);
      color: rgba(16, 16, 20, 0.4);
      pointer-events: none;
    }

    .form-row-full {
      grid-column: 1 / -1;
    }

    /* Callback Section - 3 Parts */
    .callback-subsection {
      padding: 16px;
      background: rgba(16, 16, 20, 0.02);
      border-radius: 12px;
      margin-bottom: 16px;
    }

    .callback-subsection:last-of-type {
      margin-bottom: 0;
    }

    .callback-subsection-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }

    .callback-subsection-title {
      font-size: 13px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.8);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .callback-subsection-title .subsection-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: rgba(59, 126, 140, 0.15);
      color: var(--sea);
      font-size: 11px;
      font-weight: 700;
    }

    .history-icon-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border: 1px solid rgba(16, 16, 20, 0.12);
      border-radius: 6px;
      background: white;
      cursor: pointer;
      font-size: 14px;
      color: rgba(16, 16, 20, 0.5);
      transition: all 0.15s ease;
    }

    .history-icon-btn:hover {
      border-color: var(--sea);
      color: var(--sea);
      background: rgba(59, 126, 140, 0.05);
    }

    /* Part 1: Preferred Times */
    .preferred-times-input {
      display: flex;
      gap: 8px;
      margin-bottom: 12px;
    }

    .preferred-times-input input {
      flex: 1;
      padding: 10px 12px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      border-radius: 8px;
      font-size: 14px;
      font-family: inherit;
    }

    .preferred-times-input input:focus {
      outline: none;
      border-color: rgba(59, 126, 140, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 126, 140, 0.1);
    }

    .preferred-times-input .save-btn {
      padding: 10px 16px;
      border: none;
      border-radius: 8px;
      background: var(--sea);
      color: white;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
    }

    .preferred-times-input .save-btn:hover {
      background: #2a6a7a;
    }

    .preferred-times-current {
      font-size: 13px;
      color: rgba(16, 16, 20, 0.7);
      padding: 10px 12px;
      background: rgba(59, 126, 140, 0.06);
      border-radius: 8px;
      border-left: 3px solid var(--sea);
    }

    .preferred-times-current.empty {
      color: rgba(16, 16, 20, 0.4);
      font-style: italic;
      border-left-color: rgba(16, 16, 20, 0.15);
      background: rgba(16, 16, 20, 0.02);
    }

    /* History Dropdown */
    .history-dropdown {
      margin-top: 12px;
      padding: 12px;
      background: white;
      border: 1px solid rgba(16, 16, 20, 0.1);
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(16, 16, 20, 0.08);
    }

    .history-dropdown-title {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
      margin-bottom: 10px;
    }

    .history-entry {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 8px 0;
      border-bottom: 1px solid rgba(16, 16, 20, 0.06);
      font-size: 12px;
    }

    .history-entry:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }

    .history-entry-content {
      color: rgba(16, 16, 20, 0.8);
    }

    .history-entry-meta {
      color: rgba(16, 16, 20, 0.5);
      text-align: right;
      font-size: 11px;
    }

    .history-empty {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.4);
      font-style: italic;
      text-align: center;
      padding: 8px;
    }

    /* Part 2: Callback Schedule */
    .schedule-current {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      background: rgba(59, 126, 140, 0.08);
      border-radius: 10px;
      margin-bottom: 12px;
    }

    .schedule-current.empty {
      background: rgba(16, 16, 20, 0.03);
    }

    .schedule-icon {
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(59, 126, 140, 0.15);
      border-radius: 8px;
      font-size: 16px;
      color: var(--sea);
    }

    .schedule-current.empty .schedule-icon {
      background: rgba(16, 16, 20, 0.08);
      color: rgba(16, 16, 20, 0.4);
    }

    .schedule-info {
      flex: 1;
    }

    .schedule-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
    }

    .schedule-value {
      font-size: 15px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.9);
    }

    .schedule-current.empty .schedule-value {
      color: rgba(16, 16, 20, 0.4);
      font-weight: 400;
      font-style: italic;
    }

    .callback-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px;
    }

    .callback-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 10px 16px;
      border-radius: 999px;
      border: none;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .callback-btn.call {
      background: var(--sea);
      color: white;
    }

    .callback-btn.call:hover {
      background: #2a6a7a;
    }

    .callback-btn.schedule {
      background: rgba(59, 126, 140, 0.1);
      color: var(--sea);
    }

    .callback-btn.schedule:hover {
      background: rgba(59, 126, 140, 0.2);
    }

    /* Call History */
    .call-history-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }

    .call-history-title {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: rgba(16, 16, 20, 0.5);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .call-history-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: rgba(59, 126, 140, 0.15);
      font-size: 10px;
      font-weight: 600;
      color: var(--sea);
    }

    .create-call-btn {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 6px 12px;
      border: 1px solid rgba(59, 126, 140, 0.3);
      border-radius: 999px;
      background: white;
      font-size: 11px;
      font-weight: 500;
      color: var(--sea);
      cursor: pointer;
    }

    .create-call-btn:hover {
      background: rgba(59, 126, 140, 0.08);
      border-color: var(--sea);
    }

    .call-history-list {
      display: grid;
      gap: 8px;
    }

    .call-entry {
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 10px;
      align-items: start;
      padding: 10px 12px;
      background: white;
      border-radius: 8px;
      border-left: 3px solid rgba(59, 126, 140, 0.4);
    }

    .call-entry.no-answer {
      border-left-color: rgba(200, 160, 60, 0.6);
    }

    .call-entry.answered {
      border-left-color: rgba(100, 140, 80, 0.6);
    }

    .call-entry.voicemail {
      border-left-color: rgba(150, 120, 180, 0.6);
    }

    .call-time {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.6);
      white-space: nowrap;
    }

    .call-details {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .call-result {
      font-weight: 500;
      font-size: 13px;
    }

    .call-notes {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.6);
    }

    .call-by {
      font-size: 11px;
      color: rgba(16, 16, 20, 0.5);
    }

    .call-history-empty {
      text-align: center;
      padding: 16px;
      color: rgba(16, 16, 20, 0.4);
      font-size: 13px;
      font-style: italic;
    }

    /* Part 3: Complete Callback */
    .complete-status {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 10px;
      margin-bottom: 12px;
    }

    .complete-status.pending {
      background: rgba(16, 16, 20, 0.03);
      border: 1px dashed rgba(16, 16, 20, 0.15);
    }

    .complete-status.done {
      background: rgba(100, 140, 80, 0.08);
      border: 1px solid rgba(100, 140, 80, 0.2);
    }

    .complete-icon {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      font-size: 18px;
    }

    .complete-status.pending .complete-icon {
      background: rgba(16, 16, 20, 0.06);
      color: rgba(16, 16, 20, 0.3);
    }

    .complete-status.done .complete-icon {
      background: rgba(100, 140, 80, 0.15);
      color: #5a8a4a;
    }

    .complete-info {
      flex: 1;
    }

    .complete-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
    }

    .complete-value {
      font-size: 14px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.85);
    }

    .complete-status.pending .complete-value {
      color: rgba(16, 16, 20, 0.4);
      font-weight: 400;
      font-style: italic;
    }

    .complete-btn {
      padding: 10px 18px;
      border: none;
      border-radius: 999px;
      background: #7aa060;
      color: white;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .complete-btn:hover {
      background: #6a9050;
    }

    .complete-btn:disabled {
      background: rgba(16, 16, 20, 0.1);
      color: rgba(16, 16, 20, 0.4);
      cursor: not-allowed;
    }

    /* Insurance Section - 2 Parts */
    .insurance-subsection {
      padding: 16px;
      background: rgba(16, 16, 20, 0.02);
      border-radius: 12px;
      margin-bottom: 16px;
    }

    .insurance-subsection:last-of-type {
      margin-bottom: 0;
    }

    .insurance-subsection-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }

    .insurance-subsection-title {
      font-size: 13px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.8);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .insurance-subsection-title .subsection-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: rgba(59, 126, 140, 0.15);
      color: var(--sea);
      font-size: 11px;
      font-weight: 700;
    }

    .insurance-text-input {
      display: flex;
      gap: 8px;
      margin-bottom: 12px;
    }

    .insurance-text-input input {
      flex: 1;
      padding: 10px 12px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      border-radius: 8px;
      font-size: 14px;
      font-family: inherit;
    }

    .insurance-text-input input:focus {
      outline: none;
      border-color: rgba(59, 126, 140, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 126, 140, 0.1);
    }

    .insurance-or-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 16px 0;
      color: rgba(16, 16, 20, 0.4);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .insurance-or-divider::before,
    .insurance-or-divider::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(16, 16, 20, 0.1);
    }

    /* Secondary Insurance Toggle */
    .optional-badge {
      display: inline-flex;
      padding: 2px 8px;
      border-radius: 999px;
      background: rgba(16, 16, 20, 0.06);
      color: rgba(16, 16, 20, 0.5);
      font-size: 10px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-left: 6px;
    }

    .toggle-secondary-btn {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 6px 12px;
      border: 1px solid rgba(59, 126, 140, 0.3);
      border-radius: 999px;
      background: white;
      font-size: 11px;
      font-weight: 500;
      color: var(--sea);
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .toggle-secondary-btn:hover {
      background: rgba(59, 126, 140, 0.08);
      border-color: var(--sea);
    }

    .toggle-secondary-btn.active {
      background: rgba(200, 80, 80, 0.08);
      border-color: rgba(200, 80, 80, 0.3);
      color: #a03030;
    }

    .secondary-insurance-fields {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px dashed rgba(16, 16, 20, 0.1);
    }

    /* Confirmation Status */
    .confirmation-status {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 10px;
      margin-bottom: 12px;
    }

    .confirmation-status.pending {
      background: rgba(16, 16, 20, 0.03);
      border: 1px dashed rgba(16, 16, 20, 0.15);
    }

    .confirmation-status.confirmed {
      background: rgba(100, 140, 80, 0.08);
      border: 1px solid rgba(100, 140, 80, 0.2);
    }

    .confirmation-status.denied {
      background: rgba(200, 80, 80, 0.08);
      border: 1px solid rgba(200, 80, 80, 0.2);
    }

    .confirmation-status.pending-verification {
      background: rgba(200, 160, 60, 0.08);
      border: 1px solid rgba(200, 160, 60, 0.2);
    }

    .confirmation-icon {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      font-size: 18px;
      flex-shrink: 0;
    }

    .confirmation-status.pending .confirmation-icon {
      background: rgba(16, 16, 20, 0.06);
      color: rgba(16, 16, 20, 0.3);
    }

    .confirmation-status.confirmed .confirmation-icon {
      background: rgba(100, 140, 80, 0.15);
      color: #5a8a4a;
    }

    .confirmation-status.denied .confirmation-icon {
      background: rgba(200, 80, 80, 0.15);
      color: #a03030;
    }

    .confirmation-status.pending-verification .confirmation-icon {
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
    }

    .confirmation-info {
      flex: 1;
    }

    .confirmation-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
      margin-bottom: 4px;
    }

    .confirmation-value {
      font-size: 14px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.85);
    }

    .confirmation-status.pending .confirmation-value {
      color: rgba(16, 16, 20, 0.4);
      font-weight: 400;
      font-style: italic;
    }

    .confirmation-meta {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.5);
      margin-top: 4px;
    }

    .confirmation-comments {
      font-size: 13px;
      color: rgba(16, 16, 20, 0.7);
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid rgba(16, 16, 20, 0.08);
      font-style: italic;
    }

    .confirm-btn {
      padding: 10px 18px;
      border: none;
      border-radius: 999px;
      background: var(--sea);
      color: white;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.15s ease;
      white-space: nowrap;
    }

    .confirm-btn:hover {
      background: #2a6a7a;
    }

    .confirm-btn.update {
      background: rgba(59, 126, 140, 0.1);
      color: var(--sea);
    }

    .confirm-btn.update:hover {
      background: rgba(59, 126, 140, 0.2);
    }

    .confirmation-actions {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
    }

    /* Form Section - Step-based Layout */
    .form-steps {
      display: grid;
      gap: 12px;
    }

    .form-step {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      background: white;
      border: 1px solid rgba(16, 16, 20, 0.1);
      border-radius: 10px;
    }

    .form-step.completed {
      background: rgba(100, 140, 80, 0.05);
      border-color: rgba(100, 140, 80, 0.2);
    }

    .form-step-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: rgba(16, 16, 20, 0.08);
      color: rgba(16, 16, 20, 0.5);
      font-size: 12px;
      font-weight: 600;
      flex-shrink: 0;
    }

    .form-step.completed .form-step-number {
      background: rgba(100, 140, 80, 0.15);
      color: #5a8a4a;
    }

    .form-step-content {
      flex: 1;
    }

    .form-step-title {
      font-size: 14px;
      font-weight: 500;
      color: rgba(16, 16, 20, 0.85);
      margin-bottom: 2px;
    }

    .form-step-status {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.5);
    }

    .form-step.completed .form-step-status {
      color: #5a8a4a;
    }

    .form-step-actions {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .form-step-btn {
      padding: 6px 14px;
      border: 1px solid rgba(59, 126, 140, 0.3);
      border-radius: 999px;
      background: white;
      font-size: 11px;
      font-weight: 500;
      color: var(--sea);
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .form-step-btn:hover {
      background: rgba(59, 126, 140, 0.08);
      border-color: var(--sea);
    }

    .form-step-btn.update {
      background: rgba(59, 126, 140, 0.08);
    }

    .form-step-history-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border: 1px solid rgba(16, 16, 20, 0.12);
      border-radius: 6px;
      background: white;
      cursor: pointer;
      font-size: 12px;
      color: rgba(16, 16, 20, 0.4);
      transition: all 0.15s ease;
    }

    .form-step-history-btn:hover {
      border-color: var(--sea);
      color: var(--sea);
      background: rgba(59, 126, 140, 0.05);
    }

    .form-step-history-btn .history-count {
      font-size: 9px;
    }

    /* Step History Dropdown */
    .step-history-dropdown {
      margin-top: 10px;
      padding: 12px;
      background: rgba(16, 16, 20, 0.02);
      border: 1px solid rgba(16, 16, 20, 0.08);
      border-radius: 8px;
    }

    .step-history-entry {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 8px 0;
      border-bottom: 1px solid rgba(16, 16, 20, 0.06);
      font-size: 12px;
    }

    .step-history-entry:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }

    .step-history-entry:first-child {
      padding-top: 0;
    }

    .step-history-status {
      font-weight: 500;
      color: rgba(16, 16, 20, 0.8);
    }

    .step-history-status.completed {
      color: #5a8a4a;
    }

    .step-history-status.pending {
      color: #8a6a20;
    }

    .step-history-comment {
      font-size: 11px;
      color: rgba(16, 16, 20, 0.6);
      font-style: italic;
      margin-top: 2px;
    }

    .step-history-meta {
      text-align: right;
      color: rgba(16, 16, 20, 0.5);
      font-size: 11px;
      white-space: nowrap;
    }

    /* Booking Section */
    .booking-status {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px;
      background: rgba(100, 140, 80, 0.08);
      border-radius: 12px;
      border: 1px solid rgba(100, 140, 80, 0.2);
    }

    .booking-status.pending {
      background: rgba(16, 16, 20, 0.03);
      border-color: rgba(16, 16, 20, 0.1);
    }

    .booking-icon {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(100, 140, 80, 0.15);
      border-radius: 10px;
      font-size: 18px;
      color: #5a8a4a;
    }

    .booking-status.pending .booking-icon {
      background: rgba(16, 16, 20, 0.08);
      color: rgba(16, 16, 20, 0.4);
    }

    .booking-info {
      flex: 1;
    }

    .booking-label {
      font-size: 12px;
      color: rgba(16, 16, 20, 0.5);
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .booking-value {
      font-size: 14px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.85);
    }

    .booking-actions {
      display: flex;
      gap: 8px;
    }

    /* Mock Appointment Card */
    .appointment-card {
      margin-top: 16px;
      padding: 16px;
      background: white;
      border: 1px solid rgba(100, 140, 80, 0.3);
      border-radius: 12px;
    }

    .appointment-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 12px;
    }

    .appointment-type {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
    }

    .appointment-status-tag {
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(100, 140, 80, 0.15);
      color: #4a6a3a;
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .appointment-datetime {
      font-size: 18px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.9);
      margin-bottom: 4px;
    }

    .appointment-time {
      font-size: 14px;
      color: var(--sea);
      font-weight: 500;
      margin-bottom: 12px;
    }

    .appointment-details {
      display: grid;
      gap: 8px;
      padding-top: 12px;
      border-top: 1px solid rgba(16, 16, 20, 0.08);
    }

    .appointment-detail-row {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
    }

    .appointment-detail-label {
      color: rgba(16, 16, 20, 0.5);
    }

    .appointment-detail-value {
      color: rgba(16, 16, 20, 0.85);
      font-weight: 500;
    }

    /* Submitted Info Section */
    .submitted-info {
      background: rgba(200, 160, 60, 0.04);
      border: 1px dashed rgba(200, 160, 60, 0.3);
    }

    .submitted-label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 12px;
    }

    .info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 14px;
    }

    .info-item {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .info-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: rgba(16, 16, 20, 0.5);
    }

    .info-value {
      font-size: 14px;
      color: rgba(16, 16, 20, 0.9);
    }

    .info-value a {
      color: var(--sea);
    }

    /* Header */
    .detail-header {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 20px;
    }

    .detail-title {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .detail-title h2 {
      margin: 0;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .status-tag {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .status-tag.new {
      background: rgba(200, 160, 60, 0.15);
      color: #8a6a20;
    }

    .status-tag.in-progress {
      background: rgba(59, 126, 140, 0.15);
      color: #2a6a7a;
    }

    .urgency-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 600;
    }

    .urgency-badge.high {
      background: rgba(200, 80, 80, 0.12);
      color: #a03030;
    }

    .urgency-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #c05050;
    }

    .back-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      color: rgba(16, 16, 20, 0.6);
      text-decoration: none;
      margin-bottom: 8px;
    }

    .back-link:hover {
      color: var(--sea);
    }

    /* Schedule Callback Dialog */
    .schedule-dialog {
      border: none;
      border-radius: 16px;
      padding: 0;
      width: min(90vw, 400px);
      box-shadow: 0 24px 48px rgba(15, 24, 40, 0.2);
    }

    .schedule-dialog::backdrop {
      background: rgba(20, 24, 30, 0.45);
    }

    .dialog-content {
      padding: 24px;
    }

    .dialog-title {
      font-size: 16px;
      font-weight: 600;
      margin: 0 0 16px;
    }

    .dialog-form {
      display: grid;
      gap: 14px;
    }

    .dialog-actions {
      display: flex;
      gap: 8px;
      margin-top: 16px;
    }

    .dialog-btn {
      padding: 10px 18px;
      border-radius: 999px;
      border: none;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
    }

    .dialog-btn.primary {
      background: var(--sea);
      color: white;
    }

    .dialog-btn.secondary {
      background: rgba(16, 16, 20, 0.08);
      color: rgba(16, 16, 20, 0.7);
    }

    /* Responsive */
    @media (max-width: 900px) {
      .intake-layout {
        grid-template-columns: 1fr;
      }

      .intake-indicator {
        position: fixed;
        bottom: 20px;
        right: 20px;
        top: auto;
        z-index: 100;
        max-width: 220px;
      }
    }

    /* Sub-checklist items (shown as list, not checkboxes) */
    .sub-checklist {
      margin: 10px 0 0 38px;
      padding: 0;
      list-style: none;
    }

    .sub-checklist-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 0;
      font-size: 13px;
      color: rgba(16, 16, 20, 0.6);
    }

    .sub-checklist-item::before {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgba(16, 16, 20, 0.2);
      flex-shrink: 0;
    }

    .sub-checklist-item.completed {
      color: rgba(16, 16, 20, 0.8);
    }

    .sub-checklist-item.completed::before {
      background: #5a8a4a;
    }

    /* General Information Input Groups */
    .general-part {
      margin-bottom: 20px;
      padding: 16px;
      background: rgba(16, 16, 20, 0.02);
      border-radius: 10px;
      border: 1px solid rgba(16, 16, 20, 0.06);
    }

    .general-part:last-child {
      margin-bottom: 0;
    }

    .general-part-header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
    }

    .general-part-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: rgba(59, 126, 140, 0.12);
      color: var(--sea);
      font-size: 12px;
      font-weight: 600;
    }

    .general-part-title {
      font-size: 14px;
      font-weight: 600;
      color: rgba(16, 16, 20, 0.85);
    }

    .general-part-fields {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
    }

    .general-field {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .general-field label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(16, 16, 20, 0.5);
    }

    .general-field input,
    .general-field textarea {
      padding: 10px 12px;
      border: 1px solid rgba(16, 16, 20, 0.15);
      border-radius: 8px;
      font-size: 14px;
      font-family: inherit;
      background: white;
    }

    .general-field input:focus,
    .general-field textarea:focus {
      outline: none;
      border-color: rgba(59, 126, 140, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 126, 140, 0.1);
    }

    .general-field textarea {
      min-height: 80px;
      resize: vertical;
    }

    .general-field.full-width {
      grid-column: 1 / -1;
    }