/* Reuse the normal order cards and their status palette in the board. */
body #orders-ajax-root .ho-board-open-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:54px!important;padding:12px 18px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface-soft)!important;color:var(--text)!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;box-sizing:border-box!important}
body #orders-ajax-root .ho-board-open-button .icon{width:19px;height:19px}
body #orders-ajax-root .ho-board-open-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body.ho-board-page #orders-ajax-root .ho-board-group.is-status-new{--board-tone:#2ccd8d}
body.ho-board-page #orders-ajax-root .ho-board-group.is-status-accepted{--board-tone:#5aaaff}
body.ho-board-page #orders-ajax-root .ho-board-group.is-status-ready{--board-tone:#ffa34b}
body.ho-board-page #orders-ajax-root .ho-board-group.is-status-pickup_ready{--board-tone:#a686ff}
body.ho-board-page #orders-ajax-root .ho-board-group h3{color:var(--board-tone)!important}
body.ho-board-page.theme-light #orders-ajax-root .ho-board-group.is-status-new{--board-tone:#167347}
body.ho-board-page.theme-light #orders-ajax-root .ho-board-group.is-status-accepted{--board-tone:#2563a6}
body.ho-board-page.theme-light #orders-ajax-root .ho-board-group.is-status-ready{--board-tone:#96520a}
body.ho-board-page.theme-light #orders-ajax-root .ho-board-group.is-status-pickup_ready{--board-tone:#7050b5}
body.ho-board-page #orders-ajax-root .ho-board-grid{align-items:stretch}
body.ho-board-page #orders-ajax-root .ho-board-grid>.ho122-order-card{width:100%!important;min-width:0!important;margin:0!important}
@media(min-width:1200px){
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-order-ref{font-size:16px!important;overflow-wrap:anywhere!important}
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-card-amount strong{font-size:21px!important}
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-card-amount{min-width:95px!important;padding:10px!important}
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-status{font-size:12px!important;padding:8px 10px!important;min-width:0!important}
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-item-count{font-size:12px!important;padding:8px 10px!important}
 body.ho-board-page #orders-ajax-root .ho-board-grid .ho122-fact{padding:12px!important}
}