/* Home Designs field component: this file owns mobile field geometry.
   Labels and values occupy separate rows; do not simulate rows with select
   padding (native selects differ between browsers). All arrows use one asset. */
.compact-filter-footer[hidden],.compact-search-row[hidden]{display:none}
.trial-site .filter-shell :is(select,.filter-dropdown-toggle,input[type=search]){font-family:Montserrat,Arial,sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#304550}
@media(max-width:760px){
 .trial-site .filter-shell{padding:12px;border-radius:20px;--field-height:56px;--field-inset:13px;--field-label-top:7px;--field-value-top:22px;--field-value-height:32px;--field-arrow-center:38px}
 .trial-site .filter-shell-heading h2{font-size:22px;line-height:1.2}
 .trial-site .manual-filters{margin-top:12px}
 .trial-site .filter-bar{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .trial-site .filter-bar .filter-field--boxed{position:relative;box-sizing:border-box;min-width:0;height:var(--field-height);border:1px solid #cbd6df;border-radius:16px;background:#fff}
 .trial-site .filter-bar .filter-field--boxed>label{position:absolute;box-sizing:border-box;inset:0 0 auto;height:var(--field-value-top);margin:0;padding:var(--field-label-top) var(--field-inset) 0;font:600 10px/14px Montserrat,Arial,sans-serif;letter-spacing:.25px;text-transform:uppercase;white-space:nowrap;cursor:pointer}
 .trial-site .filter-bar .filter-field--boxed>:is(select:not([hidden]),.filter-dropdown-toggle,input[type=search]){position:absolute;box-sizing:border-box;top:var(--field-value-top);left:var(--field-inset);width:calc(100% - 2 * var(--field-inset));height:var(--field-value-height);min-height:0;margin:0;border:0;border-radius:0;padding:0 24px 0 0;background:none;appearance:none;box-shadow:none;outline:none;font:400 13px/20px Montserrat,Arial,sans-serif;color:#304550;text-align:left;text-overflow:ellipsis}
 .trial-site .filter-bar .filter-field--boxed>.filter-dropdown-toggle{display:flex;align-items:center;justify-content:flex-start;gap:0}
 .trial-site .filter-bar .filter-field--boxed>.filter-dropdown-toggle>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
 .trial-site .filter-bar .filter-field--boxed>.filter-dropdown-toggle>[aria-hidden=true]{display:none}
 .trial-site .filter-bar .filter-field--boxed:has(>select:not([hidden]),>.filter-dropdown-toggle)::after{content:'';position:absolute;pointer-events:none;right:var(--field-inset);top:calc(var(--field-arrow-center) - 5px);width:14px;height:10px;background:center/14px 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23004b76' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
 .trial-site .filter-bar .filter-field--boxed:focus-within{border-color:#006ab6;box-shadow:0 0 0 3px #006ab624}
 .trial-site .filter-bar .filter-field--boxed>input[type=search]{padding-right:0}
 .trial-site .filter-bar .filter-field--boxed>input[type=search]:focus{font-size:16px}
 .compact-search-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .compact-search-row>.filter-field{position:relative;min-width:0}
 .trial-site .compact-search-row .filter-actions-label{display:none}
 .trial-site .filter-bar .compact-search-row .filter-reset-button{box-sizing:border-box;width:100%;height:var(--field-height);min-height:var(--field-height);padding:8px 12px;border-radius:16px;font:500 13px/20px Montserrat,Arial,sans-serif;white-space:normal}
 .compact-filter-footer{display:flex;align-items:center;gap:8px;margin-top:8px;min-height:18px}
 .trial-site .compact-filter-footer .draft-count{margin:0;font-size:12px;line-height:18px;flex:1}
 .trial-site .card--results{margin-top:16px;row-gap:8px}
 .trial-site .card--results .brand-catalogue-note{display:none}
 .trial-site .card--results>.table-header{padding-inline:12px}
 .trial-site .card--results #homes-title{font-size:22px}
 .trial-site .card--results .trial-browse-tools>.browse-shortlist{flex:0 0 100%}
 .trial-site .card--results .browse-shortlist .trial-shortlist-filter{min-height:44px;gap:6px;font-size:12px;line-height:16px;cursor:pointer}
 .trial-site .card--results #trialChips{grid-row:3}
 .trial-site .card--results #similarStatus{grid-row:4}
 .trial-site .card--results #dataTable{grid-row:5}
}

/* One compact browsing row: equal-width native sort and action-prompt filter. */
.trial-site .card--results>.table-header{display:none}
.trial-site .card--results>.trial-browse-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-column:1/-1!important;grid-row:1!important;align-items:end;gap:8px;margin:0;padding:0 12px}
.trial-site .card--results .browse-shortlist{display:none!important}
.trial-site .card--results .selector-sort{display:grid;gap:4px;position:static;grid-column:1;grid-row:1;min-width:0;width:100%;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;text-align:left;align-self:end}
.trial-site .selector-sort .compact-sort-label{position:static;font:600 12px/16px Montserrat,Arial;letter-spacing:0;text-transform:none;color:#304550}
.trial-site .card--results .selector-sort select,.trial-site .card--results .trial-shortlist-filter{box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;border:1px solid #cbd6df;border-radius:999px!important;background-color:#fff;color:#304550;font:400 12px/18px Montserrat,Arial,sans-serif}
.trial-site .card--results .selector-sort select{padding:8px 30px 8px 12px}
.trial-site .card--results .trial-shortlist-filter{grid-column:2!important;grid-row:1!important;display:flex;align-items:center;justify-content:center;align-self:end;gap:6px;padding:7px 9px;cursor:pointer;text-align:center}
.trial-site .trial-shortlist-filter input{flex:none;width:16px;height:16px;margin:0;accent-color:#006ab6}
.trial-site .trial-shortlist-filter:has(input:checked){background:#e7f2f8;border-color:#006ab6}
.trial-site .trial-shortlist-filter:focus-within{outline:2px solid #006ab6;outline-offset:2px}
@media(min-width:761px){.trial-site .card--results>.trial-browse-tools{max-width:560px}}

.trial-site .card--results #trialChips{grid-row:2}.trial-site .card--results #similarStatus{grid-row:3}.trial-site .card--results #dataTable{grid-row:4}
.trial-site .card--results #trialChips:empty{display:none}