/* Meeting notes: audio drop zone + transcript + generated notes.
   Loads on top of builder.css for the shared .rb-* form chrome. */
.meet-app { margin: 30px 0 0; }

.mt-drop {
  border: 1.5px dashed var(--line-2); border-radius: var(--radius); background: var(--surface);
  padding: 26px 24px; text-align: center; cursor: pointer; display: block;
  transition: border-color .22s var(--ease), background .22s var(--ease);
}
.mt-drop:hover, .mt-drop.over { border-color: var(--ink); background: var(--paper); }
.mt-drop.busy { cursor: default; border-style: solid; border-color: var(--ink); }
.mt-drop-icon { font-size: 1.7rem; color: var(--ink); display: block; margin-bottom: 8px; }
.mt-drop-title { font-weight: 600; font-size: 0.98rem; color: var(--ink); display: block; }
.mt-drop-sub { font-size: 0.82rem; color: var(--ink-3); display: block; margin-top: 5px; line-height: 1.5; }
.mt-filename { font-size: 0.84rem; color: var(--ink-2); margin: 10px 0 0; word-break: break-all; }

.mt-progress { margin-top: 14px; }
.mt-track { height: 6px; border-radius: 999px; background: var(--line); overflow: hidden; }
.mt-bar { height: 100%; width: 0; background: var(--ink); border-radius: 999px; transition: width .35s var(--ease); }
.mt-progress-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.mt-stage { font-size: 0.82rem; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.mt-cancel { border: 0; background: none; cursor: pointer; font: inherit; font-size: 0.8rem; color: var(--ink-3); text-decoration: underline; text-underline-offset: 3px; }
.mt-cancel:hover { color: var(--ink); }

.mt-or { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--ink-3); font-size: 0.78rem; letter-spacing: .1em; text-transform: uppercase; }
.mt-or::before, .mt-or::after { content: ""; height: 1px; background: var(--line); flex: 1; }

#mt-text { width: 100%; min-height: 300px; resize: vertical; }
.mt-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.mt-count { font-size: 0.8rem; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.mt-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; }

.mt-out {
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper);
  padding: 20px; min-height: 320px; max-height: 64vh; overflow-y: auto;
  white-space: pre-wrap; font-size: 0.93rem; line-height: 1.7; overflow-wrap: anywhere;
}
.mt-out:not(.has-result) { display: grid; place-items: center; color: var(--ink-3); text-align: center; font-size: 0.88rem; }
.mt-limit { display: flex; gap: 9px; align-items: flex-start; margin: 16px 0 0; font-size: 0.82rem; color: var(--ink-3); line-height: 1.55; }
.mt-limit i { color: var(--ink); font-size: 1rem; flex-shrink: 0; margin-top: 1px; }

@media (max-width: 1040px) { .mt-out { max-height: none; } #mt-text { min-height: 200px; } }