.page-production .production-cycle-steps{display:flex;align-items:center;gap:4px;margin:8px 0 10px;overflow:hidden}.production-cycle-steps span{position:relative;flex:1;min-width:0;padding:8px 4px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);color:var(--muted);font-size:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-cycle-steps span.done{border-color:rgba(112,227,91,.24);color:var(--green-2);background:rgba(112,227,91,.06)}.production-cycle-steps span.active{border-color:rgba(36,152,255,.42);color:white;background:rgba(36,152,255,.13);box-shadow:0 0 16px rgba(36,152,255,.1)}.simple-mode .page-production .zone-left .panel:nth-child(3){display:none}
body.pendant-layout .page-production .three-zone-layout{grid-template-columns:220px minmax(470px,2.25fr) 245px}