/* A shared preference controls the courier and sender catalogs. */
.listing-view{display:inline-flex;align-items:center;padding:3px;gap:3px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;flex-shrink:0}
.listing-view button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#6a7585;font:600 12px/1.4 Onest,Manrope,sans-serif;cursor:pointer;transition:background-color 150ms,color 150ms}
.listing-view button[aria-pressed=true]{background:#edf2ff;color:#2454ec}
.listing-view button:hover{background:#f4f6fa}
.listing-view button[aria-pressed=true]:hover{background:#e5edff}
.listing-view button:focus-visible{outline:2px solid #315cf5;outline-offset:2px}
.listing-view .icon{width:19px;height:19px}
.demo-grid,.listing-results{grid-template-columns:minmax(0,1fr)}
.offer-empty{grid-column:1/-1}
.result-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.offer-catalog-head{gap:12px;flex-wrap:wrap;align-items:center}
[data-listing-view=grid] .listing-results,[data-listing-view=grid] .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:840px){
 .listing-view{display:inline-flex}
 .result-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 [data-listing-view=grid] .listing-results,[data-listing-view=grid] .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 [data-listing-view=grid] .courier-offer{display:flex;flex-direction:column;padding:22px;min-width:0}
 [data-listing-view=grid] .courier-offer-header{gap:10px}
 [data-listing-view=grid] .courier-offer .courier-avatar{width:44px;height:44px;font-size:20px}
 [data-listing-view=grid] .courier-offer .courier-name{font-size:18px}
 [data-listing-view=grid] .courier-offer .courier-review-state{font-size:12px}
 [data-listing-view=grid] .courier-offer-badges{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:110px}
 [data-listing-view=grid] .courier-offer .transport-badge{font-size:12px;padding:6px 10px}
 [data-listing-view=grid] .courier-offer-route{font-size:23px;gap:7px 12px;margin:22px 0 18px}
 [data-listing-view=grid] .courier-offer-route .offer-route-arrow{font-size:25px}
 [data-listing-view=grid] .courier-offer-route .listing-flag{width:25px;height:18px;flex-basis:25px;border-radius:4px}
 [data-listing-view=grid] .courier-offer-route .city-with-flag{gap:7px;max-width:100%}
 [data-listing-view=grid] .courier-extra-row>div{gap:3px 6px}
 [data-listing-view=grid] .courier-extra-label{font-size:12px}
 [data-listing-view=grid] .courier-extra-cities{font-size:13px}
 [data-listing-view=grid] .courier-offer-facts{gap:13px;margin-bottom:14px}
 [data-listing-view=grid] .courier-key-fact{font-size:15px;gap:7px}
 [data-listing-view=grid] .courier-key-fact+.courier-key-fact{padding-left:13px}
 [data-listing-view=grid] .courier-offer-facts .offer-categories{width:100%;border:0;padding:0;gap:6px}
 [data-listing-view=grid] .courier-offer .offer-categories li{font-size:11px;padding:6px 8px}
 [data-listing-view=grid] .courier-offer-footer{margin-top:auto;padding-top:16px}
 [data-listing-view=grid] .courier-view{width:100%;font-size:14px;min-height:46px}
}
@media(max-width:839px){
 [data-listing-view=grid] .listing-results{gap:10px}
 [data-listing-view=grid] .courier-offer,[data-listing-view=grid] .offer-card-request{display:flex;flex-direction:column;min-width:0;padding:12px 10px;border-radius:14px}
 [data-listing-view=grid] .courier-offer-header{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 [data-listing-view=grid] .courier-offer-header:has(.courier-favorite){grid-template-columns:minmax(0,1fr) 32px;column-gap:2px}
 [data-listing-view=grid] .courier-offer .courier-identity{gap:6px;width:auto;grid-column:1/-1;min-width:0;padding-right:0}
 [data-listing-view=grid] .courier-offer-header:has(.courier-favorite) .courier-identity{grid-column:1;gap:5px}
 [data-listing-view=grid] .courier-offer .courier-avatar{width:25px;height:25px;font-size:12px}
 [data-listing-view=grid] .courier-offer-header:has(.courier-favorite) .courier-avatar{width:22px;height:22px;font-size:11px}
 [data-listing-view=grid] .courier-offer .courier-copy{gap:1px;overflow:hidden}
 [data-listing-view=grid] .courier-offer .courier-name{max-width:100%;font-size:13px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 [data-listing-view=grid] .courier-offer .courier-review-state{font-size:10px;line-height:1.3}
 [data-listing-view=grid] .courier-offer-badges{grid-column:1/-1;flex-direction:row;align-items:center;gap:5px}
 [data-listing-view=grid] .courier-offer-header:has(.courier-favorite) .courier-offer-badges{grid-column:1;grid-row:2}
 [data-listing-view=grid] .courier-favorite{grid-column:2;grid-row:1/3;align-self:start;justify-self:end;width:44px;min-width:44px;margin-right:-7px;margin-top:-6px;height:44px;min-height:44px}
 [data-listing-view=grid] .courier-favorite .listing-icon{width:19px;height:19px}
 [data-listing-view=grid] .courier-offer .courier-own-label{display:none}
 [data-listing-view=grid] .courier-offer .transport-badge{font-size:9px;padding:3px 6px}
 [data-listing-view=grid] .courier-offer .transport-badge .listing-icon{width:13px;height:13px;flex-basis:13px}
 [data-listing-view=grid] .courier-offer-route,[data-listing-view=grid] .offer-card-request .offer-route{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;margin:12px 0;font-size:14px;line-height:1.3;letter-spacing:-.2px}
 [data-listing-view=grid] .courier-offer-route .city-with-flag,[data-listing-view=grid] .offer-card-request .city-with-flag{gap:4px;max-width:100%;min-width:0;justify-self:start}
 [data-listing-view=grid] .courier-offer-route .listing-flag,[data-listing-view=grid] .offer-card-request .listing-flag{width:17px;height:12px;flex-basis:17px;border-radius:2px}
 [data-listing-view=grid] .courier-offer-route .offer-route-arrow,[data-listing-view=grid] .offer-card-request .offer-route-arrow{display:none}
 [data-listing-view=grid] .courier-offer-route>.city-with-flag:last-child{padding-left:8px;border-left:1px solid #dce3ed;margin-left:7px}
 [data-listing-view=grid] .courier-return-route{font-size:10px;line-height:1.45;margin:-3px 0 10px;gap:2px 5px}
 [data-listing-view=grid] .courier-return-cities{gap:2px 4px}
 [data-listing-view=grid] .courier-return-cities .listing-flag{display:none}
 [data-listing-view=grid] .courier-return-cities .offer-route-arrow{display:inline;font-size:10px}
 [data-listing-view=grid] .courier-extra-locations{margin:0 0 10px}
 [data-listing-view=grid] .courier-extra-row{gap:4px;align-items:flex-start}
 [data-listing-view=grid] .courier-extra-row>div{display:block;min-width:0}
 [data-listing-view=grid] .courier-extra-label{font-size:10px;line-height:1.4}
 [data-listing-view=grid] .courier-extra-cities{font-size:11px;gap:4px;margin-top:3px}
 [data-listing-view=grid] .courier-extra-cities .listing-flag{width:15px;height:11px;flex-basis:15px}
 [data-listing-view=grid] .courier-offer-facts{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:center;gap:9px 6px;margin-bottom:10px}
 [data-listing-view=grid] .courier-key-fact{font-size:11px;gap:3px;border:0;padding:0;white-space:nowrap}
 [data-listing-view=grid] .courier-key-fact .listing-icon{width:13px;height:13px;flex-basis:13px}
 [data-listing-view=grid] .courier-offer-facts .offer-categories{grid-column:1/-1;width:100%;padding:0;border:0;gap:4px;flex-wrap:nowrap}
 [data-listing-view=grid] .courier-offer-facts .courier-categories-full{display:none}
 [data-listing-view=grid] .courier-offer-facts .courier-categories-compact{display:flex}
 [data-listing-view=grid] .courier-offer .offer-categories li{font-size:10px;padding:4px 5px;max-width:100%;white-space:nowrap;gap:4px;min-width:0}
 [data-listing-view=grid] .courier-offer .offer-categories li:not(.courier-more-categories){overflow:hidden;text-overflow:ellipsis}
 [data-listing-view=grid] .courier-offer .offer-categories .listing-icon{width:13px;height:13px;flex-basis:13px}
 [data-listing-view=grid] .courier-offer-footer{margin-top:auto;padding-top:10px;display:flex;gap:6px}
 [data-listing-view=grid] .courier-view,[data-listing-view=grid] .offer-card-request .button{width:100%;min-height:44px;padding:6px;font-size:11px;line-height:1.4;white-space:normal}
 [data-listing-view=grid] .courier-view .listing-icon{display:none}
 [data-listing-view=grid] .courier-view-label{display:none}
 [data-listing-view=grid] .courier-view-compact{display:inline}
 [data-listing-view=grid] .offer-card-request .offer-shipment-title{font-size:14px;margin-top:12px;overflow-wrap:anywhere}
 [data-listing-view=grid] .offer-card-request .offer-kind{font-size:10px}
 [data-listing-view=grid] .offer-card-request .offer-description{font-size:11px}
 [data-listing-view=grid] .offer-card-request .offer-urgency{font-size:11px;padding:6px;overflow-wrap:anywhere}
}
@media(max-width:360px){.listing-view button{padding-inline:9px;font-size:11px}.listing-view .icon{width:16px;height:16px}.listing-view{gap:0}}
@media(prefers-reduced-motion:reduce){.listing-view button{transition:none}}
