/* Reviews and the standalone trash share one page frame; inner panels keep their own density. */
body.h2b-new-ui .h2b-shell--v2:has([data-list-state-endpoint]) .h2b-main { background:#f3f4f6; }
body.h2b-new-ui .h2b-shell--v2:has(:is([data-service-reviews],[data-trash-view],[data-list-state-endpoint])) .h2b-container {
 width:min(1320px,calc(100% - 64px)); padding:36px 0 64px;
}
.h2b-shell--v2 :is([data-service-reviews] .h2b-service-heading,[data-trash-view] .ln-titlebar,[data-list-state-endpoint] .ln-titlebar) { margin-bottom:28px; }
.h2b-shell--v2 .ln-wrap[data-list-state-endpoint] .ln-titlebar { padding:0; }
@media (max-width:600px) {
 body.h2b-new-ui .h2b-shell--v2:has(:is([data-service-reviews],[data-trash-view],[data-list-state-endpoint])) .h2b-container {
  width:calc(100% - 32px); padding:24px 0 40px;
 }
 .h2b-shell--v2 :is([data-service-reviews] .h2b-service-heading,[data-trash-view] .ln-titlebar,[data-list-state-endpoint] .ln-titlebar) { margin-bottom:24px; }
}

/* Official Montserrat static WOFF2 weights, SIL OFL 1.1. */
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:400; font-display:swap; src:url(/local/fonts/hub2b/montserrat/Montserrat-Regular.woff2) format('woff2'); }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:500; font-display:swap; src:url(/local/fonts/hub2b/montserrat/Montserrat-Medium.woff2) format('woff2'); }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:600; font-display:swap; src:url(/local/fonts/hub2b/montserrat/Montserrat-SemiBold.woff2) format('woff2'); }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:700; font-display:swap; src:url(/local/fonts/hub2b/montserrat/Montserrat-Bold.woff2) format('woff2'); }
:root { --h2b-font-ui:Montserrat,Arial,sans-serif; }
/* Order labels share one palette in the order list, analytics and body-mounted dialogs. */
body.h2b-new-ui {
 --order-neutral:#c6c6c6; --order-waiting:#e3e5e8; --order-shipping:#35b3f3;
 --order-orange:#f36135; --order-purple:#a54fe6; --order-teal:#2cbc9d;
 --order-green:#1fcf2e; --order-danger:#eb0808;
 --order-on-light:#111111; --order-on-color:#ffffff;
}
html body.h2b-new-ui { font-family:var(--h2b-font-ui); font-weight:500; }
/* One family for page content and body-mounted dialogs, including legacy rules.
 * Icon fonts remain glyph assets; outlined SVG logos and map tiles are artwork. */
html body.h2b-new-ui :where(*):not(svg,svg *):not([class^="icon-"],[class*=" icon-"],.fa,.fas,.far,.fab,.fal,.fad,.material-icons,.material-symbols-outlined,[data-h2b-font-icon]) { font-family:var(--h2b-font-ui)!important; }
/* Shared supplier navigation. Scoped to avoid changing existing page components. */
.h2b-shell--v2 { --shell-red:#D40411; --shell-yellow:#FFCB00; --shell-ink:#2B2A29; --shell-muted:#686765; --shell-line:#e6e5e3; }
.h2b-shell--v2 .h2b-topbar { --shell-header-red:#af0410; background:#FFFFFF; color:var(--shell-ink); border:0; border-bottom:1px solid #2b2a2926; box-shadow:none; }
.h2b-shell--v2 .h2b-topbar__inner { width:min(1320px,calc(100% - 64px)); height:auto; min-height:72px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:0 28px; align-items:center; }
.h2b-shell--v2 .h2b-logo { grid-column:1; grid-row:1; min-height:72px; justify-content:center; color:var(--shell-ink)!important; }
.h2b-shell--v2 .h2b-logo__image { display:block; width:144px; height:auto; flex:none; }
.h2b-shell--v2 .h2b-topbar__actions { grid-column:3; grid-row:1; justify-self:end; gap:12px; }
.h2b-shell--v2 .h2b-nav { grid-column:2; grid-row:1; height:72px; gap:24px; border:0; }
.h2b-shell--v2 .h2b-nav__link,.h2b-shell--v2 .h2b-nav__group > summary { height:72px; padding:0 2px; font-size:15px; font-weight:600; color:var(--shell-ink)!important; background:transparent; gap:8px; }
.h2b-shell--v2 .h2b-nav__link:hover,.h2b-shell--v2 .h2b-nav__link.is-active,.h2b-shell--v2 .h2b-nav__group > summary:hover,.h2b-shell--v2 .h2b-nav__group[open]>summary,.h2b-shell--v2 .h2b-nav__group[data-active="true"]>summary { color:var(--shell-header-red)!important; background:transparent; }
.h2b-shell--v2 .h2b-nav__link::after,.h2b-shell--v2 .h2b-nav__group > summary::after { left:0; right:0; bottom:0; height:3px; background:var(--shell-red); border-radius:2px 2px 0 0; }
.h2b-shell--v2 .h2b-nav svg { width:18px; height:18px; }
.h2b-shell--v2 :is(.h2b-nav,.h2b-account > summary,.h2b-mobile-nav > summary,.h2b-mobile-menu,.sotbit-notification_bell) svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.h2b-shell--v2 .h2b-header-action-error { margin:8px 12px; color:#b2040e; font-size:13px; line-height:1.5; }
.h2b-shell--v2 .h2b-menu { top:calc(100% + 8px); width:272px; padding:8px; border:0; border-radius:12px; background:#fff; box-shadow:0 12px 36px #2b2a2926; max-height:calc(100dvh - 96px); overflow-y:auto; }
.h2b-shell--v2 .h2b-menu--right { width:256px; }
.h2b-shell--v2 .h2b-account .h2b-menu { top:calc(100% + 22px); }
.h2b-shell--v2 .h2b-menu a,.h2b-shell--v2 .h2b-menu button { display:flex; align-items:center; min-height:44px; padding:10px 12px; font-size:14px; font-weight:500; color:var(--shell-ink)!important; border-radius:7px; }
.h2b-shell--v2 .h2b-menu a:hover,.h2b-shell--v2 .h2b-menu button:hover { background:#f4f3f2; color:var(--shell-red)!important; }
.h2b-shell--v2 .h2b-menu a[aria-current="page"] { background:transparent; color:var(--shell-red)!important; font-weight:700; }
.h2b-shell--v2 .h2b-menu a[aria-current="page"]:hover { background:#f4f3f2; }
.h2b-shell--v2 .h2b-menu__label { margin:12px 12px 4px; color:var(--shell-muted); font-size:12px; }
.h2b-shell--v2 .h2b-menu__organization { margin:4px 12px 10px; padding:8px 0 14px; border-bottom:1px solid var(--shell-line); font-size:14px; font-weight:700; color:var(--shell-ink); overflow-wrap:anywhere; }
.h2b-shell--v2 .h2b-personal-balance { border:0; border-right:1px solid #2b2a2926; border-radius:0; background:none; padding:0 16px 0 0; min-height:40px; color:var(--shell-ink)!important; }
.h2b-shell--v2 .h2b-personal-balance span { font-size:12px; color:var(--shell-ink); }
.h2b-shell--v2 .h2b-personal-balance strong { font-size:15px; font-weight:600; }
.h2b-shell--v2 .h2b-personal-balance:hover :is(span,strong) { color:var(--shell-header-red); }
.h2b-shell--v2 .h2b-account > summary { display:grid; place-items:center; box-sizing:border-box; width:44px; height:44px; padding:2px; background:#f4f3f2; background-clip:content-box; color:var(--shell-ink); border-radius:8px; }
.h2b-shell--v2 .h2b-account > summary:hover,.h2b-shell--v2 .h2b-account[open] > summary { background-color:#e9e8e6; }
.h2b-shell--v2 .h2b-account__icon { border:0; border-radius:8px; background:#f4f3f2; width:36px; height:36px; }
.h2b-shell--v2 .h2b-account__name { font-size:14px; max-width:240px; font-weight:600; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification,.h2b-shell--v2 .h2b-notification-host .sotbit-notification:hover { background:transparent; border:0; border-radius:8px; color:var(--shell-ink); }
.h2b-shell--v2 .h2b-account > summary svg { width:18px; height:18px; }

.h2b-shell--v2 .h2b-notifications-slot { min-width:44px; min-height:44px; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification { box-sizing:border-box; width:44px; height:44px; padding:0; background:transparent; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification_bell { box-sizing:border-box; width:44px; height:44px; padding:2px; border-radius:8px; background:#f4f3f2; background-clip:content-box; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification_bell svg { width:22px; height:22px; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification_bell svg path { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification_bell:hover { background-color:#e9e8e6; }
.h2b-shell--v2 .h2b-notification-host .sotbit-notification_counter { background:var(--shell-red); min-width:17px; height:17px; padding:0 3px; font-size:10px; }
.h2b-shell--v2 .h2b-footer { background:#fff; border-top:1px solid var(--shell-line); }
.h2b-shell--v2 .h2b-footer__inner { box-sizing:border-box; width:min(1320px,calc(100% - 64px)); min-height:44px; padding:8px 0; gap:12px; font-size:12px; color:var(--shell-muted); }
.h2b-shell--v2 .h2b-footer__identity { flex:none; white-space:nowrap; }
.h2b-shell--v2 .h2b-footer nav { gap:4px 24px; justify-content:flex-end; }
.h2b-shell--v2 .h2b-footer a { display:inline-flex; align-items:center; min-height:24px; color:var(--shell-muted)!important; line-height:1.6; }
.h2b-shell--v2 .h2b-footer a:hover { text-decoration:underline!important; text-underline-offset:3px; color:var(--shell-ink)!important; }
.h2b-shell--v2 :is(.h2b-topbar,.h2b-footer) :focus-visible { outline:2px solid var(--shell-red); outline-offset:2px; box-shadow:none; }
/* Keep right-aligned legal links above the fixed support button when side margins are narrow. */
@media (min-width:701px) and (max-width:1760px) {
 .h2b-shell--v2 .h2b-footer__inner { padding-bottom:76px; }
}
.h2b-shell--v2 .h2b-skip-link { position:fixed; top:8px; left:8px; z-index:2000; padding:12px 20px; color:#fff; background:var(--shell-ink); border-radius:8px; transform:translateY(-200%); }
.h2b-shell--v2 .h2b-skip-link:focus { transform:translateY(0); }
.h2b-shell--v2 ::selection { background:#FFCB00; color:#2B2A29; }
/* Reusable native confirmation dialog; body-mounted, independent of page grids. */
.h2b-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:32px; border:0; border-radius:16px; outline:none; color:#2B2A29; background:#fff; overflow:auto; }
.h2b-dialog::backdrop { background:#2b2a2973; }
.h2b-dialog__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.h2b-dialog__header h2 { margin:0; padding-top:5px; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-.025em; }
.h2b-dialog__close { display:grid; place-items:center; flex:none; width:44px; height:44px; margin:-8px -8px 0 0; padding:0; border:0; border-radius:8px; color:#2B2A29; background:#f0f1f3; cursor:pointer; }
.h2b-dialog__close:hover { background:#e3e5e8; }
.h2b-dialog__description { margin:16px 0 0; max-width:48ch; color:#626467; font-size:14px; font-weight:500; line-height:1.65; }
.h2b-dialog__actions { display:grid; grid-template-columns:1.15fr 1fr; gap:12px; margin-top:28px; }
.h2b-dialog__actions button { min-height:48px; padding:12px 14px; border:0; border-radius:8px; color:#2B2A29; background:#eff0f2; font-size:14px; font-weight:600; line-height:1.4; cursor:pointer; }
.h2b-dialog__actions button:hover { background:#e3e5e8; }
.h2b-dialog__actions .h2b-dialog__primary { background:#D40411; color:#fff; }
.h2b-dialog__actions .h2b-dialog__primary:hover { background:#af0410; }
.h2b-dialog :is(button,a):focus-visible { outline:2px solid #7d838b; outline-offset:3px; box-shadow:none; }
/* Cabinet dialog presentation. Semantics and existing controls stay with each flow. */
body.h2b-new-ui .h2b-modal { font-family:Montserrat,Arial,sans-serif; border-radius:16px; }
body.h2b-new-ui dialog.h2b-modal:not([open]) { display:none!important; }
body.h2b-new-ui dialog.h2b-modal::backdrop { background:#2b2a2973; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.h2b-new-ui .h2b-modal--padded { padding:24px!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__title { display:block; margin:0!important; padding:0!important; color:#2b2a29; font:700 24px/1.3 Montserrat,Arial,sans-serif!important; letter-spacing:-.025em; overflow-wrap:anywhere; }
body.h2b-new-ui .h2b-modal .h2b-modal__lead { display:block; margin:8px 0 0!important; color:#626467!important; font:500 14px/1.6 Montserrat,Arial,sans-serif!important; letter-spacing:normal; text-transform:none; white-space:normal; text-overflow:clip; overflow:visible; overflow-wrap:anywhere; }
body.h2b-new-ui .h2b-modal__heading + :is(.awz-bulk-modal__body,.awz-photo-modal__body):has(> .h2b-modal__lead:first-child) { padding-top:0!important; }
body.h2b-new-ui .h2b-modal:not(.h2b-modal--message) :is(.awz-bulk-modal__body,.awz-photo-modal__body) > .h2b-modal__lead:first-child { margin-bottom:24px!important; }
body.h2b-new-ui .h2b-modal:not(.h2b-modal--message) > .h2b-modal__lead,body.h2b-new-ui .h2b-modal:not(.h2b-modal--message) > form > .h2b-modal__lead { margin-bottom:24px!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__heading { position:relative; display:block; flex-shrink:0; margin:0; padding:24px 24px 0; border:0; background:#fff; }
body.h2b-new-ui .h2b-modal .h2b-modal__heading--with-lead { padding-bottom:24px; }
body.h2b-new-ui .h2b-modal__heading--with-lead + :is(.awz-photo-modal__body,.awz-bulk-modal__body,.awz-proposal-modal__body) { padding-top:0!important; }
body.h2b-new-ui .h2b-modal :is(.awz-photo-modal__body,.awz-bulk-modal__body,.awz-proposal-modal__body,.awz-photo-modal__foot,.awz-bulk-modal__foot,.awz-proposal-modal__foot) { padding-inline:24px; }
body.h2b-new-ui .h2b-modal .h2b-modal__close { display:grid!important; place-items:center; position:absolute; top:16px; right:16px; flex:none; box-sizing:border-box; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:8px!important; color:#626467!important; background:transparent!important; box-shadow:none!important; cursor:pointer; transition:background-color .16s,color .16s; }
body.h2b-new-ui .h2b-modal .h2b-modal__close:hover:not(:disabled) { color:#2b2a29!important; background:#eff0f2!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__close:active:not(:disabled) { background:#e3e5e8!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__close:focus-visible { outline:2px solid #7d838b!important; outline-offset:3px; }
body.h2b-new-ui .h2b-modal .h2b-modal__close svg { display:block; width:20px!important; height:20px!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__close--inverse { color:#fff!important; }
body.h2b-new-ui .h2b-modal .h2b-modal__close--inverse:hover:not(:disabled) { color:#fff!important; background:#ffffff26!important; }
body.h2b-new-ui .h2b-modal--closable>.h2b-modal__title { padding-right:56px!important; }
body.h2b-new-ui .h2b-modal--closable .h2b-modal__heading .h2b-modal__title { padding-right:56px!important; }
body.h2b-new-ui .h2b-modal--padded>.h2b-modal__heading { padding:0; }
body.h2b-new-ui .h2b-modal--padded>.h2b-modal__heading .h2b-modal__close { top:-6px; right:-8px; }
body.h2b-new-ui .h2b-modal--message.h2b-modal--closable:not(:has(> .h2b-modal__heading)) .h2b-modal__title { padding-right:56px!important; }
body.h2b-new-ui .h2b-modal--message { box-sizing:border-box; display:block; width:min(520px,calc(100vw - 32px))!important; min-height:0!important; height:auto!important; max-height:calc(100dvh - 32px); padding:24px!important; border:0; background:#fff; text-align:left; overflow:auto; }
/* Native fixed dialogs with inset:0 stretch under WebKit when height is auto. */
body.h2b-new-ui dialog.h2b-modal--message { height:fit-content!important; }
body.h2b-new-ui .h2b-modal:not(.h2b-modal--message) > .h2b-modal__title + form { margin-top:24px; }
body.h2b-new-ui .h2b-modal--message .h2b-modal__heading { padding:0!important; }
body.h2b-new-ui .h2b-modal--message .h2b-modal__heading .h2b-modal__close { top:-6px; right:-8px; }
body.h2b-new-ui .h2b-modal--message .h2b-modal__message-body { padding:0!important; margin:0!important; border:0!important; }
body.h2b-new-ui .h2b-modal--message .h2b-modal__message-foot { padding:0!important; margin:24px 0 0!important; border:0!important; }
body.h2b-new-ui .h2b-modal--message .h2b-compact-actions { margin-top:24px; }
body.h2b-new-ui .h2b-modal--message .h2b-compact-actions > :is(button,a,input) { box-sizing:border-box; min-height:48px; padding:12px 14px; font:600 14px/1.4 Montserrat,Arial,sans-serif; white-space:normal; }
body.h2b-new-ui .h2b-modal--message .h2b-modal__message-foot .h2b-compact-actions { margin-top:0; }
@media (max-width:720px) {
 body.h2b-new-ui .h2b-modal .h2b-modal__title { font-size:22px!important; }
}
@media (max-width:600px) {
 body.h2b-new-ui .h2b-modal--message { padding:24px 20px!important; }
 body.h2b-new-ui .h2b-modal--padded { padding:24px 20px!important; }
 body.h2b-new-ui .h2b-modal .h2b-modal__heading { padding:24px 20px 0; }
 body.h2b-new-ui .h2b-modal :is(.awz-photo-modal__body,.awz-bulk-modal__body,.awz-proposal-modal__body,.awz-photo-modal__foot,.awz-bulk-modal__foot,.awz-proposal-modal__foot) { padding-inline:20px; }
 body.h2b-new-ui .h2b-modal .h2b-modal__close { right:12px; }
}
@media (prefers-reduced-motion:reduce) {
 body.h2b-new-ui .h2b-modal .h2b-modal__close { transition:none; }
}
@media (max-width:600px) {
 .h2b-dialog { padding:24px; }
 .h2b-dialog__header h2 { font-size:22px; }
 .h2b-dialog__actions { grid-template-columns:1fr; margin-top:24px; gap:10px; }
}
@media (max-width:1100px) {
 .h2b-shell--v2 .h2b-topbar__inner { column-gap:16px; }
 .h2b-shell--v2 .h2b-logo__image { width:120px; }
 .h2b-shell--v2 .h2b-nav { display:flex; gap:12px; }
 .h2b-shell--v2 .h2b-topbar__actions { gap:12px; }
 .h2b-shell--v2 .h2b-account__name { max-width:120px; }
 .h2b-shell--v2 .h2b-mobile-nav { display:none; }
}
@media (min-width:1001px) and (max-width:1100px) {
 .h2b-shell--v2 .h2b-personal-balance { display:none; }
 .h2b-shell--v2 .h2b-topbar__actions { gap:8px; }
 .h2b-shell--v2 .h2b-account__name { max-width:110px; }
}
@media (min-width:1101px) and (max-width:1280px) {
 .h2b-shell--v2 .h2b-account__name { max-width:120px; }
}
@media (max-width:1000px) {
 .h2b-shell--v2 .h2b-topbar__inner { display:flex; width:calc(100% - 32px); min-height:72px; gap:12px; }
 .h2b-shell--v2 .h2b-logo { min-height:72px; }
 .h2b-shell--v2 .h2b-logo__image { width:120px; }
 .h2b-shell--v2 .h2b-topbar__actions { gap:8px; margin-left:auto; }
 .h2b-shell--v2 .h2b-nav { display:none; }
 .h2b-shell--v2 .h2b-mobile-nav { display:block; }
 .h2b-shell--v2 .h2b-account { display:none; }
 .h2b-shell--v2 .h2b-mobile-nav > summary { display:grid; place-items:center; box-sizing:border-box; width:44px; height:44px; padding:2px; background:#f4f3f2; background-clip:content-box; color:var(--shell-ink); border-radius:8px; }
 .h2b-shell--v2 .h2b-mobile-nav > summary > svg { width:18px; height:18px; }
 .h2b-shell--v2 .h2b-mobile-nav > summary:hover,.h2b-shell--v2 .h2b-mobile-nav[open] > summary { background-color:#e9e8e6; }
 .h2b-shell--v2 .h2b-personal-balance { display:flex; padding:0 10px 0 0; margin-right:2px; min-height:36px; }
 .h2b-shell--v2 .h2b-personal-balance span { font-size:10px; }
 .h2b-shell--v2 .h2b-personal-balance strong { font-size:12px; }
 .h2b-shell--v2 .h2b-notifications-slot { min-width:44px; min-height:44px; }
 .h2b-shell--v2 .h2b-mobile-menu { position:fixed; z-index:50; top:80px; right:16px; width:min(400px,calc(100vw - 32px)); max-height:calc(100dvh - 160px); overflow-y:auto; padding:8px; border:0; border-radius:12px; background:#fff; box-shadow:0 18px 44px #2b2a2926; overscroll-behavior:contain; }
 .h2b-shell--v2 .h2b-mobile-menu :is(a,button) { display:block; width:100%; min-height:44px; padding:12px 10px; border:0; border-radius:8px; color:var(--shell-ink)!important; background:transparent; text-align:left; text-decoration:none!important; font:inherit; cursor:pointer; }
 .h2b-shell--v2 .h2b-mobile-menu__identity { display:flex; align-items:center; gap:12px; margin:0 8px; padding:12px 8px 16px; border-bottom:1px solid var(--shell-line); }
 .h2b-shell--v2 .h2b-mobile-menu__avatar { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:8px; background:#f4f3f2; color:var(--shell-muted); }
 .h2b-shell--v2 .h2b-mobile-menu__organization { margin:0; min-width:0; color:var(--shell-ink); font-size:15px; line-height:1.45; font-weight:600; overflow-wrap:anywhere; }
 .h2b-shell--v2 .h2b-mobile-menu__primary,.h2b-shell--v2 .h2b-mobile-menu__account { margin:0 8px; padding:8px 0; border-bottom:1px solid var(--shell-line); }
 .h2b-shell--v2 .h2b-mobile-menu__footer { margin:0 8px; padding:8px 0 0; }
 .h2b-shell--v2 :is(.h2b-mobile-menu__primary,.h2b-mobile-menu__account,.h2b-mobile-menu__footer) > a,.h2b-shell--v2 .h2b-mobile-section > summary { display:flex; align-items:center; justify-content:flex-start; gap:12px; min-height:48px; padding:10px 8px; font-size:15px; line-height:1.45; font-weight:500; border-radius:7px; }
 .h2b-shell--v2 .h2b-mobile-menu__primary > a,.h2b-shell--v2 .h2b-mobile-section > summary { font-weight:600; }
 .h2b-shell--v2 .h2b-mobile-menu svg { width:20px; height:20px; flex:none; }
 .h2b-shell--v2 .h2b-mobile-section > summary > svg:last-child { width:16px; margin-left:auto; }
 .h2b-shell--v2 :is(.h2b-mobile-menu__primary,.h2b-mobile-menu__account,.h2b-mobile-menu__footer) > a > svg,.h2b-shell--v2 .h2b-mobile-section > summary > svg:first-child { color:var(--shell-muted); }
 .h2b-shell--v2 .h2b-mobile-menu [aria-current="page"] > svg,.h2b-shell--v2 .h2b-mobile-section[data-active="true"] > summary > svg:first-child { color:var(--shell-red); }
 .h2b-shell--v2 .h2b-mobile-menu a:hover,.h2b-shell--v2 .h2b-mobile-menu button:hover,.h2b-shell--v2 .h2b-mobile-section > summary:hover { background:#f4f3f2; color:var(--shell-ink)!important; }
 .h2b-shell--v2 .h2b-mobile-menu [aria-current="page"],.h2b-shell--v2 .h2b-mobile-section[data-active="true"] > summary { background:transparent; color:var(--shell-red)!important; font-weight:700; }
 .h2b-shell--v2 .h2b-mobile-menu [aria-current="page"]:hover,.h2b-shell--v2 .h2b-mobile-section[data-active="true"] > summary:hover { background:#f4f3f2; color:var(--shell-red)!important; }
 .h2b-shell--v2 .h2b-mobile-section { border:0; }
 .h2b-shell--v2 .h2b-mobile-section[open] > summary { background:transparent; color:var(--shell-ink); }
 .h2b-shell--v2 .h2b-mobile-section[data-active="true"][open] > summary { color:var(--shell-red); }
 .h2b-shell--v2 .h2b-mobile-section > div { padding:2px 0 10px 32px; }
 .h2b-shell--v2 .h2b-mobile-section > div > a,.h2b-shell--v2 .h2b-mobile-section > div > button { display:flex; align-items:center; min-height:44px; padding:8px; font-size:14px; line-height:1.45; font-weight:500; color:#444746!important; }
 .h2b-shell--v2 .h2b-mobile-section__label { margin:12px 8px 4px; font-size:12px; line-height:1.5; font-weight:500; color:var(--shell-muted); }
 .h2b-shell--v2 .h2b-mobile-section__divider { display:block; height:1px; margin:8px; background:var(--shell-line); }
 .h2b-shell--v2 .h2b-mobile-nav :focus-visible { outline:2px solid #7d838b; outline-offset:2px; }
 .h2b-shell--v2 .h2b-menu { max-height:calc(100dvh - 96px); }
}
@media (max-width:700px) {
 .h2b-shell--v2 .h2b-footer__inner { width:calc(100% - 32px); min-height:0; padding:8px 0 64px; flex-direction:column; align-items:flex-start; gap:4px; }
 .h2b-shell--v2 .h2b-footer nav { flex-direction:column; align-items:flex-start; gap:0; }
}
@media (max-width:370px) {
 .h2b-shell--v2 .h2b-logo__image { width:104px; }
 .h2b-shell--v2 .h2b-topbar__inner { gap:4px; }
 .h2b-shell--v2 .h2b-topbar__actions { gap:3px; }
}
@media (prefers-reduced-motion:reduce) {
 .h2b-shell--v2 .h2b-topbar * { transition:none!important; }
 .h2b-shell--v2 .h2b-notification-host .sotbit-notification_wrapper,
 .h2b-shell--v2 .h2b-notification-host .sotbit-notification_backdrop { transition:opacity .12s ease!important; }
}

.h2b-shell--v2 .h2b-topbar summary>svg:last-child { transition:transform .18s cubic-bezier(.16,1,.3,1); }
.h2b-shell--v2 .h2b-topbar details[open] > summary>svg:last-child:not(:only-child) { transform:rotate(180deg); }
@media (max-width:390px) { .h2b-shell--v2 .h2b-personal-balance span { display:none; } .h2b-shell--v2 .h2b-topbar__actions { gap:3px; } }

/* Native disclosures start this animation in the same frame as [open].
 * Opacity only: panel geometry and text remain stable during rapid reopening. */
@keyframes h2b-header-menu-reveal { from { opacity:0; } to { opacity:1; } }
.h2b-shell--v2 .h2b-topbar details[open] > :is(.h2b-menu,.h2b-mobile-menu),
.h2b-shell--v2 .h2b-mobile-section[open] > div { animation:h2b-header-menu-reveal .12s ease-out; }
.h2b-shell--v2 .h2b-topbar summary > svg:last-child { transform:none; }
.h2b-shell--v2 .h2b-mobile-section > summary > svg:first-child { transform:none; }
@media (prefers-reduced-motion:reduce) {
 .h2b-shell--v2 .h2b-topbar details[open] > :is(.h2b-menu,.h2b-mobile-menu),
 .h2b-shell--v2 .h2b-mobile-section[open] > div { animation:none; }
}

/* Page titles share one scale across designed supplier pages. Domain spacing,
 * headings inside panels, and undecorated screens retain their own contracts. */
.h2b-shell--v2 :is(.h2b-logistics,.h2b-wallet,.h2b-analytics,.h2b-profile,[data-service-reviews],[data-service-questions],.h2b-status-page,[data-trash-view],[data-list-state-endpoint],.h2b-orders,.awz-pagehead) h1 { font-size:28px; }
.h2b-shell--v2 .ln-wrap[data-list-state-endpoint] h1 { font-size:28px; font-weight:700; line-height:1.2; letter-spacing:normal; }
.h2b-shell--v2 .awz-pagehead h1 { font-weight:700; line-height:1.2; letter-spacing:normal; }
@media (max-width:600px) {
 .h2b-shell--v2 .ln-wrap[data-list-state-endpoint] h1 { font-size:24px; }
 .h2b-shell--v2 :is(.h2b-logistics,.h2b-wallet,.h2b-analytics,.h2b-profile,[data-service-reviews],[data-service-questions],.h2b-status-page,[data-trash-view],[data-list-state-endpoint],.h2b-orders,.awz-pagehead) h1 { font-size:24px; }
}

/* Legacy list filters share the same field contract as Logistics and analytics. */
/* Focus wins over page-specific hover, including pointer re-entry. Preserve
 * invalid-state borders and never apply field styling to toggle/file controls. */
body.h2b-new-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=range]):not([type=color]),select,textarea):focus{background-color:#fff!important;border-color:#7d838b!important;outline:none!important;box-shadow:none!important}
body.h2b-new-ui :is(input,select,textarea):focus:is([aria-invalid=true],.is-invalid){border-color:#b2040e!important}
/* Profile server errors can be carried by the adjacent status instead of aria-invalid. */
body.h2b-new-ui .h2b-profile__field:has(.is-error) :is(input,textarea):focus,body.h2b-new-ui .h2b-profile__card:has([data-description-status].is-error) [data-description]:focus,body.h2b-new-ui .h2b-profile [data-password-form]:has([data-password-status].is-error) input:focus{border-color:#b2040e!important}
body.h2b-new-ui :is(.h2b-order-search,.h2b-order-select__trigger,.h2b-order-filter-menu>summary,.h2b-service-select-trigger){box-sizing:border-box;height:48px;min-height:48px;border:1px solid transparent;border-radius:8px;background:#f0f1f3;color:#2b2a29;font-family:var(--h2b-font-ui,Montserrat,Arial,sans-serif);font-size:16px;font-weight:500;line-height:20px;box-shadow:none}
body.h2b-new-ui :is(.h2b-order-select__trigger,.h2b-order-filter-menu>summary,.h2b-service-select-trigger){padding:0 14px;appearance:none;-webkit-appearance:none}
body.h2b-new-ui .h2b-order-search input{height:46px;min-height:0;font-family:inherit;font-size:16px;font-weight:500;line-height:20px;box-shadow:none;outline:none}
body.h2b-new-ui :is(.h2b-order-search,.h2b-order-select__trigger,.h2b-order-filter-menu>summary,.h2b-service-select-trigger):hover{background:#e9ebee;border-color:transparent}
body.h2b-new-ui :is(.h2b-order-select__trigger,.h2b-order-filter-menu>summary,.h2b-service-select-trigger):is(:focus,:focus-visible,[aria-expanded=true]),body.h2b-new-ui .h2b-order-search:focus-within,body.h2b-new-ui .h2b-order-filter-menu[open]>summary{background:#fff;border-color:#7d838b;outline:none;box-shadow:none}
body.h2b-new-ui :is(.h2b-order-select__options,.h2b-service-select-options){padding:8px;border:0;border-radius:12px;background:#fff;box-shadow:0 12px 40px #2b2a2924}
body.h2b-new-ui :is(.h2b-order-select__options,.h2b-service-select-options) button{min-height:44px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#2b2a29;line-height:1.5}
body.h2b-new-ui :is(.h2b-order-select__options,.h2b-service-select-options) button:is(:hover,:focus-visible,[aria-selected=true]){background:#eceef1;color:#2b2a29;outline:none;box-shadow:none}
body.h2b-new-ui :is(.h2b-order-select__options,.h2b-service-select-options) button[aria-selected=true]{font-weight:600}
body.h2b-new-ui :is(.h2b-order-select__trigger,.h2b-service-select-trigger):disabled{background:#eff0f2;color:#626467;opacity:.6;cursor:not-allowed}
body.h2b-new-ui .h2b-category-picker__trigger{justify-content:space-between;gap:12px}
body.h2b-new-ui .h2b-category-picker__trigger svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.h2b-new-ui .h2b-category-picker__trigger[aria-expanded=true] svg{transform:rotate(180deg)}
body.h2b-new-ui .h2b-category-picker__trigger:is(:focus,:focus-visible,[aria-expanded=true]){outline:none;box-shadow:none;border-color:#7d838b;background:#fff}
body.h2b-new-ui .h2b-category-dialog input[type=search]{height:48px;border:1px solid transparent;border-radius:8px;background:#f0f1f3;font-size:16px;padding:0 14px}
body.h2b-new-ui .h2b-category-dialog input[type=search]:hover{background:#e9ebee}
body.h2b-new-ui .h2b-category-dialog input[type=search]:is(:focus,:focus-visible){outline:none;box-shadow:none;border-color:#7d838b;background:#fff}
body.h2b-new-ui .h2b-category-picker__trigger{font-size:16px;font-weight:500;line-height:20px}
body.h2b-new-ui.awz-separate-wizard :is(input.awz-inp,select.awz-inp:not(.awz-proposal-native-select),button.awz-inp,.awz-multiselect-toggle){box-sizing:border-box;height:48px;min-height:48px;border:1px solid transparent;border-radius:8px;background-color:#f0f1f3;color:#2b2a29;font-size:16px;font-weight:500;box-shadow:none;appearance:none;-webkit-appearance:none}
body.h2b-new-ui.awz-separate-wizard :is(input.awz-inp,select.awz-inp:not(.awz-proposal-native-select),button.awz-inp,.awz-multiselect-toggle):hover{background-color:#e9ebee}
body.h2b-new-ui.awz-separate-wizard :is(input.awz-inp,select.awz-inp:not(.awz-proposal-native-select),button.awz-inp,.awz-multiselect-toggle):is(:focus,:focus-visible,[aria-expanded=true]){outline:none;box-shadow:none;border-color:#7d838b;background-color:#fff}
body.h2b-new-ui.awz-separate-wizard :is(input.awz-inp,select.awz-inp:not(.awz-proposal-native-select),button.awz-inp,.awz-multiselect-toggle):is([aria-invalid=true],.is-invalid){border-color:#b2040e}
body.h2b-new-ui .h2b-category-tree__chevron{display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg)}
body.h2b-new-ui [aria-expanded=true]>.h2b-category-tree__chevron{transform:none}

/* Compact confirmations: native DOM order is normalized by hub2b_new_ui.js. */
body.h2b-new-ui .h2b-compact-actions { display:flex!important; flex-direction:row!important; flex-wrap:wrap; justify-content:flex-start!important; justify-self:stretch; align-items:center; box-sizing:border-box; width:100%; gap:12px; }
body.h2b-new-ui :is(footer,.awz-bulk-modal__foot):has(> .h2b-compact-actions) { flex-wrap:wrap; }
body.h2b-new-ui .h2b-compact-actions > :is(button,a,input) { flex:0 0 auto; width:auto; max-width:100%; margin-inline:0; }
body.h2b-new-ui .h2b-compact-actions > [hidden] { display:none!important; }
/* Primary buttons stay white-on-red when unavailable; fade the whole button. */
body.h2b-new-ui :is(dialog,[role="dialog"],[role="alertdialog"]) :is(.awz-btn.p,.h2b-dialog__primary,.is-primary):is(:disabled,[aria-disabled="true"]) { background:#D40411!important; color:#fff!important; -webkit-text-fill-color:#fff; opacity:.55!important; cursor:not-allowed; }
@media(max-width:600px) {
  body.h2b-new-ui .h2b-compact-actions { flex-direction:column!important; align-items:stretch; }
  body.h2b-new-ui .h2b-compact-actions > :is(button,a,input) { width:100%; }
}

/* Shared checkbox: wizard options, catalog filters/selection and registration categories. */
.ln-wrap[data-list-state-endpoint] { --h2b-checkbox-size:16px; }
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"] {
  -webkit-appearance:none;
  appearance:none;
  display:inline-block;
  flex:0 0 var(--h2b-checkbox-size,20px);
  box-sizing:border-box;
  width:var(--h2b-checkbox-size,20px);
  height:var(--h2b-checkbox-size,20px);
  min-width:var(--h2b-checkbox-size,20px);
  padding:0;
  margin:0;
  vertical-align:middle;
  border:1.5px solid #7d838b;
  border-radius:4px;
  background:#fff center / 16px 16px no-repeat;
  box-shadow:none;
  cursor:pointer;
  transition:background-color 120ms ease,border-color 120ms ease;
}
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"]:is(:checked,:indeterminate) {
  border-color:#D40411;
  background-color:#D40411;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 10 4 4 8-8'/%3E%3C/svg%3E");
}
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"]:indeterminate {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 10h12'/%3E%3C/svg%3E");
}
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) :is(input[type="checkbox"]:hover:not(:disabled),label:hover input[type="checkbox"]:not(:disabled)) { border-color:#af0410; }
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) :is(input[type="checkbox"]:hover:not(:disabled),label:hover input[type="checkbox"]:not(:disabled)):is(:checked,:indeterminate) { background-color:#af0410; }
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"]:focus-visible { outline:2px solid #7d838b; outline-offset:3px; }
:is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"]:disabled { opacity:.5; cursor:not-allowed; }
@media(prefers-reduced-motion:reduce) {
  :is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"] { transition:none; }
}
@media(forced-colors:active) {
  :is(body.awz-separate-wizard :is(.awz-multiselect-panel,.awz-price-wholesale),.ln-wrap[data-list-state-endpoint] :is(.ln-category-tree,.ln-options,.ln-c-chk),.h2b-access__category-tree) input[type="checkbox"] { -webkit-appearance:auto; appearance:auto; background:none; }
}

/* Icon-only account trigger must not inherit the old chevron size/rotation. */
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary { position:relative; isolation:isolate; display:grid; place-items:center; box-sizing:border-box; width:44px; height:44px; padding:0; border:0; background:transparent; box-shadow:none; transform:none; transition:none; }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary::before { content:""; position:absolute; inset:2px; z-index:-1; border-radius:8px; background:#f4f3f2; transition:background-color .16s ease; }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary:hover,
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > summary { background:transparent; box-shadow:none; }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary:hover::before,
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > summary::before { background:#e9e8e6; }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary > svg:last-child { display:block; width:24px; height:24px; margin:0; padding:0; align-self:center; justify-self:center; stroke-width:1.8; stroke-linecap:round; transform:none; transition:none; }
/* Open/pressed state uses the same fixed 40px surface. */
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > summary::before,
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary:active::before { background:#d40411; }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > summary > svg:last-child,
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary:active > svg:last-child { color:#fff; }
@keyframes h2b-account-menu-soft-reveal { from { opacity:0; transform:translate(12px,-16px) scale(.82); } to { opacity:1; transform:translate(0,0) scale(1); } }
.h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > :is(.h2b-menu,.h2b-mobile-menu) { transform-origin:top right; animation:h2b-account-menu-soft-reveal .32s cubic-bezier(.2,.8,.2,1); }
@media(prefers-reduced-motion:reduce) {
 .h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav) > summary::before { transition:none; }
 .h2b-shell--v2 .h2b-topbar :is(.h2b-account,.h2b-mobile-nav)[open] > :is(.h2b-menu,.h2b-mobile-menu) { animation:none; }
}