@font-face{font-family:Manrope;src:url('/production-observator-assets/manrope-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url('/production-observator-assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.production-view{display:block;min-width:0;width:100%;isolation:isolate}
.production-view[hidden]{display:none!important}
body.production-active{background:#101416}
body.production-active .app-main{max-width:1920px;padding:0 18px 24px}
body.production-active .date-control,body.production-active .hour-control,body.production-active .operator-control{display:none}
body.production-active .reminder-banner,body.production-active .motor-notice-banner{display:none}
body.production-active .app-header{background:#0e1316;color:#f5f7f8;border-bottom:1px solid #344047;box-shadow:none;flex-wrap:wrap;gap:12px;font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.production-active .brand-button{color:#f5f7f8}
body.production-active .brand-button>span:last-child{display:block}
body.production-active .brand-button small,body.production-active .account-control small{color:#a6b3bd}
body.production-active .main-nav button{font-size:13px;min-width:auto;width:auto;padding:9px 12px;gap:8px;color:#b9cbd4}
body.production-active .main-nav button.selected{background:#73e4f112;color:#73e4f1}
body.production-active .main-nav button svg{width:19px;height:19px}
body.production-active .header-controls{margin-left:auto}
body.production-active .app-header .account-control,body.production-active .app-header .logout-button,body.production-active .app-header .notification-control,body.production-active .app-header .sync-button{color:#b9cbd4;background:#0e1316;border-color:#344047;box-shadow:none;border-radius:0}
body.production-active .account-control>svg{color:#73e4f1;background:#73e4f112}
body.production-active .notification-control{border:0;border-left:1px solid #344047}
@media(max-width:620px){body.production-active .app-header{padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px}body.production-active .brand-button{gap:8px;padding:0}body.production-active .brand-button strong{font-size:15px}body.production-active .brand-button small{font-size:10px}body.production-active .header-controls{grid-column:2;grid-row:1;display:flex;width:auto;border:0;margin:0}body.production-active .header-controls .account-control{display:none}body.production-active .main-nav{grid-column:1/-1;grid-row:2;margin:0;display:flex;overflow:auto;width:100%;gap:4px}body.production-active .main-nav button{font-size:12px;padding:8px 10px;flex:0 0 auto}body.production-active .header-soceram-logo{width:35px;min-width:35px;height:46px}}
@media(max-width:700px){body.production-active .app-main{padding:0}}