/* ИИ, собрания, метрики, подключения — дополнения к application.css. */

.spark-line { stroke: var(--accent); }
.spark-dot { fill: var(--accent); }
.bars { width: 100%; height: 190px; display: block; }
.bars .bar-on { fill: var(--accent); }
.bars .bar-off { fill: var(--surface-3); }
.bars-label { font: 600 10px var(--font); fill: var(--ink-3); }

/* Запись собрания */
.recorder { display: grid; justify-items: center; gap: 14px; padding: 28px 18px; text-align: center; }
.rec-button {
  width: 132px; height: 132px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--fire); color: #fff; display: grid; place-items: center;
  box-shadow: 0 0 0 10px var(--fire-soft), var(--shadow-lg); transition: transform .1s;
}
.rec-button svg { width: 46px; height: 46px; }
.rec-button:active { transform: scale(.97); }
.rec-button.on { animation: rec-pulse 1.6s ease-in-out infinite; background: var(--ink); }
.rec-button.on svg { display: none; }
.rec-button.on::after { content: ""; width: 36px; height: 36px; border-radius: 8px; background: var(--fire); }
@keyframes rec-pulse { 50% { box-shadow: 0 0 0 18px var(--fire-soft), var(--shadow-lg); } }
.rec-time { font: 800 34px/1 var(--font-head); letter-spacing: -.02em; }
.rec-level { width: 220px; height: 6px; border-radius: 3px; background: var(--surface-3); overflow: hidden; }
.rec-level span { display: block; height: 100%; width: 0; background: var(--ok); transition: width .08s; }

.processing { display: flex; gap: 14px; align-items: center; }
.spinner { width: 22px; height: 22px; border-radius: 50%; border: 3px solid var(--accent-soft); border-top-color: var(--accent); animation: spin .8s linear infinite; flex: none; }
@keyframes spin { to { transform: rotate(360deg); } }

.transcript { white-space: pre-wrap; font-size: 14px; line-height: 1.6; max-height: 480px; overflow: auto; color: var(--ink-2); }

/* Черновики задач */
.draft { padding: 14px 18px; border-top: 1px solid var(--line); display: grid; gap: 8px; }
.draft:first-child { border-top: 0; }
.draft.is-accepted { opacity: .6; }
.draft-head { display: flex; gap: 10px; align-items: flex-start; }
.draft-head .row-title { flex: 1; }
.draft-why { font-size: 12px; color: var(--ink-3); }
.draft-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.draft-edit { margin-top: 6px; }

.finding { display: flex; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); }
.finding:first-child { border-top: 0; }
.bullets { margin: 0; padding-left: 18px; }
.bullets li { margin: 4px 0; }

.secret { display: flex; gap: 8px; align-items: center; }
.secret .code { flex: 1; min-width: 0; }
.steps { margin: 0; padding-left: 20px; }
.steps li { margin: 6px 0; }