/* V21.6.383 — one lateral métier navigation; no generic Business Portal sidebar. */
.kbbp-app.kbbp381-unified-shell.kbbp383-side-layout,
.kbbp-app.kbbp381-unified-shell.kbbp383-side-layout[data-kbbp-trade="pro_clean"]{
  display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;column-gap:0!important;
  width:100%!important;max-width:none!important;min-width:0!important;align-items:stretch!important;
  background:#f6f8fb!important;
}
.kbbp383-side-layout>.kbbp381-global-header{grid-column:1/-1;grid-row:1;position:relative;z-index:101}
.kbbp383-side-layout>.kbbp383-side-nav{
  grid-column:1;grid-row:2;align-self:stretch;box-sizing:border-box;min-width:0;
  background:linear-gradient(180deg,#142b45 0%,#0e2135 100%);color:#f5f7fc;
  border-right:1px solid rgba(208,171,105,.28);padding:24px 12px 20px;
}
.kbbp383-side-layout>.kbbp-main,
.kbbp383-side-layout[data-kbbp-trade="pro_clean"]>.kbbp-main{
  grid-column:2!important;grid-row:2!important;min-width:0!important;width:100%!important;
  max-width:none!important;margin:0!important;box-sizing:border-box!important;
  padding:clamp(18px,2vw,32px)!important;
}
.kbbp383-side-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:13px}
.kbbp383-side-caption{font-size:11px;letter-spacing:.12em;color:#d7b879;font-weight:800}
.kbbp383-side-nav nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:16px;max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin;scrollbar-color:#688099 transparent}
.kbbp383-side-link{display:flex;align-items:center;gap:10px;min-height:42px;box-sizing:border-box;border-radius:10px;
  padding:10px 11px;color:#e4ecf5!important;font-size:14px!important;line-height:1.35!important;
  font-weight:650!important;text-decoration:none!important;word-break:break-word}
.kbbp383-side-link:hover,.kbbp383-side-link:focus-visible{background:rgba(255,255,255,.12)!important;color:#fff!important}
.kbbp383-side-link.is-current{color:#f6d694!important;background:rgba(211,171,105,.15)!important;box-shadow:inset 3px 0 #d6b06e}
.kbbp383-link-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;
  border-radius:6px;color:#e1c38c;font-size:20px;font-weight:800;line-height:1}
.kbbp383-menu-group{margin:5px 0;border-top:1px solid rgba(255,255,255,.09);padding-top:5px}
.kbbp383-menu-group>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:7px;
  box-sizing:border-box;cursor:pointer;padding:11px;color:#dbe7f4;font-size:13px;font-weight:750;border-radius:10px;list-style:none}
.kbbp383-menu-group>summary::-webkit-details-marker{display:none}
.kbbp383-menu-group>summary:hover{background:rgba(255,255,255,.1)}
.kbbp383-menu-group[open]>summary{color:#e6c78f}
.kbbp383-menu-group[open]>summary span{transform:rotate(180deg)}
.kbbp383-group-items{display:grid;gap:3px;padding:2px 0 9px 8px}
.kbbp383-group-items .kbbp383-side-link{font-size:13px!important;font-weight:550!important;min-height:38px;padding:9px 10px}
.kbbp383-side-footer{margin-top:26px;padding:12px 11px;color:#9eafbf;font-size:11px;border-top:1px solid rgba(255,255,255,.11)}
.kbbp383-side-nav a:focus-visible,.kbbp383-side-nav summary:focus-visible,.kbbp383-mobile-trigger:focus-visible{outline:3px solid #d6b16c!important;outline-offset:2px!important}
/* Pro VO already renders an internal toolbar; the shell owns the single navigation now. */
.kbbp383-side-layout[data-kbbp-trade="pro_vo"] .kbvo-navigation{display:none!important}
.kbbp383-side-layout[data-kbbp-trade="pro_vo"] .kbvo{padding:clamp(10px,1.4vw,22px)!important}
.kbbp383-side-layout .kbbp381-trade-nav{display:none!important}
.kbbp383-nav-state{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}
.kbbp383-nav-shade,.kbbp383-mobile-trigger,.kbbp383-close{display:none}
@media(max-width:900px){
 .kbbp-app.kbbp381-unified-shell.kbbp383-side-layout,
 .kbbp-app.kbbp381-unified-shell.kbbp383-side-layout[data-kbbp-trade="pro_clean"]{display:block!important}
 .kbbp383-side-layout>.kbbp381-global-header{position:sticky;top:0;z-index:700}
 .kbbp383-mobile-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;
   border:1px solid rgba(255,255,255,.34);border-radius:10px;color:#fff;font-size:14px;font-weight:750;cursor:pointer}
 .kbbp383-close{display:inline-block;color:white;font-size:26px;cursor:pointer;line-height:1;padding:4px 10px}
 .kbbp383-side-layout>.kbbp383-side-nav{position:fixed!important;top:0;left:0;bottom:0;width:min(83vw,320px);height:100dvh;z-index:810;
   transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease;overflow:auto;box-shadow:15px 0 35px rgba(1,15,31,.22);padding-top:22px}
 .kbbp383-side-layout>.kbbp-main,.kbbp383-side-layout[data-kbbp-trade="pro_clean"]>.kbbp-main{
   width:100%!important;padding:clamp(13px,3vw,22px)!important}
 .kbbp383-side-layout>.kbbp383-nav-shade{position:fixed;inset:0;z-index:805;background:rgba(8,23,39,.55);display:none;cursor:pointer}
 .kbbp383-side-layout>.kbbp383-nav-state:checked~.kbbp383-side-nav{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
 .kbbp383-side-layout>.kbbp383-nav-state:checked~.kbbp383-nav-shade{display:block}
 .kbbp383-side-nav nav{position:static;max-height:none;overflow:visible}
}
@media(max-width:520px){
 .kbbp383-side-layout .kbbp381-brand-text small{max-width:33vw}
 .kbbp383-side-layout .kbbp381-global-header{padding:10px!important}
 .kbbp383-side-layout .kbbp381-header-tools{gap:5px}
 .kbbp383-side-layout .kbbp381-account>summary{padding:9px!important}
 .kbbp383-mobile-trigger{font-size:12px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.kbbp383-side-layout>.kbbp383-side-nav{transition:none!important}}