/* Dedicated responsive order overview. Keep detail dialogs and live polling intact. */
body.ho-board-page .sidebar,body.ho-board-page .main>.premium-topbar,body.ho-board-page #orders-ajax-root>.ho122-page-head,body.ho-board-page #orders-ajax-root>.ho122-status-nav,body.ho-board-page #orders-ajax-root>.ho122-filter-panel,body.ho-board-page #orders-ajax-root>.ho-order-results,body.ho-board-page .ho122-order-list{display:none!important}
body.ho-board-page .app-shell{display:block!important;grid-template-columns:1fr!important}
body.ho-board-page .main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0!important}
body.ho-board-page .content{max-width:none!important;margin:0!important;padding:16px 20px!important;width:100%!important;box-sizing:border-box!important}
body.ho-board-page #orders-ajax-root{max-width:none!important;margin:0!important;padding:0!important}
body.ho-board-page .ho-board{color:var(--text);width:100%;min-width:0}
body.ho-board-page .ho-board-head{display:flex;align-items:center;gap:20px;margin:0 0 12px}
body.ho-board-page .ho-board-head h2{font-size:22px;margin:0;color:var(--text)}
body.ho-board-page .ho-board-head>span{font-size:14px;color:var(--muted)}
body.ho-board-page .ho-board-head>a{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;font-size:28px;background:var(--surface);text-decoration:none}
body.ho-board-page .ho-board-group{margin:0 0 18px}
body.ho-board-page .ho-board-group h3{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--board-tone);margin:0 0 10px;line-height:1.4}
body.ho-board-page .ho-board-group h3:after{content:'';height:1px;background:var(--board-tone);flex:1;opacity:.7}
body.ho-board-page .ho-board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.ho-board-page .ho-board-card{min-width:0;border:1px solid var(--board-tone);border-radius:10px;background:var(--surface);overflow:hidden}
body.ho-board-page .ho-board-card>a.ho122-order-link{display:block!important;min-height:0!important;padding:12px!important;color:var(--text)!important;text-decoration:none!important;background:none!important;box-shadow:none!important}
body.ho-board-page .ho-board-card-top{display:flex;align-items:start;justify-content:space-between;gap:8px;font-size:14px}
body.ho-board-page .ho-board-card-top strong{overflow-wrap:anywhere}
body.ho-board-page .ho-board-card-top b{white-space:nowrap;font-size:16px}
body.ho-board-page .ho-board-card-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px;font-size:14px}
body.ho-board-page .ho-board-card small{display:block;color:var(--muted);font-size:11px;line-height:1.5;font-weight:400}
body.ho-board-page .ho-board-status{padding:5px 8px;border-radius:7px;background:var(--board-tone);color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px;line-height:1.4;font-weight:700;flex-shrink:0}
body.ho-board-page .ho-board-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:8px}
body.ho-board-page .ho-board-times>div+div{border-left:1px solid var(--line);padding-left:10px}
body.ho-board-page .ho-board-times strong{font-size:16px;line-height:1.4}
body.ho-board-page .ho-board-times .ho-board-waiting{font-size:12px;color:var(--text)}
body.ho-board-page .ho-board-empty{font-size:12px;color:var(--muted);margin:0}
body.ho-board-page .ho-board-card a:focus-visible,body.ho-board-page .ho-board-head a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(max-width:1599px){body.ho-board-page .ho-board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1199px){body.ho-board-page .ho-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){body.ho-board-page .ho-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){body.ho-board-page .ho-board-grid{grid-template-columns:minmax(0,1fr)}body.ho-board-page .content{padding:12px!important}body.ho-board-page .ho-board-head{gap:10px;flex-wrap:wrap}body.ho-board-page .ho-board-head h2{font-size:19px}body.ho-board-page .ho-board-head>span{font-size:12px}body.ho-board-page .ho-board-group h3{font-size:16px}}

body.ho-board-page .ho-board-card-top{font-size:15px}
body.ho-board-page .ho-board-card-middle{font-size:15px}
body.ho-board-page .ho-board-card small{font-size:12px}
body.ho-board-page .ho-board-times strong{font-size:18px}
body.ho-board-page.theme-dark .ho-board-group h3{color:color-mix(in srgb,var(--board-tone) 65%,white)}