/* Explicar material (2026-11-04): tomas por trabajo y dictado, con el mismo estilo que Autorizar. */
.mm-entrada { background: #fff; color: #111318; margin-top: 8px; }
.mm-ayuda { color: #6B7080; font-size: 14px; line-height: 1.4; margin: 4px 0 12px; }
.mm-trabajo { width: 100%; display: flex; align-items: center; gap: 12px; border: 0; background: #fff; color: #111318; font: inherit; text-align: left; border-radius: 18px; padding: 10px; margin-top: 8px; cursor: pointer; }
.mm-trabajo img { flex: none; width: 92px; height: 64px; object-fit: cover; border-radius: 10px; background: #E9EBF0; }
.mm-t { flex: 1; min-width: 0; }
.mm-t b { display: block; font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.mm-t small { display: block; font-size: 13px; color: #6B7080; margin-top: 2px; }
.mm-ok { color: #0B6B33; font-variation-settings: "FILL" 1; }
.mm-caja { background: #fff; border-radius: 22px; padding: 14px; }
.mm-caja h2, .mm-sub { font-size: 19px; font-weight: 800; letter-spacing: -.02em; }
.mm-sub { margin-top: 24px; }
.mm-txt { display: block; box-sizing: border-box; width: 100%; min-height: 96px; border: 1px solid #D9DCE3; border-radius: 13px; padding: 11px 12px; font: inherit; font-size: 16px; line-height: 1.4; background: #fff; color: #111318; resize: vertical; margin-top: 8px; }
.mm-txt.grande { min-height: 150px; }
.mm-botones { display: flex; gap: 8px; margin-top: 8px; }
.mm-botones > button { flex: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 14px; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.mm-mic { background: #0147FF; color: #fff; }
.mm-mic.grabando { background: #B3261E; }
.mm-guardar { margin: 0; width: auto; }
.mm-toma { background: #fff; border-radius: 18px; padding: 10px; margin-top: 10px; }
.mm-toma > img { display: block; width: 100%; height: auto; border-radius: 10px; background: #E9EBF0; }
.mm-nota, .mm-tuya { font-size: 15px; line-height: 1.4; margin-top: 8px; }
.mm-nota small, .mm-tuya small { display: block; font-size: 12px; font-weight: 700; color: #6B7080; }
.mm-nota em { color: #0B6B33; font-style: normal; font-size: 13px; }
.mm-tuya { background: #E6EDFF; border-radius: 12px; padding: 8px 10px; }
.mm-si { background: #F2F2F4; color: #111318; }
.mm-si.si { background: #E3F7EA; color: #0B6B33; }
.mm-mal { background: #F2F2F4; color: #111318; }
#autoScreen[data-vista="pc"] .mm-trabajo, #autoScreen[data-vista="pc"] .mm-caja, #autoScreen[data-vista="pc"] .mm-toma { max-width: 860px; }
#autoScreen[data-vista="pc"] .mt-entrada.mm-entrada { max-width: 520px; }