/* Review09: exact values for the narrow, reversible visual changes. */
:root{--r09-suggestion-icon:#7057d9;--r09-rail-top:94px}
body .suggestion-icon,body .r09-suggestion-icon{color:var(--r09-suggestion-icon)}
body .bpp-heading{position:sticky;top:0;z-index:45;background:#fff;gap:16px;min-height:72px}
body .bpp-heading h1{margin:0;white-space:nowrap}
body .bpp-title-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
body .bpp-toolbar{align-items:center;justify-content:space-between;gap:24px}
body .bpp-tabs{display:flex;align-self:stretch;gap:24px}
body .bpp-tabs button{border:0;border-radius:0;background:transparent;padding:12px 0;min-height:40px;color:#657080;box-shadow:none}
body .bpp-tabs button.active{background:transparent;color:#1668d4;border-bottom:2px solid #1668d4}
body .bpp-filters{min-height:40px;gap:16px;margin:0 0 8px;font-size:12px;color:#657080}
body .bpp-select-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
body .bpp-select-all input{width:16px;height:16px;margin:0;accent-color:#1668d4}
body .bpp-filters .text{padding:4px 0;border:0;background:transparent;font-size:12px}
body .bpp-selection-rules{font-size:12px;line-height:20px;color:#657080;margin-top:24px}
body .bpp-selection-rules summary{cursor:pointer}
@media(min-width:701px){
 html:not(.mobile-h5) .r09-rail-slot{width:66px;flex:0 0 66px;align-self:stretch}
 html:not(.mobile-h5) body .rail.r09-fixed-rail{display:flex!important;position:fixed!important;left:0;top:var(--r09-rail-top);height:calc(100dvh - var(--r09-rail-top));min-height:0;width:66px;padding:8px 0!important;gap:16px;z-index:80;box-sizing:border-box;overflow:hidden;background:#f7f8fa;border-right:1px solid #e7e9ed}
 .r09-quick-scroll{display:flex;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex-direction:column;gap:16px;align-items:center;width:66px}
 body .r09-quick-scroll>.quick-access-item{flex-shrink:0;width:54px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:0;background:transparent;color:#647080}
 body .r09-quick-scroll>.quick-access-item:hover{background:#eceff4;color:#30445d}
 body .r09-quick-scroll>.quick-access-item svg{width:20px;height:20px}
 body .r09-quick-scroll>.quick-access-item small{font-size:10px;white-space:nowrap}
 html:not(.mobile-h5) body.page-maximized .app>.workspace,html:not(.mobile-h5) body.page-maximized .shell>.main{left:66px}
 html:not(.mobile-h5) body.page-maximized .rail.r09-fixed-rail{z-index:700}
}
@media(max-width:760px){body .bpp-heading{flex-wrap:wrap;padding-bottom:12px}body .bpp-heading h1{font-size:20px}body .bpp-supplier{flex:1}body .bpp-title-actions{width:100%;justify-content:flex-end}body .bpp-toolbar{gap:8px}body .bpp-tabs{gap:20px}body .bpp-title-actions button{min-height:40px}}
/* Picker uses body scrolling; an overflow:auto ancestor would disable title sticking. */
body .page:has(>.bpp){overflow:visible!important}
body .bpp-main{align-self:stretch}
html.mobile-h5 body .bpp-heading{top:calc(56px + env(safe-area-inset-top,0px))}