body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card{--card-status:#22697c;--card-tint:#edf5f8;display:grid!important;grid-template-columns:38px minmax(0,1fr) 14px!important;gap:12px!important;padding:18px!important;border:1px solid #cedde2!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f5f8fa)!important;box-shadow:0 7px 22px #17374b0b!important;overflow:hidden!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-quote-ready{--card-status:#24725c;--card-tint:#eaf5ef}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-revision,body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-action-required,body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-closed{--card-status:#a23d43;--card-tint:#fceff0}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-confirmed,body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card.is-completed{--card-status:#24725c;--card-tint:#eaf5ef}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-icon{width:38px!important;height:38px!important;grid-column:1;grid-row:1;border:1px solid #d8e4e7!important;border-radius:14px!important;background:#e9f1f4!important;color:#2c6277!important;box-shadow:none!important;display:grid!important;place-items:center!important;font-size:20px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-main{grid-column:2;grid-row:1;min-width:0!important;display:grid!important;gap:2px!important;min-height:0!important;margin:0!important;padding:0!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-ref{font-size:12px!important;line-height:1.4!important;color:#607684!important;letter-spacing:.35px!important;overflow-wrap:anywhere}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-summary{font-size:18px!important;font-weight:700!important;line-height:1.3!important;color:#163b4c!important;white-space:normal!important;overflow-wrap:anywhere}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-qty{font-size:13px!important;line-height:1.5!important;color:#4b6775!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-chevron{grid-column:3;grid-row:1;align-self:center;color:#8aa1aa!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;min-height:70px!important;max-width:none!important;justify-self:stretch!important;grid-row:auto!important;text-transform:none!important;box-shadow:none!important;padding:13px 15px!important;border:1px solid color-mix(in srgb,var(--card-status) 22%,white)!important;border-left:4px solid var(--card-status)!important;border-radius:14px!important;background:var(--card-tint)!important;color:var(--card-status)!important;margin:2px 0!important;white-space:normal!important;text-align:left!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status>i{font-size:21px!important;color:var(--card-status)!important;flex:0 0 25px}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status span{min-width:0;display:grid;gap:4px}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status small{font-size:10px!important;line-height:1.3!important;font-weight:600!important;text-transform:uppercase;letter-spacing:1px;opacity:.85}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status b{font-size:17px!important;line-height:1.35!important;font-weight:750!important;overflow-wrap:anywhere}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-foot{grid-column:1/-1!important;border-top:1px solid #dce6ea!important;padding-top:12px!important;gap:10px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-foot em{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:8px 12px!important;border-radius:11px!important;background:#e3eef0!important;color:#205967!important;font-size:13px!important;font-style:normal!important;font-weight:700!important;white-space:nowrap}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card [data-help-reservation]{justify-self:stretch!important;text-align:center!important;min-height:42px!important;background:transparent!important;border:1px solid #c5d9db!important;border-radius:11px!important;color:#3a6872!important}
@media(max-width:350px){body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card{padding:14px!important;gap:10px!important;grid-template-columns:40px minmax(0,1fr) 12px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-icon{width:38px!important;height:40px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status b{font-size:16px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-summary{font-size:17px!important}}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card::before{background:var(--card-status)!important;width:3px!important}

body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card{position:relative!important;border:1px solid #d9d5c9!important;border-radius:18px!important;background:radial-gradient(ellipse at top right,#dcecee70,transparent 58%),linear-gradient(145deg,#fffdf8 0%,#f5f7f5 68%,#eaf1f2 100%)!important;box-shadow:0 12px 30px #16394a14,inset 0 1px 0 #ffffff!important;gap:8px!important;padding:14px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card::before{left:0!important;top:0!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,#b79b60,var(--card-status),#e0d4b5)!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-icon{border-radius:16px!important;background:linear-gradient(135deg,#e0eeed,#f8fcf8)!important;border:1px solid #9dbdbb!important;box-shadow:inset 0 1px 0 white,0 5px 12px #1b4a5310!important;color:#23616b!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-ref{font-size:11px!important;letter-spacing:.8px!important;color:#7b796b!important;font-weight:650!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-summary{font-size:18px!important;letter-spacing:-.35px!important;color:#173e4a!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-qty{font-size:12px!important;font-weight:600!important;letter-spacing:.25px!important;color:#5b747b!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status{padding:10px 12px!important;border-left-width:1px!important;min-height:60px!important;border-radius:13px!important;background:linear-gradient(115deg,var(--card-tint),#fffffff0)!important;box-shadow:0 4px 12px #193b4910,inset 0 1px 0 #ffffff!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status>i{display:grid;place-items:center;flex:0 0 30px!important;width:30px;height:34px;border-radius:12px;background:#ffffffbd;box-shadow:0 2px 8px #193a4610;border:1px solid #ffffff;font-size:18px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status small{font-size:9px!important;letter-spacing:1.35px!important;font-weight:750!important;opacity:.8}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status b{font-size:16px!important;line-height:1.3!important;letter-spacing:-.2px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-foot{border-top:1px solid #ccd6d4!important;padding-top:8px!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-foot em{min-height:44px!important;box-sizing:border-box!important;padding:8px 12px!important;background:linear-gradient(115deg,#d3e7e4,#e7f2ec)!important;border:1px solid #93b9b1!important;border-radius:13px!important;color:#164f53!important;box-shadow:inset 0 1px 0 #fff,0 4px 10px #234c4810!important;font-weight:750!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card [data-help-reservation]{justify-self:end!important;width:auto!important;min-width:0!important;min-height:36px!important;height:auto!important;box-sizing:border-box!important;margin-top:-4px!important;padding:7px 12px!important;border-radius:18px!important;border:1px solid #b7cecb!important;background:#ffffff90!important;color:#315e63!important;font-size:11px!important;font-weight:650!important;box-shadow:0 2px 6px #123e4a08!important}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card [data-help-reservation] i{font-size:13px;margin-right:4px}
body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card:focus-visible{outline:2px solid #258b92!important;outline-offset:3px!important}
@media(max-width:350px){body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card{padding:12px!important;gap:7px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-summary{font-size:18px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status{padding:9px 10px!important;gap:8px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .fm-card-status b{font-size:16px!important}body.b2b-dashboard-page .b2b-reservation-card.b2b-reservation-list-card .b2b-reservation-card-foot em{padding:9px 11px!important;font-size:12px!important}}


body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-counter-row{display:flex!important;gap:7px!important;width:fit-content!important;max-width:100%!important;margin:8px 0!important;padding:0!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-counter-row button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:38px!important;padding:7px 10px!important;border-radius:12px!important;margin:0!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-counter-row b{font-size:14px!important;line-height:1!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-counter-row small{font-size:10px!important;line-height:1.25!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-list{gap:10px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-list-card{width:100%!important;max-width:520px!important;box-sizing:border-box!important;padding:10px 12px!important;gap:6px!important;border-radius:15px!important;grid-template-columns:32px minmax(0,1fr) 10px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-card-icon{width:32px!important;height:34px!important;border-radius:10px!important;font-size:15px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-card-summary{font-size:16px!important;line-height:1.25!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-card-ref{font-size:10px!important;letter-spacing:.3px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .b2b-reservation-card-qty{font-size:11px!important;line-height:1.3!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status{min-height:44px!important;padding:7px 9px!important;gap:8px!important;border-radius:10px!important;margin:0!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status span{gap:2px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status small{font-size:8px!important;letter-spacing:.6px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status b{font-size:14px!important;line-height:1.25!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status>i{font-size:17px!important;flex-basis:20px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-delivery{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:10px;color:#657781;line-height:1.4}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-delivery b{margin-left:auto;font-size:11px;color:#334f5b}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:6px!important;margin:0!important;gap:8px!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-actions [data-help-reservation],body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-actions em{width:auto!important;min-height:36px!important;height:auto!important;padding:6px 10px!important;margin:0!important;border-radius:11px!important;font-size:11px!important;line-height:1.25!important;box-sizing:border-box!important}
body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status.is-waiting>i{animation:fm-review-wait 2.8s ease-in-out infinite}
@keyframes fm-review-wait{0%,30%{transform:rotate(0);opacity:1}60%,85%{transform:rotate(180deg);opacity:.65}100%{transform:rotate(180deg);opacity:1}}
@media(prefers-reduced-motion:reduce){body.b2b-dashboard-page .b2b-customer-portal.is-reservations .fm-card-status.is-waiting>i{animation:none}}
/* Mobile role adapter: the centered grid must stretch even with a single short order. */
@media(max-width:767px){
 .supplier-po-section{min-width:0}
 .supplier-po-section>.offer-shell{width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin-inline:0}
 .supplier-po-section .offer-grid,.supplier-po-section .offer-grid>.panel{min-width:0;max-width:100%;box-sizing:border-box}
}