.registry-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-badge{display:inline-block;margin:7px 4px 0 0;padding:3px 6px;border:1px solid #b9a6d0;background:#f5effc;color:#775794;border-radius:4px;font-size:9px;font-weight:650}.demo-notice{background:#f8f3fd;border-color:#d9cce8;color:#715987}.passwordbox{display:flex;align-items:center;margin-top:7px;gap:6px}.passwordbox input{margin:0}.passwordbox button{font-size:10px;flex-shrink:0;padding:11px 8px}.machine-row{display:grid;grid-template-columns:2.4fr .7fr 1fr 40px;gap:12px;padding:15px;background:#f5f7f9;border:1px solid var(--line);border-radius:7px;margin:12px 0}.machine-row label:nth-last-child(2){grid-column:1/2}.machine-row label:last-child{grid-column:2/4}.machine-row button{align-self:end}.gantt-controls{display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap}.gantt-controls label{flex:1;min-width:135px}.gantt-controls button{height:38px}.gantt-legend{display:flex;flex-wrap:wrap;gap:22px;margin:25px 0;font-size:11px;color:#687786}.gantt-legend span{display:flex;gap:7px;align-items:center}.gantt-legend i{width:11px;height:11px;border-radius:3px}.legendwork{background:#347b59}.legendrequest{background:#d2aa59}.legenddone{background:#7391b6}.planning-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:17px;background:#f6f8fa;border-radius:7px;margin-bottom:25px;gap:16px}.planning-metrics small{display:block;color:#7b8794;font-size:10px}.planning-metrics strong{display:block;font-size:20px;margin:8px 0}.gantt-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;max-height:750px}.gantt-project{cursor:pointer}.gantt-project:hover rect:first-of-type{fill:#f0f5f3}.gantt-project:focus rect:first-of-type{fill:#e9f4ee}.nav+.nav{margin-top:9px}#machineform[hidden],#machinery-transition[hidden],#close-transition[hidden]{display:none}@media(max-width:720px){.planning-metrics{grid-template-columns:1fr 1fr}.machine-row{grid-template-columns:1fr 1fr}.machine-row label:first-child{grid-column:1/-1}.machine-row label:nth-last-child(2),.machine-row label:last-child{grid-column:auto}.machine-row button{grid-column:2}.cardtitle{flex-wrap:wrap}}

.nav.active,.nav:hover{background:#2b443b;border-color:#3c5d4d;color:#fff}.nav:not(.active):not(:hover){background:transparent;border-color:transparent;color:#a9bdb2}