/* Keep menu controls and tables inside their own panels at narrow widths. */
.bpp-api-page .bpp-api-url{overflow-wrap:anywhere}
.bpp-api-page .bpp-api-site-row select,.bpp-gallery-page .bpp-website-picker select{max-width:100%}
.bpp-gallery-page .bpp-gallery-product,.bpp-gallery-page .bpp-gallery-name{min-width:0;overflow-wrap:anywhere}
.bpp-courier-panel .bpp-courier-summary-scroll,.bpp-courier-panel .bpp-courier-orders-scroll{max-width:100%;overflow-x:auto}
.bpp-courier-panel .bpp-courier-error button{margin-top:.5rem}
@media(max-width:600px){
 .bpp-api-page .bpp-api-site-row>label{display:grid;grid-template-columns:auto 1fr;flex:1 1 100%}
 .bpp-api-page .bpp-api-site-row select{grid-column:1/-1;width:100%}
 .bpp-courier-panel .bpp-courier-datebar,.bpp-courier-panel .bpp-courier-listbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}
 .bpp-courier-panel .bpp-courier-datebar>* ,.bpp-courier-panel .bpp-courier-listbar>*{min-width:0;width:100%}
 .bpp-courier-panel .bpp-courier-dates{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .bpp-courier-panel .bpp-courier-dates input{min-width:0;width:100%}
}

.bpp-workload-page .bpp-department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:stretch}
.bpp-department-grid .bpp-department-card{min-width:0;min-height:0;padding:1rem;text-align:start}
.bpp-department-grid .bpp-department-card-top{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem}
.bpp-department-grid .bpp-department-card-top>.bpp-workload-icon{display:block;width:2.5rem!important;height:2.5rem!important;max-width:100%}
.bpp-department-grid .bpp-department-card-top>h3{min-width:0;margin:0;word-break:normal;overflow-wrap:normal;white-space:normal}
.bpp-department-grid .bpp-department-card-top>strong{justify-self:end;font-variant-numeric:tabular-nums}
.bpp-department-grid .bpp-department-card>p{margin:.65rem 0 0}
.bpp-workload-page .bpp-workload-symbol>.bpp-workload-icon{width:1.5rem;height:1.5rem}
.bpp-workload-page .bpp-workload-department>svg,.bpp-workload-page .bpp-workload-search>svg{width:1rem;height:1rem;flex:none}
/* Match the finance content width and reflow based on its available space. */
.bpp-finance-page{container:bpp-finance / inline-size}
.bpp-finance-page .bpp-finance-date-filter{
 display:grid!important;box-sizing:border-box;
 inline-size:100%!important;max-inline-size:100%!important;
 grid-template-columns:repeat(3,minmax(0,1fr)) auto;
 align-items:end;gap:.55rem .7rem;border-color:#dbe4ec
}
.bpp-finance-page .bpp-finance-date-filter>label{
 display:grid!important;grid-template-columns:minmax(0,1fr);gap:.25rem;
 min-width:0!important;margin:0;white-space:normal
}
.bpp-finance-page .bpp-finance-date-filter>label :is(input,button){
 box-sizing:border-box;width:100%;max-width:100%;min-width:0!important;margin:0
}
.bpp-finance-page .bpp-finance-date-filter>button{min-width:0;width:auto;white-space:nowrap}
.bpp-finance-page .bpp-finance-date-filter>p{grid-column:1/-1}
@container bpp-finance (max-width:640px){
 .bpp-finance-page .bpp-finance-date-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bpp-finance-page .bpp-finance-date-filter>button{justify-self:stretch}
}
@container bpp-finance (max-width:355px){
 .bpp-finance-page .bpp-finance-date-filter{grid-template-columns:minmax(0,1fr)}
}
@supports not (container-type:inline-size){
 @media(max-width:740px){
  .bpp-finance-page .bpp-finance-date-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
 }
 @media(max-width:390px){
  .bpp-finance-page .bpp-finance-date-filter{grid-template-columns:minmax(0,1fr)}
 }
}

.bpp-manual-order-item{min-width:0;display:grid;gap:.65rem;padding:.85rem;border:1px solid #dbe4ec;border-radius:.85rem;background:#f8fafc}
.bpp-manual-item-grid{display:grid;gap:.55rem;align-items:end;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bpp-manual-item-field{display:grid;min-width:0;gap:.25rem;font-size:.8rem;font-weight:600}
.bpp-manual-item-field input{width:100%;min-width:0}
.bpp-manual-item-field:first-child,.bpp-manual-item-grid>button{grid-column:1/-1}
@media(min-width:600px){
 .bpp-manual-item-grid{grid-template-columns:minmax(0,1fr) minmax(4.5rem,.36fr) minmax(5.5rem,.48fr) auto}
 .bpp-manual-item-field:first-child,.bpp-manual-item-grid>button{grid-column:auto}
}