/* Diagnóstico de procesos (film-diagnostico.js). */
.film-stage .m-view{left:0;top:0;overflow:hidden}
.film-stage .m-world{position:absolute;left:0;top:0;width:0;height:0}
.film-stage .m-world>*{position:absolute}
.film-stage .m-line{position:absolute;top:50%;margin:0;text-align:center;line-height:1.15;letter-spacing:-.03em;color:#f2f5fb;text-wrap:balance}
.film-stage .m-logo{left:0;top:0;right:0;bottom:0;pointer-events:none}
.film-stage .m-card{border-radius:16px;background:#1b2231;border:1px solid #ffffff1f;box-shadow:0 20px 50px #0007;overflow:hidden}
.film-stage .m-card>*{position:absolute}
.film-stage .m-glow{inset:-1px;border-radius:inherit;border:1px solid #a5b9f566;box-shadow:inset 0 0 0 1px #a5b9f522}
.film-stage .m-head{left:0;right:0;top:0;height:44px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid #ffffff14;background:#ffffff06;color:#dfe6f2;font-size:17px;white-space:nowrap}
.film-stage .m-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Plan de producción. */
.film-stage .m-chip{left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;background:#252e40;border:1px solid #ffffff1a;box-shadow:inset 0 -4px 0 var(--ink);color:#e3e8f1}
.film-stage .m-chip svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.film-stage .m-chip b{font-size:14px;font-weight:600}
.film-stage .m-chip em{position:absolute;left:50%;top:-10px;transform:translateX(-50%);padding:1px 7px;border-radius:999px;font-size:12px;font-style:normal;font-weight:600;white-space:nowrap}
.film-stage .m-late{background:#ec9a94;color:#2a1312}
.film-stage .m-ok{background:#9fd4b0;color:#10261a}
/* Máquina y cotización. */
.film-stage .m-machine{display:block;width:140px;height:94px;color:#c3cde0}
.film-stage .m-machine svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.film-stage .m-state{display:flex;align-items:center;gap:7px;font-size:14px;color:#9fd4b0;white-space:nowrap}
.film-stage .m-state i{width:8px;height:8px;border-radius:50%;background:#9fd4b0}
.film-stage .m-qname{font-size:22px;font-weight:600;color:#f2f5fb;white-space:nowrap}
.film-stage .m-qnote{font-size:14px;color:#8796b2;white-space:nowrap}
.film-stage .m-qstrike{height:3px;border-radius:2px;background:#ec9a94}
/* Medición del turno. */
.film-stage .m-seg{border-radius:3px;box-shadow:inset -1px 0 0 #1b2231}
.film-stage .m-strip{height:8px;border-radius:3px}
.film-stage .m-tick{font-size:14px;color:#aab6cc;white-space:nowrap}
.film-stage .m-endline{width:0;border-left:2px dashed #ffffff66}
.film-stage .m-end{padding:2px 9px;border-radius:999px;background:#9fd4b0;color:#10261a;font-size:14px;font-weight:600;white-space:nowrap}
.film-stage .m-label{display:flex;align-items:center;gap:8px;font-size:16px;color:#dfe6f2;white-space:nowrap}
.film-stage .m-label b{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.film-stage .m-sub{font-size:15px;color:#c3cbda}
.film-stage .m-head em{position:absolute;right:18px;font-size:14px;font-style:normal;color:#8796b2}
.film-stage .m-rule{height:1px;background:#ffffff14}
.film-stage .m-nofit{font-size:15px;color:#ec9a94;white-space:nowrap}
.film-stage .m-prop{display:flex;align-items:center;gap:14px;padding:0 16px;box-sizing:border-box;border-radius:12px;background:#222b3c;border:1px solid #a5b9f566;box-shadow:0 14px 34px #0008}
.film-stage .m-prop>svg{flex-shrink:0;width:26px;height:26px;fill:none;stroke:#ddbd89;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.film-stage .m-ptext{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.film-stage .m-ptext b{font-size:17px;font-weight:600;color:#f2f5fb;white-space:nowrap}
.film-stage .m-ptext span{font-size:14px;color:#aab6cc;white-space:nowrap}