/* Design Calculator 9.3 UX / responsiveness layer */
#modalBack .modal.pfc-design-sizing-steady{
  width:min(950px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#modalBack .modal.pfc-design-sizing-steady .modalBody{
  min-width:0!important;
  overflow-x:hidden!important;
}
#es_tab_designcalcs,
#es_tab_designcalcs .section,
#es_tab_designcalcs .body,
#es_tab_designcalcs .row,
#es_tab_designcalcs .row2{min-width:0!important;box-sizing:border-box}
#es_tab_designcalcs .row2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#es_tab_designcalcs input,
#es_tab_designcalcs select,
#es_tab_designcalcs button{
  max-width:100%!important;
  box-sizing:border-box!important;
}
#es_tab_designcalcs .row input,
#es_tab_designcalcs .row select{width:100%!important;min-width:0!important}
#es_tab_designcalcs .pfc-dc-subtabs{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:5px!important;
}
#es_tab_designcalcs .pfc-dc-subtabs .btn{
  width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;
}
#es_tab_designcalcs .pfc-dc-actions{
  display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px
}
#es_tab_designcalcs .pfc-dc-actions .btn{flex:1 1 150px;min-height:32px}
#es_tab_designcalcs .pfc-dc-validation{
  display:none;border:1px solid #9a7b00;border-radius:5px;padding:7px 9px;margin:6px 0;
  font-size:10px;line-height:1.4;background:rgba(154,123,0,.08)
}
#es_tab_designcalcs .pfc-dc-validation.show{display:block}
#es_tab_designcalcs .pfc-dc-validation.error{border-color:#a33;background:rgba(170,50,50,.08)}
#es_tab_designcalcs .pfc-dc-invalid{outline:2px solid #a33!important;outline-offset:-1px}
#es_tab_designcalcs .pfc-dc-field-help{
  display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;
  border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:700;cursor:help;vertical-align:middle;opacity:.75
}
#es_tab_designcalcs .pfc-dc-recommend{
  position:sticky;top:0;z-index:2;backdrop-filter:blur(3px)
}
#es_tab_designcalcs details.pfc-dc-details{
  margin:7px 0;border:1px solid var(--line,#4b5563);border-radius:6px;overflow:hidden
}
#es_tab_designcalcs details.pfc-dc-details>summary{
  cursor:pointer;padding:7px 10px;font-weight:700;background:rgba(127,127,127,.06);user-select:none
}
#es_tab_designcalcs details.pfc-dc-details>.pfc-dc-detail-body{padding:4px 0}
#es_tab_designcalcs .table-wrap,
#es_tab_designcalcs details.pfc-dc-details .table{max-width:100%}
#es_tab_designcalcs details.pfc-dc-details{overflow-x:auto}
#es_tab_designcalcs .pfc-dc-tabguide{
  font-size:9px;line-height:1.35;opacity:.8;margin:0 0 7px
}
@media (max-width:900px){
  #es_tab_designcalcs .pfc-dc-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:680px){
  #modalBack{padding:5px!important}
  #modalBack .modal.pfc-design-sizing-steady{
    width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;
    left:5px!important;right:auto!important;top:5px!important;
  }
  #es_tab_designcalcs .row2{grid-template-columns:minmax(0,1fr)!important}
  #es_tab_designcalcs .pfc-dc-subtabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #es_tab_designcalcs .pfc-dc-actions{display:grid;grid-template-columns:minmax(0,1fr)!important}
  #es_tab_designcalcs .pfc-dc-actions .btn{width:100%!important}
  #es_tab_designcalcs .table{font-size:9px!important}
}
@media (max-width:430px){
  #es_tab_designcalcs .pfc-dc-subtabs{grid-template-columns:minmax(0,1fr)!important}
  #es_tab_designcalcs .pfc-dc-recommend .pfc-dc-primary{font-size:14px}
}