/* Demo pública de solo lectura: se ocultan la carga, la edición, la
   documentación de los equipos y lo que depende del servidor local. */
#btn-new-machine, .mc-del, .mc-edit, #drop-zone, #upload-status, .side-kicker, #activity-list,
#seq-edit-toggle, #seq-add, #rp-step-edit, #btn-save-part, #save-status,
[data-mode="docs"], #machine-plate, .mc-foot, #btn-go-docs, #rp-step-docs, #rp-docs, #lp-docs,
#btn-pauta, #btn-ficha, #btn-qr, #btn-csv,
#more-menu [data-act="pauta"], #more-menu [data-act="ficha"], #more-menu [data-act="qr"], #more-menu [data-act="csv"] { display: none !important; }
.rp-sec:has(> .rp-head-row #btn-go-docs) { display: none !important; }
*:has(> #activity-list) { display: none !important; }
#edit-code, #edit-spec, #edit-notes { pointer-events: none; background: transparent; resize: none; }

.demo-bar {
  position: fixed; left: 50%; bottom: 10px; translate: -50% 0; z-index: 40; display: flex; align-items: center; gap: 10px;
  max-width: calc(100vw - 20px); padding: 7px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap;
  font: 500 12px/1.2 "Inter", system-ui, sans-serif; color: #e9e9ed;
  background: color-mix(in srgb, #232532 90%, transparent); backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px color-mix(in srgb, #9184d9 50%, transparent), 0 10px 30px rgba(0,0,0,0.5);
}
.demo-bar b { font-weight: 600; }
.demo-bar span { color: color-mix(in srgb, #e9e9ed 62%, transparent); }
.demo-bar i { font-style: normal; color: #d2cefd; }
#screen-viewer:not(.hidden) ~ .demo-bar { display: none; } /* dentro de un equipo no estorba los controles */
body.kiosk .demo-bar { display: none; }
.demo-nota { max-width: 900px; margin: 28px auto 80px; padding: 0 8px; font: 11.5px/1.5 "Inter", system-ui, sans-serif; color: color-mix(in srgb, #e9e9ed 48%, transparent); text-align: center; }
@media (max-width: 640px) { .demo-bar span { display: none; } }