/* Plan 18: colores desde la piel; esta version solo se usa en el laboratorio aislado. */
.me-cookie-lab, .me-cookies { color: var(--sc-texto); background: var(--sc-fondo); font: 1rem/1.5 system-ui, sans-serif; }
.me-cookie-lab { max-width: 65rem; margin: 2rem auto; padding: 1rem; }
.me-cookies { border: 2px solid var(--oro); border-radius: .4rem; padding: 1.2rem; box-sizing: border-box; }
#me-cookie-banner { margin-block: 2rem; }
.me-cookies h2 { font-size: 1.35rem; margin-top: 0; }
.me-cookies button, .me-cookie-lab button { color: var(--sc-texto); background: var(--sc-fondo); border: 2px solid var(--oro-texto); border-radius: .25rem; padding: .65rem .85rem; font: inherit; cursor: pointer; }
.me-cookie-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.me-cookies button:focus-visible, .me-cookies input:focus-visible, .me-cookie-lab button:focus-visible { outline: 3px solid var(--oro-texto); outline-offset: 3px; }
.me-cookies input { accent-color: var(--oro-texto); }
#me-cookie-dialog { width: min(42rem, calc(100% - 2rem)); max-height: calc(100% - 2rem); overflow: auto; }
#me-cookie-dialog::backdrop { background: var(--sc-cabecera-velo); }
[hidden] { display: none !important; }
.me-cookie-sample { padding: 1rem; border: 1px solid var(--sc-borde); margin-block: 1rem; }
.me-cookie-sample iframe { width: 100%; height: 5rem; border: 1px solid var(--sc-borde); }
/* Las ordenes de diagnostico no deben desbordar el laboratorio en movil. */
.me-cookie-sample pre { white-space: pre-wrap; overflow-wrap: anywhere; }
/* El aviso sustituye solo al recurso retenido, sin convertir el texto editorial en otro panel. */
.me-cookie-editorial-message { display: inline-block; padding: .6rem; border: 1px solid var(--sc-borde); margin-block: .4rem; }
/* Las opciones largas de diagnostico deben caber tambien en el panel movil. */
.me-cookie-lab select { max-width: 100%; box-sizing: border-box; font: inherit; margin-block: .5rem; }
/* El contacto alternativo debe ser legible y pulsable tambien sin widget ni iconos remotos. */
.me-cookie-sample[data-me-whatsapp-contacts] a { display: inline-flex; align-items: center; min-height: 44px; color: var(--oro-texto); }
/* Solo la espera de video toma el panel propio; fotos y controles de galeria conservan su CSS. */
.me-cookie-gallery-wait { width: calc(100% - 5rem); max-width: 40rem; margin: 2rem auto; position: relative; }
