/* 2.93.0: the kind of call, detected (public/calltype.js): the chip on the call page, the small tag on the bar, Live
   calls and Supervise, the coach's script, the report and the settings */
.ct-chipbox { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; position: relative; }
.ct-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); background: var(--accent-soft); color: inherit; font-size: 13px; cursor: pointer; line-height: 1.4; }
.ct-chip:hover, .ct-chip:focus-visible { border-color: var(--accent); }
.ct-chip.ct-manual { background: var(--sunk, var(--panel)); }
.ct-chip.ct-none { background: transparent; border-style: dashed; color: var(--muted); }
.ct-k { color: var(--muted); font-size: 12px; }
.ct-next { font-size: 12px; }
.ct-next > summary { cursor: pointer; color: var(--muted); }
.ct-next ul { position: absolute; z-index: 5; inset-inline-end: 0; margin: 4px 0 0; padding: 8px 12px 8px 24px; padding-inline: 24px 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 24px rgba(15, 23, 42, .12); min-width: 220px; max-width: min(360px, 90vw); }
.ct-tag { display: inline-flex; align-items: center; gap: 3px; margin-inline-start: 6px; padding: 0 7px; border-radius: 999px; font-size: 11.5px; background: var(--accent-soft); color: inherit; white-space: nowrap; vertical-align: middle; }
.ct-tag[hidden] { display: none; }
.ct-coach { border-top: 1px solid var(--line); padding-top: 8px; }
.ct-coach > summary { cursor: pointer; }
.ct-script { margin: 6px 0; white-space: pre-line; font-size: 13.5px; }
.ct-steps { margin: 4px 0 0; padding-inline-start: 20px; font-size: 13.5px; }
.ct-settings { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.ct-kind { border: 1px solid var(--line); border-radius: 12px; padding: 8px 12px; }
.ct-kind > summary { cursor: pointer; }
.ct-kind[open] > summary { margin-bottom: 8px; }
.ct-picks { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ct-pick { display: inline-flex; align-items: center; gap: 5px; font-size: 13.5px; }
.ct-weights { display: flex; flex-direction: column; gap: 4px; }
.ct-weight { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.ct-report { margin-bottom: 12px; }
.ct-report > summary { cursor: pointer; }