/* Dense data selection, scoped away from checkout and account forms. */
#filterModal .modal__body{column-gap:var(--s6)}
#filterModal .form-group{margin-bottom:var(--s3);min-width:0}
#filterModal .form-row{gap:var(--s3);margin-bottom:0}
#filterModal .form-row>.form-group{flex:1;min-width:0}
#filterModal .form-label{font-size:13px;line-height:1.4;margin-bottom:var(--s1)}
#filterModal :is(.form-input,.form-select,.industry-picker__search,.dropdown-picker__trigger,.dropdown-picker__search){min-height:36px;height:auto;padding:var(--s2) var(--s3);font-size:14px;line-height:1.3;border-radius:var(--radius-control)}
#filterModal .industry-picker__search{border:0;border-bottom:var(--rule) solid var(--border);border-radius:0}
#filterModal .emp-preset-btn{min-height:28px;padding:var(--s1) var(--s2);font-size:13px}
#filterModal .checkbox-grid{gap:0;padding:var(--s1) var(--s2);max-height:160px}
#filterModal .checkbox-grid__item{min-height:28px;padding:var(--s1) 0;gap:var(--s2);font-size:13px;align-items:flex-start;line-height:1.4}
#filterModal .checkbox-grid__label{white-space:normal;overflow:visible;overflow-wrap:anywhere}
#filterModal label.form-label:has(> input:is([type=checkbox],[type=radio])){min-height:28px;padding:var(--s1) 0;gap:var(--s2);margin:0;font-size:14px}
#filterModal :is(.checkbox-grid__item,label.form-label)>input[type=checkbox]{width:16px;height:16px;flex:none;margin-top:2px}
#filterModal .form-hint{font-size:12px;line-height:1.45;margin-top:var(--s1)}
#filterModal .filter-section-header{min-height:32px;padding-block:var(--s1);font-size:14px}
#filterModal .industry-tags{margin-bottom:var(--s1);max-height:64px}
#filterModal .industry-tag{font-size:12px;line-height:1.4;padding:2px var(--s2)}
#filterModal .dropdown-picker__panel{max-width:100%}
#filterModal .dropdown-picker__trigger span{white-space:normal;text-align:left}
.search-page .search-head{padding-top:var(--s6)}
.search-page .search-body{padding-top:var(--s6)}
#filterModal.page-mode .modal{gap:var(--s6);grid-template-columns:minmax(0,1fr) 300px}
#filterModal.page-mode .modal__footer{padding:var(--s4);gap:var(--s3)}
#filterModal.page-mode .filter-contact-box{display:none}
#filterModal.page-mode .estimate__count{font-size:32px}
/* Both the portal search and the new-monitor filter engine use filter-field. */
.page .filter-panel{position:static;padding:var(--s4)}
:is(.page,.modal) .filter-field{margin-bottom:var(--s3)}
:is(.page,.modal) .filter-field>label:first-child{font-size:13px;line-height:1.4;margin:0 0 var(--s1)}
:is(.page,.modal) .filter-field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:36px;height:auto;padding:var(--s2) var(--s2);font-size:14px;line-height:1.3;margin:0;min-width:0}
:is(.page,.modal) .filter-field .industry-picker__search{border:0;border-bottom:var(--rule) solid var(--border);border-radius:0;padding-inline:var(--s3)}
:is(.page,.modal) .filter-field :is(.chip,.country-opt){min-height:28px;font-size:13px;padding:var(--s1) var(--s2);gap:var(--s1)}
:is(.page,.modal) .filter-field .country-opt .flag{width:18px;height:14px;flex:none}
:is(.page,.modal) .filter-field :is(.chk-list__item,label:has(>input.chk)){min-height:28px;font-size:13px;line-height:1.4;padding-block:var(--s1);gap:var(--s2)}
:is(.page,.modal) .filter-field .chk-list__item span{white-space:normal;overflow:visible;overflow-wrap:anywhere}
:is(.page,.modal) .filter-field input.chk{width:16px;height:16px;flex:none}
:is(.page,.modal) .filter-field .chk-list{max-height:160px;padding:var(--s1) var(--s2);gap:0}
:is(.page,.modal) .filter-field .range-row{gap:var(--s2)}
:is(.page,.modal) .filter-field .chips{gap:var(--s1);margin-top:var(--s1)}
:is(.page,.modal) .filter-field .hint{font-size:12px;line-height:1.45;margin-top:var(--s1)}
.page .more-toggle{min-height:32px;margin-block:var(--s1);font-size:14px}
@media(min-width:1100px){.page .search-grid{grid-template-columns:380px minmax(0,1fr);gap:var(--s6)}}
@media(max-width:1023px){#filterModal.page-mode .modal{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){
 #filterModal :is(.form-input,.form-select,.industry-picker__search,.dropdown-picker__trigger,.dropdown-picker__search),
 :is(.page,.modal) .filter-field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;font-size:16px}
 #filterModal :is(.checkbox-grid__item,.emp-preset-btn,.filter-section-header),
 #filterModal label.form-label:has(>input),
 :is(.page,.modal) .filter-field :is(.chip,.country-opt,.chk-list__item,label:has(>input.chk)){min-height:44px}
}
:is(.page,.modal) .filter-field:has(>label>input.chk){margin-bottom:var(--s1)}
.search-page .search-head{grid-template-columns:minmax(0,1fr) 300px;column-gap:var(--s6)}
.search-country select{min-height:36px;padding:var(--s2) var(--s12) var(--s2) var(--s3);font-size:14px}
@media(max-width:1023px){.search-page .search-head{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){.search-country select{min-height:44px;font-size:16px}}
@media(max-width:1023px){
 #filterModal.page-mode .modal__footer{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:var(--s2);padding:var(--s3);padding-bottom:max(var(--s3),env(safe-area-inset-bottom))}
 #filterModal.page-mode .estimate{min-width:0}
 #filterModal.page-mode .estimate__count{font-size:24px;line-height:1.15}
 #filterModal.page-mode .estimate__count-label{font-size:12px;line-height:1.3}
 #filterModal.page-mode .search-start-hint{display:none}
 #filterModal.page-mode .modal__footer-actions{min-width:0}
 #filterModal.page-mode .modal__footer-actions .btn{width:100%;min-width:0;min-height:44px;font-size:14px;white-space:normal;flex-direction:column;gap:2px;padding:var(--s2) var(--s4)}
 #filterModal.page-mode .btn__price-pill{white-space:nowrap;font-size:14px;padding:2px var(--s2)}
 #filterModal.page-mode #btnOrder{display:grid;grid-template-columns:minmax(0,1fr) 20px;column-gap:var(--s1);padding-inline:var(--s2)}
 #filterModal.page-mode #btnOrder :is(.btn__label,.btn__price-pill){grid-column:1}
 #filterModal.page-mode #btnOrder>.action-corner{grid-column:2;grid-row:1/3;width:20px;height:20px}
 #filterModal.page-mode .signup-gate{padding:var(--s3);background:var(--selection);border:var(--rule) solid var(--border)}
 #filterModal.page-mode .signup-gate__text{display:block}
}
#filterModal.page-mode>.signup-gate{margin-top:var(--s4)}
@media(min-width:1024px){#filterModal.page-mode>.signup-gate{max-width:calc(100% - 300px - var(--s6))}}

/* An order summary is not a scroll container. Let each action fit its column,
   including a populated amount and longer translated labels. */
#filterModal.page-mode .modal__footer-actions { width:100%; min-width:0; }
#filterModal.page-mode .modal__footer-actions .btn { min-width:0; max-width:100%; white-space:normal; padding-inline:var(--s3); }
#filterModal.page-mode #btnOrder { display:grid; grid-template-columns:minmax(0,1fr) 20px; column-gap:var(--s2); row-gap:var(--s1); font-size:14px; }
#filterModal.page-mode #btnOrder .btn__label { grid-column:1; grid-row:1; min-width:0; white-space:normal; overflow-wrap:anywhere; letter-spacing:0; }
#filterModal.page-mode #btnOrder .btn__price-pill { grid-column:1; grid-row:2; justify-self:center; min-width:0; max-width:100%; margin:0; padding:var(--s1) var(--s2); font-size:14px; white-space:nowrap; box-shadow:none; }
#filterModal.page-mode #btnOrder>.action-corner { grid-column:2; grid-row:1/3; width:20px; height:20px; }
#filterModal.page-mode #btnPreview { font-size:14px; gap:var(--s2); }
#filterModal.page-mode #btnPreview>span { min-width:0; overflow-wrap:anywhere; }
#filterModal.page-mode .estimate { min-width:0; max-width:100%; }
#filterModal.page-mode .estimate__price-details { overflow-wrap:anywhere; }