/* Compact screen layout. Loaded last to override the older workspace rules. */
@media screen {
  body.app-ready #dashboard.page .bc-dash-hero{gap:12px!important;padding:0 0 12px!important;margin-bottom:12px!important}
  body.app-ready #dashboard.page .bc-dash-hero h2{font-size:1.25rem!important;line-height:1.25!important;letter-spacing:0!important}
  body.app-ready #dashboard.page .bc-dash-eyebrow,
  body.app-ready #dashboard.page .bc-dash-hero p,
  body.app-ready #dashboard.page .bc-dash-date{font-size:.75rem!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-dash-eyebrow{margin-bottom:3px!important}
  body.app-ready #dashboard.page .bc-dash-hero p{margin-top:4px!important}
  body.app-ready #dashboard.page .bc-dash-date{padding:5px 8px!important}

  body.app-ready #dashboard.page .bc-dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}
  body.app-ready #dashboard.page .bc-dash-kpi{box-sizing:border-box!important;min-height:90px!important;padding:10px 12px!important;gap:8px!important;border-radius:9px!important;grid-column:auto!important}
  body.app-ready #dashboard.page .bc-dash-kpi .icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:7px!important;font-size:.6875rem!important}
  body.app-ready #dashboard.page .bc-dash-kpi span,
  body.app-ready #dashboard.page .bc-dash-kpi small{font-size:.75rem!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important}
  body.app-ready #dashboard.page .bc-dash-kpi strong{font-size:1.375rem!important;line-height:1.15!important;margin:3px 0!important}
  body.app-ready #dashboard.page #kpiPOValue{font-size:1.25rem!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}

  body.app-ready #dashboard.page .bc-dash-grid-main,
  body.app-ready #dashboard.page .bc-dash-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px!important;align-items:start!important}
  body.app-ready #dashboard.page .bc-dash-panel{border-radius:9px!important}
  body.app-ready #dashboard.page .bc-dash-panel-head{padding:10px 12px!important;gap:8px!important}
  body.app-ready #dashboard.page .bc-dash-panel h3{font-size:.875rem!important;line-height:1.3!important}
  body.app-ready #dashboard.page .bc-dash-count{min-width:24px!important;padding:3px 6px!important;font-size:.75rem!important;line-height:1.25!important}
  body.app-ready #dashboard.page .bc-dash-list,
  body.app-ready #dashboard.page .bc-dash-price-list,
  body.app-ready #dashboard.page .bc-dash-project-list,
  body.app-ready #dashboard.page .bc-dash-activity{padding:0 12px!important}
  body.app-ready #dashboard.page .bc-dash-alert,
  body.app-ready #dashboard.page .bc-dash-price,
  body.app-ready #dashboard.page .bc-dash-project,
  body.app-ready #dashboard.page .bc-dash-activity-row{padding:8px 0!important;gap:8px!important}
  body.app-ready #dashboard.page .bc-dash-alert-copy>span,
  body.app-ready #dashboard.page .bc-dash-price b,
  body.app-ready #dashboard.page .bc-dash-project b,
  body.app-ready #dashboard.page .bc-dash-activity-row b{font-size:.8125rem!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-dash-alert-copy b,
  body.app-ready #dashboard.page .bc-dash-alert-copy small,
  body.app-ready #dashboard.page .bc-dash-price small,
  body.app-ready #dashboard.page .bc-dash-project small,
  body.app-ready #dashboard.page .bc-dash-activity-row small,
  body.app-ready #dashboard.page .bc-dash-activity-row time{font-size:.75rem!important;line-height:1.3!important}
  body.app-ready #dashboard.page .bc-dash-price strong{font-size:.875rem!important;line-height:1.3!important}
  body.app-ready #dashboard.page .bc-plus-dashboard-actions{gap:8px!important;margin-bottom:12px!important}
  body.app-ready #dashboard.page #dashQuickActions{gap:8px!important}
  body.app-ready #dashboard.page .bc-plus-next-row{gap:8px!important;padding:9px 12px!important}
  body.app-ready #dashboard.page .bc-plus-document-type{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:.75rem!important}
  body.app-ready #dashboard.page .bc-plus-next-copy b{font-size:.8125rem!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-plus-next-copy small,
  body.app-ready #dashboard.page .bc-plus-queue-total{font-size:.75rem!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-plus-queue-total{padding:8px 12px!important}
  body.app-ready #dashboard.page .bc-plus-empty{padding:16px 12px!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-plus-empty>span{width:28px!important;height:28px!important;margin-bottom:7px!important}
  body.app-ready #dashboard.page .bc-plus-empty b,
  body.app-ready #dashboard.page .bc-plus-empty p{font-size:.8125rem!important;line-height:1.35!important}
  body.app-ready #dashboard.page .bc-plus-empty p{margin-top:4px!important}
  body.app-ready #dashboard.page .bc-dash-empty{padding:14px 4px!important;font-size:.8125rem!important}
  body.app-ready #dashboard.page .bc-dash-link,
  body.app-ready #dashboard.page .bc-plus-dashboard-actions button,
  body.app-ready #dashboard.page .bc-plus-next-row button,
  body.app-ready #dashboard.page .bc-dash-alert button{min-height:34px!important;padding:6px 9px!important;font-size:.8125rem!important;line-height:1.3!important}

  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-flow{margin-bottom:12px!important;border-radius:9px!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-flow button{min-height:56px!important;padding:8px 10px!important;gap:8px!important;flex-wrap:nowrap!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-stage-number{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:.75rem!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-stage-copy b,
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-stage-count{font-size:.8125rem!important;line-height:1.3!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-stage-copy small{font-size:.75rem!important;line-height:1.3!important;margin-top:2px!important}
  body.app-ready :is(#dashboard,#rfqs).page :is(.erp-status,.erp-status-chip,.bc-plus-status,.bc-rfq-review-badge),
  body.app-ready :is(#rfqModal,#rfqComparisonModal,#rfqAwardModal) :is(.erp-status,.erp-status-chip,.bc-rfq-review-badge){font-size:.75rem!important;line-height:1.3!important;padding:3px 7px!important;letter-spacing:0!important}
  body.app-ready #dashboard.page .bc-plus-status-key>span:first-child{font-size:.75rem!important}

  body.app-ready #rfqs.page .erp-page-head h2{font-size:1.125rem!important;line-height:1.3!important}
  body.app-ready :is(#purchase_requests,#rfqs,#purchase_orders).page .erp-stat-row{gap:10px!important;margin-bottom:12px!important}
  body.app-ready :is(#purchase_requests,#rfqs,#purchase_orders).page .erp-stat{min-height:70px!important;padding:10px 12px!important}
  body.app-ready :is(#purchase_requests,#rfqs,#purchase_orders).page .erp-stat span{font-size:.75rem!important;line-height:1.3!important}
  body.app-ready :is(#purchase_requests,#rfqs,#purchase_orders).page .erp-stat b{font-size:1.25rem!important;line-height:1.2!important;margin-top:3px!important}
  body.app-ready #rfqs.page .bc-rfq-group-list{gap:10px!important}
  body.app-ready #rfqs.page .bc-rfq-group-head{padding:12px 14px 10px!important;gap:10px!important}
  body.app-ready #rfqs.page .bc-rfq-group-name strong{font-size:.875rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-group-name small{font-size:.75rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-pr-badge{min-width:0!important;padding:5px 8px!important;font-size:.75rem!important}
  body.app-ready #rfqs.page .bc-rfq-group-meta{gap:0!important;font-size:.8125rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-group-meta div{padding:8px 10px!important}
  body.app-ready #rfqs.page .bc-rfq-group-meta span{font-size:.75rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-group-meta b{font-size:.8125rem!important;line-height:1.3!important;margin-top:3px!important}
  body.app-ready #rfqs.page .bc-rfq-mini-grid{padding:10px 14px!important;gap:8px!important}
  body.app-ready #rfqs.page .bc-rfq-mini-quote{padding:9px 10px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)!important}
  body.app-ready #rfqs.page .bc-rfq-mini-copy strong{font-size:.8125rem!important;line-height:1.3!important;white-space:normal!important}
  body.app-ready #rfqs.page .bc-rfq-mini-copy small,
  body.app-ready #rfqs.page .bc-rfq-mini-value small,
  body.app-ready #rfqs.page .bc-rfq-lowest{font-size:.75rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-mini-value b{font-size:.875rem!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.app-ready #rfqs.page .bc-rfq-mini-open{min-height:28px!important;padding:4px 0!important;font-size:.75rem!important;line-height:1.3!important}
  body.app-ready #rfqs.page .bc-rfq-group-foot{padding:9px 14px!important;gap:8px!important}
  body.app-ready #rfqs.page .bc-rfq-group-foot p{font-size:.75rem!important;line-height:1.35!important}
  body.app-ready #rfqs.page .bc-rfq-group-foot button{min-height:34px!important;padding:6px 10px!important;font-size:.8125rem!important;line-height:1.3!important}

  body.app-ready :is(#rfqModal,#rfqComparisonModal,#rfqAwardModal) .modalbox{font-size:.8125rem!important;line-height:1.4!important}
  body.app-ready #rfqModal .modalbox.erp-modalbox{padding:16px!important}
  body.app-ready #rfqModal .modalbox.erp-modalbox .erp-form{padding:12px 0 0!important;gap:10px!important}
  body.app-ready #rfqModal .modalbox .erp-modal-head h2,
  body.app-ready #rfqComparisonModal .bc-rfq-compare-head h2,
  body.app-ready #rfqAwardModal .bc-rfq-award-head h2{font-size:1.125rem!important;line-height:1.3!important}
  body.app-ready #rfqModal .erp-modal-head{padding-bottom:12px!important;margin-bottom:12px!important;gap:10px!important}
  body.app-ready #rfqModal .erp-form label,
  body.app-ready #rfqModal .bc-rfq-spec-field,
  body.app-ready #rfqAwardModal .bc-rfq-award-reason{font-size:.8125rem!important;line-height:1.35!important;gap:4px!important}
  body.app-ready #rfqModal :is(.erp-form,.erp-lines,.erp-tax-control) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:.8125rem!important;line-height:1.35!important;padding:7px 9px!important;min-height:34px!important}
  body.app-ready #rfqModal .erp-form textarea,
  body.app-ready #rfqModal .erp-lines textarea{min-height:48px!important}
  body.app-ready #rfqModal .erp-lines th,
  body.app-ready #rfqModal .erp-lines td{font-size:.8125rem!important;line-height:1.35!important;padding:8px 10px!important}
  body.app-ready #rfqModal .erp-lines-head h3,
  body.app-ready #rfqAwardModal .bc-rfq-award-panel h3{font-size:.875rem!important;line-height:1.35!important}
  body.app-ready #rfqModal .erp-totals strong{font-size:.875rem!important;line-height:1.3!important}
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table th,
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table td{font-size:.8125rem!important;line-height:1.35!important;padding:9px 12px!important}
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table thead strong,
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table .bc-rfq-table-total th,
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table .bc-rfq-table-total td{font-size:.875rem!important;line-height:1.3!important}
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table small,
  body.app-ready #rfqComparisonModal .bc-rfq-comparison-table .bc-rfq-lowest{font-size:.75rem!important}
  body.app-ready :is(#rfqModal,#rfqComparisonModal,#rfqAwardModal) :is(.bc-rfq-review-warning,.bc-rfq-save-message,.bc-rfq-source-spec,.bc-rfq-additional){font-size:.8125rem!important;line-height:1.4!important}
  body.app-ready #rfqComparisonModal .bc-rfq-table-actions button,
  body.app-ready #rfqModal .erp-actions button,
  body.app-ready #rfqAwardModal .bc-rfq-award-actions button{min-height:34px!important;padding:7px 10px!important;font-size:.8125rem!important;line-height:1.3!important}
}

@media screen and (min-width:1280px){
  body.app-ready #dashboard.page .bc-dash-kpis{grid-template-columns:minmax(0,1.55fr) repeat(5,minmax(0,1fr))!important}
}
@media screen and (max-width:900px){
  body.app-ready #dashboard.page .bc-dash-grid-main,
  body.app-ready #dashboard.page .bc-dash-grid-bottom{grid-template-columns:1fr!important}
}
@media screen and (max-width:700px){
  body.app-ready #dashboard.page .bc-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-ready #dashboard.page .bc-dash-money{grid-column:1/-1!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-ready :is(#dashboard,#rfqs).page .bc-plus-stage-copy small{display:none!important}
  body.app-ready #dashboard.page .bc-dash-hero{gap:8px!important}
  body.app-ready #dashboard.page .bc-dash-date{padding:0!important}
  body.app-ready #rfqs.page .bc-rfq-group-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media screen and (max-width:599px){
  body.app-ready #dashboard.page .bc-dash-kpi{min-height:84px!important;padding:9px 10px!important}
  body.app-ready #dashboard.page .bc-plus-next-row button{margin-left:38px!important}
  body.app-ready #rfqs.page .bc-rfq-mini-quote{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}
  body.app-ready #dashboard.page :is(.bc-dash-link,.bc-plus-dashboard-actions button,.bc-plus-next-row button,.bc-dash-alert button),
  body.app-ready #rfqs.page :is(.bc-rfq-mini-open,.bc-rfq-group-foot button),
  body.app-ready #rfqComparisonModal .bc-rfq-table-actions button,
  body.app-ready #rfqModal .erp-actions button,
  body.app-ready #rfqAwardModal .bc-rfq-award-actions button{min-height:44px!important}
  body.app-ready #rfqModal :is(.erp-form,.erp-lines) :is(input,select,textarea),
  body.app-ready #rfqAwardModal .bc-rfq-award-reason textarea{font-size:1rem!important}
}
@media screen and (max-width:360px){
  body.app-ready #dashboard.page .bc-dash-kpis,
  body.app-ready #rfqs.page .bc-rfq-group-meta{grid-template-columns:1fr!important}
  body.app-ready #dashboard.page .bc-dash-money{grid-column:auto!important}
}