.bpp{color:#263446;background:#fff;min-height:calc(100vh - 150px);padding-bottom:80px}.bpp-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e7ebf0}.bpp-heading h1{font-size:22px;margin:8px 0 12px}.bpp-heading p{margin:0;color:#66758a}.bpp-eyebrow{font-size:12px}.bpp-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px}.bpp-main{padding:24px;min-width:0;background:#f7f8fa}.bpp-source{font-size:13px;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.bpp-source span,.bpp-hint{color:#788494;font-size:12px}.bpp-toolbar{display:flex;gap:8px;margin-bottom:16px}.bpp-toolbar input{flex:1;min-width:0;background:white}.bpp-toolbar button{background:white;color:#536174}.bpp-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bpp-filters button{font-size:13px}.bpp-filters .active{background:#eaf1fe;color:#1759c5;border-color:#bed2f5}.bpp-hint{margin:16px 0}.bpp-card{display:flex;align-items:flex-start;gap:16px;padding:20px;margin-bottom:12px;background:white;border:1px solid #e1e6ed;border-radius:8px}.bpp-card.is-focus{border-color:#6992d3;box-shadow:0 0 0 1px #6992d3}.bpp-check{padding-top:6px}.bpp-check input{width:16px;height:16px;accent-color:#2667d4}.bpp-thumb{width:64px;height:64px;flex-shrink:0;padding:0;background:#f1f4f7;overflow:hidden}.bpp-thumb img{width:100%;height:100%;object-fit:contain}.bpp-card-main{flex:1;min-width:0}.bpp-name{font-size:15px;font-weight:600;text-align:left;border:0;background:none;padding:0;line-height:1.6;color:#263446;overflow-wrap:anywhere}.bpp-code{font-size:12px;color:#8b95a3;margin:4px 0 10px}.bpp-summary{font-size:13px;color:#5e6d80;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bpp-meta{font-size:12px;display:flex;gap:24px;color:#778396}.bpp-meta b{color:#37465b;font-weight:500}.bpp-card-end{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:12px;min-width:112px}.bpp-cloud{padding:3px 7px;border-radius:4px;background:#f0f2f5;color:#647286}.bpp-block{font-size:12px;color:#786347;margin:12px 0 0}.bpp-panel{padding:24px 20px;border-left:1px solid #e4e8ed;min-width:0;overflow-wrap:anywhere}.bpp-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.bpp-panel h2{font-size:16px}.bpp-panel-count{font-weight:600;margin-top:24px}.bpp-relation{padding:16px 0;border-bottom:1px solid #edf0f3;font-size:13px}.bpp-relation p{margin:8px 0}.bpp-relation small{color:#7b8796}.bpp-relation .badge{margin-left:6px}.bpp-empty{text-align:center;padding:40px 12px;color:#8390a0;font-size:13px}.bpp-preview{margin-top:20px;font-size:13px}.bpp-preview img{width:68px;height:68px;object-fit:contain;margin:8px 5px 0 0;border:1px solid #e5e9ef;border-radius:4px}.bpp-params>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.bpp-params span{color:#778396}.bpp-params b{font-weight:400;text-align:right}.bpp-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:white;border-top:1px solid #e2e7ef;z-index:10}.bpp-footer div{display:flex;gap:12px}.bpp-footer small{color:#8792a0}.bpp-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;padding-top:8px}.buy-contact-section{margin-top:24px}.buy-contact-section input{width:100%}@media(max-width:760px){.bpp-layout{grid-template-columns:1fr}.bpp-heading{padding:20px 16px}.bpp-heading h1{font-size:20px}.bpp-main{padding:16px}.bpp-source{flex-direction:column;gap:6px}.bpp-card{gap:10px;padding:14px;flex-wrap:wrap}.bpp-thumb{width:44px;height:44px}.bpp-card-main{min-width:150px}.bpp-card-end{width:100%;flex-direction:row;justify-content:flex-end;align-items:center}.bpp-panel{border-left:0;border-top:1px solid #e4e8ed}.bpp-footer{padding:12px;font-size:13px}.bpp-footer small{display:none}.bpp-meta{gap:12px;flex-wrap:wrap}}
.bpp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bpp-footer{position:fixed;left:82px;right:24px;bottom:0;box-shadow:0 -3px 16px #243a5510;border-radius:0 0 8px 8px}.bpp-panel .field-note{font-size:12px;line-height:1.7;color:#8190a0}.bpp a{color:#2465c5;text-decoration:none}.bpp a:hover{text-decoration:underline}@media(max-width:760px){.bpp-footer{left:0;right:0}}
body[data-mobile-task="planpicker"] .m-workflow-dock,body[data-mobile-task="planpicker"] .mobile-bottom-bar{display:none!important}.bpp-panel{scroll-margin-top:76px}@media(max-width:760px){.bpp-toolbar{flex-wrap:wrap}.bpp-toolbar input{flex-basis:100%}.bpp-card-end{flex-wrap:wrap}.bpp-heading{gap:8px}.bpp-heading>div{min-width:0}}
body[data-mobile-task="planpicker"] .mobile-nav{display:none!important}

@media(max-width:760px){.bpp-heading>button{white-space:nowrap;flex-shrink:0}}