.field textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 11px;
  background: #081523; color: var(--text); padding: 14px 15px;
  font: inherit; outline: none; resize: vertical;
}
.field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px #4b9eff20; }
.meeting-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.gps-row { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 13px; }
.meeting-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px; }
.meeting-info div { padding: 10px; border-radius: 10px; background: #081523; }
.meeting-info small { display: block; color: var(--muted); margin-bottom: 3px; }
.draft-editor { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 10px; }
.detail-dialog { width: min(900px, 94vw); }
@media (max-width: 650px) { .meeting-fields, .meeting-info { grid-template-columns: 1fr; } }
.live-recap { margin-top: 22px; text-align: left; border-top: 1px solid var(--line); padding-top: 18px; }
.live-recap-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.live-recap-head small,.live-empty { color: var(--muted); }
.live-dot { display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: #fb7185; box-shadow: 0 0 0 5px #fb718522; }
.live-recap-list { display: grid; gap: 10px; margin-top: 14px; max-height: 330px; overflow: auto; }
.recap-card { border: 1px solid var(--line); border-radius: 13px; background: #0d1c2e; padding: 12px; }
.recap-card.processing { opacity: .65; }
.recap-card-head { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; color: var(--cyan); font-size: 12px; }
.recap-card textarea { width: 100%; min-height: 70px; padding: 9px; border: 0; border-radius: 8px; background: #081523; color: var(--text); font: inherit; resize: vertical; }
.recap-tags { display: flex; gap: 7px; margin-top: 8px; flex-wrap: wrap; }
.recap-tag { border: 1px solid #2a4563; border-radius: 20px; padding: 5px 9px; color: var(--muted); background: transparent; cursor: pointer; font-size: 11px; }
.recap-tag.active { color: #06101d; background: var(--cyan); border-color: var(--cyan); }
.btn.danger { margin-right: auto; color: #fecdd3; background: #be123c22; border-color: #fb718566; }
.btn.danger:hover { background: #be123c55; }
#detailActionsBar { flex-wrap: wrap; }