/* AI call notes: the "Take notes" switch on the call panel, and notes in the lead panel. */

.cn-box { display: inline-flex; align-items: center; gap: 0.55rem; flex-wrap: wrap; }
.cn-switch input:checked { background: var(--red); border-color: var(--red); }
.cn-switch input:disabled { opacity: 0.45; cursor: not-allowed; }
.cn-consent { font-size: 0.76rem; color: var(--amber); max-width: 21rem; line-height: 1.3; }
.cn-rec { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.18rem 0.6rem; border-radius: 999px;
          font-size: 0.75rem; font-weight: 700; color: var(--red); background: var(--red-soft);
          border: 1px solid rgba(255, 95, 120, 0.45); }
.cn-rec i { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--red); animation: cn-pulse 1.2s ease-in-out infinite; }
@keyframes cn-pulse { 50% { opacity: 0.25; } }
@media (prefers-reduced-motion: reduce) { .cn-rec i { animation: none; } }
.cn-status { font-size: 0.8rem; color: var(--text-soft); }
.cn-status.cn-ok { color: var(--green); }

.cn-note { padding: 0.75rem 0.85rem; margin: 0 0 0.7rem; border-radius: var(--radius-sm);
           background: var(--panel-raised); border: 1px solid var(--border); }
.cn-note.failed { border-color: rgba(255, 95, 120, 0.35); }
.cn-head { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; margin-bottom: 0.45rem; font-size: 0.85rem; }
.cn-note h4 { margin: 0.7rem 0 0.3rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em;
              text-transform: uppercase; color: var(--muted); }
.cn-note p { margin: 0.2rem 0; overflow-wrap: anywhere; }
.cn-summary { color: var(--text); line-height: 1.45; }
.cn-list { margin: 0; padding-left: 1.1rem; }
.cn-list li { margin: 0.15rem 0; line-height: 1.4; overflow-wrap: anywhere; }
.cn-date { color: var(--accent-bright); font-weight: 600; white-space: nowrap; }
.cn-suggest { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; margin-top: 0.7rem !important; font-size: 0.85rem; }
.cn-error { color: var(--red); }
.cn-more { margin-top: 0.6rem; }
.cn-more summary { cursor: pointer; font-size: 0.82rem; font-weight: 600; color: var(--text-soft); }
.cn-email, .cn-transcript { margin: 0.4rem 0 0; padding: 0.6rem 0.7rem; max-height: 18rem; overflow: auto;
                            white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 0.82rem; line-height: 1.45;
                            background: rgba(0, 0, 0, 0.22); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.cn-actions { display: flex; gap: 0.45rem; flex-wrap: wrap; margin-top: 0.75rem; }