#cards.requestCardsRequester{display:grid;gap:18px}
#cards .rqIcon{width:17px;height:17px;flex:0 0 auto;vertical-align:middle}
#cards .rqCustomerCard{padding:22px;margin:0;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:none}
#cards .rqCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:25px}
#cards .rqCardTop .meta{font-size:12px;margin:0;color:var(--muted)}
#cards .rqCardTop .badge{font-size:12px}
#cards .rqRequestBody{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
#cards .rqRoute{display:flex;align-items:center;gap:28px;min-width:0}
#cards .rqRoute>div{display:flex;flex-direction:column;gap:4px;min-width:0}
#cards .rqRoute small,#cards .rqWorkSite small{font-size:11px;color:var(--muted)}
#cards .rqRoute strong{font-size:25px;line-height:1.5;font-weight:bold;color:var(--ink)}
#cards .rqRouteArrow{font-size:23px;color:#899588}
#cards .rqVehicleSummary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:230px;font-size:11px;color:var(--muted)}
#cards .rqVehicleSummary .requestVehicle{margin:0;display:flex;align-items:center;gap:10px}
#cards .rqVehicleSummary .requestVehicle img{width:58px;height:46px;border:0;border-radius:10px;background:var(--soft-navy,#eef1f6);object-fit:contain}
#cards .rqVehicleSummary .requestVehicle small{font-size:11px;line-height:1.7}
#cards .rqVehicleSummary .requestVehicle b{font-size:13px;color:var(--ink)}
#cards .rqVehicleSummary .requestVehicle small:first-line{color:var(--muted)}
#cards .rqStrip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#f6f4f0;padding:10px 13px;border-radius:9px;font-size:11px}
#cards .rqDate{display:flex;align-items:center;gap:8px;color:var(--muted)}
#cards .rqStrip .quantityInfo{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0;padding:0;background:transparent;border:0;font-size:11px;min-height:0}
#cards .rqStrip .quantityInfo b{font-weight:normal}
#cards .rqOffers{margin-top:22px}
#cards .rqOffersHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
#cards .rqOffersHead h3{font-size:14px;margin:0}
#cards .rqOffersHead h3>span{font-size:11px;font-weight:normal;color:var(--muted);margin-inline-start:7px}
#cards .rqEdit,#cards .rqTextButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;padding:8px 0;background:transparent;font-size:12px;font-weight:normal;box-shadow:none;color:var(--ink)}
#cards .rqOfferGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cards .rqMiniOffer{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 13px 13px;min-width:0}
#cards .rqLowest{background:var(--soft-orange,#fff0e2);border-color:var(--brand-orange,#f76913)}
#cards .rqBestLabel{position:absolute;inset-inline-end:13px;top:-10px;border-radius:5px;background:var(--green);color:#fff;font-size:10px;padding:1px 7px}
#cards .rqProvider{display:flex;align-items:center;gap:9px;min-width:0}
#cards .rqProvider>div{min-width:0}
#cards .rqProvider b{font-size:12px;overflow-wrap:anywhere}
#cards .rqAvatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:50%;background:#faf9f6;color:var(--ink);flex:0 0 auto}
#cards .rqProvider .ratingSummary{display:block;font-size:11px;margin-top:4px;white-space:normal;line-height:1.5}
#cards .rqProvider .ratingSummary small{font-size:10px}
#cards .rqProvider .ratingStars{font-size:12px;display:inline-block}
#cards .rqOfferTerms{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:var(--muted)}
#cards .rqOfferTerms>small{font-size:11px}
.offerPricePolicy{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.6;padding:3px 8px;border-radius:5px;width:max-content;max-width:100%;font-weight:normal;background:#f4f3f0;color:var(--muted)}
.offerPricePolicy.isNegotiable{background:#e9f4ec;color:#246641}
#cards .rqOfferBottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#cards .rqPrice{font-size:22px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap}
#cards .rqPrice small{font-size:10px;font-weight:normal}
#cards .rqOfferBottom button{padding:7px 9px;font-size:11px;font-weight:normal;min-height:35px;background:#fff}
#cards .rqAllOffers{margin-top:14px;font-size:12px}
#cards .rqNoOffers,#cards .rqAgreement{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}
#cards .rqNoOffers>div{display:flex;align-items:center;gap:16px}
#cards .rqNoOffers button,#cards .rqAgreement button{font-size:12px}
#cards .rqWorkSite{display:flex;flex-direction:column;gap:5px;min-width:0}
#cards .rqWorkSite strong{font-size:20px;overflow-wrap:anywhere}
#cards .rqWorkSite>span{font-size:12px;color:var(--muted)}
#cards.requestCardsCarrier{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
#cards .rqCarrierRow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.15fr) minmax(0,.8fr) auto;gap:22px;align-items:center;margin:0;padding:23px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
#cards .rqCarrierRow:last-child{border-bottom:0}
#cards .rqCarrierIdentity{display:flex;flex-direction:column;gap:10px;min-width:0}
#cards .rqCarrierIdentity>.meta{font-size:11px}
#cards .rqRouteCompact{gap:12px;flex-wrap:wrap}
#cards .rqRouteCompact strong{font-size:16px}
#cards .rqRouteCompact small{display:none}
#cards .rqRouteCompact .rqRouteArrow{font-size:18px;color:var(--green)}
#cards .rqCarrierCargo,#cards .rqCarrierTime{display:flex;flex-direction:column;gap:8px;min-width:0}
#cards .rqCarrierCargo>b,#cards .rqCarrierTime>b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:normal}
#cards .rqCarrierCargo>b>span{overflow-wrap:anywhere}
#cards .rqCarrierCargo>span,#cards .rqCarrierTime>span,#cards .rqCarrierCargo>small{font-size:11px;color:var(--muted)}
#cards .rqCarrierActions{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap}
#cards .rqCarrierActions .primary{font-size:12px;padding:10px 14px;white-space:nowrap}
#cards .rqCarrierIdentity .rqWorkSite strong{font-size:15px}
.offerNegotiationToggle{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;background:var(--soft-orange,#fff0e2);border-radius:9px;padding:13px;color:var(--ink);font-size:13px}
.offerNegotiationToggle input[type=checkbox]{appearance:auto;width:19px;height:19px;min-height:0;flex:0 0 auto;margin:3px 0 0;accent-color:var(--green)}
.offerNegotiationToggle>span{display:flex;flex-direction:column;gap:4px}
.offerNegotiationToggle small{font-size:11px;color:var(--muted);font-weight:normal}
.fixedPriceNotice{font-size:12px;color:var(--muted)}
#negotiationTermsForm input[readonly]{background:var(--soft-navy,#eef1f6);color:var(--muted)}
html[data-theme=night] #cards .rqCustomerCard,html[data-theme=night] #cards.requestCardsCarrier,html[data-theme=night] #cards .rqMiniOffer,html[data-theme=night] #cards .rqOfferBottom button{background:#192335}
html[data-theme=night] #cards .rqStrip,html[data-theme=night] #cards .rqAvatar,html[data-theme=night] .offerPricePolicy{background:#253145}
html[data-theme=night] #cards .rqLowest,html[data-theme=night] .offerNegotiationToggle{background:#3b2b24}
html[data-theme=night] .offerPricePolicy.isNegotiable{background:#203d32;color:#a5dbb8}
@media(max-width:1050px){#cards .rqCarrierRow{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:18px}#cards .rqCarrierTime{grid-column:1;grid-row:2}#cards .rqCarrierActions{grid-column:2/4;grid-row:2}#cards .rqProvider{gap:6px}#cards .rqMiniOffer{padding-inline:10px}#cards .rqOfferGrid{gap:9px}#cards .rqPrice{font-size:20px}}
@media(max-width:640px){#cards .rqCustomerCard{padding:17px}#cards .rqRequestBody{align-items:flex-start;flex-direction:column;gap:16px}#cards .rqRoute{gap:20px}#cards .rqRoute strong{font-size:23px}#cards .rqVehicleSummary{max-width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}#cards .rqVehicleSummary .requestVehicle img{width:48px;height:38px}#cards .rqOfferGrid{grid-template-columns:1fr;gap:12px}#cards .rqMiniOffer{padding:17px}#cards .rqProvider b{font-size:14px}#cards .rqOfferTerms{margin-block:11px}#cards .rqOfferBottom button{font-size:12px}#cards .rqCarrierRow{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}#cards .rqCarrierIdentity,#cards .rqCarrierCargo,#cards .rqCarrierTime,#cards .rqCarrierActions{grid-column:auto;grid-row:auto}#cards .rqCarrierTime{flex-direction:row;flex-wrap:wrap;align-items:center}#cards .rqCarrierActions{justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}#cards .rqCarrierActions button{min-height:42px}#cards .rqRouteCompact strong{font-size:19px}#cards .rqCardTop{margin-bottom:20px}#cards .rqBestLabel{font-size:11px}#cards .rqProvider .ratingSummary small,#cards .rqPrice small{font-size:11px}}
