/* Assam Motors Workshop ERP - compact Configuration submenu */
.erp-config-toggle{width:100%;border:0;font:inherit;text-align:left;cursor:pointer;position:relative}
.erp-config-chevron{margin-left:auto;font-size:11px;opacity:.72;transition:transform .18s ease}
.erp-config-toggle[aria-expanded="true"] .erp-config-chevron{transform:rotate(180deg)}
.erp-config-submenu{display:none;margin:2px 0 7px 30px;padding:5px 0 5px 9px;border-left:1px solid rgba(148,163,184,.32)}
.erp-config-submenu.open{display:block}
.erp-config-link{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:2px 6px 2px 0;border-radius:7px;text-decoration:none;font-size:11px;font-weight:700;color:inherit;opacity:.84;transition:.16s ease}
.erp-config-link:hover{background:rgba(255,255,255,.09);opacity:1}
.erp-config-link.active{background:rgba(255,255,255,.14);opacity:1;box-shadow:inset 2px 0 0 rgba(255,255,255,.55)}
.ws-nav .erp-config-toggle{display:flex;align-items:center;gap:10px}
.pm-nav .erp-config-toggle{display:flex;align-items:center;gap:10px}
@media(max-width:820px){.erp-config-submenu{margin-left:18px}}


/* ===== 2026-10-02 Sidebar Consistency Fix ===== */
/* Configuration must look identical on Parts / ROT / Vehicle / Mapping pages. */
.ws-nav .erp-config-toggle.active,
.pm-nav .erp-config-toggle.active{
  background:linear-gradient(135deg,#1e4f96,#123b70) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.52) !important;
  box-shadow:0 5px 16px rgba(10,44,84,.28) !important;
}
.erp-config-submenu.open{display:block!important}

/* Static Configuration pages now carry the same Purchase menu as Workshop home. */
.erp-static-purchase-toggle{display:flex!important;align-items:center!important;gap:10px!important}
.erp-static-purchase-toggle .purchase-nav-chevron{margin-left:auto;font-size:11px;opacity:.72;transition:transform .18s ease}
.erp-static-purchase-toggle[aria-expanded="true"] .purchase-nav-chevron{transform:rotate(180deg)}
.erp-static-purchase-submenu{
  display:none;
  margin:2px 0 7px 30px;
  padding:5px 0 5px 9px;
  border-left:1px solid rgba(148,163,184,.32);
}
.erp-static-purchase-submenu.open{display:flex;flex-direction:column;gap:2px}
.erp-static-purchase-submenu .purchase-nav-link{
  display:block;
  padding:8px 10px;
  margin:2px 6px 2px 0;
  border-radius:7px;
  color:#cbd5e1;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
  opacity:.88;
}
.erp-static-purchase-submenu .purchase-nav-link:hover{background:rgba(255,255,255,.09);color:#fff;opacity:1}

/* Old PM shell (Labour Mapping) gets the exact same blue Configuration state. */
.pm-nav .erp-config-link{color:#cbd5e1}
.pm-nav .erp-config-link.active{color:#fff}

/* Keep the Configuration group open after loading a sub-page. */


@media(max-width:820px){
  .erp-static-purchase-submenu{margin-left:18px}
}

/* Configuration dropdown must obey aria/open state */
.erp-config-submenu{display:none!important}
.erp-config-submenu.open,
.erp-config-toggle[aria-expanded="true"] + .erp-config-submenu{display:block!important}
.erp-config-chevron{margin-left:auto;transition:transform .16s ease}
.erp-config-toggle[aria-expanded="true"] .erp-config-chevron{transform:rotate(180deg)}
/* Cross-document configuration navigation: keeps shell visually stable in Chromium */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.12s;animation-timing-function:ease-out}
html{background:#0b2c4d}
body{background:#f4f7fb}

html.erp-embedded,html.erp-embedded body{background:#f4f7fb!important}
html.erp-embedded body{margin:0!important;overflow:auto!important}
html.erp-embedded .ws-sidebar,html.erp-embedded .ws-topbar,html.erp-embedded .ws-sidebar-footer,
html.erp-embedded .pm-sidebar,html.erp-embedded .pm-topbar,html.erp-embedded .pm-footer{display:none!important}
html.erp-embedded .ws-app,html.erp-embedded .pm-app{display:block!important;width:100%!important;height:auto!important;min-height:100%!important;zoom:1!important}
html.erp-embedded .ws-main,html.erp-embedded .pm-main{margin:0!important;width:100%!important;height:auto!important;min-height:auto!important}
html.erp-embedded .ws-content-area,html.erp-embedded .pm-content{padding:12px 14px 22px!important}
html.erp-embedded .erp-settings-panel,html.erp-embedded .erp-shared-password{display:none!important}

/* Embedded master pages must fit parent workspace exactly */
html.erp-embedded,html.erp-embedded body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
html.erp-embedded .ws-app,html.erp-embedded .pm-app,
html.erp-embedded .ws-main,html.erp-embedded .pm-main,
html.erp-embedded .ws-content-area,html.erp-embedded .pm-content{
  width:100%!important;max-width:100%!important;min-width:0!important
}
html.erp-embedded .ws-content-area,html.erp-embedded .pm-content{
  padding:10px!important;overflow-x:hidden!important
}
html.erp-embedded .ws-section-box,html.erp-embedded .pm-card,
html.erp-embedded .pm-section,html.erp-embedded .master-card{max-width:100%!important;min-width:0!important}
html.erp-embedded .ws-table-wrap,html.erp-embedded .pm-table-wrap{max-width:100%!important;overflow:auto!important}