/* Reuniones: content first, a stable rhythm, data colour reserved for outcomes. */
.meetings { --mt-border: var(--line-strong); font-size: 14px; }
.meetings button, .meetings input, .meetings select, .mt-dialog button, .mt-dialog input, .mt-dialog textarea { font: inherit; }
.meetings button, .meetings select, .mt-dialog button { touch-action: manipulation; }
.meetings :is(button, a, input, select, summary):focus-visible, .mt-dialog :focus-visible {
  outline: 2px solid var(--accent-ink); outline-offset: 3px;
}
.mt-muted { color: var(--muted); }
.mt-nav { display: flex; gap: 24px; border-bottom: 1px solid var(--mt-border); margin-bottom: 16px; }
.mt-nav button { padding: 12px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-weight: 500; white-space: nowrap; }
.mt-nav button[aria-pressed=true] { color: var(--ink); border-bottom-color: var(--ink); }
.mt-nav button:hover { color: var(--ink); }
.mt-context { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; font-weight: 500; }
.mt-context .mt-muted { font-weight: 400; }
.mt-persona { display: flex; align-items: center; gap: 12px; color: var(--muted); }
.mt-persona select { max-width: 280px; padding: 8px 32px 8px 12px; border: 1px solid var(--mt-border); border-radius: var(--radius-xs); background: var(--surface); color: var(--ink); min-height: 40px; }
.mt-metrics { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); margin-bottom: 24px; }
.mt-metrics > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 12px; margin: 20px 0; padding: 0 24px; }
.mt-metrics > div + div { border-left: 1px solid var(--line); }
.mt-metric-label { font-weight: 500; font-size: 15px; }
.mt-metrics strong { grid-area: 1 / 2 / 3 / 3; font-weight: 600; font-size: 36px; line-height: 1.15; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.mt-metrics .mt-muted { font-size: 14px; }
.mt-metrics .mt-muted b { font-weight: 500; color: var(--ink-2); }
.mt-workspace { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); margin-bottom: 20px; overflow: clip; }
.mt-workspace-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px 16px; }
.mt-workspace h2 { font-size: 18px; margin: 0; }
.mt-workspace h2 > span { display: inline-flex; vertical-align: middle; margin-left: 8px; padding: 2px 8px; border-radius: 6px; background: var(--surface-2); color: var(--muted); font-size: 14px; font-weight: 500; }
.mt-help { position: relative; flex-shrink: 0; color: var(--muted); }
.mt-help summary { display: flex; align-items: center; gap: 8px; padding: 8px 0; cursor: pointer; list-style: none; }
.mt-help summary::-webkit-details-marker { display: none; }
.mt-help[open] { color: var(--ink); }
.mt-help > div { position: absolute; width: min(360px, calc(100vw - 80px)); right: 0; top: 100%; z-index: 5; padding: 16px; background: var(--surface); border: 1px solid var(--mt-border); border-radius: var(--radius-xs); box-shadow: var(--shadow-pop); line-height: 1.6; }
.mt-filters { display: flex; align-items: center; gap: 12px; padding: 0 24px 16px; }
.mt-search { flex: 1; min-width: 180px; position: relative; }
.mt-search > svg { position: absolute; top: 13px; left: 12px; color: var(--muted); pointer-events: none; }
.mt-search input { width: 100%; height: 44px; padding: 8px 12px 8px 40px; border-radius: var(--radius-xs); border: 1px solid var(--mt-border); background: var(--surface); }
.mt-select { display: flex; align-items: center; gap: 8px; height: 44px; border: 1px solid var(--mt-border); border-radius: var(--radius-xs); padding: 0 8px 0 12px; }
.mt-select > span { color: var(--muted); }
.mt-select select { min-width: 92px; width: auto; max-width: 160px; background: transparent; border: 0; min-height: 40px; color: var(--ink); }
.mt-text-button, .mt-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: none; border: 0; padding: 8px 0; color: var(--ink-2); font-weight: 500; text-decoration: none; }
.mt-text-button:hover, .mt-link:hover { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 4px; }
.mt-scopes { display: flex; gap: 20px; padding: 0 24px; border-bottom: 1px solid var(--line); }
.mt-scopes button { display: flex; gap: 8px; align-items: center; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); padding: 12px 0; font-weight: 500; white-space: nowrap; }
.mt-scopes button[aria-pressed=true] { color: var(--accent-ink); border-bottom-color: var(--accent); }
.mt-scopes button > span { font-variant-numeric: tabular-nums; color: inherit; font-weight: 400; }
.meetings .mt-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.meetings .mt-table th { font-size: 14px; font-weight: 500; color: var(--muted); text-transform: none; letter-spacing: 0; background: var(--surface-2); text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--line); white-space: normal; }
.meetings .mt-table th:first-child { width: 32%; padding-left: 24px; }
.meetings .mt-table th:nth-child(2) { width: 22%; }
.meetings .mt-table th:nth-child(3) { width: 16%; }
.meetings .mt-table th:nth-child(4) { width: 12%; }
.meetings .mt-table th:last-child { width: 18%; padding-right: 24px; }
.meetings .mt-table td { padding: 12px 16px; font-size: 14px; line-height: 1.45; white-space: normal; border-bottom: 1px solid var(--line); vertical-align: middle; color: var(--ink-2); }
.meetings .mt-table td:first-child { padding-left: 24px; }
.meetings .mt-table td:last-child { padding-right: 24px; }
.meetings .mt-table tbody tr { background: var(--surface); }
.meetings .mt-table tbody tr:hover, .meetings .mt-table tbody tr:focus-within { background: var(--surface-2); }
.mt-lead { font-size: 15px !important; display: inline; background: none; border: 0; padding: 0; color: var(--ink); font-weight: 600 !important; text-align: left; line-height: 1.5; overflow-wrap: anywhere; }
.mt-lead:hover { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; }
.mt-secondary { display: block; margin-top: 4px; color: var(--muted); font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mt-cell-person { overflow-wrap: anywhere; }
.mt-outcome { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: var(--ink-2); }
.mt-outcome::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 100%; flex: none; }
.mt-cerrada { color: var(--ok-ink); }
.mt-no_show { color: var(--down-ink); }
.mt-sin_evidencia { color: var(--warn-ink); }
.mt-pendiente { color: var(--accent-ink); }
.mt-amount { display: block; font-weight: 500; margin-top: 4px; color: var(--ink); font-variant-numeric: tabular-nums; }
.mt-open { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--mt-border); border-radius: 6px; padding: 6px 10px; min-height: 36px; font-weight: 500; white-space: nowrap; }
.mt-open:hover { background: var(--accent-wash); color: var(--accent-ink); border-color: var(--accent-line); }
.mt-record-meta { display: block; margin-top: 4px; color: var(--muted); font-size: 14px; }
.mt-record-meta b { color: var(--ink-2); font-weight: 500; }
.mt-mobile-sort { display: none; }
.mt-sort { color: inherit; background: transparent; border: 0; padding: 0; font: inherit; min-height: 24px; }
.mt-pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 24px; color: var(--muted); font-variant-numeric: tabular-nums; }
.mt-pagination > div { display: flex; gap: 12px; align-items: center; }
.mt-page { display: inline-flex; align-items: center; justify-content: center; height: 36px; min-width: 36px; padding: 4px; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 6px; color: var(--ink); }
.mt-page:disabled { opacity: .4; cursor: default; }
.mt-page:not(:disabled):hover { background: var(--surface-2); }
.mt-quality { font-size: 14px; color: var(--muted); border-top: 1px solid var(--line); }
.mt-quality > summary { display: flex; gap: 12px; align-items: center; padding: 16px 0; cursor: pointer; }
.mt-quality > summary::after { content: '+'; margin-left: auto; font-size: 18px; }
.mt-quality[open] > summary::after { content: '−'; }
.mt-quality-status { margin-left: 8px; color: var(--ink-2); }
.mt-quality > div { max-width: 920px; padding: 0 0 20px 30px; }
.mt-quality p + p { margin-top: 12px; }
.mt-quality h3 { margin: 20px 0 12px; }
.mt-candidate { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 12px 0; border-top: 1px solid var(--line); }
.mt-candidate > span { min-width: 0; overflow-wrap: anywhere; }
.mt-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 48px 24px; text-align: center; color: var(--muted); }
.mt-empty h3 { font-size: 18px; color: var(--ink); }
.mt-empty p { max-width: 420px; }
.mt-button { background: var(--ink); color: var(--surface); border: 1px solid var(--ink); border-radius: var(--radius-xs); padding: 10px 16px; min-height: 44px; font-weight: 500; white-space: nowrap; }
.mt-button:hover { background: var(--ink-2); }
.mt-button:disabled { opacity: .55; cursor: wait; }
.mt-scroll { overflow: auto; }
.meetings .mt-team-table { width: 100%; border-collapse: collapse; }
.meetings .mt-team-table :is(th,td) { font-size: 14px; padding: 16px 24px; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.meetings .mt-team-table th { background: var(--surface-2); color: var(--muted); font-weight: 500; text-transform: none; letter-spacing: 0; }
.meetings .mt-team-table :is(th,td):first-child { text-align: left; }
.mt-section-description { color: var(--muted); padding: 0 24px 20px; }
.mt-disclosure { padding: 16px 24px; }
.mt-disclosure summary { cursor: pointer; }
.mt-sales > div { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; padding: 12px 0; border-top: 1px solid var(--line); }
.mt-sales { margin-top: 16px; }
.mt-notes .mt-workspace-head p { margin-top: 8px; }
.mt-notes-list { padding: 0 24px 24px; }
.mt-note { padding: 24px 0; border-top: 1px solid var(--line); }
.mt-note:last-child { padding-bottom: 0; }
.mt-note-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mt-note-head h3 { margin-top: 4px; font-size: 16px; overflow-wrap: anywhere; }
.mt-note-links { display: flex; gap: 24px; flex-wrap: wrap; margin: 8px 0; }
.mt-note-content summary { cursor: pointer; padding: 4px 0; color: var(--ink-2); }
.mt-notes-body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 1.65; margin: 16px 0; }
.mt-dialog { color: var(--ink); width: min(600px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 24px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); box-shadow: var(--shadow-pop); font: 14px/1.5 var(--sans); overflow: auto; }
.mt-dialog::backdrop { background: rgba(17,19,24,.4); }
.mt-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.mt-dialog-head h2 { font-size: 20px; overflow-wrap: anywhere; }
.mt-note-form > label { display: block; font-weight: 500; margin-bottom: 16px; }
.mt-note-form :is(input,textarea) { display: block; width: 100%; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); padding: 10px 12px; margin-top: 8px; font-size: 15px; }
.mt-note-form textarea { resize: vertical; }
.mt-form-footer { display: flex; justify-content: flex-end; gap: 20px; align-items: center; padding-top: 16px; border-top: 1px solid var(--line); }
.mt-delete { color: var(--down-ink); background: none; border: 0; margin-right: auto; padding: 8px 0; }
.mt-form-error, .mt-notice { padding: 12px; background: var(--warn-wash); color: var(--warn-ink); border-radius: 6px; margin: 16px 0; }
.mt-loading { display: grid; gap: 16px; }
.mt-loading-summary { height: 100px; background: var(--line); border-radius: var(--radius-sm); }
.mt-loading-row { height: 64px; background: var(--line-2); border-radius: 6px; }
.mt-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
  .mt-filters { flex-wrap: wrap; }
  .mt-filters > .mt-text-button { margin-left: auto; }
  .mt-metrics > div { padding: 0 20px; }
  .meetings .mt-table th:first-child { width: 29%; }
  .meetings .mt-table th:nth-child(3) { width: 15%; }
  .meetings .mt-table th:last-child { width: 22%; }
}
@media (max-width: 900px) {
  .mt-search { flex-basis: 100%; }
}
@media (max-width: 860px) {
  .mt-nav { gap: 20px; overflow: auto; margin-bottom: 20px; }
  .mt-context { align-items: flex-start; flex-direction: column; }
  .mt-persona { width: 100%; justify-content: space-between; }
  .mt-persona select { max-width: 70%; }
  .mt-metrics { margin-bottom: 20px; }
  .mt-metrics > div { padding: 0 12px; margin: 16px 0; grid-template-columns: 1fr; }
  .mt-metric-label { font-size: 14px; }
  .mt-metrics strong { font-size: 28px; grid-area: auto; margin: 4px 0; }
  .mt-metrics .mt-muted { font-size: 14px; }
  .mt-workspace-head { padding: 20px 16px 12px; flex-wrap: wrap; }
  .mt-help > div { right: auto; left: 0; }
  .mt-filters { padding: 0 16px 12px; gap: 8px; }
  .mt-select { flex: 1 1 calc(50% - 8px); flex-direction: column; align-items: stretch; border: 0; height: auto; padding: 0; gap: 4px; min-width: 0; }
  .mt-select > span { display: block; font-size: 14px; }
  .mt-select select { max-width: none; width: 100%; min-width: 0; border: 1px solid var(--mt-border); border-radius: 6px; padding: 8px; }
  .mt-filters > .mt-text-button { padding: 8px 0; }
  .mt-filters #mt-clear { margin-left: auto; }
  .mt-mobile-sort { display: inline-flex; }
  .mt-help summary > span { position: absolute; width: 1px; height: 1px; clip: rect(0,0,0,0); overflow: hidden; }
  .mt-help > div { left: auto; right: 0; }
  .mt-help summary { padding: 8px; }
  .mt-workspace-head { flex-wrap: nowrap; }
  .mt-scopes { gap: 20px; padding: 0 16px; overflow-x: auto; }
  .meetings .mt-table, .meetings .mt-table tbody { display: block; }
  .mt-sort { display: none; }
  .meetings .mt-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .meetings .mt-table tr { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px 16px; padding: 20px 16px; border-bottom: 1px solid var(--line); }
  .meetings .mt-table td { padding: 0 !important; border: 0; }
  .mt-cell-lead { grid-column: 1; grid-row: 1; }
  .mt-cell-date { grid-column: 2; grid-row: 1; text-align: right; }
  .mt-cell-result { grid-column: 1; grid-row: 2; }
  .mt-cell-person { grid-column: 1 / -1; grid-row: 3; color: var(--muted); }
  .mt-cell-person::before { content: 'Comercial · '; color: var(--muted); }
  .mt-cell-open { grid-column: 2; grid-row: 2; text-align: right; align-self: end; }
  .mt-open { margin-left: auto; }
  .mt-lead { font-size: 16px !important; }
  .mt-secondary { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .mt-cell-date .mt-secondary { display: block; }
  .mt-pagination { padding: 12px 16px; flex-wrap: wrap; gap: 8px; }
  .mt-pagination > div { margin-left: auto; }
  .mt-quality > summary { flex-wrap: wrap; gap: 8px; }
  .mt-quality-status { flex-basis: 100%; margin: 0 24px; order: 2; }
  .mt-quality > div { padding-left: 0; }
  .mt-candidate { align-items: flex-start; flex-direction: column; gap: 4px; }
  .mt-notes .mt-workspace-head { flex-wrap: wrap; align-items: flex-start; }
  .mt-notes-list { padding: 0 16px 20px; }
  .mt-note-head { align-items: flex-start; }
  .mt-note-head button { white-space: nowrap; }
  .mt-dialog { padding: 20px; max-height: calc(100dvh - 24px); }
  .mt-form-footer { gap: 12px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .meetings * { scroll-behavior: auto !important; } }
/* Tablet keeps compact controls; only the call rows need to stack at this width. */
@media (min-width: 561px) and (max-width: 860px) {
  .mt-context { flex-direction: row; align-items: center; }
  .mt-persona { width: auto; }
  .mt-persona select { max-width: 220px; }
  .mt-metrics > div { grid-template-columns: 1fr auto; padding: 0 16px; margin: 20px 0; }
  .mt-metrics strong { grid-area: 1 / 2 / 3 / 3; font-size: 32px; margin: 0; }
  .mt-select { flex: 0 1 auto; flex-direction: row; align-items: center; height: 44px; border: 1px solid var(--mt-border); padding: 0 8px 0 12px; gap: 8px; }
  .mt-select select { border: 0; width: auto; max-width: 140px; min-width: 92px; padding: 8px 0; }
  .mt-filters #mt-mobile-sort { margin-left: 0; }
}

/* Coverage is a source-quality fact, separate from sales performance. */
.mt-coverage{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin:20px 0;background:#fff;border:1px solid #dcdfe4;border-left:3px solid #8d7857;border-radius:14px}
.mt-coverage strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.mt-coverage strong span{color:#69717d;font-weight:400;font-size:22px}
.mt-coverage p{font-size:14px;line-height:1.5;color:#626a77;margin:6px 0 0}
.mt-coverage .mt-coverage-gap{color:#825718;max-width:400px}
.mt-link-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.mt-link-pair>div{padding:18px;background:#f5f6f8;border-radius:12px;overflow-wrap:anywhere}.mt-link-pair h3{font-size:18px;margin:8px 0}.mt-link-pair p{font-size:14px;color:#5b6370}
.mt-verify{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;padding:16px 0}.mt-verify input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#23272d}.mt-link-actions{display:flex;justify-content:flex-end;gap:12px;margin:16px 0}.mt-primary{background:#191c21!important;color:#fff!important}.mt-link-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){.mt-coverage{display:block;padding:18px}.mt-coverage>div+div{margin-top:12px}.mt-link-pair{grid-template-columns:1fr}.mt-link-actions{flex-direction:column}}

/* ▶ Ver vídeo en el detalle de una reunión (el reproductor es el de la ficha, call-reviews.js). */
.mt-video-actions{margin:16px 0 8px}.mt-video-actions button{min-height:40px;padding:0 16px;border:0;border-radius:10px;cursor:pointer;font-weight:600}
.mt-dialog .cr-video{padding:0 0 12px}
.mt-en-ghl{display:block;color:var(--muted);font-size:14px;font-weight:400;margin-top:2px}