/* Meetings shared styles — meetings.html + meeting-bancora.html */

/* ---- List page ---- */
/* .meeting-row layers onto shared .card: adds the row's internal flex layout only */
.meeting-row { display: flex; align-items: center; gap: 16px; }

.mr-date { width: 56px; flex-shrink: 0; display: flex; flex-direction: column; gap: 2px; }
.mr-date-day { font: 500 11px/1.3 var(--font-mono); color: #000; }
.mr-date-dow { font: 400 10px/1.3 var(--font-mono); color: var(--muted-foreground); }

.mr-details { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.mr-title-row { display: flex; align-items: center; gap: 16px; }
.mr-title-row .t-row-title { color: #000; }
.mr-title-row svg { width: 13px; height: 13px; color: var(--muted-foreground); flex-shrink: 0; }
.mr-meta { display: flex; align-items: center; gap: 8px; }
.mr-duration, .mr-attendees { font: 400 12px/1.4 var(--font-sans); color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mr-avatar { font: 500 10px/1 var(--font-sans); color: #000; }

.mr-chip { flex-shrink: 0; }
.mr-chip svg { width: 10px; height: 10px; flex-shrink: 0; }
.pill-muted-text { color: var(--muted-foreground); }

/* ---- Detail page ---- */
.detail-header { display: flex; align-items: flex-start; justify-content: space-between; }
.detail-title-col { display: flex; flex-direction: column; gap: 4px; }
.detail-title-col h1 { margin: 0; }
.detail-title-col .meta-line { font: 400 13px/1.3 var(--font-sans); color: var(--muted-foreground); }

.main-row { display: flex; gap: 24px; align-items: flex-start; }
.left-col { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.right-col { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: 24px; }

.recording-thumb {
  width: 100%;
  height: 280px;
  border-radius: 12px;
  background: #17171a;
  position: relative;
}
.recording-thumb .play-btn {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 56px; height: 56px; border-radius: 999px;
  background: #fff;
  display: flex; align-items: center; justify-content: center;
}
.recording-thumb .play-btn svg { width: 20px; height: 20px; color: #000; }
.recording-thumb .duration { position: absolute; left: 16px; bottom: 16px; font: 500 11px/1 var(--font-mono); color: #fff; }

.meeting-actions { display: flex; flex-direction: column; gap: 12px; }
.approval-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: var(--iris-3);
  border: 1px solid var(--accent-border);
  border-radius: 10px;
  padding: 14px 16px;
}
.approval-left { display: flex; flex-direction: column; gap: 4px; }
.approval-left .t-row-title { color: #000; }
.approval-left .approval-sub { font: 400 13px/1.3 var(--font-sans); color: var(--muted-foreground); }
.approval-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.capture-strip { background: var(--background); border: 1px solid var(--border); border-radius: 10px; }
.capture-header { padding: 14px 16px; font: 400 14px/1.3 var(--font-sans); color: var(--muted-foreground); }
.capture-header strong { font-weight: 600; color: #000; }
.capture-divider { border-top: 1px solid var(--border); }
.capture-rows { display: flex; flex-direction: column; }
.capture-row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  height: 44px; padding: 0 16px;
  text-decoration: none;
}
.capture-row-content { display: flex; align-items: center; gap: 10px; min-width: 0; }
.capture-row-content svg { width: 15px; height: 15px; color: var(--muted-foreground); flex-shrink: 0; }
.capture-row-text { font: 400 14px/1.3 var(--font-sans); color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.capture-row-text strong { font-weight: 600; color: #000; }
.capture-row .arrow-link { width: 14px; height: 14px; color: var(--muted-foreground); flex-shrink: 0; }
.capture-row-spacer { height: 6px; }

.attendees-section { display: flex; flex-direction: column; gap: 10px; }
/* attendee rows replaced by shared .people-row / .avatar-stack.lg (components.css) */

.highlights-card { border: 1px solid var(--border); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.highlights-bullets { display: flex; flex-direction: column; gap: 10px; }
.highlight-item { display: flex; align-items: flex-start; gap: 10px; }
.highlight-dot { width: 4px; height: 4px; border-radius: 999px; background: var(--muted-foreground); flex-shrink: 0; margin-top: 7px; }
.highlight-text { font: 400 13px/1.45 var(--font-sans); color: #000; }

.ask-panel { border: 1px solid var(--border); border-radius: 10px; display: flex; flex-direction: column; }
.ask-thread { padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.ask-user-msg { display: flex; justify-content: flex-end; }
.ask-bubble { max-width: 225px; background: var(--muted); border-radius: 10px; padding: 8px 10px; font: 400 13px/1.3 var(--font-sans); color: #000; }
.ask-answer { display: flex; align-items: flex-start; gap: 8px; }
.ask-answer svg { width: 15px; height: 15px; color: var(--foreground); flex-shrink: 0; margin-top: 2px; }
.ask-answer-text { display: flex; flex-direction: column; gap: 6px; }
.ask-answer-text p { margin: 0; font: 400 13px/1.4 var(--font-sans); color: #000; }
.ask-answer-source { font: 400 11px/1.3 var(--font-sans); color: var(--muted-foreground); }
.ask-divider { border-top: 1px solid var(--border); }
.ask-input-row { display: flex; align-items: center; gap: 8px; padding: 0 12px 0 6px; height: 44px; }
.ask-input-row svg.sparkle { width: 15px; height: 15px; color: var(--foreground); flex-shrink: 0; }
.ask-input-row .ask-placeholder { flex: 1; font: 400 13px/1.3 var(--font-sans); color: var(--muted-foreground); }
.ask-send-btn { width: 30px; height: 30px; border-radius: 999px; background: #000; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.ask-send-btn svg { width: 14px; height: 14px; color: #fff; }