/* MES-specific styles; qms_base.css is a copy of QMS v0_8_1.css. */
.erp-brand { text-decoration:none; color:inherit; }
.erp-sidebar { width:220px; flex:0 0 220px; background:#c6e89a; color:#28451d; padding:18px 10px; }
.mes-sidebar-title { padding:12px; margin-bottom:12px; font-size:12px; font-weight:800; color:#456133; }
.erp-sidebar a { display:flex; gap:12px; align-items:center; padding:14px 12px; color:#28451d; }
.erp-sidebar a:hover { background:#dff2c7; color:#223d18; }
.erp-sidebar a.active { background:#f5fbed; color:#25451a; box-shadow:inset 3px 0 #5d8a36; }
.erp-main { padding:0; }
.erp-tabbar { height:40px; display:flex; align-items:flex-end; padding:4px 34px 0; border-bottom:1px solid #dbe3ec; }
.erp-tab { padding:8px 14px; border-radius:7px 7px 0 0; background:#6f94bd; color:white; font-size:12px; }
.erp-content { padding:28px 34px 0; }
.erp-footer { padding:14px 34px; }
.erp-logout { border:0; cursor:pointer; font-family:inherit; }
.erp-user-area form { margin:0; }
.mes-empty { min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.mes-empty-icon { color:#6c8d50; font-size:32px; }
.mes-empty h2 { font-size:18px; margin:18px 0 4px; color:#344054; }
.mes-empty p { color:#667085; font-size:14px; }
.erp-auth-page > .flash-wrap { max-width:460px; margin:0 auto; }
a:focus-visible, button:focus-visible { outline:3px solid #5d8a36; outline-offset:3px; }
@media(max-width:1000px) {
  .erp-sidebar { width:100%; }
  .erp-sidebar nav { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
  .mes-sidebar-title { margin:0; }
  .erp-topbar { height:auto; min-height:72px; flex-wrap:wrap; gap:12px; padding:12px 18px; }
  .erp-user-area { flex-wrap:wrap; gap:8px; }
  .erp-clock { display:none; }
  .erp-content { padding:20px 18px 0; }
  .erp-tabbar { padding-left:18px; }
}