/* CA3: confirmation state on the calendar, Admin › Confirmation texts (G-Confirm-Text) */

    .cal-confirm {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      height: 18px;
      padding: 0 6px;
      border-radius: 9px;
      font: 800 10px var(--font-body);
      letter-spacing: 0.03em;
      text-transform: uppercase;
      white-space: nowrap;
      background: var(--bg);
      color: var(--muted);
    }

    .cal-confirm.is-sent,
    .cal-confirm.is-queued { background: #EEEAFD; color: var(--accent); }
    .cal-confirm.is-confirmed { background: var(--ok-bg); color: var(--ok); }
    .cal-confirm.is-needs-call { background: var(--attention-bg); color: var(--attention); }
    .cal-confirm.is-not-sent { background: #FFF4D6; color: #7A5300; }

    .cal-block .cal-confirm { margin-top: 2px; }

    .cal-event-confirm {
      margin: 0;
      padding: 8px 12px;
      max-width: 280px;
      border-bottom: 1px solid var(--border);
      font-size: 13px;
      font-weight: 600;
      color: var(--muted);
    }

    .cal-event-confirm.is-confirmed { color: var(--ok); }
    .cal-event-confirm.is-needs-call { color: var(--attention); }
    .cal-event-confirm.is-not-sent { color: #7A5300; }

    .ct-wording textarea { width: 100%; resize: vertical; font: inherit; }

    .ct-fields { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }

    .ct-field {
      height: 26px;
      padding: 0 9px;
      border: 1.5px solid var(--border);
      border-radius: 13px;
      background: #fff;
      color: var(--text);
      font: 600 12px var(--font-body);
      cursor: pointer;
    }

    .ct-field:hover { border-color: var(--accent); color: var(--accent); }

    .ct-reset { font-size: 12px; margin-left: 4px; }

    .ct-prev-title { margin: 14px 0 6px; font-size: 12px; font-weight: 800; color: var(--muted); letter-spacing: 0.03em; text-transform: uppercase; }

    .ct-bubble {
      display: flex;
      flex-direction: column;
      gap: 6px;
      max-width: 92%;
      padding: 10px 12px;
      border-radius: 16px 16px 16px 4px;
      background: #F1EFF7;
      font-size: 14px;
      line-height: 1.4;
    }

    .ct-bubble-photo {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 64px;
      border-radius: 10px;
      background: #E2DEF0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .ct-reply {
      margin: 8px 0 8px auto;
      width: fit-content;
      padding: 6px 14px;
      border-radius: 16px 16px 4px 16px;
      background: var(--accent);
      color: #fff;
      font-weight: 800;
    }