/* meet-notes.css · Meet AI notes: the prejoin consent, the "Notes on" button, Meet's tile, the Notes panel (a bottom sheet on
   phones), ONE's call notes and the guests' notes page. Call colors come from meet.css tokens; nothing new is invented. */
.mt-notes-pre { margin: 8px 0 12px; padding: 10px 12px; border: 1px solid var(--mt-line, var(--border)); border-radius: 12px; }
.mt-notes-consent { margin: 4px 0 8px; font-size: 0.9rem; }
.mt-check-row { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; font-weight: 600; }
.mt-check { width: 22px; height: 22px; accent-color: var(--mt-ok, var(--ok)); }
.mt-notes-err { margin: 4px 0 0; color: var(--mt-bad, var(--danger)); font-size: 0.9rem; }
.mt-notes-err[hidden] { display: none; }

.mt-pill-notes { cursor: pointer; border: 1px solid var(--mt-line); background: var(--mt-s2); color: var(--mt-fg); min-height: 32px; }
.mt-pill-notes::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--mt-ok); }
.mt-pill-notes[hidden] { display: none; }

.mt-tile-meet { display: grid; place-items: center; background: var(--mt-s1); border: 1px dashed var(--mt-line); }
.mt-tile-meet[hidden] { display: none; }
.mt-meet-avatar { background: var(--mt-fg); color: var(--mt-bg); }
.mt-meet-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mt-ok); animation: mt-pulse 1.6s ease-in-out infinite; }
.mt-meet-open { position: absolute; top: 8px; right: 8px; min-height: 36px; padding: 0 12px; border-radius: 99px; border: 1px solid var(--mt-line);
  background: rgba(22, 23, 26, 0.72); color: var(--mt-fg); cursor: pointer; }

.mt-notes-panel { position: fixed; z-index: 30; top: 64px; right: 12px; bottom: 96px; width: min(400px, calc(100vw - 24px));
  overflow: hidden; display: flex; flex-direction: column; gap: 8px; background: var(--mt-bg); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); }
.mt-notes-panel[hidden] { display: none; }
.mt-notes-tabs { gap: 8px; }
.mt-notes-tabs [aria-pressed="true"] { background: var(--mt-fg); color: var(--mt-bg); }
.mt-notes-now, .mt-notes-lines { flex: 1; min-height: 0; overflow-y: auto; }
.mt-notes-now[hidden], .mt-notes-lines[hidden] { display: none; }
.mt-notes-label { margin: 0 0 8px; padding: 6px 10px; border-radius: 8px; background: var(--mt-s1, var(--surface)); font-size: 0.82rem; }
.mt-notes-body h3 { margin: 12px 0 4px; font-size: 0.95rem; }
.mt-notes-list { margin: 0; padding-left: 20px; }
.mt-notes-list li { margin: 2px 0; overflow-wrap: anywhere; }
.mt-notes-summary { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.mt-transcript { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mt-line { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; overflow-wrap: anywhere; }
.mt-line time { color: var(--mt-muted, var(--muted)); font-variant-numeric: tabular-nums; font-size: 0.82rem; grid-row: span 2; }
.mt-line strong { font-size: 0.9rem; }
.mt-notes-mail { border-top: 1px solid var(--mt-line); padding-top: 8px; }
.mt-notes-mail:empty { display: none; }
.mt-notes-mailform { display: grid; gap: 6px; }
.mt-notes-status { margin: 0; font-size: 0.85rem; }

@media (max-width: 640px) {
  .mt-notes-panel { top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-height: 75dvh; border-radius: 16px 16px 0 0; }
}

.mt-notes-page { max-width: 760px; margin: 0 auto; padding: 24px 16px; display: grid; gap: 16px; }
.mt-notes-head { display: grid; gap: 4px; }
.mt-notes-head h1 { margin: 8px 0 0; }
.mt-notes-view { display: grid; gap: 12px; }
.mt-notes-edit { display: grid; gap: 10px; }
.mt-notes-history .mt-recent-row small { overflow-wrap: anywhere; }
.mt-pill-notes.off::before { background: var(--mt-muted); }