/* Design A — Burgundy & Gold. Local SVG icons and system fonts; no CDN dependencies. */
.mbb{--wine:#68182b;--gold:#bc9459;--ink:#30262a;--muted:#776a66;--line:#e3d3c0;background:linear-gradient(145deg,#fffdf8,#f9f2e8);border-color:#d8bca0;border-radius:24px;box-shadow:0 12px 38px #5b202314}
.mbb .mbb-head{position:relative;overflow:hidden;padding:28px 32px 34px;background:linear-gradient(115deg,#791e33,#551024);gap:18px;min-height:112px}.mbb .mbb-head::after{content:"";position:absolute;bottom:-20px;left:-5%;width:110%;height:36px;border-top:2px solid #d7b576;border-radius:50%;transform:rotate(-2deg);pointer-events:none}.mbb .mbb-brand{position:relative;font:600 38px/1 Georgia,"Times New Roman",serif;letter-spacing:3px;color:#fffdf5;flex-shrink:0}.mbb .mbb-brand span{font:500 11px/2.2 system-ui,sans-serif;letter-spacing:4px;color:#e3c893}.mbb-head-meta{display:flex;align-items:center;gap:18px}.mbb .mbb-head-label{font:500 11px/1.5 system-ui;letter-spacing:2px;color:#fff5e5;white-space:nowrap}.mbb-head-account{display:flex;padding-left:20px;border-left:1px solid #b78a65;color:#fff7e6}.mbb .mbb-icon{display:block;width:27px;height:27px;flex-shrink:0;color:inherit;fill:none;stroke:currentColor}.mbb .mbb-head-account .mbb-icon{width:27px;height:27px}
.mbb .mbb-primary-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;padding:24px 26px 10px;background:transparent;border:0}.mbb .mbb-primary-nav .mbb-nav-tile{width:100%;min-width:0;min-height:94px;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:14px 5px;border:1px solid #cdaa83;border-radius:13px;box-shadow:0 3px 5px #58251710;background:linear-gradient(#fffefa,#fbf5eb);color:var(--wine);text-decoration:none;text-align:center;font:500 14px/1.25 Georgia,serif;overflow-wrap:normal;word-break:normal;letter-spacing:0;text-transform:none}.mbb .mbb-nav-tile .mbb-icon{width:30px;height:30px}.mbb .mbb-nav-tile:hover,.mbb .mbb-nav-tile.is-active{background:#f4e8d6;border-color:#9f713f;box-shadow:inset 0 0 0 1px #b98e5838}.mbb .mbb-nav-tile:focus-visible{outline:3px solid #c49b61;outline-offset:3px}.mbb .mbb-nav-tile span{max-width:100%}
.mbb .mbb-card{background:linear-gradient(140deg,#fffefa,#fffcf7);border:1px solid #d9bda1;border-radius:18px;box-shadow:0 4px 9px #4b1c1710;padding:25px;margin:22px 26px}.mbb .mbb-grid>.mbb-card{margin:0}.mbb .mbb-reservations{margin-top:18px}.mbb .mbb-title-row{align-items:flex-start;gap:12px}.mbb h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:34px;line-height:1.15;letter-spacing:0;margin:10px 0 18px}.mbb .mbb-reservations h1{font-size:34px;line-height:1.14;max-width:640px}.mbb .mbb-eyebrow{font:650 11px/1.5 system-ui;letter-spacing:2px;color:#9b743a}.mbb .mbb-reservations .mbb-eyebrow{display:flex;align-items:center;gap:16px}.mbb .mbb-reservations .mbb-eyebrow::after{content:"";height:1px;background:linear-gradient(90deg,#bd945a,transparent);flex:1;min-width:28px}
.mbb button,.mbb a.mbb-button{border-color:#cdb39a;border-radius:10px;box-shadow:0 1px 3px #4c1c1710;letter-spacing:0;text-transform:none}.mbb button.primary{background:linear-gradient(110deg,#7d2036,#5b1225);border-color:#7e273b;color:#fffdf6;box-shadow:0 3px 6px #68182b14}.mbb button.primary:hover{background:#7b293c}.mbb .mbb-refresh-button{display:flex;gap:7px;align-items:center;justify-content:center;padding:10px 12px;background:#fffaf2;min-height:44px;margin-top:8px;font-weight:500}.mbb .mbb-refresh-button .mbb-icon{width:19px;height:19px}.mbb input,.mbb select,.mbb textarea{border-color:#c7ad98;border-radius:9px;background:#fffefa;color:#30262a;min-width:0;box-shadow:inset 0 1px 2px #56332106}.mbb input::placeholder{color:#877872;opacity:1}.mbb .mbb-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 16px;margin-top:6px;align-items:end}.mbb .mbb-filters label{font:500 14px/1.4 system-ui;margin:0;min-width:0}.mbb .mbb-filter-search{grid-column:1/-1}.mbb .mbb-search-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mbb .mbb-search-input{position:relative;display:block}.mbb .mbb-search-input>.mbb-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:22px;height:22px;pointer-events:none;color:#836656}.mbb .mbb-search-input input{padding-left:45px;margin:0;font-size:15px;min-height:49px}.mbb .mbb-filters .mbb-search-button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;font-weight:500;font-size:17px;margin:0}.mbb .mbb-search-button .mbb-icon{width:22px;height:22px}.mbb .mbb-empty-state{text-align:center;padding:36px 10px 22px;background:linear-gradient(90deg,#fffdf9,#f9f2e7,#fffdf9);border-radius:10px;color:var(--wine)}.mbb .mbb-empty-state .mbb-icon{width:48px;height:48px;color:#b28a5b;margin:0 auto 12px;stroke-width:1.3}.mbb .mbb-empty-state p{font:500 21px/1.5 Georgia,serif;margin:0}.mbb .mbb-orders{margin:18px 0 0}.mbb .mbb-order{background:#fffdfa}.mbb .mbb-pagination{margin-bottom:0}.mbb .mbb-utilities{margin:20px 26px 10px;padding:20px 24px 10px;border:1px solid #d5b595;border-radius:18px;background:linear-gradient(135deg,#fffefa,#fbf4e9);box-shadow:0 4px 9px #4b1c1710;scroll-margin-top:20px}.mbb .mbb-utilities>h2{font:600 10px/1.5 system-ui;letter-spacing:1.5px;text-transform:uppercase;color:#987440;margin:0 0 15px}.mbb .mbb-utilities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.mbb .mbb-utilities-grid .mbb-nav-tile{border:0;border-right:1px solid #deccb6;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:4px 5px;min-width:0;width:100%;font:500 14px/1.3 system-ui;text-align:center}.mbb .mbb-utilities-grid .mbb-nav-tile:last-child{border-right:0}.mbb .mbb-utilities-grid .mbb-icon{width:28px;height:28px}.mbb .mbb-utilities-grid .mbb-nav-tile.is-active{color:#8f5e24;background:#f5ead7}.mbb .mbb-signout{display:flex;gap:10px;align-items:center;justify-content:center;text-decoration:none!important;margin:17px 0 0;padding:12px 10px 8px;min-height:44px;border:0;border-top:1px solid #b58b58;border-radius:0;width:100%;background:none;box-shadow:none;color:var(--wine);font:500 15px/1.4 system-ui}.mbb .mbb-signout .mbb-icon{width:22px;height:22px}.mbb .mbb-utilities-grid:has(>:only-child){grid-template-columns:1fr}.mbb .mbb-utilities-grid:has(>:only-child) .mbb-nav-tile{flex-direction:row;gap:12px;min-height:44px}.mbb .mbb-auth{margin:26px auto;max-width:520px}.mbb .mbb-grid{padding:22px 26px}.mbb footer{color:#8b7868;padding:17px;font-size:10px}.mbb .mbb-prize-card .mbb-icon{display:none}
@media(max-width:960px){.mbb .mbb-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.mbb{margin:10px auto;border-radius:18px}.mbb .mbb-head{padding:24px 20px 28px;min-height:100px;gap:10px}.mbb .mbb-brand{font-size:30px;letter-spacing:2.5px}.mbb .mbb-brand span{font-size:9px;letter-spacing:3px}.mbb-head-meta{gap:10px}.mbb .mbb-head-label{font-size:9px;letter-spacing:1.1px}.mbb .mbb-head-account{padding-left:10px}.mbb .mbb-head-account .mbb-icon{width:23px;height:23px}.mbb .mbb-primary-nav{padding:20px 16px 8px;gap:10px}.mbb .mbb-primary-nav .mbb-nav-tile{min-height:85px;border-radius:11px;gap:7px;font-size:12.5px;padding:11px 4px}.mbb .mbb-nav-tile .mbb-icon{width:27px;height:27px}.mbb .mbb-card{padding:20px;margin:18px 16px;border-radius:16px}.mbb .mbb-grid>.mbb-card{margin:0}.mbb .mbb-grid{padding:18px 16px}.mbb .mbb-reservations h1{font-size:29px;line-height:1.14;margin-top:9px;margin-bottom:18px}.mbb .mbb-title-row>div{min-width:0}.mbb .mbb-refresh-button{padding:9px 10px;font-size:12px;gap:5px;flex-shrink:0;min-height:42px}.mbb .mbb-refresh-button .mbb-icon{width:17px;height:17px}.mbb .mbb-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}.mbb .mbb-filter-search,.mbb .mbb-filter-room,.mbb .mbb-filters .mbb-search-button{grid-column:1/-1}.mbb .mbb-filters label{font-size:13px}.mbb .mbb-search-input input{padding-left:40px;font-size:16px}.mbb .mbb-search-input>.mbb-icon{left:12px;width:19px;height:19px}.mbb .mbb-filters select{padding:12px 9px;font-size:15px}.mbb .mbb-utilities{margin:18px 16px 8px;padding:18px 13px 10px;border-radius:16px}.mbb .mbb-utilities-grid .mbb-nav-tile{font-size:11px;padding:2px 3px;gap:8px;min-height:58px}.mbb .mbb-utilities-grid .mbb-icon{width:26px;height:26px}.mbb .mbb-utilities>h2{font-size:9px}.mbb .mbb-empty-state{padding:28px 8px 22px}.mbb .mbb-empty-state p{font-size:20px}.mbb .mbb-auth{margin:20px 16px}.mbb .mbb-individual-card{margin:18px 16px}}
@media(max-width:360px){.mbb .mbb-head{padding-left:15px;padding-right:15px}.mbb .mbb-brand{font-size:26px}.mbb .mbb-head-label{font-size:8px;letter-spacing:.8px}.mbb .mbb-head-account{display:none}.mbb .mbb-primary-nav{padding-left:12px;padding-right:12px;gap:8px}.mbb .mbb-primary-nav .mbb-nav-tile{font-size:11.5px}.mbb .mbb-card{margin-left:12px;margin-right:12px;padding:16px}.mbb .mbb-utilities{margin-left:12px;margin-right:12px}.mbb .mbb-reservations h1{font-size:26px}}
@media print{.mbb .mbb-primary-nav,.mbb .mbb-utilities,.mbb .mbb-head-account{display:none!important}.mbb .mbb-card{box-shadow:none;background:white}.mbb .mbb-head::after{display:none}}

/* Lucky draw: Gala colours + clean stage layout */
.mbb .mbb-draw-page{background:radial-gradient(120% 60% at 50% 0%,#5a1626 0%,#2a0b13 55%,#16060a 100%);border-color:#6e3a24;color:#f5e6c8}
.mbb .mbb-draw-page h1{color:#f5e6c8}
.mbb .mbb-draw-page .mbb-eyebrow{color:#e9cf8f}
.mbb .mbb-draw-page button:not(.primary):not(.mbb-wheel-hub){background:rgba(255,255,255,.06);border-color:rgba(216,183,101,.45);color:#f3d27a;box-shadow:none}
.mbb .mbb-draw-page button:not(.primary):not(.mbb-wheel-hub):hover{background:rgba(255,255,255,.12)}
.mbb .mbb-draw-controls{justify-content:space-between;align-items:center;gap:10px;margin:6px 0 14px}
.mbb .mbb-draw-controls .mbb-draw-date{flex:0 1 auto;display:flex;align-items:center;gap:8px;margin:0;padding:0 14px;min-height:46px;border-radius:999px;border:1px solid rgba(216,183,101,.45);background:rgba(255,255,255,.06);color:#f3d27a}
.mbb .mbb-draw-date .mbb-icon{width:20px;height:20px;flex:none}
.mbb .mbb-draw-date select{margin:0;padding:0 4px;min-height:44px;border:0;background:transparent;color:#f5e6c8;font-weight:700;box-shadow:none;width:auto}
.mbb .mbb-draw-date select option{color:#222}
.mbb .mbb-draw-controls .mbb-draw-icon{width:46px;height:46px;min-height:46px;padding:0;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.mbb .mbb-draw-icon .mbb-icon{width:20px;height:20px}
.mbb .mbb-draw-page .mbb-winning-number{min-height:0;margin:0;padding:18px 12px;border-radius:20px;text-align:center;background:linear-gradient(180deg,rgba(243,210,122,.16),rgba(243,210,122,.04));border:1px solid rgba(243,210,122,.45);color:#f5e6c8}
.mbb .mbb-draw-page .mbb-winning-number small{font:700 12px/1.4 system-ui;letter-spacing:2px;text-transform:uppercase;color:#e9cf8f}
.mbb .mbb-draw-page .mbb-winning-number strong{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:10px 0 4px;font-size:inherit;letter-spacing:0}
.mbb .mbb-winning-number strong span{min-width:clamp(22px,6.8vw,52px);height:clamp(38px,10vw,72px);padding:0 1px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,#fff6d6,#e7c26a);color:#5a1626;font:900 clamp(18px,5.4vw,44px)/1 system-ui;box-shadow:inset 0 -4px 0 rgba(122,74,18,.35),0 0 18px rgba(255,210,110,.25)}
.mbb .mbb-winning-number .mbb-slot-empty span{opacity:.35;box-shadow:none}
.mbb .mbb-winning-number.is-drawing strong span{animation:mbb-slot .5s ease-in-out infinite alternate}
.mbb .mbb-winning-number p{margin:8px 0 0;font-size:14px;color:#f5e6c8}
@keyframes mbb-slot{to{opacity:.85;transform:translateY(-3px)}}
.mbb .mbb-draw-page .mbb-draw-counts{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-weight:400;font-size:13px;color:rgba(245,230,200,.75)}
.mbb .mbb-draw-counts b{font-size:16px;color:#ffe39a}
.mbb .mbb-wheel-wrap{position:relative;max-width:800px;margin:0 auto}
.mbb .mbb-draw-page .mbb-wheel-stage{margin:26px auto 10px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.mbb .mbb-draw-page .mbb-wheel-pointer{top:-12px;width:34px;height:44px;border:0;background:linear-gradient(180deg,#fff2c2,#d4a73f);clip-path:polygon(0 0,100% 0,50% 100%);filter:none}
.mbb .mbb-wheel-hub{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#d4a73f);color:#5a1626;font:900 clamp(14px,3.6vw,24px)/1 system-ui;letter-spacing:1px;box-shadow:0 0 0 5px #5a1626,0 6px 18px rgba(0,0,0,.45)}
.mbb .mbb-wheel-hub:hover{background:linear-gradient(180deg,#fff0b0,#e0b44c)}
.mbb .mbb-wheel-hub:disabled{opacity:1;filter:grayscale(.6) brightness(.8)}
.mbb .mbb-spin-row{display:flex;align-items:center;gap:8px;margin-top:16px;padding:6px 6px 6px 14px;border-radius:14px;border:1px solid rgba(216,183,101,.45);background:rgba(255,255,255,.06)}
.mbb .mbb-spin-row label{flex:1 1 auto;width:auto;margin:0;min-width:0}
.mbb .mbb-spin-row input{margin:0;border:0;background:transparent;color:#fff;box-shadow:none;padding:10px 0}
.mbb .mbb-spin-row input::placeholder{color:rgba(245,230,200,.5)}
.mbb .mbb-spin-row button.primary{flex:none;width:auto;margin:0;min-width:96px;border:0;border-radius:10px;background:linear-gradient(180deg,#ffe08a,#d4a73f);color:#3a1018;font-weight:900;letter-spacing:2px}
.mbb .mbb-draw-page .mbb-muted{color:rgba(245,230,200,.6);text-align:center}
.mbb .mbb-draw-page aside h2{color:#f3d27a}
.mbb .mbb-draw-page aside p{color:rgba(245,230,200,.7)}
.mbb .mbb-draw-page .mbb-participants span{background:rgba(255,255,255,.07);color:#f5e6c8}
.mbb .mbb-draw-page .mbb-participants .won{background:rgba(255,255,255,.03);color:rgba(245,230,200,.4)}
.mbb .mbb-draw-page .mbb-winner-row{border-color:rgba(216,183,101,.2)}
.mbb .mbb-draw-page .mbb-winner-row strong{color:#ffe39a}
.mbb .mbb-draw-page .mbb-winner-row small{color:rgba(245,230,200,.6)}
.mbb:fullscreen{background:#16060a}

/* Reservation page: Gala Night */
.mbb-offer span{display:inline-block;margin:0 6px 6px 0;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid #e3cfa6}
.mbb-offer small{display:block;font-size:11px;opacity:.75}
.mbb:not(.mbb-staff) .mbb-head{min-height:0;padding:18px 22px;background:#16060a}
.mbb:not(.mbb-staff) .mbb-head::after{display:none}
.mbb:not(.mbb-staff) .mbb-brand{color:#f3d27a;font-size:28px;letter-spacing:4px}
.mbb:not(.mbb-staff) .mbb-brand span{color:#c9b08a}
.mbb:not(.mbb-staff) .mbb-head-label{padding:7px 12px;border:1px solid rgba(216,183,101,.45);border-radius:999px;color:#f3d27a}
.mbb.mbb-gala{background:#16060a;border-color:#3a1a20}
.mbb.mbb-gala .mbb-hero{padding:30px 22px 30px;text-align:center;color:#f5e6c8;background:radial-gradient(110% 80% at 50% 0%,#6a1a2d 0%,#2a0b13 60%,#16060a 100%)}
.mbb.mbb-gala .mbb-hero .mbb-eyebrow{justify-content:center;color:#e9cf8f;letter-spacing:4px}
.mbb.mbb-gala .mbb-hero h1{color:#fff3d6;margin:10px 0 8px}
.mbb.mbb-gala .mbb-hero>p{opacity:.85;margin:0}
.mbb.mbb-gala .mbb-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:22px auto 14px;font-size:26px;color:#ffe39a}
.mbb.mbb-gala .mbb-prices>div{padding:14px 8px;border-radius:16px;background:linear-gradient(180deg,rgba(243,210,122,.18),rgba(243,210,122,.04));border:1px solid rgba(243,210,122,.45);line-height:1.2}
.mbb.mbb-gala .mbb-prices small{margin-top:4px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#f5e6c8;opacity:.8}
.mbb.mbb-gala .mbb-offer{max-width:none;font-size:12px}
.mbb.mbb-gala .mbb-offer span{margin:0 3px 6px;background:rgba(255,255,255,.07);border-color:rgba(216,183,101,.3);color:#f5e6c8}
.mbb.mbb-gala .mbb-offer b{color:#ffe39a}
.mbb.mbb-gala .mbb-offer small{margin-top:4px;opacity:.6}
.mbb.mbb-gala .mbb-grid>.mbb-card{background:#fffaf0;border-color:#5a3a2a}
.mbb.mbb-gala .mbb-card h2{color:#5a1626}
.mbb.mbb-gala .mbb-alert{background:#fbeccc;border-left-color:#d4a73f;border-radius:0 12px 12px 0;color:#6a4a12}
.mbb.mbb-gala #mbb-book button.primary[type=submit]{border:0;background:linear-gradient(180deg,#ffe08a,#d4a73f);color:#3a1018;font-weight:900;letter-spacing:1px;box-shadow:0 8px 24px rgba(212,167,63,.3)}
.mbb.mbb-gala #mbb-book button.primary[type=submit]:hover{background:linear-gradient(180deg,#fff0b0,#e0b44c)}
.mbb.mbb-gala footer{color:rgba(245,230,200,.5)}
@media(max-width:720px){.mbb.mbb-gala .mbb-hero h1{font-size:38px}.mbb.mbb-gala .mbb-prices{font-size:22px}}

/* Mobile touch & readability */
@media(max-width:720px){
.mbb .mbb-check{min-height:44px;align-items:center}
.mbb .mbb-check input{margin:0}
.mbb details:not(.mbb-booked-details)>summary{padding:12px 0}
.mbb .mbb-badge{font-size:12px}
.mbb .mbb-order span,.mbb .mbb-order small{font-size:13px}
.mbb .mbb-utilities-grid .mbb-nav-tile{font-size:12px}
.mbb #mbb-camera{display:block;width:100%;min-height:56px;font-size:17px}
.mbb #mbb-scan-form button[type=submit]{width:100%}
}

/* Orders: filters behind magnifier */
.mbb .mbb-title-actions{display:flex;gap:8px;flex-shrink:0}
.mbb .mbb-filter-toggle{position:relative;width:44px;padding:0;margin-top:8px}
.mbb .mbb-filter-toggle .mbb-icon{width:20px;height:20px}
.mbb .mbb-filter-toggle[aria-expanded=true]{background:#f4e8d6;border-color:#9f713f}
.mbb .mbb-filter-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#b0283f}
.mbb .mbb-filters[hidden]{display:none}
@media(max-width:720px){
/* Compact staff menu */
.mbb .mbb-primary-nav{gap:6px;padding:12px 12px 4px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mbb .mbb-primary-nav .mbb-nav-tile{min-height:56px;gap:3px;padding:6px 2px;border-radius:10px;font:600 11px/1.1 system-ui}
.mbb .mbb-primary-nav .mbb-icon{width:20px;height:20px}
/* Keep cancel away from main action */
.mbb .mbb-actions>button.danger{flex:1 0 100%;margin-top:14px}
}

/* Lucky draw: full width */
body.mbb-draw-body .mbb-system-main,body.mbb-draw-body #content>.ast-container{padding-left:0;padding-right:0}
.mbb.mbb-draw-mode{max-width:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:#16060a}
.mbb.mbb-draw-mode .mbb-draw-page{margin:0;border:0;border-radius:0;box-shadow:none;min-height:100vh}
.mbb.mbb-draw-mode .mbb-draw-page{padding-left:max(16px,3vw);padding-right:max(16px,3vw)}

/* Header account icon is a button */
.mbb button.mbb-head-account{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:0;padding:0 0 0 20px;background:transparent;border:0;border-left:1px solid #b78a65;border-radius:0;box-shadow:none;color:#fff7e6;cursor:pointer}
.mbb button.mbb-head-account:hover{background:transparent;color:#f3d27a}
.mbb:not(.mbb-staff) button.mbb-head-account{display:none}
@media(max-width:720px){.mbb button.mbb-head-account{padding-left:10px}}
@media(max-width:360px){.mbb button.mbb-head-account{display:none}}

/* Dining dates inside Settings */
.mbb .mbb-settings-link{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 22px;padding:14px 16px;text-align:left;background:#fbf3e6;border:1px solid #d9bda1;border-radius:14px;min-height:64px}
.mbb .mbb-settings-link .mbb-icon{width:26px;height:26px;flex:none}
.mbb .mbb-settings-link span{flex:1;font-size:16px;font-weight:700}
.mbb .mbb-settings-link small{display:block;font-size:13px;font-weight:400;color:var(--muted)}
.mbb .mbb-settings-link b{font-size:24px;line-height:1}
.mbb .mbb-back-link{margin:0 0 14px}

/* Mobile: app-style bottom tab bar */
@media(max-width:720px){
.mbb.mbb-staff{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
.mbb .mbb-primary-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fffdf9;border-top:1px solid #e3cfb6;box-shadow:0 -6px 18px rgba(75,28,23,.10)}
.mbb .mbb-primary-nav .mbb-nav-tile{min-height:56px;gap:3px;padding:5px 1px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:#7a6a68;font:600 10.5px/1.1 system-ui;text-align:center}
.mbb .mbb-primary-nav .mbb-nav-tile .mbb-icon{width:23px;height:23px}
.mbb .mbb-primary-nav .mbb-nav-tile:hover{background:transparent}
.mbb .mbb-primary-nav .mbb-nav-tile.is-active{background:#f4e8d6;color:var(--wine);box-shadow:none}
}

/* New booking button inside Bookings */
.mbb .mbb-new-booking{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:4px 0 14px;font-size:17px;font-weight:600}
.mbb .mbb-new-booking .mbb-icon{width:22px;height:22px}

/* Lucky draw: edge to edge + account menu under the person icon */
body.mbb-draw-body{overflow-x:hidden}
.mbb.mbb-draw-mode{position:relative;left:50%;right:50%;width:100vw;max-width:100vw;margin-left:-50vw;margin-right:-50vw;overflow:visible}
.mbb .mbb-account-menu{position:absolute;right:12px;z-index:60;display:flex;flex-direction:column;gap:4px;min-width:190px;padding:8px;background:#fffdf9;border:1px solid #e3cfb6;border-radius:14px;box-shadow:0 12px 30px rgba(40,10,15,.25)}
.mbb .mbb-account-menu[hidden]{display:none}
.mbb .mbb-account-menu a,.mbb .mbb-account-menu button{display:flex;align-items:center;width:100%;margin:0;min-height:46px;padding:10px 14px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--wine);font:600 15px/1.2 system-ui;text-decoration:none;text-align:left}
.mbb .mbb-account-menu a:hover,.mbb .mbb-account-menu button:hover{background:#f4e8d6}

/* Daily payment report */
.mbb .mbb-report-form{display:flex;gap:10px;align-items:flex-end;margin:4px 0 12px}
.mbb .mbb-report-form label{flex:1;margin:0}
.mbb .mbb-report-form button{margin:0;min-height:46px}
.mbb .mbb-report-actions{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;margin:6px 0 16px}
.mbb .mbb-report-actions button{margin:0;min-height:50px;font-size:15px;font-weight:700;white-space:nowrap;padding-left:8px;padding-right:8px}
.mbb .mbb-report-sheet{max-width:560px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(75,28,23,.12);border:1px solid #eee2d6;background:#fff}
.mbb .mbb-report-sheet img{display:block;width:100%;height:auto}
.mbb .mbb-utilities-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}

/* Admin export panel */
.mbb .mbb-export-panel{margin:0 0 14px;padding:12px 14px;border:1px solid #e3cfb6;border-radius:14px;background:#fbf5ec}
.mbb .mbb-export-panel p{margin:0 0 10px}
.mbb .mbb-export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mbb .mbb-export-buttons button{margin:0;min-height:48px;font-weight:700}

/* Lucky draw: date, full screen and refresh as matching round icons */
.mbb .mbb-draw-controls .mbb-draw-icons{display:flex;gap:10px;flex:none}
.mbb .mbb-draw-day{margin:0;font:800 22px/1.1 system-ui;letter-spacing:1px;color:#f3d27a}
.mbb .mbb-draw-day small{display:block;font:600 11px/1.4 system-ui;letter-spacing:2px;text-transform:uppercase;color:rgba(245,230,200,.65)}
.mbb .mbb-draw-page .mbb-draw-icon{position:relative;width:46px;height:46px;min-height:46px;padding:0;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(255,255,255,.06);border:1px solid rgba(216,183,101,.45);color:#f3d27a;box-shadow:none;cursor:pointer}
.mbb .mbb-draw-page .mbb-draw-icon .mbb-icon{width:20px;height:20px}
.mbb .mbb-draw-date-btn select{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer;font-size:16px}
.mbb .mbb-draw-date-btn:focus-within{outline:3px solid #dbbc70;outline-offset:2px}
.mbb .mbb-title-actions .mbb-filter-toggle{width:44px;height:44px;min-height:44px}

/* Booking detail: print / WhatsApp */
.mbb .mbb-contact{margin:22px 0;padding:14px;border:1px solid #e3cfb6;border-radius:14px;background:#fbf5ec}
.mbb .mbb-contact h3{margin:0 0 10px}
.mbb .mbb-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mbb .mbb-contact-grid button,.mbb .mbb-contact-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0;min-height:68px;padding:8px 4px;font-weight:700;font-size:13px;text-align:center}
.mbb .mbb-contact-grid .mbb-icon{width:24px;height:24px}
.mbb .mbb-contact-grid #mbb-wa-confirm,.mbb .mbb-contact-grid #mbb-wa-reminder{color:#1d7a46;border-color:#9fd3b2;background:#f1faf4}

/* Logo + language switch */
.mbb .mbb-brand .mbb-logo{display:block;max-height:60px;max-width:220px;width:auto;height:auto}
.mbb button.mbb-lang{min-height:40px;min-width:52px;margin:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(243,210,122,.6);background:transparent;color:#f3d27a;font:700 14px/1 system-ui;box-shadow:none;cursor:pointer}
.mbb button.mbb-lang:hover{background:rgba(255,255,255,.08)}
.mbb .mbb-logo-preview{display:inline-block;padding:12px;border-radius:12px;background:#671c2b;margin:4px 0 8px}
.mbb .mbb-logo-preview img{display:block;max-height:70px;max-width:240px}
@media(max-width:720px){.mbb .mbb-brand .mbb-logo{max-height:46px;max-width:170px}}

/* Business name in header (when no logo) */
.mbb .mbb-brand .mbb-brand-name{display:block;font:600 28px/1.15 Georgia,"Times New Roman",serif;letter-spacing:1px;max-width:62vw;overflow-wrap:anywhere}
@media(max-width:720px){.mbb .mbb-brand .mbb-brand-name{font-size:21px}}

/* One header style on every page */
.mbb .mbb-head{min-height:0;padding:18px 22px;background:#16060a}
.mbb .mbb-head::after{display:none}
.mbb .mbb-brand{color:#f3d27a}
.mbb .mbb-brand span{color:#c9b08a}
.mbb .mbb-head-label{padding:7px 12px;border:1px solid rgba(216,183,101,.45);border-radius:999px;color:#f3d27a}
.mbb button.mbb-head-account{border-left:0;padding-left:0;color:#f3d27a}

/* Desktop: every page edge to edge, content in the same centred column */
@media(min-width:721px){
body.mbb-full{overflow-x:hidden}
.mbb,.mbb.mbb-draw-mode{--gut:max(28px,calc((100vw - 1200px)/2));position:relative;left:50%;right:50%;width:100vw;max-width:100vw;margin:0 -50vw;border:0;border-radius:0;box-shadow:none}
.mbb .mbb-head,.mbb:not(.mbb-staff) .mbb-head{padding:18px var(--gut)}
.mbb .mbb-primary-nav{padding-left:var(--gut);padding-right:var(--gut)}
.mbb>.mbb-card,.mbb>.mbb-utilities,.mbb .mbb-message{margin-left:var(--gut);margin-right:var(--gut)}
.mbb .mbb-grid{padding-left:var(--gut);padding-right:var(--gut)}
.mbb .mbb-hero,.mbb.mbb-gala .mbb-hero{padding-left:var(--gut);padding-right:var(--gut)}
.mbb.mbb-draw-mode .mbb-draw-page{padding-left:var(--gut);padding-right:var(--gut)}
.mbb footer{padding-left:var(--gut);padding-right:var(--gut)}
}
.mbb button.mbb-lang{white-space:nowrap;flex:none}
.mbb .mbb-head{gap:12px}.mbb .mbb-brand{min-width:0}
@media(max-width:720px){.mbb:not(.mbb-staff) .mbb-head-label{display:none}.mbb .mbb-head-meta{flex:none}}
.mbb .mbb-brand span.mbb-brand-name{color:#f3d27a;letter-spacing:1px}

/* Edge to edge, measured by script (replaces the 100vw method, which left a gap beside the scrollbar) */
.mbb.mbb-fit,.mbb.mbb-fit.mbb-draw-mode{position:relative;left:auto;right:auto;width:var(--fullw,100%);max-width:none;margin-left:var(--fulloff,0px);margin-right:0;border:0;border-radius:0;box-shadow:none}
@media(min-width:721px){.mbb.mbb-fit{--gut:max(28px,calc((var(--fullw,100vw) - 1200px)/2))}}

/* Required marker + CHECK YOUR BOOKING */
.mbb .mbb-req{color:#b0283f;font-weight:700}
.mbb .mbb-booked-details>summary{font:700 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:1.5px}
.mbb .mbb-lookup-card hr,.mbb .mbb-lookup-card details{border:0}
.mbb .mbb-title-actions .mbb-add{background:linear-gradient(110deg,#7d2036,#5b1225);border-color:#7e273b;color:#fff}.mbb .mbb-title-actions .mbb-add .mbb-icon{width:22px;height:22px;stroke-width:2.2}

/* Payment report: date range, Today, Download menu */
.mbb .mbb-report-form{display:block}
.mbb .mbb-report-form[hidden]{display:none}
.mbb .mbb-report-form .mbb-two label{margin:0}
.mbb .mbb-report-form-buttons{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:10px}
.mbb .mbb-report-form-buttons button{margin:0;min-height:46px;font-weight:700}
.mbb .mbb-report-actions{grid-template-columns:2fr 1fr}
.mbb .mbb-download{position:relative}
.mbb .mbb-download>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.mbb .mbb-download>button .mbb-icon{width:20px;height:20px}
.mbb .mbb-download-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#fffdf9;border:1px solid #e3cfb6;border-radius:14px;box-shadow:0 10px 24px rgba(40,10,15,.18)}
.mbb .mbb-download-menu[hidden]{display:none}
.mbb .mbb-download-menu button{margin:0;min-height:46px;font-weight:800}

/* Dining dates: simple list → Add / Edit */
.mbb .mbb-date-list{display:grid;gap:10px;margin-top:6px}
.mbb .mbb-date-item>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mbb .mbb-date-item strong{font-size:17px}
.mbb .mbb-date-edit{font-size:13px;color:var(--wine)}
.mbb .mbb-empty-state [data-add-date]{display:inline-flex;align-items:center;gap:8px;margin-top:10px}
.mbb .mbb-empty-state [data-add-date] .mbb-icon{width:20px;height:20px}
.mbb .mbb-date-form h2{margin-top:4px}
.mbb .mbb-date-fixed{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f7efe2;font-size:18px;color:var(--wine)}
.mbb .mbb-date-fixed .mbb-icon{width:22px;height:22px}
.mbb .mbb-date-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:16px}
.mbb .mbb-date-actions button{margin:0;min-height:50px;font-weight:700}
.mbb .mbb-staff-new{margin:6px 0 18px;padding:14px;border:1px solid #e3cfb6;border-radius:14px;background:#fbf5ec}.mbb .mbb-staff-new h2{margin-top:0}.mbb .mbb-staff-new .mbb-actions{display:grid;grid-template-columns:1fr 2fr}

/* Lucky draw: tidy page; numbers & winners in a toggled panel */
.mbb .mbb-draw-page .mbb-draw-layout{grid-template-columns:minmax(0,1fr)}
.mbb .mbb-draw-page .mbb-draw-layout>div:first-child{max-width:640px;width:100%;margin:0 auto}
@media(min-width:900px){.mbb .mbb-draw-page .mbb-draw-layout.has-side{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.mbb .mbb-draw-page .mbb-draw-layout.has-side>div:first-child{max-width:none}}
.mbb .mbb-draw-side[hidden]{display:none}
.mbb .mbb-draw-side{padding:6px 0}
.mbb label.mbb-draw-day{position:relative;display:block;margin:0;color:#f3d27a}
.mbb label.mbb-draw-day span{display:block;font:800 22px/1.1 system-ui;letter-spacing:1px}
.mbb label.mbb-draw-day b{font-size:14px;opacity:.8}
.mbb label.mbb-draw-day select{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer;font-size:16px}
.mbb label.mbb-draw-day.can-change{cursor:pointer}
.mbb label.mbb-draw-day:focus-within{outline:3px solid #dbbc70;outline-offset:4px;border-radius:8px}
.mbb .mbb-draw-page .mbb-winning-number small{display:none}

/* Menu: Bookings · Room · Scan QR · Reports · Settings */
@media(max-width:720px){.mbb .mbb-primary-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.mbb .mbb-settings-hub{display:grid;gap:8px;margin:6px 0 24px}
.mbb .mbb-settings-hub .mbb-settings-link{margin:0;text-decoration:none;color:var(--wine)}
.mbb .mbb-pay-fields{margin:4px 0 8px;padding:12px 14px;border-radius:12px;background:#f7efe2}.mbb .mbb-pay-fields label{margin:8px 0}.mbb .mbb-date-item:disabled{opacity:1;cursor:default}

/* One button size everywhere: 48px high, same radius and font (menu tiles, list cards, steppers and the wheel button keep their own shape) */
.mbb :is(button,a.mbb-button):not(.mbb-nav-tile):not(.mbb-order):not(.mbb-settings-link):not(.mbb-wheel-hub):not(.mbb-head-account):not(.mbb-lang):not([data-step]):not(.mbb-filter-toggle):not(.mbb-draw-icon){min-height:48px!important;padding:10px 18px!important;border-radius:12px!important;font:700 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:.2px!important;margin-top:0;margin-bottom:0}
.mbb .mbb-filter-toggle,.mbb .mbb-title-actions .mbb-filter-toggle,.mbb .mbb-draw-page .mbb-draw-icon{width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:12px!important;margin:0!important}
.mbb .mbb-contact-grid button,.mbb .mbb-contact-grid a{flex-direction:row!important;gap:8px}
.mbb .mbb-contact-grid .mbb-icon{width:20px;height:20px}
.mbb :is(.mbb-actions,.mbb-report-actions,.mbb-report-form-buttons,.mbb-date-actions,.mbb-export-buttons,.mbb-download-menu,.mbb-contact-grid){gap:10px}
.mbb .mbb-spin-row button.primary{min-height:44px!important}
.mbb .mbb-two>*{min-width:0}.mbb input,.mbb select,.mbb textarea{max-width:100%}.mbb input[type=date],.mbb input[type=time]{min-width:0;width:100%}
.mbb :is(button,a.mbb-button):not(.mbb-nav-tile):not(.mbb-order):not(.mbb-settings-link):not(.mbb-wheel-hub):not(.mbb-head-account):not(.mbb-lang):not([data-step]):not(.mbb-filter-toggle):not(.mbb-draw-icon){padding:10px 12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbb .mbb-actions>button,.mbb .mbb-actions>a{flex:1 1 auto}
.mbb :is(.mbb-date-actions,.mbb-staff-new .mbb-actions,.mbb-report-form-buttons){display:grid;grid-template-columns:minmax(max-content,1fr) 2fr}
@media(max-width:400px){.mbb .mbb-contact-grid .mbb-icon{display:none}.mbb .mbb-report-actions{grid-template-columns:minmax(max-content,2fr) minmax(max-content,1fr)}}
@media(max-width:720px){.mbb .mbb-contact-grid{grid-template-columns:1fr}.mbb .mbb-contact-grid .mbb-icon{display:block}}
.mbb .mbb-one-date{display:flex;align-items:center;gap:12px;margin:8px 0 16px;padding:12px 14px;border-radius:12px;background:#f7efe2;color:var(--wine)}.mbb .mbb-one-date .mbb-icon{width:24px;height:24px;flex:none}.mbb .mbb-one-date small{display:block;font-size:12px;font-weight:600;color:#6b6264}.mbb .mbb-one-date strong{font-size:17px}

/* Booking form in steps (app style) */
.mbb .mbb-stepper-head{margin:0 0 16px}
.mbb .mbb-step-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mbb .mbb-step-bar i{height:6px;border-radius:999px;background:#eadfcd}
.mbb .mbb-step-bar i.on{background:linear-gradient(90deg,#d4a73f,#a8782a)}
.mbb #mbb-step-label{margin:8px 0 0;font:700 13px/1.3 system-ui;letter-spacing:.5px;color:var(--wine)}
.mbb .mbb-step[hidden]{display:none}
.mbb .mbb-step-nav{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;margin:18px -4px 0;padding:12px 4px;background:linear-gradient(180deg,rgba(255,250,240,0),#fffaf0 30%)}
.mbb .mbb-step-nav button{flex:1 1 0}
.mbb .mbb-step-nav button[hidden]{display:none}
.mbb .mbb-step-nav #mbb-step-back{flex:0 0 34%}
.mbb .mbb-step-total{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:14px 16px;border-radius:14px;background:#f7efe2;color:var(--wine)}
.mbb .mbb-step-total:empty{display:none}
.mbb .mbb-step-total strong{font:800 22px/1 system-ui}
@media(max-width:720px){.mbb.mbb-staff .mbb-step-nav{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}
.mbb{overflow:clip}.mbb.mbb-fit{overflow:clip}
.mbb.mbb-fit,body .mbb.mbb-fit{width:var(--fullw,100%)!important;max-width:none!important;margin-left:var(--fulloff,0px)!important}
.mbb .mbb-guest-check{display:block;margin:12px 0;padding:12px 14px;border-radius:12px;background:#fbeccc;color:#3a2b2e}.mbb .mbb-guest-check small{display:block;font:700 11px system-ui;letter-spacing:1.5px;text-transform:uppercase;color:#7a5512}.mbb .mbb-guest-check strong{display:block;font-size:18px}.mbb .mbb-guest-check span{font-size:14px}
.mbb #mbb-confirm-prize{width:100%}

/* Bookings: today check-in count + WhatsApp on not-yet rows */
.mbb .mbb-today{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.mbb .mbb-today>span{font:800 12px/1 system-ui;letter-spacing:1.5px;text-transform:uppercase;color:#9b743a;margin-right:4px}
.mbb .mbb-today button{min-height:40px!important;padding:6px 14px!important;border-radius:999px!important;font-size:14px!important;background:#e1f0e4;border-color:#b5dbbf;color:#246134}
.mbb .mbb-today button.is-warn{background:#fbeccc;border-color:#ecd39a;color:#7a5512}
.mbb .mbb-order-row{position:relative}
.mbb .mbb-order-row .mbb-order{width:100%}.mbb .mbb-order-row:has(.mbb-order-wa) .mbb-order{min-height:128px}
.mbb .mbb-order-wa{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25a35a;color:#fff;box-shadow:0 4px 10px rgba(37,163,90,.3)}
.mbb .mbb-order-wa .mbb-icon{width:22px;height:22px}

/* Settings: customer email templates */
.mbb .mbb-email-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.mbb .mbb-email-tags code{padding:4px 8px;border-radius:8px;background:#f3e7d3;color:#6a4a12;font:600 12px/1.2 ui-monospace,Menlo,Consolas,monospace}
.mbb .mbb-email-tpl{margin:8px 0;padding:4px 14px;border:1px solid #e3cfb6;border-radius:12px;background:#fffdf9}
.mbb .mbb-email-tpl>summary{font-weight:700;color:var(--wine);min-height:44px;display:flex;align-items:center}
.mbb .mbb-email-tpl textarea{font:14px/1.5 system-ui;min-height:220px}

/* Staff New booking on desktop: event info on the left, form on the right */
@media(min-width:960px){
.mbb.mbb-newbooking{display:grid;grid-template-columns:var(--gut,28px) minmax(0,5fr) minmax(0,7fr) var(--gut,28px);column-gap:0;align-items:start}
.mbb.mbb-newbooking>*{grid-column:1/-1}
.mbb.mbb-newbooking>.mbb-hero{grid-column:2;position:sticky;top:20px;margin-top:22px;padding:28px!important;border-radius:18px;border:1px solid #e3cfb6;margin-right:28px}
.mbb.mbb-newbooking>.mbb-grid{grid-column:3;padding:0!important;margin-top:22px;grid-template-columns:minmax(0,1fr)}
.mbb.mbb-newbooking .mbb-hero h1{font-size:36px}
.mbb.mbb-newbooking .mbb-prices{gap:28px}
}
.mbb .mbb-account-menu a,.mbb .mbb-account-menu button{gap:10px}.mbb .mbb-account-menu .mbb-icon{width:20px;height:20px}
@media(min-width:721px){.mbb .mbb-account-menu{right:var(--gut,12px)}}

/* Booking settings in clear groups */
.mbb .mbb-settings-form{display:grid;gap:10px}
.mbb .mbb-set-group{border:1px solid #e3cfb6;border-radius:14px;background:#fffdf9;overflow:hidden}
.mbb details.mbb-set-group>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:14px 44px 14px 16px;position:relative;min-height:56px;justify-content:center}
.mbb .mbb-set-group>summary::-webkit-details-marker{display:none}
.mbb .mbb-set-group>summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:400 22px/1 system-ui;color:var(--wine)}
.mbb .mbb-set-group[open]>summary::after{content:"−"}
.mbb .mbb-set-group>summary b{font:700 16px/1.3 system-ui;color:var(--wine)}
.mbb .mbb-set-group>summary small{font-size:13px;color:#7a6a68}
.mbb .mbb-set-group[open]>summary{border-bottom:1px solid #efe3d2;background:#fbf5ec}
.mbb .mbb-set-body{padding:4px 16px 16px}
.mbb .mbb-set-label{margin:14px 0 4px;font-weight:600;font-size:13px}
.mbb .mbb-disc{margin:15px 0}
.mbb .mbb-disc-title{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.mbb .mbb-disc-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.mbb .mbb-disc-row label{margin:0}
.mbb .mbb-disc-row select,.mbb .mbb-disc-row input{margin:0}
.mbb .mbb-set-save{position:sticky;bottom:0;z-index:5;padding:12px 0;background:linear-gradient(180deg,rgba(255,253,249,0),#fffdf9 35%)}
.mbb .mbb-set-save button{width:100%}
@media(max-width:720px){.mbb.mbb-staff .mbb-set-save{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}
.mbb details.mbb-set-group,.mbb details.mbb-email-tpl{padding:0;font-size:15px}.mbb details.mbb-email-tpl{padding:0 14px}
.mbb.mbb-fit{margin-top:0!important;margin-bottom:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mbb .mbb-party-heading{justify-content:flex-end;margin-top:18px}

/* Branded loading screen */
.mbb.mbb-loading-app{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 0%,#6a1a2d 0%,#2a0b13 60%,#16060a 100%);border:0;border-radius:0;margin:0}
.mbb.mbb-loading-app.mbb-loading-staff{background:#16060a}
.mbb .mbb-loading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px;text-align:center;animation:mbb-fadein .4s ease both}
.mbb .mbb-loading-name{font:600 34px/1.15 Georgia,"Times New Roman",serif;letter-spacing:1px;color:#f3d27a}
.mbb .mbb-loading-logo{max-width:220px;max-height:90px;width:auto;height:auto}
.mbb .mbb-loading-dots{display:flex;gap:8px}
.mbb .mbb-loading-dots i{width:10px;height:10px;border-radius:50%;background:#d4a73f;animation:mbb-dot 1.2s ease-in-out infinite}
.mbb .mbb-loading-dots i:nth-child(2){animation-delay:.15s}.mbb .mbb-loading-dots i:nth-child(3){animation-delay:.3s}
.mbb .mbb-loading-text{font:600 12px/1 system-ui;letter-spacing:3px;text-transform:uppercase;color:rgba(245,230,200,.6)}
@keyframes mbb-dot{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@keyframes mbb-fadein{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mbb .mbb-loading-dots i,.mbb .mbb-loading{animation:none}}