/* Compact customer listing; desktop styles remain in project.css. */
@media all{
 body:is(.is-sales,:has(.sales-container)) .header{height:52px;min-height:52px}
 body:is(.is-sales,:has(.sales-container)) .brand img{width:112px;height:40px;object-fit:contain}
 body:is(.is-sales,:has(.sales-container)) .page-banner{padding:9px 4%}
 body:is(.is-sales,:has(.sales-container)) .page-banner h1{font-size:21px;line-height:1.25}
 body:is(.is-sales,:has(.sales-container)) #main>.sales-container{width:96%;padding-top:6px}
 body:is(.is-sales,:has(.sales-container)) .sales-sticky{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:0 8px;padding:8px;border-radius:6px;top:0}
 body:is(.is-sales,:has(.sales-container)) .sales-quick-filters{grid-column:1;grid-row:1;gap:7px;grid-template-columns:1.2fr 1fr}
 body:is(.is-sales,:has(.sales-container)) .sales-quick-filters label{font-size:10px;gap:3px}
 body:is(.is-sales,:has(.sales-container)) .sales-quick-filters select{min-height:36px;font-size:12px;padding:5px}
 body:is(.is-sales,:has(.sales-container)) .sales-filter-bottom{grid-column:1/-1;grid-row:3;margin:0;font-size:10px;min-height:25px}
 body:is(.is-sales,:has(.sales-container)) .sales-reset{min-height:28px;padding:4px 7px}
 body:is(.is-sales,:has(.sales-container)) .sales-more-filters{display:contents}
 body:is(.is-sales,:has(.sales-container)) .sales-more-filters>summary{grid-column:2;grid-row:1;align-self:end;min-height:36px;padding:8px 4px;border:1px solid #cbd5e1;border-radius:6px;margin:0;font-size:10px;align-items:center;gap:2px}
 body:is(.is-sales,:has(.sales-container)) .sales-advanced{grid-column:1/-1;grid-row:2;padding:10px 0;max-height:40svh}
 body:is(.is-sales,:has(.sales-container)) .sales-more-filters:not([open]) .sales-advanced{display:none}
 body:is(.is-sales,:has(.sales-container)) .sales-result-meta{margin:8px 3px}
 body:is(.is-sales,:has(.sales-container)) .unit-list,body:is(.is-sales,:has(.sales-container)) .unit-list.grid{gap:9px}
 body:is(.is-sales,:has(.sales-container)) .unit-card,body:is(.is-sales,:has(.sales-container)) .grid .unit-card{grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto;min-height:132px;margin:0;padding:10px;column-gap:10px;border-radius:7px;box-shadow:none;position:relative}
 body:is(.is-sales,:has(.sales-container)) .unit-picture,body:is(.is-sales,:has(.sales-container)) .grid .unit-picture{grid-column:1;grid-row:1/3;align-self:start;width:116px;height:87px;min-height:0;aspect-ratio:4/3;border-radius:4px;overflow:hidden}
 body:is(.is-sales,:has(.sales-container)) .unit-picture img{width:100%;height:100%;object-fit:cover}
 body:is(.is-sales,:has(.sales-container)) .unit-picture .status{font-size:8px;padding:3px 5px;top:4px;left:4px}
 body:is(.is-sales,:has(.sales-container)) .unit-picture .photo-count{font-size:8px;padding:3px 4px;bottom:3px;left:3px}
 body:is(.is-sales,:has(.sales-container)) .unit-info,body:is(.is-sales,:has(.sales-container)) .grid .unit-info{padding:0;grid-column:2;grid-row:1;min-width:0}
 body:is(.is-sales,:has(.sales-container)) .unit-info .project-code{font-size:10px;letter-spacing:.3px}
 body:is(.is-sales,:has(.sales-container)) .unit-info h2,body:is(.is-sales,:has(.sales-container)) .grid .unit-info h2{font-size:14px;line-height:1.3;margin:3px 0;overflow-wrap:anywhere}
 body:is(.is-sales,:has(.sales-container)) .unit-type{font-size:10px;line-height:1.35}
 body:is(.is-sales,:has(.sales-container)) .unit-key-facts{gap:3px;margin:5px 0 0}
 body:is(.is-sales,:has(.sales-container)) .unit-key-facts span{font-size:9px;padding:2px 4px}
 body:is(.is-sales,:has(.sales-container)) .unit-price,body:is(.is-sales,:has(.sales-container)) .grid .unit-price{grid-column:2;grid-row:2;padding:6px 0 0;align-self:end;border:0}
 body:is(.is-sales,:has(.sales-container)) .unit-price .price{font-size:18px;line-height:1.2;margin:0;color:#253951;font-family:Arial,sans-serif;font-weight:700;white-space:nowrap}
 body:is(.is-sales,:has(.sales-container)) .unit-price,body:is(.is-sales,:has(.sales-container)) .grid .unit-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
 body:is(.is-sales,:has(.sales-container)) .unit-actions{display:flex;justify-content:flex-end;margin:0}
 body:is(.is-sales,:has(.sales-container)) .unit-actions a:not(.detail-link){display:none}
 body:is(.is-sales,:has(.sales-container)) .unit-actions .detail-link{display:inline-flex;flex:0 1 auto;min-height:36px;padding:7px 9px;font-size:11px;border-radius:5px;background:#edcc61;color:#162c46;white-space:nowrap}
 body:is(.is-sales,:has(.sales-container)) .unit-info h2 a::after{content:none}
 body:is(.is-sales,:has(.sales-container)) .unit-card:focus-within{outline:2px solid #b08a3c;outline-offset:2px}
}
@media(max-width:360px){body:is(.is-sales,:has(.sales-container)) .unit-card,body:is(.is-sales,:has(.sales-container)) .grid .unit-card{grid-template-columns:100px minmax(0,1fr);column-gap:8px;padding:8px}body:is(.is-sales,:has(.sales-container)) .unit-picture,body:is(.is-sales,:has(.sales-container)) .grid .unit-picture{width:100px;height:75px}body:is(.is-sales,:has(.sales-container)) .unit-price .price{font-size:16px}}