/* AceMedia workspace: keep more of the application visible below the site header. */
.ace-lab-app main.lab-app{grid-template-columns:184px minmax(0,1fr)}
.lab-app-sidebar,.lab-app-workspace,.lab-app-stage{background:#336699}
.lab-app-sidebar{border-right:1px solid #ffffff24}
.lab-app-brand{padding:12px 14px;border-bottom:0}
.lab-app-brand small{font-size:9px;letter-spacing:.8px}
.lab-app-brand h1{font-size:22px;margin:3px 0}
.lab-app-brand>a{display:none}
.lab-app-search{padding:0 10px 6px}
.lab-app-search input{background:#285580;border-color:#ffffff45;height:34px!important;min-height:34px!important}
.lab-search-status{font-size:9px;min-height:14px;padding-top:3px}
.lab-app-nav{padding:4px 7px 10px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent}
.lab-app-nav button{padding:8px 10px;margin:1px 0;border-radius:5px;min-height:44px}
.lab-app-nav strong{font-size:12px}
.lab-app-nav span{font-size:10px;margin-top:1px}
.lab-app-nav button[aria-pressed=true]{color:#336699}
.lab-app-bar{padding:8px 14px;gap:8px;min-height:44px}
.lab-app-bar>.lab-app-current{font-size:13px}
.lab-app-bar>span{display:none}
.lab-app-bar>a{margin-left:auto;font-size:11px}
.lab-app-bar>button{background:#336699;border-color:#ffffff50;font-size:11px;padding:6px 9px;min-height:30px}
.lab-app-stage{padding:12px;scrollbar-width:thin;scrollbar-color:#ffffff70 #336699}
.lab-app-stage>.business-ui{min-height:0;max-width:1440px;box-shadow:0 6px 18px #173c6022}
.business-ui{border-radius:8px}
.business-ui .bu-top{padding:10px 16px;gap:10px}
.business-ui .bu-top b{font-size:19px;letter-spacing:-.5px}
.business-ui .bu-title{padding:16px 16px 8px}
.business-ui .bu-title h3{font-size:28px;margin:6px 0}
.business-ui .bu-title>span{font-size:10px;letter-spacing:.7px}
.business-ui .bu-toolbar,.business-ui .bu-market-toolbar{padding:6px 16px 14px;gap:12px}
.business-ui .bu-options legend{margin-bottom:5px}
.business-ui .bu-options>div{gap:5px}
.business-ui .bu-options button{min-height:40px;padding:7px 10px}
.business-ui .bu-foot{padding:9px 16px;font-size:11px;line-height:1.5}
.business-ui .bu-stat-row{padding:8px 16px}
.business-ui .bu-records{padding:0 16px 16px}
.business-ui .bu-records>div{padding:12px 0}
.business-ui .bu-topology{padding:16px;gap:8px}
.business-ui .bu-inspector{margin:0 16px 16px;padding:12px}
.business-ui .bu-flow{padding:8px 16px 18px}
.business-ui .bu-pipeline{padding:10px 16px 18px}
.business-ui .bu-campaign{margin:0 16px 16px;padding:22px;min-height:220px}
.business-ui .bu-game{padding:16px}
.business-ui .bu-islands{margin:16px 0}
.business-ui .bu-match-stats{padding:0 16px 16px}
.business-ui .bu-runner-list{padding:0 16px}
.business-ui .bu-market-detail{padding:10px 16px}
.business-ui .bu-fixture{padding:18px}
.business-ui .bu-product-spec,.business-ui .bu-booking{padding:16px;gap:12px}
.business-ui .bu-receipt{padding:12px 16px}
.lab-app-stage .bu-burger-stage{height:235px}
.lab-app-stage .bu-map-canvas{height:390px}
.business-ui .ops-command-head{padding:16px 16px 10px}
.business-ui .ops-command-head h3{font-size:28px!important;margin:5px 0!important}
.business-ui .ops-metrics{padding:0 16px 16px;gap:12px}
.business-ui .ops-grid{padding:0 14px 14px;gap:10px}
.business-ui .ops-panel{padding:12px}
.business-ui .ops-panel-head{gap:8px;margin-bottom:8px}
.business-ui .ops-health button{padding:8px}
.business-ui .ops-mix{margin:12px 0}
.business-ui .ops-stages{gap:16px}
.business-ui .ops-stages>div{padding:10px}
.business-ui .ops-review{padding:8px 16px 16px;gap:12px;grid-template-columns:180px minmax(0,1fr)}
.business-ui .ops-review>section{padding:14px}
.business-ui .ops-placement{margin-bottom:16px}
.business-ui .ca-source,.business-ui .ca-fixtures,.business-ui .ca-record-strip{padding:10px 16px}
.business-ui .ca-sports-output,.business-ui .ca-race{margin:0 16px 16px;padding:20px}
.business-ui .ca-output-stage{padding:16px}
.business-ui.bu-outputs{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}
.business-ui.bu-outputs>.bu-toolbar{padding:14px;gap:14px}
.business-ui .ca-dispatch{padding:16px;gap:12px}
.business-ui .ca-arrival{padding:18px;margin:0 16px 16px}
/* Irish green belongs to sports products, inside the AceMedia blue workspace. */
.business-ui.bu-sports,.business-ui.bu-editorial{--bu-accent:#007a3d;--bu-ink:#143d2c;--bu-paper:#f2f7f1;--bu-line:#cbddcd;--bu-muted:#486b56}
.bu-sports .bu-top,.bu-editorial .bu-top{background:#007a3d;color:white;border-color:#16864c}
.bu-sports .ca-sports-output,.bu-sports p.ca-source,.bu-editorial .bu-fixture{background:#075333}
.bu-sports .ca-teams article{background:#ffffff0f;border:1px solid #ffffff24}
.bu-sports .ca-screen-art i{border-color:#d3f178}
.bu-editorial .bu-fixture h3 b{color:#d3f178}
.bu-editorial .bu-possession i{background:#007a3d}
.business-ui.bu-betting{--bu-paper:#073c2b;--bu-ink:#f0f7ed;--bu-muted:#bad8c1;--bu-line:#36785a;--bu-accent:#d5ef8a}
.bu-betting .bu-top{background:#007a3d;color:white;border-color:#238956}
.bu-betting button{background:#115137;color:#f0f7ed}
.bu-betting button:hover,.bu-betting button[aria-pressed=true],.bu-betting button.selected{background:#d5ef8a;color:#123b25;border-color:#d5ef8a}
.bu-betting .ca-race{background:#075b36;border:1px solid #2b8053}
.business-ui .ca-output.sport,.business-ui .ops-ad{background:#007a3d}
.business-ui .ca-output.sport .ca-output-art{color:#d5ef8a}
.business-ui .ca-output.sport .ca-output-art i{background:#b9e571}
.business-ui .ca-output.sport .ca-output-art i:nth-of-type(2){background:#25a763}
.business-ui .ops-ad.expired{background:#ddd5ca}
/* Article demonstrations use the same apps at a smaller editorial scale. */
:is(.note-prose,.pulse-embed) .business-ui{font-size:13px}
.note-prose .business-ui{margin:16px 0}
.note-prose .business-example{margin:20px 0}
:is(.note-prose,.pulse-embed) .business-ui .bu-top{padding:8px 12px}
:is(.note-prose,.pulse-embed) .business-ui .bu-top b{font-size:18px}
:is(.note-prose,.pulse-embed) .business-ui .bu-title{padding:12px 12px 6px}
:is(.note-prose,.pulse-embed) .business-ui .bu-title h3{font-size:24px}
:is(.note-prose,.pulse-embed) .business-ui .bu-toolbar,:is(.note-prose,.pulse-embed) .business-ui .bu-market-toolbar{padding:6px 12px 12px;gap:10px}
:is(.note-prose,.pulse-embed) .business-ui .bu-foot{padding:8px 12px}
:is(.note-prose,.pulse-embed) .business-ui .bu-chart{max-height:200px}
:is(.note-prose,.pulse-embed) .business-ui .bu-map-canvas{height:320px}
:is(.note-prose,.pulse-embed) .business-ui .bu-shoe-preview{height:205px}
:is(.note-prose,.pulse-embed) .business-ui .bu-shoe-preview img{height:165px}
:is(.note-prose,.pulse-embed) .business-ui .bu-event-poster{padding:20px}
:is(.note-prose,.pulse-embed) .business-ui .bu-event-poster h3{font-size:32px}
:is(.note-prose,.pulse-embed) .business-ui .bu-capacity{margin:12px 0}
:is(.note-prose,.pulse-embed) .business-ui .bu-campaign{min-height:190px;padding:18px}
:is(.note-prose,.pulse-embed) .business-ui .bu-campaign h3{font-size:30px}
:is(.note-prose,.pulse-embed) .business-ui .ops-command-head{padding:12px}
:is(.note-prose,.pulse-embed) .business-ui .ops-command-head h3{font-size:24px!important}
:is(.note-prose,.pulse-embed) .business-ui .ops-metrics{padding:0 12px 12px;gap:10px}
:is(.note-prose,.pulse-embed) .business-ui .ops-grid{padding:0 10px 10px;gap:8px}
:is(.note-prose,.pulse-embed) .business-ui .ops-panel{padding:10px}
:is(.note-prose,.pulse-embed) .business-ui .ca-output.flyer{max-width:290px;padding:24px}
:is(.note-prose,.pulse-embed) .business-ui .ca-output-stage{padding:12px}
:is(.note-prose,.pulse-embed) .business-ui .ca-output h3{font-size:32px}
:is(.note-prose,.pulse-embed) .business-ui .ca-output{min-height:240px;padding:24px}
@container(max-width:700px){
 .business-ui .ops-review{grid-template-columns:1fr;gap:10px}
 .business-ui .bu-options{flex:1 1 145px}
 .business-ui .bu-options button{min-height:44px}
 .business-ui .ca-dispatch{grid-template-columns:1fr}
 .business-ui .ca-dispatch-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .business-ui .ca-output-stage{padding:12px}
 .business-ui .ca-sports-output{padding:16px}
 .business-ui .bu-top small{font-size:9px}
 .business-ui .bu-market-toolbar{gap:10px}
}
@media(max-width:700px){
 .ace-lab-app main.lab-app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .lab-app-sidebar{border:0;border-bottom:1px solid #ffffff30}
 .lab-app-search{padding:6px 8px 2px}
 .lab-app-search input{height:32px!important;min-height:32px!important}
 .lab-app-nav{padding:4px 6px;gap:4px;scroll-snap-type:x proximity}
 .lab-app-nav button{min-width:108px;min-height:44px;padding:6px 8px;scroll-snap-align:start;flex-shrink:0}
 .lab-app-nav strong{font-size:11px}
 .lab-app-nav span{font-size:9px}
 .lab-app-bar{padding:6px 8px;gap:5px;flex-wrap:nowrap}
 .lab-app-bar>.lab-app-current{font-size:11px;max-width:110px;line-height:1.25;margin-right:auto}
 .lab-app-bar>a{display:none}
 .lab-app-bar>button{font-size:10px;padding:6px;min-height:36px}
 .lab-app-bar .lab-step{min-width:30px;padding:6px}
 .lab-app-stage{padding:8px}
 .lab-app-stage .bu-burger-stage{height:195px}
 .lab-app-stage .bu-map-canvas{height:350px}
 .lab-app-stage>.business-ui{border-radius:6px}
 .business-ui.bu-outputs{display:flex;flex-direction:column}
 .business-ui .bu-options{flex:1 1 145px}
 .business-ui .bu-options button{min-height:44px}
 .business-ui .bu-title h3{font-size:25px}
 .business-ui .bu-title p{font-size:13px}
 .business-ui .ca-race{padding:14px}
}
@container(min-width:540px){
 .business-ui .bu-kiosk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
 .business-ui .bu-kiosk>.bu-title{grid-column:1;grid-row:1;text-align:left;padding:16px 20px 0}
 .business-ui .bu-kiosk>.bu-title h3{font-size:32px;margin:5px 0}
 .business-ui .bu-kiosk>.bu-title p{font-size:12px}
 .business-ui .bu-kiosk>.bu-burger-stage{grid-column:1;grid-row:2/4;height:210px}
 .business-ui .bu-kiosk>.bu-order-options{grid-column:2;grid-row:1/3;align-content:center;align-items:start;justify-content:flex-start;padding:20px 16px;gap:12px}
 .business-ui .bu-kiosk>.bu-order-options fieldset{width:100%;display:flex;flex-wrap:wrap;gap:6px}
 .business-ui .bu-kiosk>.bu-order-options legend{width:100%;margin-bottom:8px}
 .business-ui .bu-kiosk>.bu-order-options button{margin:0}
 .business-ui .bu-kiosk>.bu-order-options .bu-check{padding:0}
 .business-ui .bu-kiosk>.bu-receipt{grid-column:2;grid-row:3;padding:12px 16px;margin-right:16px;border-radius:6px;border:1px solid var(--bu-line);gap:10px}
 .business-ui .bu-kiosk>.bu-foot{grid-column:1/-1;margin-top:10px}
 .business-ui .bu-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
 .business-ui .bu-product>.bu-title{grid-column:1/-1}
 .business-ui .bu-product>.bu-shoe-preview{height:220px;grid-column:1}
 .business-ui .bu-product>.bu-product-spec{grid-column:2;gap:10px}
 .business-ui .bu-product-spec .bu-stock{flex-wrap:wrap;gap:4px}
 .business-ui .bu-event{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .business-ui .bu-event>.bu-booking{align-content:center;align-items:center;padding:18px}
 .business-ui .bu-event .bu-capacity{grid-template-columns:repeat(10,1fr)}
 .business-ui .bu-event .bu-event-poster h3{font-size:34px}
}

.business-ui .bu-toolbar,.business-ui .bu-market-toolbar{align-items:flex-start!important}