/* ERP Cahaya Plastik - navigasi patch */
.main-nav {
  display:flex !important; align-items:stretch !important; flex-wrap:wrap !important;
  gap:4px !important; padding:0 max(18px,calc((100% - 1180px)/2)) !important;
  margin:0 !important; background:#fff !important; border-bottom:1px solid #dbe3ed !important;
  position:relative !important; z-index:1000 !important; overflow:visible !important;
  min-height:52px;
}
.main-nav a { text-decoration:none !important; }
.main-nav > .nav-link, .main-nav .nav-group-trigger {
  display:flex !important; align-items:center !important; gap:8px !important;
  min-height:52px !important; padding:13px 14px !important; margin:0 !important;
  border:0 !important; border-bottom:3px solid transparent !important; border-radius:0 !important;
  background:transparent !important; color:#334155 !important; font:700 13px/1.4 Arial,Helvetica,sans-serif !important;
  white-space:nowrap !important; cursor:pointer !important; text-decoration:none !important;
}
.main-nav .nav-link:hover, .main-nav .nav-group-trigger:hover,
.main-nav .nav-group:focus-within > .nav-group-trigger { background:#f1f5f9 !important; color:#1d4ed8 !important; }
.main-nav .nav-link.is-active, .main-nav .nav-group.is-active > .nav-group-trigger { color:#1d4ed8 !important; background:#eff6ff !important; border-bottom-color:#2563eb !important; }
.main-nav .nav-group { position:relative !important; display:flex !important; align-items:stretch !important; margin:0 !important; padding:0 !important; }
.main-nav .nav-submenu {
  display:none !important; position:absolute !important; top:100% !important; left:0 !important;
  min-width:235px !important; padding:7px !important; margin:0 !important;
  background:#fff !important; border:1px solid #dbe3ed !important; border-radius:0 0 12px 12px !important;
  box-shadow:0 14px 28px rgba(15,23,42,.16) !important; z-index:2000 !important;
}
.main-nav .nav-group.is-open > .nav-submenu { display:block !important; }
.main-nav .nav-submenu .submenu-heading { padding:9px 11px 7px !important; color:#94a3b8 !important; font-size:10px !important; text-transform:uppercase !important; letter-spacing:1px !important; font-weight:800 !important; }
.main-nav .nav-submenu a { display:block !important; padding:10px 11px !important; border-radius:7px !important; color:#334155 !important; font-size:13px !important; font-weight:400 !important; white-space:normal !important; line-height:1.45 !important; }
.main-nav .nav-submenu a:hover, .main-nav .nav-submenu a.is-active { background:#eff6ff !important; color:#1d4ed8 !important; }
.main-nav .nav-submenu a.is-active { font-weight:700 !important; }
@media (hover:hover) and (min-width:801px) {
  .main-nav .nav-group:hover > .nav-submenu { display:block !important; }
}
@media (max-width:800px) {
  .main-nav { flex-wrap:nowrap !important; overflow-x:auto !important; overflow-y:visible !important; padding:0 10px !important; }
  .main-nav > .nav-link, .main-nav .nav-group-trigger { padding:12px 10px !important; font-size:12px !important; }
  .main-nav .nav-submenu { position:fixed !important; top:auto !important; left:auto !important; max-width:min(290px,90vw) !important; max-height:70vh !important; overflow-y:auto !important; }
}