@import url("ui.css?v=pos-ui-20260917d");
@import url("outreach.css?v=outreach-20260919-spacing");
@import url("developers.css?v=developers-20260918-header");
.blp-app-figure {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: var(--layoutBorderWidth, 1px) solid #292b2e;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-radius: 12px;
    padding: 0;
    background: #151617;
    box-shadow: 18px 18px 54px rgba(0, 0, 0, .46), 64px 8px 112px rgba(0, 0, 0, .38), inset 0 1px rgba(255,255,255,.018);
    transition: box-shadow 420ms ease, border-color 250ms ease;
    overflow-anchor: none;
}
.blp-app-figure::before {
    position: absolute;
    z-index: 71;
    top: calc(-1 * var(--layoutBorderWidth, 1px));
    right: calc(-1 * var(--layoutBorderWidth, 1px));
    bottom: calc(-1 * var(--layoutBorderWidth, 1px));
    left: calc(-1 * var(--layoutBorderWidth, 1px));
    background:
        linear-gradient(90deg, #292b2e 0%, #292b2e 34%, rgba(41,43,46,.5) 50%, rgba(41,43,46,.08) 66%, transparent 78%, transparent 100%) top / 100% var(--layoutBorderWidth, 1px) no-repeat,
        linear-gradient(90deg, #292b2e 0%, #292b2e 34%, rgba(41,43,46,.5) 50%, rgba(41,43,46,.08) 66%, transparent 78%, transparent 100%) bottom / 100% var(--layoutBorderWidth, 1px) no-repeat;
    opacity: 1;
    pointer-events: none;
    content: '';
    transition: opacity 250ms ease;
}
.blp-app-figure::after {
    position: absolute;
    z-index: 70;
    top: calc(-1 * var(--layoutBorderWidth, 1px));
    right: calc(-1 * var(--layoutBorderWidth, 1px));
    bottom: calc(-1 * var(--layoutBorderWidth, 1px));
    width: 58%;
    background: linear-gradient(90deg, transparent 0%, rgba(5,6,7,.08) 18%, rgba(5,6,7,.38) 54%, rgba(5,6,7,.78) 82%, rgba(5,6,7,.96) 100%);
    box-shadow: inset -180px 0 180px -96px rgba(0,0,0,.78);
    opacity: 1;
    pointer-events: none;
    content: '';
    transition: opacity 250ms ease;
}
.blp-app-figure:hover::after,
.blp-app-figure.is-demo-expanded::after { opacity: 0; }
.blp-app-figure.is-demo-expanded::before { opacity: 0; }
.blp-app-figure:hover { border-top-color: #292b2e; border-right-color: #292b2e; border-bottom-color: #292b2e; }
.blp-app-figure > figcaption {
    padding: 14px 18px;
    border-top: var(--layoutBorderWidth, 1px) solid rgba(255, 255, 255, .045);
    color: var(--subColor, #85888f);
    background: #121315;
    font-size: .78rem;
    text-align: left;
}
.blp-app,
.blp-app-standalone {
    --blp-bg: #121314;
    --blp-bg-deep: #101112;
    --blp-sidebar: #101112;
    --blp-topbar: #121314;
    --blp-panel: #141516;
    --blp-panel-soft: #151617;
    --blp-line: #212223;
    --blp-line-soft: #1c1d1e;
    --blp-text: #cbd0d8;
    --blp-muted: #8a8f98;
    --blp-nav-text: #aaaeb6;
    --blp-nav-icon: #858a92;
    --blp-selected: #171819;
    --blp-frame-line: #212223;
    --blp-green: #83ce67;
    --blp-violet: #a193f2;
    --blp-blue: #8aa9df;
    --blp-type-title: 1.42em;
    --blp-type-section: 1.12em;
    --blp-type-body: 1em;
    --blp-type-small: .82em;
    --blp-type-label: .78em;
    --blp-type-metric: 1.8em;
    --blp-type-icon: 1.2em;
    --blp-shell-header-pad: 24px;
    position: relative;
    isolation: isolate;
    color: var(--blp-text);
    background: var(--blp-bg);
    font-family: inherit;
    font-size: clamp(9px, calc(.86vw - 1px), 13px);
    font-weight: 400;
    line-height: 1.42;
}
.blp-app {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    aspect-ratio: 11 / 6;
    overflow: hidden;
    border: 0;
    border-radius: 11px 11px 0 0;
    background: var(--blp-bg);
    box-shadow: none;
}
.blp-app__app-panel {
    position: relative;
    isolation: isolate;
    contain: layout paint;
    display: grid;
    grid-template-columns: min(18.2%, 200px) minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    overscroll-behavior: auto;
    background: var(--blp-sidebar);
}
.blp-app__app-panel::before,
.blp-app__app-panel::after {
    position: absolute;
    z-index: 12;
    inset: 0;
    pointer-events: none;
    content: '';
}
/* Static monochrome grain: one tiled SVG, no animation or per-frame filter. */
.blp-app__app-panel::before {
    opacity: .025;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%223%22%20seed%3D%227%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23grain%29%22%20opacity%3D%221%22%2F%3E%3C%2Fsvg%3E");
    background-size: 160px 160px;
    mix-blend-mode: soft-light;
}
.blp-app__app-panel::after {
    background: radial-gradient(ellipse 480px 350px at 0 0, rgba(255,255,255,.004), transparent 100%);
}
.blp-app-figure:not(.is-demo-expanded) .blp-app,
.blp-app-figure:not(.is-demo-expanded) .blp-app * { overscroll-behavior-y: auto; }
.blp-app *, .blp-app *::before, .blp-app *::after, .blp-app-standalone *, .blp-app-standalone *::before, .blp-app-standalone *::after { box-sizing: border-box; }
.blp-app :is(button,a), .blp-app input, .blp-app textarea, .blp-app-standalone :is(button,a) { font: inherit; }
.blp-app :is(button,a), .blp-app-standalone :is(button,a) { margin: 0; color: inherit; border: 0; background: transparent; cursor: pointer; text-align: left; }
.blp-app :is(button,a):focus-visible, .blp-app input:focus-visible, .blp-app textarea:focus-visible { outline: 2px solid var(--blp-violet); outline-offset: 2px; }
.blp-app :is(button,a) { transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease; }
.blp-app :is(button,a):hover { color: #fff; }
.blp-app [hidden] { display: none !important; }
.blp-app__ellipsis-icon { display: block; width: 1.2em; height: 1.2em; overflow: visible; fill: currentColor; stroke: none; }
:is(.blp-app, .blp-app-standalone) :where(h1, h2, h3, h4, h5, h6, p, strong, span, em, time, dt, dd, label, :is(button,a), input, textarea, kbd) { font-size: inherit; line-height: inherit; }
:is(.blp-app, .blp-app-standalone) h3 { font-size: var(--blp-type-title); line-height: 1.2; }
:is(.blp-app, .blp-app-standalone) h4 { font-size: var(--blp-type-section); line-height: 1.28; }
:is(.blp-app, .blp-app-standalone) small { font-size: var(--blp-type-small) !important; line-height: 1.38; }

:is(.blp-app, .blp-app-standalone) :where(
    .blp-app__nav-label,
    .blp-app__scanner-toggle b,
    .blp-app__queue-columns header b,
    .blp-app__queue-card-head em,
    .blp-app__queue-card-tags em,
    .blp-app__queue-card-owner,
    .blp-app__cart-head,
    .blp-app__ai-eyebrow,
    .blp-app__why p,
    .blp-app__say span,
    .blp-app__sources,
    .blp-app__table-head,
    .blp-app__approval-list article > span,
    .blp-app__agent-loop header em,
    .blp-app__campaign-preview p,
    .blp-app__campaign-row--head,
    .blp-app__agent-receipts > :is(button,a) > span,
    .blp-app__service-filters :is(button,a),
    .blp-app__service-thread > header span,
    .blp-app__exception-main > span,
    .blp-app__compliance-evidence-head
) { font-size: var(--blp-type-label); }

:is(.blp-app, .blp-app-standalone) :where(
    .blp-app__metric-row strong,
    .blp-app__total dd,
    [data-blp-modal-total],
    .blp-app__huddle-score > div:first-child > strong,
    .blp-app__score-ring strong,
    .blp-app__compliance-metrics strong,
    .blp-app__insights-kpis strong
) { font-size: var(--blp-type-metric); line-height: 1.08; }

:is(.blp-app, .blp-app-standalone) :where(
    .blp-app__clover,
    .blp-app__module-title i,
    .blp-app__search > span,
    .blp-app__sale-tools :is(button,a) > span,
    .blp-app__ai-mark,
    .blp-app__modal-icon
) { font-size: var(--blp-type-icon); line-height: 1; }

:is(.blp-app, .blp-app-standalone) :where(
    .blp-app__user-avatar,
    .blp-app__favorite-avatar,
    .blp-app__directory-avatar,
    .blp-app__queue-card-head i,
    .blp-app__service-list > :is(button,a) > span:first-child,
    .blp-app__service-messages article > span,
    .blp-app__service-customer > div,
    .blp-app__service-agents > div :is(button,a) > span
) { font-size: var(--blp-type-label); line-height: 1; }

.blp-app__sidebar {
    position: relative;
    z-index: 4;
    display: flex;
    height: 100%;
    min-width: 0;
    max-width: 200px;
    min-height: 0;
    padding-bottom: 4.1em;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    border-right: 0;
    background: var(--blp-sidebar);
    box-shadow: none;
    scrollbar-width: thin;
    scrollbar-color: #303236 transparent;
}
.blp-app__sidebar::after { content: none; }
.blp-app__sidebar-top { position: sticky; z-index: 5; top: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; height: 3.25em; min-height: 3.25em; flex: 0 0 3.25em; padding: 0 var(--blp-shell-header-pad); border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: var(--blp-sidebar); }
.blp-app__sidebar-top > div { display: flex; gap: .18em; }
.blp-app__sidebar-top > div :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border: 0; border-radius: .52em; color: #858890; background: transparent; text-align: center; }
.blp-app__sidebar-top > div :is(button,a) svg { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.7; }
.blp-app__sidebar-top > div :is(button,a):last-child { border: var(--layoutBorderWidth, 1px) solid var(--blp-line); background: #17181a; }
.blp-app__sidebar-top > div :is(button,a):hover { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.04); }
.blp-app__brand { display: grid; grid-template-columns: 1.28em 1fr auto; gap: .45em; align-items: center; min-width: 0; height: 2.12em; padding: 0 .48em; border-radius: .5em; background: #17181a !important; }
.blp-app__brand strong { font-weight: 680; letter-spacing: -.035em; }
.blp-app__clover { display: grid; place-items: center; color: var(--blp-green); line-height: 1; filter: drop-shadow(0 0 8px rgba(131, 206, 103, .12)); }
.blp-app__chevron { color: #5f6269; }
.blp-app__chevron svg { display: block; width: 1.1em; height: 1.1em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__sidebar nav { position: relative; padding: 1.05em .72em 0; }
.blp-app__nav-label { margin: 0 0 .48em .55em; color: #74777e; letter-spacing: .075em; text-transform: uppercase; }
.blp-app__nav-label > span { float: right; margin-right: .85em; color: #5f6269; }
.blp-app__sidebar nav > :is(button,a), .blp-app__sidebar-footer > :is(button,a) { display: grid; grid-template-columns: 1.55em 1fr auto; gap: .62em; align-items: center; width: 100%; min-height: 2.12em; padding: .24em .68em; border-radius: .5em; color: #aaaeb5; line-height: 1.25; }
.blp-app__sidebar nav > :is(button,a):hover { color: #e3e4e7; background: rgba(255,255,255,.035); }
.blp-app__sidebar nav > :is(button,a).is-active { color: #f0f1f3; background: #1c1d1f; box-shadow: inset 0 0 0 var(--layoutBorderWidth, 1px) rgba(255,255,255,.018); }
.blp-app__sidebar nav > :is(button,a) > svg { width: 1.28em; height: 1.28em; justify-self: center; fill: none; stroke: #777a82; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__sidebar nav > :is(button,a).is-active > svg { stroke: var(--blp-violet); }
.blp-app__sidebar nav b { display: grid; min-width: 1.55em; height: 1.55em; padding: 0 .35em; place-items: center; border-radius: .42em; color: #b9afff; background: rgba(130, 107, 229, .17); font-weight: 550; }
.blp-app__sidebar nav > .blp-app__more-toggle > svg { stroke-width: 3.2; }
.blp-app__sidebar nav > .blp-app__more-toggle.is-open { color: #f0f1f3; background: rgba(255,255,255,.045); }
.blp-app__more-menu {
    position: absolute;
    z-index: 40;
    top: var(--blp-more-top, 12em);
    left: var(--blp-more-left, 12.75em);
    display: grid;
    width: 17.5em;
    gap: .12em;
    padding: .42em;
    border: var(--layoutBorderWidth, 1px) solid #34363a;
    border-radius: .72em;
    background: #191a1c;
    box-shadow: 0 1.15em 3.4em rgba(0,0,0,.55), 0 .15em .65em rgba(0,0,0,.35);
    transform-origin: left top;
    animation: blp-more-menu-in 150ms cubic-bezier(.2,.8,.2,1);
}
.blp-app__more-menu > :is(button,a) { display: grid; width: 100%; min-height: 2.5em; grid-template-columns: 1.55em minmax(0,1fr) auto; gap: .62em; align-items: center; padding: .38em .68em; border-radius: .48em; color: #b4b7be; }
.blp-app__more-menu > :is(button,a):hover, .blp-app__more-menu > :is(button,a).is-active { color: #f0f1f3; background: #242528; }
.blp-app__more-menu svg { width: 1.28em; height: 1.28em; justify-self: center; fill: none; stroke: #7b7e86; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__more-menu > :is(button,a).is-active svg { stroke: var(--blp-violet); }
.blp-app__more-menu b { display: grid; min-width: 1.55em; height: 1.55em; padding: 0 .35em; place-items: center; border-radius: .42em; color: #b9afff; background: rgba(130,107,229,.17); font-weight: 550; }
@keyframes blp-more-menu-in { from { opacity: 0; transform: translateX(-.3em) scale(.98); } to { opacity: 1; transform: none; } }
.blp-app__favorites { margin: .72em .72em 0; padding-top: .68em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__favorites [data-blp-favorite-list] { display: grid; max-height: 8.7em; gap: .08em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__favorites [data-blp-favorite-list] > :is(button,a), .blp-app__favorites [data-blp-favorite-list] > a { display: grid; grid-template-columns: 1.55em 1fr; gap: .62em; align-items: center; width: 100%; min-height: 2.12em; padding: .24em .68em; border-radius: .5em; color: #aaaeb5; text-decoration: none; }
.blp-app__favorites [data-blp-favorite-list] > :is(button,a):hover, .blp-app__favorites [data-blp-favorite-list] > :is(button,a).is-active, .blp-app__favorites [data-blp-favorite-list] > a:hover { color: #eef0f2; background: #1c1d1f; }
.blp-app__favorites [data-blp-favorite-list] i { justify-self: center; font-style: normal; }
.blp-app__favorites [data-blp-favorite-module="checkout"] i { color: #a99af5; }
.blp-app__favorites [data-blp-favorite-module="customers"] i { color: #68b8ee; }
.blp-app__favorites [data-blp-favorite-module="orders"] i { color: #efb256; }
.blp-app__favorites [data-blp-favorite-module="products"] i { color: #79d192; }
.blp-app__favorites [data-blp-favorite-module="marketing"] i { color: #eb7b55; }
.blp-app__favorites [data-blp-favorite-module="huddle"] i { color: #7187ee; }
.blp-app__favorites [data-blp-favorite-module="now"] i { color: #8aa9df; }
.blp-app__favorites [data-blp-favorite-module="approvals"] i { color: #c38ef2; }
.blp-app__favorites [data-blp-favorite-module="compliance"] i { color: #58c6a6; }
.blp-app__favorites [data-blp-favorite-module="customer-service"] i { color: #64a9ff; }
.blp-app__favorites [data-blp-favorite-module="insights"] i { color: #6988ff; }
.blp-app__favorite-avatar { display: grid; width: 1.45em; height: 1.45em; place-items: center; overflow: hidden; justify-self: center; border-radius: 50%; color: #c9c4e4; background: #292733; }
.blp-app__favorite-avatar img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__open-carts { display: flex; min-height: 0; margin: .72em .72em 0; padding-top: .68em; flex: 1 1 auto; flex-direction: column; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__open-carts > :is(button,a) { display: grid; grid-template-columns: .55em 1fr; gap: .58em; align-items: start; width: 100%; padding: .43em .68em; border-radius: .5em; color: #898b92; }
.blp-app__open-carts > :is(button,a):hover, .blp-app__open-carts > :is(button,a).is-active { background: rgba(255,255,255,.05); }
.blp-app__open-carts i { width: .42em; height: .42em; margin-top: .48em; border-radius: 50%; background: #5e6168; }
.blp-app__open-carts :is(button,a).is-active i { background: var(--blp-green); box-shadow: 0 0 9px rgba(131,206,103,.25); }
.blp-app__open-carts strong, .blp-app__open-carts small { display: block; }
.blp-app__open-carts strong { color: #bfc1c6; font-weight: 500; }
.blp-app__open-carts small { margin-top: .18em; color: #65686f; }
.blp-app__sidebar-footer { position: absolute; z-index: 20; bottom: 0; left: 0; width: min(18.2%, 200px); padding: .38em .72em .48em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); border-right: 0; background: var(--blp-sidebar); }
.blp-app__sidebar-footer > :is(button,a) { grid-template-columns: 1.75em 1fr; }
.blp-app__sidebar-user { grid-template-columns: 2.1em 1fr auto !important; margin-top: .35em !important; padding-block: .55em !important; background: rgba(255,255,255,.018) !important; }
.blp-app__sidebar-user:hover { background: rgba(255,255,255,.04) !important; }
.blp-app__user-avatar { display: grid; width: 2em; height: 2em; place-items: center; border-radius: 50%; color: #d9d5ef; background: #292631; }
.blp-app__sidebar-user > span:nth-child(2) { min-width: 0; }
.blp-app__sidebar-user strong, .blp-app__sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__sidebar-user strong { color: #d3d5d9; font-weight: 520; }
.blp-app__sidebar-user small { margin-top: .08em; color: #6f7279; }
.blp-app__sidebar-user small i { display: inline-block; width: .4em; height: .4em; margin-right: .45em; border-radius: 50%; background: var(--blp-green); }
.blp-app__sidebar-user > svg { width: 1.1em; height: 1.1em; fill: none; stroke: #61646b; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__now-nav {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: grid-template-rows 750ms cubic-bezier(.4,0,.2,1), opacity 320ms ease, visibility 0s linear 750ms;
}
.blp-app__now-nav-inner {
    display: grid;
    min-height: 0;
    gap: .08em;
    overflow: hidden;
    padding: 0 .16em 0 .58em;
    border-left: 1px solid transparent;
    transform: translateY(-.28em);
    transition: padding 750ms cubic-bezier(.4,0,.2,1), border-color 320ms ease, transform 750ms cubic-bezier(.4,0,.2,1);
}
.blp-app[data-view="now"] .blp-app__now-nav {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: grid-template-rows 750ms cubic-bezier(.4,0,.2,1), opacity 420ms ease 80ms, visibility 0s;
}
.blp-app[data-view="now"] .blp-app__now-nav-inner { padding-top: .9em; padding-bottom: .95em; border-left-color: #292b2e; transform: none; }
.blp-app__now-nav-inner > * { opacity: 0; transform: translateY(-.2em); transition: opacity 260ms ease, transform 420ms cubic-bezier(.2,.75,.2,1); }
.blp-app[data-view="now"] .blp-app__now-nav-inner > * { opacity: 1; transform: none; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(1) { transition-delay: 90ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(2) { transition-delay: 125ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(3) { transition-delay: 160ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(4) { transition-delay: 195ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(5) { transition-delay: 230ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(6) { transition-delay: 265ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(7) { transition-delay: 300ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(8) { transition-delay: 335ms; }
.blp-app[data-view="now"] .blp-app__now-nav-inner > *:nth-child(9) { transition-delay: 370ms; }
.blp-app__now-nav-inner .blp-app__nav-label { margin: .45em 0 .28em .62em; }
.blp-app__now-nav-inner > :is(button,a) { display: grid; width: 100%; min-height: 2em; grid-template-columns: 1.25em minmax(0, 1fr) auto; gap: .45em; align-items: center; padding: .22em .55em; border-radius: .42em; color: #777a82; }
.blp-app__now-nav-inner > :is(button,a):hover, .blp-app__now-nav-inner > :is(button,a).is-active { color: #d8dade; background: rgba(255,255,255,.045); }
.blp-app__now-nav-inner > :is(button,a) > span { display: grid; width: 1.2em; place-items: center; color: #73767d; font-weight: 520; }
.blp-app__now-nav-inner > :is(button,a) > span.is-ai { color: #a193f2; }
.blp-app__now-nav-inner > :is(button,a) > strong { overflow: hidden; font-weight: 470; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__now-nav-inner > :is(button,a) > small { display: grid; min-width: 1.42em; height: 1.42em; padding: 0 .3em; place-items: center; border-radius: 999px; color: #d8d3f1; background: rgba(117,102,176,.28); }
.blp-app__now-nav-inner > :is(button,a) > i { width: .48em; height: .48em; border-radius: 50%; background: var(--blp-green); box-shadow: 0 0 .55em rgba(131,206,103,.24); }
.blp-app[data-view="now"] .blp-app__sidebar nav { min-height: auto; flex: 0 0 auto; overflow: visible; }

/* Shared demos hide the phone-only module picker; screen.css enables it on phones. */
.blp-app .blp-mobile-module { display: none; }
.blp-app__workspace { position: relative; z-index: 1; min-width: 0; min-height: 0; height: 100%; overflow: hidden; overflow-anchor: none; background: var(--blp-bg); }
/* One continuous content frame, with the same inset and light in both shells. */
.blp-app__workspace { border-radius: 10px 0 0 0; box-shadow: 0 0 0 2px #0d0e0e; }
.blp-app:not([data-pos-mobile="true"]):not(.blp-kiosk-page) .blp-app__workspace { margin-top: 8px; margin-left: 2px; height: calc(100% - 8px); }
.blp-app__workspace::before, .blp-app__workspace::after { position: absolute; inset: 0; z-index: 13; box-sizing: border-box; border-radius: inherit; pointer-events: none; content: ''; }
.blp-app__workspace::before { background: radial-gradient(ellipse 300px 260px at 0 0, rgba(255,255,255,.04), transparent 100%); }
.blp-app__workspace::after { padding: 1px; background: linear-gradient(180deg, #1f2021 0px, #313233 140px, #1f2021 280px) left top / 1px 100% no-repeat, #1f2021; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; }
.blp-kiosk-page .blp-app__workspace { margin-left: 0 !important; margin-top: 0 !important; height: 100% !important; }
.blp-app__topbar { display: flex; width: 100%; height: 3.25em; min-width: 0; min-height: 3.25em; flex: 0 0 3.25em; align-items: center; gap: .82em; padding: 0 var(--blp-shell-header-pad); border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #8f9299; background: var(--blp-topbar); }
.blp-app__module-title { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; gap: .72em; }
.blp-app__module-title i { display: grid; width: 1.25em; height: 1.25em; place-items: center; color: var(--blp-green); font-style: normal; font-weight: 650; line-height: 1; text-align: center; }
.blp-app__topbar[data-blp-module="customers"] .blp-app__module-title i { color: #68b8ee; }
.blp-app__topbar[data-blp-module="orders"] .blp-app__module-title i { color: #efb256; }
.blp-app__topbar[data-blp-module="products"] .blp-app__module-title i { color: #79d192; }
.blp-app__topbar[data-blp-module="marketing"] .blp-app__module-title i { color: #eb7b55; }
.blp-app__topbar[data-blp-module="huddle"] .blp-app__module-title i { color: #7187ee; }
.blp-app__topbar[data-blp-module="now"] .blp-app__module-title i { color: #8aa9df; }
.blp-app__topbar[data-blp-module="approvals"] .blp-app__module-title i { color: #c38ef2; }
.blp-app__topbar[data-blp-module="compliance"] .blp-app__module-title i { color: #58c6a6; }
.blp-app__topbar[data-blp-module="customer-service"] .blp-app__module-title i { color: #64a9ff; }
.blp-app__topbar[data-blp-module="insights"] .blp-app__module-title i { color: #6988ff; }
.blp-app__module-title strong { overflow: hidden; color: #d0d5de; font-weight: 520; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__module-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .32em; }
.blp-app__module-actions :is(button,a) { display: grid; width: 1.75em; height: 1.75em; place-items: center; border-radius: .42em; color: #777a81; }
.blp-app__module-actions :is(button,a):hover { color: #d1cedf; background: rgba(255,255,255,.04); }
.blp-app__module-actions svg { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__module-actions .blp-app__ellipsis-icon { width: 1.32em; height: 1.32em; overflow: visible; fill: currentColor; stroke: none; }
.blp-app__module-actions :is(button,a).is-starred { color: #f4c84e; }
.blp-app__module-actions :is(button,a).is-starred svg { fill: currentColor; stroke: currentColor; }
.blp-app__module-actions span { letter-spacing: .08em; }
.blp-app__checkout-header-meta { display: flex; min-width: 0; align-items: center; gap: 1.05em; margin-left: auto; }
.blp-app__checkout-header-meta[hidden] { display: none; }
.blp-app__checkout-header-meta :is(button,a) { display: inline-flex; align-items: center; gap: .48em; color: #92959c; white-space: nowrap; }
.blp-app__checkout-header-meta :is(button,a):hover { color: #d8dade; }
.blp-app__checkout-header-meta :is(button,a) i { width: .4em; height: .4em; flex: 0 0 auto; border-radius: 50%; background: var(--blp-green); box-shadow: 0 0 .55em rgba(131,206,103,.2); }
.blp-app__checkout-header-meta span { color: #676a71; font-size: .9em; letter-spacing: .025em; white-space: nowrap; }
.blp-app__module-meta { margin-left: auto; color: #70737a; white-space: nowrap; }
.blp-app__views { position: relative; height: calc(100% - 3.25em); min-height: 0; overflow: hidden; overflow-anchor: none; }
.blp-app-figure:not(:has(> figcaption)) > .blp-app { border-radius: 11px; }
.blp-app__view { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; overflow: hidden; overflow-anchor: none; }
.blp-app__view--checkout { display: block; }
.blp-app__topbar[data-blp-module="overview"] .blp-app__module-title i { color: #a99bf5; text-shadow: 0 0 1.1em rgba(150,131,255,.55); }
.blp-app__topbar[data-blp-module="overview"] .blp-app__module-actions { visibility: hidden; }
.blp-app__overview { overflow-y: auto; color: #f4f5f7; background: #070708; scrollbar-width: thin; scrollbar-color: #292a2f transparent; }
.blp-app__overview::before { position: absolute; inset: 0; pointer-events: none; content: ''; background: radial-gradient(circle at 72% 12%, rgba(115,94,224,.12), transparent 28%), radial-gradient(circle at 15% 84%, rgba(51,150,116,.07), transparent 25%); }
.blp-app__overview-body { position: relative; display: flex; width: min(100%,76em); flex-direction: column; gap: 1.15em; padding: 2em 2.3em 3.2em; container-type: inline-size; font-size: clamp(15px, 1vw, 18px); }
.blp-app__overview-hero { position: relative; display: grid; min-height: 32em; grid-template-columns: minmax(20em,.88fr) minmax(28em,1.12fr); gap: 2.2em; align-items: center; padding: 2.3em; overflow: hidden; border: 1px solid #25262b; border-radius: 1.25em; background: linear-gradient(145deg, rgba(140,119,255,.08), transparent 42%), #0c0c0f; box-shadow: 0 1.7em 5em rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035); }
.blp-app__overview-copy { position: relative; z-index: 2; }
.blp-app__overview-eyebrow { display: flex; align-items: center; gap: .55em; margin-bottom: .8em; color: #a99bf5; font-size: .78em; font-weight: 680; letter-spacing: .13em; text-transform: uppercase; }
.blp-app__overview-eyebrow i { width: .58em; height: .58em; border-radius: 50%; background: #9382f5; box-shadow: 0 0 1.15em rgba(147,130,245,.8); }
.blp-app__overview-hero h2 { max-width: 8.8em; margin: 0; color: #f8f8fa; font-size: clamp(3.4em, 5.2vw, 5.2em); font-weight: 620; letter-spacing: -.058em; line-height: .94; }
.blp-app__overview-hero h2 span { color: #858892; }
.blp-app__overview-copy > p { max-width: 26em; margin: .95em 0 0; color: #b3b5bc; font-size: 1.22em; line-height: 1.48; }
.blp-app__overview-origin { display: flex; width: fit-content; align-items: center; gap: .62em; margin-top: 1.35em; padding: .72em .9em; border: 1px solid #2b2d33; border-radius: .75em; color: #d6d8dd; background: #111216; font-size: .92em; font-weight: 570; }
.blp-app__overview-origin svg { width: 1.15em; fill: none; stroke: #9d90eb; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__overview-network { position: relative; min-height: 23em; border: 1px solid #202126; border-radius: 1em; background: radial-gradient(circle at 54% 50%, rgba(132,109,245,.11), transparent 26%), rgba(7,7,9,.72); }
.blp-app__overview-network-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.blp-app__overview-network-lines path { fill: none; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.blp-app__overview-network-lines circle { fill: #a99bff; }
.blp-app__overview-network-lines .is-signal { animation: blp-overview-signal 3.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.blp-app__overview-network-lines .is-two { animation-delay: -.9s; }.blp-app__overview-network-lines .is-three { animation-delay: -1.8s; }.blp-app__overview-network-lines .is-four { animation-delay: -2.7s; }
.blp-app__overview-node, .blp-app__overview-ai, .blp-app__overview-next { position: absolute; display: grid; align-items: center; border: 1px solid #292b32; background: rgba(16,17,20,.96); box-shadow: 0 .85em 2.4em rgba(0,0,0,.28); }
.blp-app__overview-node { left: 3.6%; width: 34%; min-height: 5.1em; grid-template-columns: 2.4em minmax(0,1fr); gap: 0 .75em; padding: .75em .9em; border-radius: .78em; }
.blp-app__overview-node.is-customers { top: 6%; }.blp-app__overview-node.is-inventory { top: 39%; }.blp-app__overview-node.is-team { bottom: 6%; }
.blp-app__overview-node svg { grid-row: 1 / span 2; width: 2.15em; height: 2.15em; padding: .42em; border-radius: .55em; fill: none; stroke: #9d92dc; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; background: #1b1926; }
.blp-app__overview-node span, .blp-app__overview-ai span, .blp-app__overview-next span { color: #e8e9ed; font-size: .96em; font-weight: 620; }
.blp-app__overview-node small, .blp-app__overview-ai small, .blp-app__overview-next small { color: #777a84; font-size: .78em; }
.blp-app__overview-ai { top: 40%; left: 49%; width: 24%; min-height: 4.8em; grid-template-columns: 2em 1fr; gap: 0 .45em; padding: .72em .8em; border-color: rgba(150,132,246,.48); border-radius: .85em; background: linear-gradient(145deg, rgba(137,116,242,.19), rgba(19,17,28,.98)); box-shadow: 0 0 2.4em rgba(115,94,224,.15); }
.blp-app__overview-ai i { grid-row: 1 / span 2; display: grid; width: 1.85em; height: 1.85em; place-items: center; border-radius: .48em; color: #b8aaff; background: rgba(137,116,242,.14); font-style: normal; }
.blp-app__overview-next { top: 40%; right: 3.3%; width: 21%; min-height: 4.8em; grid-template-columns: minmax(0,1fr) auto; gap: 0 .35em; padding: .72em .8em; border-radius: .85em; }
.blp-app__overview-next span, .blp-app__overview-next small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.blp-app__overview-next small { grid-column: 1; }.blp-app__overview-next i { grid-row: 1 / span 2; grid-column: 2; color: #9a8cf1; font-style: normal; font-size: 1.3em; }
.blp-app__overview-outcomes { display: grid; grid-template-columns: minmax(0,1fr); gap: .78em; }
.blp-app__overview-outcomes article { display: grid; min-height: 7.8em; grid-template-columns: 2.2em 4em minmax(0,1fr) auto; gap: 1em; align-items: center; padding: 1.15em 1.35em; border: 1px solid #25272c; border-radius: 1em; background: #0d0e10; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.blp-app__overview-number { align-self: start; padding-top: .42em; color: #5f626a; font-size: .73em; font-weight: 680; letter-spacing: .1em; }
.blp-app__overview-icon { display: grid; width: 4em; height: 4em; place-items: center; border: 1px solid #302d43; border-radius: .9em; background: #15131f; }
.blp-app__overview-icon svg { width: 2.25em; height: 2.25em; fill: none; stroke: #ae9fff; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }.blp-app__overview-icon.is-blue { border-color: #253446; background: #111923; }.blp-app__overview-icon.is-blue svg { stroke: #79aef0; }.blp-app__overview-icon.is-green { border-color: #253a32; background: #101b17; }.blp-app__overview-icon.is-green svg { stroke: #74c79c; }
.blp-app__overview-outcomes small { display: block; margin-bottom: .16em; color: #797c85; font-size: .77em; font-weight: 620; letter-spacing: .08em; text-transform: uppercase; }
.blp-app__overview-outcomes strong { display: block; color: #f0f1f4; font-size: 1.55em; font-weight: 590; letter-spacing: -.025em; }.blp-app__overview-outcomes p { margin: .22em 0 0; color: #93969e; font-size: 1.05em; }
.blp-app__overview-outcomes b { padding: .58em .78em; border: 1px solid #29332d; border-radius: 99px; color: #a8d0b1; background: #111a15; font-size: .84em; font-weight: 580; white-space: nowrap; }
.blp-app__overview-loop { display: grid; grid-template-columns: minmax(15em,.7fr) minmax(32em,1.3fr); gap: 2em; align-items: center; padding: 1.7em; border: 1px solid #26282d; border-radius: 1em; background: linear-gradient(135deg, #111216, #0d0e10); }
.blp-app__overview-loop header > span { color: #81758f; font-size: .74em; font-weight: 680; letter-spacing: .12em; }.blp-app__overview-loop h3 { margin: .35em 0 0; color: #eceef2; font-size: 1.65em; font-weight: 590; letter-spacing: -.028em; }.blp-app__overview-loop header p { margin: .38em 0 0; color: #888b94; font-size: 1em; }
.blp-app__overview-loop ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .5em; margin: 0; padding: 0; list-style: none; }
.blp-app__overview-loop li { position: relative; display: grid; min-width: 0; justify-items: center; gap: .35em; color: #aeb1b8; text-align: center; }.blp-app__overview-loop li:not(:last-child)::after { position: absolute; top: 2.05em; left: calc(50% + 1.55em); width: calc(100% - 2.6em); height: 1px; background: linear-gradient(90deg,#3a3b43,#25262c); content: ''; }
.blp-app__overview-loop li i { position: absolute; top: -.25em; right: calc(50% - 1.65em); color: #62656e; font-style: normal; font-size: .66em; }.blp-app__overview-loop li svg { position: relative; z-index: 1; width: 3.6em; height: 3.6em; padding: .88em; border: 1px solid #343640; border-radius: 50%; fill: none; stroke: #a69bdc; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; background: #17181c; }.blp-app__overview-loop li span { font-size: .84em; font-weight: 560; }
@keyframes blp-overview-signal { 0%,100% { opacity: .28; transform: scale(.72); } 45% { opacity: 1; transform: scale(1.5); } }
@container (max-width: 52rem) { .blp-app__overview-hero { grid-template-columns: minmax(17em,.95fr) minmax(19em,1.05fr); gap: 1.4em; padding: 1.8em; }.blp-app__overview-node { left: 4%; width: 41%; }.blp-app__overview-ai { top: 26%; left: auto; right: 4%; width: 44%; }.blp-app__overview-next { top: 58%; right: 4%; width: 44%; }.blp-app__overview-network-lines { opacity: .42; } }
@media (max-width: 980px) { .blp-app__overview-hero { grid-template-columns: 1fr; }.blp-app__overview-network { min-height: 22em; }.blp-app__overview-loop { grid-template-columns: 1fr; }.blp-app__overview-outcomes article { grid-template-columns: 2em 3.6em minmax(0,1fr); }.blp-app__overview-outcomes b { grid-column: 3; justify-self: start; }.blp-app__overview-icon { width: 3.6em; height: 3.6em; } }
@media (max-width: 640px) { .blp-app__overview-body { padding: 1.2em; }.blp-app__overview-hero { padding: 1.5em; }.blp-app__overview-hero h2 { font-size: 3.15em; }.blp-app__overview-network { min-height: 18em; font-size: .8em; }.blp-app__overview-outcomes article { grid-template-columns: 3.4em minmax(0,1fr); }.blp-app__overview-number { display: none; }.blp-app__overview-icon { width: 3.4em; height: 3.4em; }.blp-app__overview-outcomes b { grid-column: 2; }.blp-app__overview-loop ol { grid-template-columns: repeat(3,1fr); }.blp-app__overview-loop li::after { display: none; } }
@media (prefers-reduced-motion: reduce) { .blp-app__overview-network-lines .is-signal { animation: none; } }

/* The overview stays monochrome and uses a simple top-to-bottom signal flow. */
.blp-app__topbar[data-blp-module="overview"] .blp-app__module-title i { color: #a6a9af; text-shadow: none; }
.blp-app__overview { background: #090a0b; }
.blp-app__overview::before { display: none; }
.blp-app__overview-body { gap: 1.35em; padding: 2.35em 2.6em 3.4em; }
.blp-app__overview-hero { min-height: 34em; grid-template-columns: minmax(19em,.9fr) minmax(22em,1.1fr); gap: 3.25em; padding: 3em; border-color: #292b2f; background: #0c0d0f; box-shadow: 0 1.7em 5em rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025); }
.blp-app__overview-eyebrow { margin-bottom: 1em; color: #b9bbc0; }
.blp-app__overview-eyebrow i { background: #a6a9af; box-shadow: none; }
.blp-app__overview-hero h2 { font-size: clamp(3.25em,4.6vw,4.7em); line-height: .96; }
.blp-app__overview-hero h2 span { color: #8b8e94; }
.blp-app__overview-origin { margin-top: 1.6em; border-color: #303237; background: #111214; }
.blp-app__overview-origin svg { stroke: #aeb0b5; }
.blp-app__overview-network { display: grid; min-height: 0; grid-template-columns: 1fr; gap: .85em; padding: 1.25em; border-color: #26282c; background: #090a0b; }
.blp-app__overview-network-lines { display: none; }
.blp-app__overview-node,
.blp-app__overview-ai,
.blp-app__overview-next { position: relative; inset: auto; display: grid; width: 100%; min-height: 4.5em; align-items: center; border: 1px solid #2a2c31; border-radius: .8em; background: #111214; box-shadow: none; }
.blp-app__overview-node.is-customers,
.blp-app__overview-node.is-inventory,
.blp-app__overview-node.is-team { top: auto; bottom: auto; left: auto; }
.blp-app__overview-node { grid-template-columns: 2.5em minmax(0,1fr); gap: 0 .85em; padding: .82em 1em; }
.blp-app__overview-node svg { width: 2.25em; height: 2.25em; padding: .44em; border: 1px solid #303238; stroke: #a7aab0; background: #17181a; }
.blp-app__overview-ai { grid-template-columns: 2.25em 1fr; gap: 0 .7em; padding: .86em 1em; border-color: #3a3c42; background: #17181a; }
.blp-app__overview-ai::before,
.blp-app__overview-next::before { position: absolute; top: -1.05em; left: 50%; color: #6f7279; content: '↓'; font-size: .82em; transform: translateX(-50%); }
.blp-app__overview-ai i { width: 2em; height: 2em; border: 1px solid #37393f; color: #c5c7cb; background: #1d1e21; }
.blp-app__overview-next { grid-template-columns: minmax(0,1fr) auto; gap: 0 .5em; padding: .86em 1em; }
.blp-app__overview-next span,
.blp-app__overview-next small { overflow: visible; text-overflow: clip; white-space: normal; }
.blp-app__overview-next i { color: #b6b8bd; }
.blp-app__overview-outcomes { gap: 1em; }
.blp-app__overview-outcomes article { min-height: 8.2em; gap: 1.2em; padding: 1.35em 1.55em; border-color: #292b2f; }
.blp-app__overview-icon,
.blp-app__overview-icon.is-blue,
.blp-app__overview-icon.is-green { border-color: #303238; background: #151618; }
.blp-app__overview-icon svg,
.blp-app__overview-icon.is-blue svg,
.blp-app__overview-icon.is-green svg { stroke: #afb2b8; }
.blp-app__overview-outcomes b { border-color: #303238; color: #b5b8be; background: #141517; }
.blp-app__overview-loop { gap: 2.4em; padding: 1.9em; border-color: #292b2f; background: #101113; }
.blp-app__overview-loop header > span { color: #7e8188; }
.blp-app__overview-loop li:not(:last-child)::after { background: #34363a; }
.blp-app__overview-loop li svg { stroke: #aeb1b7; }
.blp-app:has(.blp-app__topbar[data-blp-module="overview"]) .blp-app__guide-spotlight { border-color: rgba(183,166,255,.48); box-shadow: 0 0 13px 3px rgba(183,166,255,.58), 0 0 36px 11px rgba(142,115,255,.34), 0 0 64px 20px rgba(112,86,235,.16), inset 0 0 18px rgba(183,166,255,.08), 0 0 0 9999px rgba(1,2,3,.82); }
@container (max-width: 52rem) {
    .blp-app__overview-hero { grid-template-columns: 1fr; gap: 2.2em; padding: 2.2em; }
    .blp-app__overview-network { width: 100%; }
}
@media (max-width: 640px) {
    .blp-app__overview-body { padding: 1.2em; }
    .blp-app__overview-hero { padding: 1.5em; }
}
.blp-app__checkout-sale { display: grid; grid-template-columns: minmax(0, 64%) minmax(0, 36%); width: 100%; height: 100%; }

.blp-app__checkout-queue { --blp-queue-gutter: 2.65em; --blp-queue-bg: var(--blp-bg); --blp-queue-card-bg: var(--blp-panel); --blp-queue-card-line: var(--blp-line); display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2.25em var(--blp-queue-gutter) 0; overflow: hidden; background: var(--blp-queue-bg); }
.blp-app__queue-toolbar { flex-shrink: 0; display: flex; align-items: center; gap: .65em; min-height: 3.35em; margin-bottom: 2.1em; }
.blp-app__queue-toolbar label { display: flex; width: min(30em, 34%); height: 3.05em; align-items: center; gap: .7em; padding: 0 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .55em; color: #6c6f76; background: #191a1c; }
.blp-app__queue-toolbar input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; font-style: normal; }
.blp-app__queue-toolbar input::placeholder { color: #74777e; font-style: italic; }
.blp-app__queue-toolbar > :is(button,a) { display: flex; height: 3.05em; align-items: center; gap: .55em; padding: 0 .95em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .5em; color: #b8bbc2; background: #17181a; }
.blp-app__scanner-toggle i { width: .48em; height: .48em; border-radius: 50%; background: #676a71; }
.blp-app__scanner-toggle b { min-width: 2.2em; padding: .2em .46em; border-radius: .35em; color: #8b8e95; background: #212225; font-weight: 540; text-align: center; }
.blp-app__scanner-toggle.is-on { border-color: rgba(131,206,103,.22); color: #d2d5d9; background: rgba(72,111,60,.1); }
.blp-app__scanner-toggle.is-on i { background: var(--blp-green); box-shadow: 0 0 .7em rgba(131,206,103,.32); }
.blp-app__scanner-toggle.is-on b { color: #9dd58a; background: rgba(82,140,64,.16); }
.blp-app__queue-toolbar > div { display: flex; gap: .4em; margin-left: auto; }
.blp-app__queue-toolbar > div :is(button,a) { display: grid; width: 2.65em; height: 2.65em; place-items: center; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; color: #858890; background: #17181a; text-align: center; }
.blp-app__queue-columns { display: grid; grid-template-rows: minmax(0, 1fr); grid-template-columns: repeat(var(--queue-column-count, 8), 280px); gap: 12px; flex: 1; min-height: 0; width: 100%; height: auto; padding-bottom: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-color: #34363a transparent; scrollbar-width: thin; }
.blp-app__queue-columns > section { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; scroll-snap-align: start; }
.blp-app:not([data-pos-mobile="true"]) .blp-app__queue-columns > section { min-height: 0; max-height: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #454b55 transparent; }
.blp-app:not([data-pos-mobile="true"]) .blp-app__queue-columns > section > header { position: sticky; top: 0; z-index: 2; }
.blp-app__queue-columns header { display: flex; font-size: 13px; min-height: 44px; align-items: center; gap: .55em; margin: 0 0 12px; padding: 0 12px; border: 0; border-radius: 0; color: #b9bec7; background: var(--blp-queue-bg); }
.blp-app__queue-columns header strong { overflow: hidden; color: #bfc1c6; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__queue-columns header b { flex: 0 0 auto; margin-left: auto; text-align: right; white-space: nowrap; padding: 0; color: #85888f; background: transparent; font-size: .875em; font-weight: 400; line-height: 1; }
/* Labelled card sections keep customer, total and fulfillment details easy to scan. */
.blp-app__queue-card { position: relative; display: block; width: 100%; margin-bottom: 12px; overflow: hidden; border: 1px solid var(--blp-queue-card-line); border-radius: 5px; color: #bfc1c6; background: var(--blp-queue-card-bg); box-shadow: none; font-family: Inter, system-ui, sans-serif; font-size: 13px; line-height: 1.4; }
.blp-app__queue-card:hover, .blp-app__queue-card.is-active { border-color: #2a2b2d; background: #171819; }
.blp-app .blp-app__queue-card-open { display: block; width: 100%; padding: 16px 16px 0; border: 0; color: inherit; background: transparent; text-align: left; text-decoration: none; }
.blp-app__queue-card-head { display: flex !important; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 14px !important; }
.blp-app__queue-card-title { display: flex !important; min-width: 0; align-items: center; gap: 8px; margin: 0 !important; }
[data-blp-queue-customer-avatar] { display: flex; flex: 0 0 auto; }
.blp-app .blp-app__queue-avatar { display: inline-grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; overflow: hidden; border-radius: 50%; color: hsl(var(--avatar-hue, 240) 30% 82%); background: hsl(var(--avatar-hue, 240) 16% 23%); font-size: 10px; font-weight: 550; line-height: 1; }
.blp-app__queue-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.blp-app [data-blp-queue-owner].has-serving-avatar { display: flex; align-items: center; gap: 6px; }
.blp-app .blp-app__queue-avatar--budtender { width: 20px; height: 20px; flex-basis: 20px; font-size: 9px; }
.blp-app__queue-card-title strong { min-width: 0; color: #d4d7de; font-size: 14px; line-height: 20px; font-weight: 550; overflow-wrap: anywhere; }
.blp-app__queue-card-indicators { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon] { width: 13px; height: 13px; flex: 0 0 auto; border: 2px solid #858c97; border-radius: 50%; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-pending { border-color: #e9c141; border-right-color: transparent; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-preparing { border-color: #7187ee; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-ready { border-color: #4fc85c; background: #4fc85c; box-shadow: inset 0 0 0 2px #171819; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-waiting { border-color: #858c97; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-serving { border-color: #98a9ff; }
.blp-app__queue-card-timing { color: #92969f; font-size: 11px; line-height: 16px; white-space: nowrap; }
.blp-app .blp-app__queue-card-context { margin: -4px 0 12px; color: #9a9ea7; font-size: 12px; }
.blp-app .blp-app__queue-card :is(dl,dt,dd) { margin: 0; }
.blp-app .blp-app__queue-card :is(dl,dd) { font-size: 12px; line-height: 18px; }
.blp-app__queue-card dl > div { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 10px; align-items: baseline; }
.blp-app__queue-card dt { color: #8f949e; font-weight: 400; }
.blp-app__queue-card dd { min-width: 0; color: #c8cbd2; overflow-wrap: anywhere; }
.blp-app .blp-app__queue-card-total { padding: 12px 0; border-top: 1px solid var(--blp-line); border-bottom: 1px solid var(--blp-line); }
.blp-app__queue-card-total dd { font-weight: 500; }
.blp-app__queue-card-total strong { color: #e0e2e7; font-size: 14px; font-weight: 600; }
.blp-app__queue-card-total dd > span { margin: 0 4px; color: #646b76; }
.blp-app .blp-app__queue-card-facts { display: grid; gap: 5px; padding: 12px 0; }
.blp-app__queue-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 16px; padding: 10px 0; border-top: 1px solid var(--blp-line); }
.blp-app .blp-app__queue-card-cancel, .blp-app .blp-app__queue-card-next { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 5px; color: #c5c8cf; background: #101112; font-size: 12px; font-weight: 500; line-height: 18px; }
.blp-app .blp-app__queue-card-cancel { width: 32px; height: 32px; flex: 0 0 32px; margin-right: auto; padding: 0; border-color: rgba(255,255,255,.06); background: #672d40; }
.blp-app__queue-card-cancel svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
/* Opaque, cool action fills stay flat against every card surface. */
.blp-app__queue-card-next[data-blp-queue-action="fulfill"] { --queue-action-bg: #253d6a; --queue-action-hover: #304d80; --queue-action-text: #dbe7ff; }
.blp-app__queue-card-next[data-blp-queue-action="pickup-ready"] { --queue-action-bg: #254d3c; --queue-action-hover: #30624c; --queue-action-text: #d5f1e1; }
.blp-app__queue-card-next[data-blp-queue-action="delivery-ready"] { --queue-action-bg: #214c54; --queue-action-hover: #2b616b; --queue-action-text: #d4f0f3; }
.blp-app__queue-card-next[data-blp-queue-action="serve"] { --queue-action-bg: #344072; --queue-action-hover: #43518d; --queue-action-text: #e0e5ff; }
.blp-app__queue-card-next[data-blp-queue-action="continue"] { --queue-action-bg: #4a3569; --queue-action-hover: #5d4381; --queue-action-text: #ede0ff; }
.blp-app__queue-card-next[data-blp-queue-action="open"] { --queue-action-bg: #303844; --queue-action-hover: #404b5a; --queue-action-text: #e0e6ee; }
.blp-app .blp-app__queue-card-next { color: var(--queue-action-text, #e0e6ee); background: var(--queue-action-bg, #303844); border-color: rgba(255,255,255,.06); }
.blp-app__queue-card-next::after { content: "→"; flex: 0 0 auto; font-size: 1.15em; line-height: 1; }
.blp-app .blp-app__queue-card-next:hover { background: var(--queue-action-hover, #404b5a); border-color: rgba(255,255,255,.1); }
.blp-app .blp-app__queue-card-next:focus-visible { outline-color: var(--queue-action-text, #e0e6ee); }
.blp-app .blp-app__queue-card-cancel:hover { border-color: rgba(255,255,255,.1); background: #80374f; }
.blp-app__queue-card :is(a,button):focus-visible { outline: 2px solid #a193f2; outline-offset: -2px; }
.blp-app__queue-card.is-scanned { border-color: rgba(131,206,103,.46) !important; box-shadow: 0 0 0 2px rgba(131,206,103,.08); }

.blp-app__checkout-main { min-width: 0; padding: 2.45em 3.5em 1.3em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
.blp-app__sale-header { display: flex; min-height: 4.2em; align-items: flex-start; justify-content: space-between; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__sale-header > div { display: flex; align-items: center; gap: 1.35em; }
.blp-app__sale-header h3 { margin: 0; color: #d8dade; font-weight: 490; letter-spacing: -.035em; }
.blp-app__sale-type, .blp-app__status { padding: .55em .8em; border-radius: .55em; color: #8fc57b; background: rgba(77, 132, 58, .1); }
.blp-app__sale-type i, .blp-app__status i { display: inline-block; width: .36em; height: .36em; margin-right: .5em; border-radius: 50%; background: var(--blp-green); }
.blp-app__sale-header > span { padding-top: .5em; color: #5f6269; }
.blp-app__sale-header .blp-app__sale-heading { flex: 0 0 auto; }
.blp-app__sale-header .blp-app__sale-meta { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: .55em; }
.blp-app__sale-meta > span { color: #656870; font-size: .9em; white-space: nowrap; }
.blp-app__sale-limit { display: grid; width: 100%; min-height: 2.8em; grid-template-columns: auto minmax(5em, 1fr) auto; align-items: center; gap: .85em; padding: .5em .2em .7em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #9a9da4; text-align: left; }
.blp-app__sale-limit span { color: #777a82; font-size: .78em; font-weight: 560; letter-spacing: .045em; text-transform: uppercase; }
.blp-app__sale-limit strong { color: #aeb1b7; font-size: .82em; font-weight: 520; white-space: nowrap; }
.blp-app__sale-limit small { display: block; width: 100%; height: 10px; overflow: hidden; border-radius: 999px; background: #303237; }
.blp-app__sale-limit small i { display: block; width: var(--limit); height: 100%; border-radius: inherit; background: var(--blp-green); transition: width 320ms cubic-bezier(.2,.75,.25,1); }
.blp-app__sale-sms { padding: .55em .72em; border-radius: .52em; color: #aaa2ee; background: rgba(118,103,185,.1); white-space: nowrap; }
.blp-app__sale-sms i { display: inline-block; width: .38em; height: .38em; margin-right: .45em; border-radius: 50%; background: var(--blp-green); }
.blp-app__customer-row { display: grid; grid-template-columns: 3.2em 1fr auto auto auto; gap: .85em; align-items: center; padding: 1.25em 0 1.05em; }
.blp-app .blp-app__avatar { display: grid; width: 3.2em; height: 3.2em; flex-shrink: 0; padding: 0; place-items: center; overflow: hidden; border-radius: 50%; color: #c5bff0 !important; background: #25222f !important; }
.blp-app__customer-name strong, .blp-app__customer-name small { display: block; }
.blp-app__customer-name strong { color: #d4d5d9; font-weight: 520; }
.blp-app__customer-name small { margin-top: .22em; color: #767980; }
.blp-app__status { }
.blp-app__edit-customer { padding: .48em .7em !important; border: var(--layoutBorderWidth, 1px) solid var(--blp-line) !important; border-radius: .48em !important; color: #8f9299 !important; }
.blp-app__edit-customer:hover { color: #e2e4e7 !important; background: rgba(255,255,255,.035) !important; }
.blp-app__more { display: grid; width: 2em; height: 2em; place-items: center; color: #666970 !important; }
.blp-app__customer-context { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(12em, .75fr); min-height: 4.8em; margin-bottom: .65em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .7em; background: #191a1b; }
.blp-app__customer-context > :is(button,a) { position: relative; min-width: 0; padding: .78em .9em; }
.blp-app__customer-context > :is(button,a) + :is(button,a)::before { position: absolute; top: .8em; bottom: .8em; left: 0; width: var(--layoutBorderWidth, 1px); background: var(--blp-line); content: ''; }
.blp-app__customer-context span, .blp-app__customer-context strong, .blp-app__customer-context small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__customer-context span { color: #686b72; }
.blp-app__customer-context strong { margin-top: .35em; color: #b8bbc1; font-weight: 500; }
.blp-app__customer-context small { margin-top: .28em; color: #696c73; }
.blp-app__customer-note strong { white-space: normal; }
.blp-app__purchase-limit small { height: 10px; margin-top: .62em; overflow: hidden; border-radius: 999px; background: #303237; }
.blp-app__purchase-limit small i { display: block; width: var(--limit); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6acb78, #83ce67); box-shadow: 0 0 .65em rgba(131,206,103,.2); transition: width 320ms cubic-bezier(.2,.75,.25,1); }
.blp-app__customer-summary { display: grid; grid-template-columns: 1.08fr 1.12fr .78fr; min-height: 4.7em; margin-bottom: .85em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .7em; background: #17181a; }
.blp-app__customer-summary :is(button,a) { position: relative; padding: .72em 1em; }
.blp-app__customer-summary :is(button,a) + :is(button,a)::before { position: absolute; top: 1.4em; bottom: 1.4em; left: 0; width: var(--layoutBorderWidth, 1px); background: var(--blp-line); content: ''; }
.blp-app__customer-summary strong, .blp-app__customer-summary small { display: block; }
.blp-app__customer-summary strong { color: #adafb5; font-weight: 450; }
.blp-app__customer-summary strong:first-letter { color: var(--blp-violet); }
.blp-app__customer-summary small { margin-top: .32em; color: #72757c; }
.blp-app__customer-summary i { display: inline-block; width: .4em; height: .4em; margin-left: .35em; border-radius: 50%; background: var(--blp-green); }
.blp-app__search { display: flex; height: 3.25em; align-items: center; gap: .8em; padding: 0 1.15em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .58em; color: #656870; background: #17181a; }
.blp-app__search span { transform: rotate(-20deg); }
.blp-app__search input { min-width: 0; flex: 1; color: #dfe0e3; border: 0; outline: 0; background: transparent; }
.blp-app__search input::placeholder { color: #5f626a; }
.blp-app__search kbd { color: #666970; background: transparent; font-family: inherit; }
.blp-app__catalog-toolbar { display: flex; min-width: 0; align-items: center; gap: .65em; margin: .8em 0 .2em; }
.blp-app__catalog-toolbar .blp-app__search { min-width: 12em; flex: 1 1 auto; }
.blp-app__sale-tools {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
    min-width: 20em;
    flex: 0 0 20em;
    gap: .45em;
    margin: 0;
}
.blp-app__sale-tools :is(button,a) {
    display: flex;
    min-width: 0;
    min-height: 2.7em;
    align-items: center;
    justify-content: center;
    gap: .45em;
    padding: .5em .35em;
    overflow: hidden;
    border: var(--layoutBorderWidth, 1px) solid var(--blp-line);
    border-radius: .48em;
    color: #777a81;
    text-align: center;
    white-space: nowrap;
}
.blp-app__sale-tools :is(button,a):hover { border-color: rgba(161,147,242,.27); background: rgba(161,147,242,.055); }
.blp-app__sale-tools :is(button,a) span { color: var(--blp-violet); }
.blp-app__cart { margin-top: 1.6em; }
.blp-app__cart-head { display: grid; grid-template-columns: minmax(0, 1fr) 7em 7em 5.2em; padding: 0 0 .95em; color: #787b82; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); letter-spacing: .055em; text-transform: uppercase; }
.blp-app__cart-head span:nth-child(2) { text-align: center; }
.blp-app__cart-head span:nth-child(3) { text-align: right; }
.blp-app__cart-item { display: grid; grid-template-columns: 5.25em minmax(0, 1fr) 7em 7em 5.2em; gap: 1em; align-items: center; min-height: 9.5em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__product-thumb { position: relative; width: 5.1em; height: 5.1em; overflow: hidden; border-radius: .55em; background: #0a0b0d !important; }
.blp-app__product-thumb > img { width: 100%; height: 100%; object-fit: contain; }
.blp-app__product-thumb--flower::before { position: absolute; inset: 1.05em .65em .65em .7em; border-radius: 48% 52% 42% 58%; background: radial-gradient(circle at 65% 25%, #d9c8a8 0 6%, transparent 7%), radial-gradient(circle at 35% 40%, #8b9670 0 17%, transparent 18%), radial-gradient(circle at 62% 58%, #7b885f 0 22%, transparent 23%), radial-gradient(circle at 28% 77%, #8f9876 0 16%, transparent 17%); filter: drop-shadow(0 6px 7px #000); content: ''; }
.blp-app__product-thumb--flower::after { position: absolute; top: .85em; right: .45em; width: 2.25em; height: 2.7em; border-radius: .25em .25em .6em .6em; background: linear-gradient(#3c4040 0 22%, #111 23% 100%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); content: ''; }
.blp-app__product-thumb--vape::before { position: absolute; top: .8em; left: 2.45em; width: .65em; height: 3.7em; border-radius: .2em; background: linear-gradient(#aaa 0 17%, #e3b037 18% 72%, #27282c 73%); box-shadow: 0 8px 12px #000; content: ''; }
.blp-app__product-thumb--vape::after { position: absolute; left: 1.05em; bottom: .9em; width: 1.35em; height: 2.1em; border-radius: .25em; background: linear-gradient(90deg, #202227, #51545d 50%, #17181c); content: ''; }
.blp-app__product-copy strong, .blp-app__product-copy span, .blp-app__product-copy small { display: block; }
.blp-app__product-copy strong { color: #ced0d4; font-weight: 480; }
.blp-app__product-copy span { margin-top: .22em; color: #777a82; }
.blp-app__product-copy small { margin-top: .55em; color: #64676e; }
.blp-app__product-copy i { display: inline-block; width: .35em; height: .35em; margin-right: .45em; border-radius: 50%; background: var(--blp-green); }
.blp-app__quantity { display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: center; height: 2.4em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .5em; color: #a5a7ad; text-align: center; }
.blp-app__quantity :is(button,a) { height: 100%; color: #777a81; text-align: center; }
.blp-app__quantity :is(button,a):hover { background: rgba(255,255,255,.06); }
.blp-app__line-price { color: #c5c7cb; font-weight: 470; text-align: right; }
.blp-app__line-actions { display: flex; justify-content: flex-end; gap: .38em; }
.blp-app__line-actions :is(button,a) { display: grid; width: 2.25em; height: 2.25em; place-items: center; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .46em; color: #777a82; background: #18191b; }
.blp-app__line-actions :is(button,a):hover { color: #d8dbe0; border-color: #414348; background: #222326; }
.blp-app__line-actions :is(button,a).is-active { color: #c8c1f5; border-color: rgba(161,147,242,.4); background: rgba(117,102,176,.22); }
.blp-app__line-actions :is(button,a):last-child.is-active { color: #a6dc94; border-color: rgba(131,206,103,.36); background: rgba(74,130,58,.18); }
.blp-app__line-actions svg { width: 1.12em; height: 1.12em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.blp-app__line-adjustments { display: flex; grid-column: 1 / -1; flex-wrap: wrap; align-items: center; gap: .45em; margin: -1.05em 0 .75em; padding: .7em .85em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .52em; background: #18191a; }
.blp-app__line-adjustments > span { display: inline-flex; align-items: center; gap: .45em; min-height: 2em; padding: .32em .55em; border-radius: 99px; color: #aaa5ca; background: rgba(117,102,176,.12); }
.blp-app__line-adjustments > span.is-saved { color: #9fcc91; background: rgba(75,127,60,.13); }
.blp-app__line-adjustments > span.is-points { color: #abc1ed; background: rgba(75,101,157,.14); }
.blp-app__line-adjustments > span > i { width: .38em; height: .38em; border-radius: 50%; background: currentColor; }
.blp-app__line-adjustments strong { color: inherit; font-weight: 510; }
.blp-app__line-adjustments em { color: #777b83; font-style: normal; }
.blp-app__line-adjustments :is(button,a) { display: grid; width: 1.25em; height: 1.25em; margin-left: .15em; place-items: center; border-radius: 50%; color: #757880; background: rgba(255,255,255,.04); text-align: center; }
.blp-app__discount-row { display: flex; width: 100%; min-height: 3.6em; align-items: center; justify-content: space-between; color: #8c8f96 !important; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line) !important; }
.blp-app__discount-row span:first-letter { color: var(--blp-violet); }
.blp-app__discount-row strong { color: var(--blp-green); font-weight: 500; }
.blp-app__checkout-command { display: grid; grid-template-columns: minmax(15em, .58fr) minmax(0, 1.42fr); gap: 1.1em; align-items: center; padding: 1em 0; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__checkout-payment-options { min-width: 0; }
.blp-app__register-lock { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--blp-line); border-radius: 8px; color: #bcb8d1; background: #22212b; }
.blp-app__register-lock :is(button,a) { flex-shrink: 0; padding: 8px 12px; border-radius: 6px; color: #fff; background: #606acb; }
.blp-app__checkout-payment-options .blp-kiosk-staff-choice { margin: .6em 0 0; line-height: 1.4; }
.blp-app__checkout-bottom { display: flex; gap: 1em; align-items: center; padding-top: 1.35em; }
.blp-app__checkout-bottom textarea { min-width: 0; flex: 1; resize: none; color: #b6b8bd; border: 0; outline: 0; background: transparent; }
.blp-app__checkout-bottom textarea::placeholder { color: #64676d; }
.blp-app__totals { display: grid; grid-template-columns: minmax(0, 1fr); gap: .38em; margin: 0; padding: .8em 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .6em; background: #17181a; }
.blp-app__totals div { display: flex; min-width: 0; justify-content: space-between; color: #777a81; }
.blp-app__totals dt, .blp-app__totals dd { margin: 0; }
.blp-app__totals [data-blp-total-discount] dd { color: var(--blp-green); }
.blp-app__totals [data-kiosk-staff-tip] { color: #c9dfbc; padding-top: .25em; }
.blp-app__totals [data-kiosk-staff-tip] dd { color: var(--blp-green); font-weight: 650; font-variant-numeric: tabular-nums; }
.blp-app__totals .blp-app__total { grid-column: 1 / -1; align-items: flex-end; margin-top: .25em; padding-top: .55em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); color: #c8cacf; }
.blp-app__total dd { color: #e6e7e9; font-size: 1.42em; font-weight: 530; letter-spacing: -.045em; line-height: 1; }
.blp-app__sale-actions { display: flex; gap: .7em; align-items: center; }
.blp-app__sale-actions :is(button,a) { min-height: 3.15em; padding: .7em 1.2em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .5em; color: #898c93; text-align: center; }
.blp-app__checkout-tenders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6em; }
.blp-app__checkout-tenders :is(button,a) { display: flex; min-width: 0; min-height: 3.75em; align-items: center; justify-content: center; gap: .7em; padding: .7em 1em; color: #fff; border: var(--layoutBorderWidth, 1px) solid #7781df; border-radius: .55em; background: #606acb; box-shadow: inset 0 1px rgba(255,255,255,.08); white-space: nowrap; }
.blp-app__checkout-tenders :is(button,a):hover { color: #fff; border-color: #8993ed; background: #6d77d8; }
.blp-app__checkout-tenders :is(button,a) > span { display: flex; flex: 0 0 auto; padding: 0; color: inherit; background: none; line-height: 1; }
.blp-app__checkout-tenders :is(button,a) svg { width: 1.9em; height: 1.9em; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__checkout-tenders :is(button,a)[aria-pressed="true"] { color: #edffe5; background: #334e2c; border-color: var(--blp-green); box-shadow: inset 0 0 0 1px var(--blp-green); }
.blp-app__checkout-tenders :is(button,a)[aria-pressed="true"]::after { content: '✓'; color: var(--blp-green); font-size: 1.1em; font-weight: 700; }
.blp-app__checkout-tenders :is(button,a) > strong { color: #fff; font-size: 1.22em; font-weight: 620; letter-spacing: -.015em; line-height: 1; }
.blp-app__checkout-tenders :is(button,a).is-processing { color: #bce6ae; border-color: rgba(131,206,103,.45); background: rgba(78,132,59,.2); }
.blp-app__checkout-tenders :is(button,a):disabled { cursor: wait; opacity: .48; }
.blp-app__checkout-tenders :is(button,a).is-cart-empty:disabled { cursor: not-allowed; filter: saturate(.2); opacity: .3; }
.blp-app__checkout-tenders :is(button,a).is-processing:disabled { opacity: 1; }

.blp-app__ai { min-width: 0; padding: 2.45em 2.3em 1.6em 0; }
.blp-app__ai-customer { display: grid; min-height: 4.2em; grid-template-columns: 3.2em minmax(0, 1fr) auto 2em; align-items: center; gap: .72em; padding: 0 .45em 1em; }
.blp-app__ai-customer .blp-app__customer-name { min-width: 0; text-align: left; }
.blp-app__ai-customer .blp-app__customer-name strong,
.blp-app__ai-customer .blp-app__customer-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__ai-customer-facts { display: flex; align-items: center; gap: 1.1em; }
.blp-app__ai-customer-facts span { display: grid; gap: .14em; }
.blp-app__ai-customer-facts small { color: #666970; font-size: .7em; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.blp-app__ai-customer-facts strong { color: #b9bcc2; font-size: .82em; font-weight: 520; white-space: nowrap; }
.blp-app__ai-customer .blp-app__more { justify-self: end; }
.blp-app__ai > header { display: flex; height: 4.25em; align-items: flex-start; justify-content: space-between; padding: .65em 1.55em 0; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-bottom: 0; border-radius: .85em .85em 0 0; background: var(--blp-panel); }
.blp-app__ai > header > div { display: flex; align-items: center; gap: .8em; color: #bfc0c5; }
.blp-app__ai-mark { color: var(--blp-violet); transform: skew(-8deg); }
.blp-app__ai > header strong { font-weight: 480; }
.blp-app__ai > header :is(button,a) { padding: .45em .75em; border-radius: .45em; color: #aaa2ee; background: rgba(118,103,185,.13); }
.blp-app__ai > header i, .blp-app__cashless header i { display: inline-block; width: .35em; height: .35em; margin-right: .45em; border-radius: 50%; background: var(--blp-violet); }
.blp-app__ai-suggestion { position: relative; min-height: 49em; padding: 1.55em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-top: 0; border-radius: 0 0 .85em .85em; background: var(--blp-panel); }
.blp-app__ai-eyebrow { margin: 0 0 1.2em; color: var(--blp-violet); letter-spacing: .04em; text-transform: uppercase; }
.blp-app__ai-direction { max-width: 15em; margin: -.25em 0 1.15em; color: #e1e3e7; font-size: 1.35em; font-weight: 510; letter-spacing: -.028em; line-height: 1.18; }
.blp-app__recommendation { display: grid; grid-template-columns: 5.8em minmax(0, 1fr); gap: 1.05em; align-items: center; width: 100%; }
.blp-app__recommendation-image { display: grid; width: 5.8em; height: 5.8em; place-items: center; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .58em; background: #0a0b0d; }
.blp-app__recommendation-image img { width: 94%; height: 94%; object-fit: contain; }
.blp-app__recommendation span:nth-child(2) strong, .blp-app__recommendation span:nth-child(2) small, .blp-app__recommendation span:nth-child(2) b { display: block; }
.blp-app__recommendation span:nth-child(2) strong { color: #cfd0d5; font-weight: 480; }
.blp-app__recommendation span:nth-child(2) small { margin-top: .38em; color: #777a81; }
.blp-app__recommendation span:nth-child(2) b { margin-top: .42em; color: #c4c6ca; font-weight: 470; }
.blp-app__recommendation em { align-self: end; padding-bottom: .75em; color: var(--blp-green); font-style: normal; white-space: nowrap; }
.blp-app__why { margin-top: 1.65em; }
.blp-app__why p { margin: 0 0 .8em; color: #767980; letter-spacing: .06em; text-transform: uppercase; }
.blp-app__why :is(button,a) { display: block; width: 100%; padding: .35em 0; color: #888b92; }
.blp-app__why i { display: inline-block; width: .37em; height: .37em; margin-right: .65em; border-radius: 50%; background: var(--blp-green); }
.blp-app__why :is(button,a) + :is(button,a) i { background: var(--blp-violet); }
.blp-app__say { position: relative; width: 100%; min-height: 10em; margin-top: 1.45em !important; padding: 1.25em 1.35em !important; border: var(--layoutBorderWidth, 1px) solid #343539 !important; border-radius: .62em !important; background: #1b1c1e !important; }
.blp-app__say span { display: block; margin-bottom: .8em; color: var(--blp-violet); letter-spacing: .055em; text-transform: uppercase; }
.blp-app__say q { display: block; max-width: 90%; color: #bfc1c6; line-height: 1.62; quotes: none; }
.blp-app__say b { position: absolute; top: 1em; right: 1.1em; color: #65686f; }
.blp-app__ai-actions { display: flex; gap: .75em; margin-top: 1.35em; }
.blp-app__ai-actions :is(button,a), .blp-app__cashless > div :is(button,a) { min-height: 2.65em; padding: .65em 1.1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .48em; color: #8f9198; }
.blp-app__ai-actions .is-primary { color: #d1cdec; border-color: rgba(161,147,242,.22); background: rgba(117,102,176,.43); }
.blp-app__confirmation { display: block; margin-top: 1.15em !important; color: #7a7d83 !important; }
.blp-app__confirmation:first-letter { color: var(--blp-green); }
.blp-app__sources { margin: 2.1em 0 0; color: #52555c; }
.blp-app__ai-empty { display: grid; min-height: 49em; place-content: center; place-items: center; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-top: 0; border-radius: 0 0 .85em .85em; color: #91949a; background: var(--blp-panel); text-align: center; }
.blp-app__ai-empty > span { display: grid; width: 3.2em; height: 3.2em; margin-bottom: 1.2em; place-items: center; border-radius: 50%; color: var(--blp-green); border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.28); }
.blp-app__ai-empty strong { color: #d2d4d7; }
.blp-app__ai-empty p { margin: .55em 0 1em; }
.blp-app__ai-empty :is(button,a) { color: var(--blp-violet); }
.blp-app__cashless { margin-top: 1.65em; padding: 1.35em 1.55em 1.45em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .82em; background: var(--blp-panel); }
.blp-app__cashless > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1em; }
.blp-app__cashless header strong { color: #afb1b6; font-weight: 460; }
.blp-app__cashless header strong span { margin-right: .6em; color: var(--blp-blue); }
.blp-app__cashless header :is(button,a) { padding: .4em .7em; border-radius: .42em; color: #91c87e; background: rgba(83,137,64,.14); }
.blp-app__cashless header i { background: var(--blp-green); }
.blp-app__cashless p { margin: .35em 0; color: #767980; }
.blp-app__cashless > div { display: flex; align-items: center; gap: 1.6em; margin-top: 1.3em; }
.blp-app__cashless > div :is(button,a) { color: #9db1df; }
.blp-app__cashless > div span { color: #565960; }

.blp-app__secondary { padding: 4.4em 5em; overflow: auto; background: var(--blp-bg); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.16) transparent; }
.blp-app__view-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3.2em; }
.blp-app__view-heading p { margin: 0 0 .7em; color: var(--blp-green); letter-spacing: .12em; text-transform: uppercase; }
.blp-app__view-heading h3 { margin: 0; font-weight: 430; letter-spacing: -.05em; }
.blp-app__view-heading > :is(button,a) { padding: .8em 1.2em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .6em; color: #b9bbc0; }
.blp-app__metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2em; }
.blp-app__metric-row :is(button,a) { min-height: 10em; padding: 1.6em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .8em; background: var(--blp-panel); }
.blp-app__metric-row span, .blp-app__metric-row strong, .blp-app__metric-row small { display: block; }
.blp-app__metric-row span { color: #7f8288; }
.blp-app__metric-row strong { margin-top: .55em; font-weight: 430; }
.blp-app__metric-row small { margin-top: .45em; color: var(--blp-green); }
.blp-app__table { margin-top: 2em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .8em; }
.blp-app__table-head, .blp-app__table > :is(button,a) { display: grid; grid-template-columns: 1.2fr .8fr 1.2fr .7fr; gap: 1em; width: 100%; padding: 1.2em 1.5em; }
.blp-app__table-head { color: #777a82; background: #1b1c1e; letter-spacing: .065em; text-transform: uppercase; }
.blp-app__table > :is(button,a) { color: #8b8e94; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__table > :is(button,a):hover { background: rgba(255,255,255,.025); }
.blp-app__table strong { color: #c9cbd0; font-weight: 470; }
.blp-app__table em { color: var(--blp-green); font-style: normal; }
.blp-app__customer-toolbar { display: flex; align-items: center; gap: .5em; margin-top: 1.25em; }
.blp-app__customer-toolbar label { display: flex; min-width: 18em; height: 2.65em; align-items: center; gap: .65em; margin-right: auto; padding: 0 .85em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .52em; color: #676a72; background: #17181a; }
.blp-app__customer-toolbar input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; }
.blp-app__customer-toolbar input::placeholder { color: #696c73; }
.blp-app__customer-toolbar > :is(button,a) { min-height: 2.65em; padding: .5em .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .52em; color: #858890; }
.blp-app__customer-toolbar > :is(button,a):hover, .blp-app__customer-toolbar > :is(button,a).is-active { color: #d0d4dc; background: var(--blp-panel); }
.blp-app__customer-directory { max-height: 31em; background: #191a1c; }
.blp-app__customer-directory > [data-blp-customer-list] { max-height: 27em; overflow: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__customer-directory .blp-app__table-head,
.blp-app__customer-directory [data-blp-customer-list] > :is(button,a) { grid-template-columns: minmax(13em, 1.3fr) .68fr 1fr .6fr .72fr; }
.blp-app__customer-directory [data-blp-customer-list] > :is(button,a) { display: grid; gap: 1em; align-items: center; width: 100%; min-height: 4.65em; padding: .62em 1.5em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); color: #8b8e95; }
.blp-app__customer-directory [data-blp-customer-list] > :is(button,a):hover { background: var(--blp-panel); }
.blp-app__directory-name { display: grid; grid-template-columns: 2.55em 1fr; gap: .8em; align-items: center; min-width: 0; }
.blp-app__directory-name > span:last-child { min-width: 0; }
.blp-app__directory-name strong, .blp-app__directory-name small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__directory-name strong { color: #d0d4dc; font-weight: 500; }
.blp-app__directory-name small { margin-top: .18em; color: #6f7279; }
.blp-app__directory-avatar { display: grid; width: 2.55em; height: 2.55em; place-items: center; overflow: hidden; border-radius: 50%; color: hsl(var(--avatar-hue, 220) 38% 81%); background: hsl(var(--avatar-hue, 220) 20% 22%); font-weight: 560; }
.blp-app__directory-avatar img, .blp-app__avatar img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__avatar img { display: block; border-radius: inherit; }
.blp-app__customer-directory em { justify-self: start; padding: .28em .52em; border-radius: 99px; color: #9aa0a8; background: rgba(255,255,255,.035); }
.blp-app__customer-directory em.is-in-store, .blp-app__customer-directory em.is-ready-to-return { color: #97cc86; background: rgba(79,132,61,.13); }
.blp-app__customer-directory em.is-at-risk { color: #e4b36e; background: rgba(163,107,43,.12); }
.blp-app__customer-empty { margin: 0; padding: 3em; color: #777a82; text-align: center; }

/* Customer groups */
.blp-app__customers { position: relative; display: flex; min-height: 0; padding: 1.35em 1.65em 1.55em; overflow: hidden; flex-direction: column; }
.blp-app__customer-heading { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1.4em; margin-bottom: 1em; }
.blp-app__customer-heading p { margin: 0 0 .45em; color: #777a82; letter-spacing: .04em; }
.blp-app__customer-heading h3 { margin: 0; color: #d9dce2; font-size: 1.68em; font-weight: 470; letter-spacing: -.035em; }
.blp-app__customer-group-tabs,
.blp-app__transaction-view-tabs { display: flex; min-width: 0; align-items: center; gap: .42em; overflow-x: auto; scrollbar-width: none; }
.blp-app__transaction-view-tabs { flex: 1 1 auto; }
.blp-app__customer-group-tabs::-webkit-scrollbar,
.blp-app__transaction-view-tabs::-webkit-scrollbar { display: none; }
.blp-app__customer-group-tabs > :is(button,a),
.blp-app__transaction-view-tabs > :is(button,a) { flex: 0 0 auto; padding: .55em .86em; border: var(--layoutBorderWidth, 1px) solid #27292c; border-radius: 999px; color: #7f8289; background: #18191b; white-space: nowrap; }
.blp-app__customer-group-tabs > :is(button,a):hover,
.blp-app__transaction-view-tabs > :is(button,a):hover { color: #bfc2c8; background: #202124; }
.blp-app__customer-group-tabs > :is(button,a).is-active,
.blp-app__transaction-view-tabs > :is(button,a).is-active { color: #e0e2e6; border-color: #323438; background: #2a2b2e; }
.blp-app__customer-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .48em; }
.blp-app__customer-search { display: flex; width: 2.85em; height: 2.85em; align-items: center; gap: .65em; overflow: hidden; padding: 0 .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; background: #17181a; transition: width .18s ease, border-radius .18s ease; }
.blp-app__customer-search:focus-within,
.blp-app__customer-search:has(input:not(:placeholder-shown)) { width: 14em; border-radius: .55em; }
.blp-app__customer-search svg { width: 1.15em; flex: 0 0 1.15em; fill: none; stroke: #747780; stroke-linecap: round; stroke-width: 1.6; }
.blp-app__customer-search input { width: 10em; min-width: 10em; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; opacity: 0; transition: opacity .12s ease; }
.blp-app__customer-search:focus-within input,
.blp-app__customer-search:has(input:not(:placeholder-shown)) input { opacity: 1; }
.blp-app__customer-search input::placeholder { color: #666970; }
.blp-app__customer-actions > :is(button,a) { position: relative; display: flex; width: 2.85em; height: 2.85em; min-height: 2.85em; align-items: center; justify-content: center; padding: 0; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; color: #9a9da4; background: #17181a; white-space: nowrap; }
.blp-app__customer-actions > :is(button,a):hover,
.blp-app__customer-actions > :is(button,a)[aria-expanded="true"] { color: #d8dbe1; background: #232427; }
.blp-app__customer-actions > :is(button,a) svg { width: 1.18em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.blp-app__customer-actions > .blp-app__customer-add { color: #d8dbe1; background: #242529; }
.blp-app__customer-add span { color: var(--blp-green); font-size: 1.45em; line-height: 1; }
.blp-app__customer-create { position: absolute; z-index: 30; inset: 0; display: grid; place-items: center; }
.blp-app__customer-create-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(3,3,4,.78); backdrop-filter: blur(6px); }
.blp-app__customer-create > section { position: relative; z-index: 1; width: min(42em,82%); overflow: hidden; border: 1px solid #2e3036; border-radius: 1em; background: linear-gradient(145deg,rgba(135,112,239,.08),transparent 34%),#111216; box-shadow: 0 2em 7em rgba(0,0,0,.64); }
.blp-app__customer-create > section > header { display: grid; grid-template-columns: 3em minmax(0,1fr) 2em; gap: .9em; align-items: start; padding: 1.35em 1.4em; border-bottom: 1px solid #282a30; }
.blp-app__customer-create-mark { display: grid; width: 3em; height: 3em; place-items: center; border: 1px solid #3b3558; border-radius: .72em; background: #1c1929; }.blp-app__customer-create-mark svg { width: 1.65em; fill: none; stroke: #b0a2fa; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__customer-create header small { color: #9385df; font-size: .73em; font-weight: 660; letter-spacing: .1em; text-transform: uppercase; }.blp-app__customer-create header h3 { margin: .16em 0 0; color: #f0f1f4; font-size: 1.55em; font-weight: 590; letter-spacing: -.028em; }.blp-app__customer-create header p { margin: .3em 0 0; color: #858891; line-height: 1.42; }.blp-app__customer-create header > :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .45em; color: #8d9098; font-size: 1.2em; }
.blp-app__customer-create-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9em; padding: 1.4em; }.blp-app__customer-create-fields label { display: grid; gap: .42em; }.blp-app__customer-create-fields label.is-wide { grid-column: 1 / -1; }.blp-app__customer-create-fields label > span { color: #aeb1b8; font-size: .84em; font-weight: 560; }.blp-app__customer-create-fields input[type="text"],.blp-app__customer-create-fields input[type="tel"],.blp-app__customer-create-fields input[type="email"] { min-height: 3em; padding: 0 .85em; border: 1px solid #303239; border-radius: .58em; outline: 0; color: #eceef2; background: #0b0c0e; }.blp-app__customer-create-fields input:focus { border-color: #7f70cf; box-shadow: 0 0 0 3px rgba(127,112,207,.14); }
.blp-app__customer-create-consent { grid-template-columns: 1.25em minmax(0,1fr); align-items: start; padding: .9em; border: 1px solid #292b31; border-radius: .65em; background: #0d0e11; }.blp-app__customer-create-consent input { margin-top: .22em; accent-color: #8f7ff2; }.blp-app__customer-create-consent strong,.blp-app__customer-create-consent small { display: block; }.blp-app__customer-create-consent strong { color: #d9dbe0; }.blp-app__customer-create-consent small { margin-top: .2em; color: #737680; font-size: .84em; }
.blp-app__customer-create footer { display: flex; justify-content: flex-end; gap: .6em; padding: 1em 1.4em; border-top: 1px solid #282a30; background: #0e0f12; }.blp-app__customer-create footer :is(button,a) { min-height: 2.7em; padding: .55em 1em; border: 1px solid #303239; border-radius: .55em; color: #a8abb2; }.blp-app__customer-create footer :is(button,a).is-primary { color: #111117; border-color: #9b8ef0; background: #9b8ef0; font-weight: 620; }
.blp-app__customer-filter b { position: absolute; top: -.42em; right: -.42em; display: grid; min-width: 1.35em; height: 1.35em; place-items: center; border-radius: 99px; color: #151617; background: var(--blp-green); font-size: .72em; }

.blp-app__customer-table-scroll,
.blp-app__transaction-table-scroll { width: 100%; max-width: 100%; min-height: 0; flex: 1 1 auto; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__customer-table-scroll:focus-visible,
.blp-app__transaction-table-scroll:focus-visible { outline: 1px solid rgba(138,169,223,.42); outline-offset: .2em; }
.blp-app__customer-tree { display: flex; min-width: 73em; height: 100%; min-height: 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__customer-tree-summary { display: flex; min-height: 4.2em; align-items: center; gap: .75em; padding: 0 1.45em; }
.blp-app__customer-tree-summary span { color: #aeb1b8; }
.blp-app__customer-tree-summary strong { color: #d9dce2; font-weight: 500; }
.blp-app__customer-tree-summary small { color: #62656c; }
.blp-app__spend-key { display: flex; align-items: center; gap: 1.15em; margin-left: auto; color: #74777e; }
.blp-app__spend-key span { display: inline-flex; align-items: center; gap: .42em; }
.blp-app__spend-key i { display: grid; width: 1.35em; height: 1.35em; place-items: center; border-radius: 50%; color: #151617; font-size: .72em; font-style: normal; font-weight: 650; }
.blp-app__spend-key .is-high i { background: #9fd978; }
.blp-app__spend-key .is-mid i { background: #8aa9df; }
.blp-app__spend-key .is-value i { background: #d6a96a; }
.blp-app__customer-columns,
.blp-app__customer-node { display: grid; grid-template-columns: minmax(24em, 1.7fr) .72fr .7fr .7fr .82fr; gap: 1em; align-items: center; width: 100%; }
.blp-app__customer-columns { min-height: 3.25em; padding: 0 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #696c73; background: #131415; letter-spacing: .035em; }
.blp-app__customer-columns > :is(button,a) { display: flex; min-width: 0; align-items: center; gap: .45em; color: #696c73; white-space: nowrap; }
.blp-app__customer-columns > :is(button,a):hover,
.blp-app__customer-columns > :is(button,a).is-active { color: #b7bac1; }
.blp-app__customer-columns > :is(button,a) i { color: #55585f; font-style: normal; opacity: 0; transition: opacity .16s ease; }
.blp-app__customer-columns > :is(button,a):hover i,
.blp-app__customer-columns > :is(button,a).is-active i { opacity: 1; }
.blp-app__customer-tree-body { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__customer-node { position: relative; min-height: 4.25em; padding: .54em 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft) !important; color: #878a91 !important; }
.blp-app__customer-node:hover { background: rgba(255,255,255,.025) !important; }
.blp-app__customer-node > span:not(:first-child) { white-space: nowrap; }
.blp-app__customer-node--root { background: #1d1e20 !important; }
.blp-app__customer-node--location { background: #191a1c !important; }
.blp-app__customer-node--group { background: #17181a !important; }
.blp-app__customer-node--root strong,
.blp-app__customer-node--location strong { color: #d3d6dc; font-weight: 500; }
.blp-app__customer-node--group strong { color: #c4c7ce; font-weight: 480; }
.blp-app__tree-label { display: flex; min-width: 0; align-items: center; gap: .72em; }
.blp-app__tree-label > span { min-width: 0; }
.blp-app__tree-label strong,
.blp-app__tree-label small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__tree-label small { margin-top: .16em; color: #686b72; }
.blp-app__tree-chevron { width: 1em; flex: 0 0 1em; fill: none; stroke: #73767d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; transition: transform .16s ease; }
.blp-app__tree-chevron.is-open { transform: rotate(90deg); }
.blp-app__tree-label > i { display: grid; width: 1.65em; height: 1.65em; flex: 0 0 1.65em; place-items: center; border-radius: .38em; font-size: .8em; font-style: normal; }
.blp-app__tree-label > i svg { width: 1.2em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.blp-app__tree-label--root > i { color: var(--blp-green); background: rgba(131,206,103,.1); }
.blp-app__tree-label--location { padding-left: 1.45em; }
.blp-app__tree-label--location > i { color: #91a9df; background: rgba(138,169,223,.1); }
.blp-app__tree-label--group { padding-left: 3.2em; }
.blp-app__tree-label--group > i.is-vip { color: #c2a7ff; background: rgba(161,147,242,.12); }
.blp-app__tree-label--group > i.is-mid { color: #8aa9df; background: rgba(138,169,223,.11); }
.blp-app__tree-label--group > i.is-value { color: #83ce67; background: rgba(131,206,103,.1); }
.blp-app__tree-label--group > i.is-one-time { color: #d6a96a; background: rgba(214,169,106,.11); }
.blp-app__tree-label--group > i.is-lapsed-60 { color: #dc8b5d; background: rgba(220,139,93,.11); }
.blp-app__tree-label--group > i.is-lapsed-180 { color: #d86d6d; background: rgba(216,109,109,.11); }
.blp-app__customer-node--root > em,
.blp-app__customer-node--location > em,
.blp-app__customer-node--group > em { justify-self: start; color: #71747b; font-style: normal; }
.blp-app__customer-node--profile { min-height: 4.75em; }
.blp-app__customer-node--profile .blp-app__directory-name { padding-left: 6.25em; }
.blp-app__customer-node--profile:hover .blp-app__directory-name strong { color: #fff; }
.blp-app__customer-node--profile em { display: inline-flex; width: max-content; align-items: center; gap: .5em; color: #85888f; font-style: normal; }
.blp-app__customer-node--profile em i { width: .48em; height: .48em; border-radius: 50%; background: #74777e; }
.blp-app__customer-node--profile em.is-in-store i,
.blp-app__customer-node--profile em.is-active i,
.blp-app__customer-node--profile em.is-ready-to-return i { background: var(--blp-green); }
.blp-app__customer-node--profile em.is-at-risk i { background: #e2a75c; }
.blp-app__customer-node--profile em.is-pickup-ready i { background: var(--blp-blue); }
.blp-app__customer-node--profile em.is-one-time i { background: #d6a96a; }
.blp-app__customer-node--profile em.is-lapsed { color: #a78383; }
.blp-app__customer-node--profile em.is-lapsed i { background: #d86d6d; }
.blp-app__spend-level { display: inline-flex; align-items: center; gap: .55em; color: #a0a3aa; }
.blp-app__spend-level i { display: grid; width: 1.55em; height: 1.55em; place-items: center; border-radius: 50%; font-size: .78em; font-style: normal; font-weight: 650; }
.blp-app__spend-level.is-high i { color: #151617; background: #9fd978; }
.blp-app__spend-level.is-mid i { color: #151617; background: #8aa9df; }
.blp-app__spend-level.is-value i { color: #151617; background: #d6a96a; }

.blp-app__id-scanner,
.blp-app__audience-builder { position: absolute; z-index: 24; top: 7.35em; right: 3.2em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .72em; background: #1a1b1d; box-shadow: 0 1.5em 4.5em rgba(0,0,0,.56); }
.blp-app__id-scanner { width: 32em; padding: 1.2em; }
.blp-app__id-scanner header,
.blp-app__audience-builder > header { display: flex; align-items: center; gap: .8em; }
.blp-app__id-scanner header > span { display: grid; width: 2.4em; height: 2.4em; place-items: center; border-radius: .48em; color: var(--blp-green); background: rgba(131,206,103,.1); }
.blp-app__id-scanner header svg { width: 1.35em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.blp-app__id-scanner header div,
.blp-app__audience-builder header div { min-width: 0; flex: 1; }
.blp-app__id-scanner header strong,
.blp-app__id-scanner header small,
.blp-app__audience-builder header strong,
.blp-app__audience-builder header span { display: block; }
.blp-app__id-scanner header strong,
.blp-app__audience-builder header strong { color: #d5d8de; font-weight: 510; }
.blp-app__id-scanner header small,
.blp-app__audience-builder header span { margin-top: .18em; color: #74777e; }
.blp-app__id-scanner header > :is(button,a),
.blp-app__audience-builder header > :is(button,a) { width: 2em; height: 2em; color: #777a81; text-align: center; }
.blp-app__id-scanner > label { display: flex; height: 3.25em; align-items: center; gap: .7em; margin-top: 1.2em; padding: 0 .9em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .52em; background: #121315; }
.blp-app__id-scanner input { min-width: 0; flex: 1; border: 0; outline: 0; color: #d7dae0; background: transparent; }
.blp-app__id-scanner kbd { padding: .2em .45em; border: var(--layoutBorderWidth, 1px) solid #383a3f; border-radius: .3em; color: #777a82; background: #202124; }
.blp-app__id-scanner > p { margin: .75em 0 0; color: #74777e; }

.blp-app__audience-builder { width: min(73em, calc(100% - 6.4em)); overflow: hidden; }
.blp-app__audience-builder > header { min-height: 5.2em; padding: 0 1.35em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__audience-filter-groups { display: grid; grid-template-columns: repeat(3, 1fr); }
.blp-app__audience-filter-groups fieldset { min-width: 0; margin: 0; padding: 1.25em 1.35em 1.45em; border: 0; }
.blp-app__audience-filter-groups fieldset + fieldset { border-left: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__audience-filter-groups legend { padding: 0; color: #b3b6bc; font-weight: 500; }
.blp-app__audience-filter-groups label { display: grid; grid-template-columns: 8.6em 1fr; align-items: center; gap: .7em; margin-top: .82em; color: #797c83; }
.blp-app__audience-filter-groups select { min-width: 0; height: 2.45em; padding: 0 .62em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .42em; outline: 0; color: #b9bcc2; background: #141517; font: inherit; }
.blp-app__audience-filter-groups select:focus { border-color: rgba(161,147,242,.62); }
.blp-app__audience-builder > footer { display: flex; min-height: 4.8em; align-items: center; gap: 1em; padding: 0 1.35em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); background: #17181a; }
.blp-app__audience-builder > footer > :is(button,a) { padding: .62em .82em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .48em; color: #92959c; }
.blp-app__audience-builder > footer > span { margin-left: auto; color: #777a82; }
.blp-app__audience-builder > footer > span strong { color: #d4d7dd; font-weight: 520; }
.blp-app__audience-builder > footer > :is(button,a):last-child { color: #d5e6cf; border-color: rgba(131,206,103,.24); background: rgba(71,133,78,.22); }

/* Transaction ledger */
.blp-app__orders { display: flex; min-height: 0; padding: 1.35em 1.65em 1.55em; overflow: hidden; flex-direction: column; }
.blp-app__transaction-heading { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1.4em; margin-bottom: 1em; }
.blp-app__transaction-heading p { margin: 0 0 .45em; color: #777a82; letter-spacing: .04em; }
.blp-app__transaction-heading h3 { margin: 0; color: #d9dce2; font-size: 1.68em; font-weight: 470; letter-spacing: -.035em; }
.blp-app__transaction-controls { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; gap: .48em; margin-left: auto; }
.blp-app__transaction-search { display: flex; width: 2.85em; height: 2.85em; align-items: center; gap: .65em; overflow: hidden; padding: 0 .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; background: #17181a; transition: width .18s ease, border-radius .18s ease; }
.blp-app__transaction-search:focus-within,
.blp-app__transaction-search:has(input:not(:placeholder-shown)) { width: 14em; border-radius: .55em; }
.blp-app__transaction-search svg { width: 1.15em; flex: 0 0 1.15em; fill: none; stroke: #747780; stroke-linecap: round; stroke-width: 1.6; }
.blp-app__transaction-search input { width: 10em; min-width: 10em; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; opacity: 0; transition: opacity .12s ease; }
.blp-app__transaction-search:focus-within input,
.blp-app__transaction-search:has(input:not(:placeholder-shown)) input { opacity: 1; }
.blp-app__transaction-search input::placeholder { color: #666970; }
.blp-app__transaction-date,
.blp-app__transaction-select { display: flex; height: 2.85em; align-items: center; gap: .55em; padding: 0 .55em 0 .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 999px; color: #777a82; background: #17181a; }
.blp-app__transaction-date > span,
.blp-app__transaction-select > span { flex: 0 0 auto; line-height: 1.25; }
.blp-app__transaction-date input,
.blp-app__transaction-select select { height: 2.2em; padding-block: .25em; border: 0; outline: 0; color: #b9bcc2; background: #17181a; font: inherit; line-height: 1.35; color-scheme: dark; }
.blp-app__transaction-date input { width: 8.4em; min-width: 8.4em; padding-inline: .1em; }
.blp-app__transaction-select select { width: 8.9em; min-width: 8.9em; padding-inline: .1em 1.35em; }
.blp-app__transaction-list { display: flex; min-width: 80em; height: 100%; min-height: 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__transaction-summary { display: flex; min-height: 4.2em; align-items: center; gap: 1.4em; padding: 0 1.45em; }
.blp-app__transaction-summary span { color: #85888f; }
.blp-app__transaction-summary strong { color: #d7dae0; font-weight: 500; }
.blp-app__transaction-summary small { margin-left: auto; color: #666970; }
.blp-app__transaction-columns,
.blp-app__transaction-row { display: grid; grid-template-columns: 1.02fr .55fr 1.18fr .78fr .75fr .54fr .7fr; gap: 1em; align-items: center; width: 100%; }
.blp-app__transaction-columns { min-height: 3.25em; padding: 0 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #696c73; background: #131415; }
.blp-app__transaction-columns > :is(button,a) { display: flex; min-width: 0; align-items: center; gap: .45em; color: #696c73; white-space: nowrap; }
.blp-app__transaction-columns > :is(button,a):hover,
.blp-app__transaction-columns > :is(button,a).is-active { color: #b7bac1; }
.blp-app__transaction-columns > :is(button,a) i { color: #55585f; font-style: normal; opacity: 0; transition: opacity .16s ease; }
.blp-app__transaction-columns > :is(button,a):hover i,
.blp-app__transaction-columns > :is(button,a).is-active i { opacity: 1; }
.blp-app__transaction-body { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__transaction-row { min-height: 4.85em; padding: .55em 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft) !important; color: #898c93 !important; }
.blp-app__transaction-row:hover { background: rgba(255,255,255,.028) !important; }
.blp-app__transaction-row--root { min-height: 4.25em; background: #1d1e20 !important; }
.blp-app__transaction-row--location { min-height: 4.25em; background: #191a1c !important; }
.blp-app__transaction-row--root:hover { background: #202123 !important; }
.blp-app__transaction-row--location:hover { background: #1c1d1f !important; }
.blp-app__transaction-row--root strong,
.blp-app__transaction-row--location strong { color: #d1d4da; font-weight: 500; }
.blp-app__transaction-row--root small,
.blp-app__transaction-row--location small { display: block; margin-top: .12em; color: #696c73; }
.blp-app__transaction-row > span { min-width: 0; }
.blp-app__transaction-row > span:first-child strong,
.blp-app__transaction-row > span:first-child small,
.blp-app__transaction-customer strong,
.blp-app__transaction-customer small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__transaction-row > span:first-child strong,
.blp-app__transaction-customer strong { color: #cdd0d6; font-weight: 490; }
.blp-app__transaction-row > span:first-child small,
.blp-app__transaction-customer small { margin-top: .16em; color: #686b72; }
.blp-app__transaction-time strong,
.blp-app__transaction-time small { display: block; white-space: nowrap; }
.blp-app__transaction-time strong { color: #aeb1b8; font-weight: 470; }
.blp-app__transaction-time small { margin-top: .16em; color: #63666d; }
.blp-app__transaction-customer { display: grid; grid-template-columns: 2.15em 1fr; align-items: center; gap: .68em; }
.blp-app__transaction-avatar { display: grid; width: 2.15em; height: 2.15em; place-items: center; overflow: hidden; border-radius: 50%; color: hsl(var(--avatar-hue, 220) 38% 81%); background: hsl(var(--avatar-hue, 220) 20% 22%); font-size: .78em; font-weight: 560; }
.blp-app__transaction-avatar img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__transaction-total { color: #d2d5db; font-weight: 500; }
.blp-app__transaction-row em { display: inline-flex; width: max-content; align-items: center; gap: .5em; color: #85888f; font-style: normal; }
.blp-app__transaction-row em i { width: .48em; height: .48em; border-radius: 50%; background: var(--blp-green); }
.blp-app__transaction-row em.is-refunded { color: #cba46f; }
.blp-app__transaction-row em.is-refunded i { background: #d4a254; }
.blp-app__transaction-row em.is-voided { color: #85888f; }
.blp-app__transaction-row em.is-voided i { background: #6f7279; }
.blp-app__transaction-empty { margin: 0; padding: 4em; color: #777a82; text-align: center; }
.blp-app__kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3em; }
.blp-app__kanban article { min-height: 42em; padding: 1.35em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .8em; background: #17181a; }
.blp-app__kanban h4 { display: flex; justify-content: space-between; margin: 0 0 1.25em; color: #a5a7ad; font-weight: 470; }
.blp-app__kanban h4 b { color: var(--blp-violet); font-weight: 500; }
.blp-app__kanban :is(button,a) { display: block; width: 100%; margin-bottom: 1em; padding: 1.25em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .65em; background: var(--blp-panel-soft); }
.blp-app__kanban small, .blp-app__kanban strong, .blp-app__kanban span { display: block; }
.blp-app__kanban small { color: var(--blp-violet); letter-spacing: .08em; }
.blp-app__kanban strong { margin-top: .5em; color: #d0d2d5; font-weight: 480; }
.blp-app__kanban span { margin-top: .55em; color: #73767d; }
.blp-app__product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85em; padding-bottom: 2em; }
.blp-app__product-grid > :is(button,a) { display: grid; grid-template-columns: 5.2em 1fr auto; grid-template-rows: 1fr auto; gap: .3em .85em; min-width: 0; min-height: 8em; padding: .85em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .68em; background: var(--blp-panel); }
.blp-app__product-grid img { grid-row: 1 / 3; width: 5.2em; height: 5.2em; object-fit: contain; border-radius: .5em; background: #090a0b; }
.blp-app__product-grid span { align-self: end; }
.blp-app__product-grid strong, .blp-app__product-grid small { display: block; }
.blp-app__product-grid strong { font-weight: 490; }
.blp-app__product-grid small { margin-top: .28em; color: #797c83; }
.blp-app__product-grid b { align-self: end; font-weight: 490; }
.blp-app__product-grid em { grid-column: 2 / 4; color: var(--blp-green); font-style: normal; }

/* Product inventory directory */
.blp-app__products { display: flex; min-height: 0; padding: 1.35em 1.65em 1.55em; overflow: hidden; flex-direction: column; }
.blp-app__product-heading { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: .72em; }
.blp-app__product-controls { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; gap: .48em; margin-left: auto; }
.blp-app__product-search { display: flex; width: 2.85em; height: 2.85em; align-items: center; gap: .65em; overflow: hidden; padding: 0 .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; background: #17181a; transition: width .18s ease, border-radius .18s ease; }
.blp-app__product-search:focus-within,
.blp-app__product-search:has(input:not(:placeholder-shown)) { width: 13em; border-radius: .55em; }
.blp-app__product-search svg { width: 1.15em; flex: 0 0 1.15em; fill: none; stroke: #747780; stroke-linecap: round; stroke-width: 1.6; }
.blp-app__product-search input { width: 9em; min-width: 9em; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; opacity: 0; transition: opacity .12s ease; }
.blp-app__product-search:focus-within input,
.blp-app__product-search:has(input:not(:placeholder-shown)) input { opacity: 1; }
.blp-app__product-select { display: flex; height: 2.85em; align-items: center; gap: .5em; padding: 0 .5em 0 .78em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 999px; color: #777a82; background: #17181a; }
.blp-app__product-select select { width: 7.7em; min-width: 7.7em; height: 2.2em; padding: .25em 1.2em .25em .1em; border: 0; outline: 0; color: #b9bcc2; background: #17181a; font: inherit; color-scheme: dark; }
.blp-app__product-add { display: flex; width: 2.85em; height: 2.85em; flex: 0 0 2.85em; align-items: center; justify-content: center; padding: 0; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; color: #d8dbe1; background: #242529; }
.blp-app__product-add:hover { background: #2b2c30; }
.blp-app__product-add span { color: var(--blp-green); font-size: 1.35em; line-height: 1; }
.blp-ui-grouping { display: flex; min-width: 0; min-height: 2.85em; flex: 1 1 auto; align-items: center; gap: .42em; margin: 0; padding: 0; overflow-x: auto; border: 0; background: transparent; scrollbar-width: none; }
.blp-ui-grouping::-webkit-scrollbar { display: none; }
.blp-ui-grouping > :is(button,a) { position: relative; display: inline-flex; min-height: 2.3em; flex: 0 0 auto; align-items: center; gap: .46em; padding: .35em .72em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .43em; color: #70737a; background: #18191b; cursor: grab; }
.blp-ui-grouping > :is(button,a):active { cursor: grabbing; }
.blp-ui-grouping > :is(button,a):hover { color: #b9bcc2; background: #202123; }
.blp-ui-grouping > :is(button,a).is-active { color: #e2dcff; border-color: #9585d4; background: #373047; }
.blp-ui-grouping > :is(button,a).is-active:hover { border-color: #b6a5f4; background: #443957; }
.blp-ui-grouping > :is(button,a).is-active .blp-product-drag-handle { color: #c0afff; }
.blp-ui-grouping > :is(button,a).is-dragging { opacity: .35; }
.blp-ui-grouping > :is(button,a).is-drop-before::before,
.blp-ui-grouping > :is(button,a).is-drop-after::after { position: absolute; top: .24em; bottom: .24em; width: 2px; border-radius: 2px; background: #8aa9df; box-shadow: 0 0 .75em rgba(138,169,223,.55); content: ''; }
.blp-ui-grouping > :is(button,a).is-drop-before::before { left: -.3em; }
.blp-ui-grouping > :is(button,a).is-drop-after::after { right: -.3em; }
.blp-ui-grouping .blp-product-drag-handle { width: 1em; height: 1em; flex: 0 0 auto; color: #92969e; }
.blp-app__product-table-scroll { width: 100%; max-width: 100%; min-height: 0; flex: 1 1 auto; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__product-table-scroll:focus-visible { outline: 1px solid rgba(138,169,223,.42); outline-offset: .2em; }
.blp-app__product-list { display: flex; min-width: 146em; height: 100%; min-height: 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__product-columns,
.blp-app__product-row { display: grid; grid-template-columns: minmax(22em, 1.55fr) 7em 10em 10em 6em 7.5em 6.5em 6.5em 8.5em 8.5em 5em 8em 10em 8em; gap: 1em; align-items: center; width: 100%; }
.blp-app__product-columns { min-height: 3.25em; flex: 0 0 auto; padding: 0 1.45em; color: #696c73; background: #131415; }
.blp-app__product-columns > :is(button,a) { display: flex; min-width: 0; align-items: center; gap: .45em; color: #696c73; white-space: nowrap; }
.blp-app__product-columns > :is(button,a):hover,
.blp-app__product-columns > :is(button,a).is-active { color: #b7bac1; }
.blp-app__product-columns > :is(button,a) i { color: #55585f; font-style: normal; opacity: 0; transition: opacity .16s ease; }
.blp-app__product-columns > :is(button,a):hover i,
.blp-app__product-columns > :is(button,a).is-active i { opacity: 1; }
.blp-app__product-body { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__product-row { min-height: 4.7em; padding: .52em 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft) !important; color: #898c93 !important; text-align: left; }
.blp-app__product-row:hover { background: rgba(255,255,255,.027) !important; }
.blp-app__product-row > span { min-width: 0; }
.blp-app__product-row > span strong,
.blp-app__product-row > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__product-row > span strong { color: #cdd0d6; font-weight: 490; }
.blp-app__product-row > span small { margin-top: .15em; color: #686b72; }
.blp-app__product-row--group { min-height: 4.2em; background: #1b1c1e !important; }
.blp-app__product-row--group.is-brand { background: #191a1c !important; }
.blp-app__product-row--group.is-category { background: #18191b !important; }
.blp-app__product-row--group.is-subcategory { background: #17181a !important; }
.blp-app__product-row--group:hover { background: #202123 !important; }
.blp-app__product-indent { display: block; width: calc(var(--product-depth, 0) * 1.45em); flex: 0 0 calc(var(--product-depth, 0) * 1.45em); }
.blp-app__product-tree-label { gap: .62em; }
.blp-app__product-tree-label > i { color: #8aa9df; background: rgba(138,169,223,.1); }
.blp-app__product-tree-label > i.is-brand { color: #b19cf1; background: rgba(161,147,242,.11); }
.blp-app__product-tree-label > i.is-category { color: #83ce67; background: rgba(131,206,103,.1); }
.blp-app__product-tree-label > i.is-subcategory { color: #d6a96a; background: rgba(214,169,106,.1); }
.blp-app__product-name { display: flex; min-width: 0; align-items: center; gap: .72em; }
.blp-app__product-name > span:last-child { min-width: 0; }
.blp-app__product-image { display: grid; width: 2.85em; height: 2.85em; flex: 0 0 2.85em; place-items: center; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #25272a; border-radius: .42em; background: #0b0c0d; }
.blp-app__product-image img { width: 92%; height: 92%; object-fit: contain; }
.blp-app__product-stock,
.blp-app__product-price,
.blp-app__product-cost { color: #cfd2d7; font-weight: 500; white-space: nowrap; }
.blp-app__product-cost { color: #9da0a7; }
.blp-app__product-days { color: #aeb1b8; white-space: nowrap; }
.blp-app__product-days.is-low { color: #dfa45f; }
.blp-app__product-date,
.blp-app__product-thc { color: #85888f; white-space: nowrap; }
.blp-app__product-thc { color: #b8bbc1; }
.blp-app__product-classification { display: inline-flex; align-items: center; gap: .45em; white-space: nowrap; }
.blp-app__product-classification i { width: .48em; height: .48em; border-radius: 50%; background: #9a8de6; }
.blp-app__product-classification.is-indica i { background: #7187ee; }
.blp-app__product-classification.is-sativa i { background: #e3aa5f; }
.blp-app__product-classification.is-none i { display: none; }
.blp-app__product-discounts strong,
.blp-app__product-discounts small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__product-discounts strong { color: #b9cfae !important; font-weight: 490; }
.blp-app__product-discounts small { max-width: 10em; color: #666970; }
.blp-app__product-row em { display: inline-flex; width: max-content; align-items: center; gap: .5em; color: #85888f; font-style: normal; white-space: nowrap; }
.blp-app__product-row em i { width: .48em; height: .48em; border-radius: 50%; background: var(--blp-green); }
.blp-app__product-row em.is-low { color: #d3a45f; }
.blp-app__product-row em.is-low i { background: #e2a75c; }
.blp-app__product-row em.is-out { color: #bd7777; }
.blp-app__product-row em.is-out i { background: #d86d6d; }
.blp-app__product-empty { margin: 0; padding: 4em; color: #777a82; text-align: center; }
.blp-app__approval-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3em; }
.blp-app__approval-list article { min-height: 24em; padding: 1.65em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .8em; background: var(--blp-panel); }
.blp-app__approval-list article > span { color: var(--blp-violet); letter-spacing: .1em; text-transform: uppercase; }
.blp-app__approval-list h4 { margin: 1.1em 0 .75em; font-weight: 480; }
.blp-app__approval-list p { color: #80838a; line-height: 1.6; }
.blp-app__approval-list article > div { display: flex; gap: .7em; margin-top: 2.2em; }
.blp-app__approval-list :is(button,a) { padding: .7em 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .5em; }
.blp-app__approval-list :is(button,a):first-child { color: #d4d0f0; background: rgba(117,102,176,.43); }
.blp-app__chart { width: 100%; height: 27em; margin-top: 1.5em !important; padding: 1.7em !important; border: var(--layoutBorderWidth, 1px) solid var(--blp-line) !important; border-radius: .8em !important; background: linear-gradient(180deg, rgba(106,91,177,.08), transparent), var(--blp-panel) !important; }
.blp-app__chart > span { color: #9da0a6; }
.blp-app__chart > div { display: flex; height: 20em; align-items: end; gap: 2.5%; padding-top: 2em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__chart i { width: 7.8%; height: var(--h); border-radius: .4em .4em 0 0; background: linear-gradient(180deg, var(--blp-violet), #5277c5 58%, #4d8c58); opacity: .68; }

.blp-app__marketing { position: relative; padding: 1.8em 2.65em; }
.blp-app__marketing-heading { align-items: center; margin-bottom: .9em; }
.blp-app__marketing-heading h3 { max-width: 20em; }
.blp-app__agent-switch { display: flex; min-width: 10em; align-items: center; gap: .75em; padding: .65em .85em !important; }
.blp-app__agent-switch > span { position: relative; width: 2.65em; height: 1.45em; border-radius: 99px; background: #30333a; box-shadow: inset 0 0 0 var(--layoutBorderWidth, 1px) rgba(255,255,255,.07); }
.blp-app__agent-switch > span i { position: absolute; top: .22em; left: .22em; width: 1.01em; height: 1.01em; border-radius: 50%; background: #777a82; transition: transform .24s ease, background-color .24s ease; }
.blp-app__agent-switch.is-on > span { background: rgba(71,133,78,.34); }
.blp-app__agent-switch.is-on > span i { background: var(--blp-green); transform: translateX(1.2em); box-shadow: 0 0 1em rgba(131,206,103,.28); }
.blp-app__agent-switch b { font-weight: 500; }
.blp-app__marketing-top { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 1em; }
.blp-app__agent-loop, .blp-app__campaign-preview { min-height: 23.2em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .75em; background: var(--blp-panel); }
.blp-app__agent-loop > header { display: flex; align-items: center; justify-content: space-between; padding: .85em 1.1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__agent-loop > header > div { display: flex; align-items: center; gap: .8em; }
.blp-app__agent-loop > header > div > i { width: .65em; height: .65em; border-radius: 50%; background: var(--blp-green); box-shadow: 0 0 1.2em rgba(131,206,103,.48); animation: blp-agent-pulse 1.5s ease-in-out infinite; }
.blp-app__agent-loop header strong, .blp-app__agent-loop header span span { display: block; }
.blp-app__agent-loop header strong { font-weight: 500; }
.blp-app__agent-loop header span span { margin-top: .22em; color: #85888f; }
.blp-app__agent-loop header em { padding: .36em .7em; border-radius: 99px; color: var(--blp-green); background: rgba(71,133,78,.13); font-style: normal; }
.blp-app__agent-loop ol { margin: 0; padding: .75em 1.1em .35em; list-style: none; }
.blp-app__agent-loop li { position: relative; display: grid; grid-template-columns: 1.9em 1fr; gap: .8em; min-height: 3.9em; color: #72757c; }
.blp-app__agent-loop li > i { position: relative; z-index: 1; display: grid; width: 1.8em; height: 1.8em; place-items: center; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.1); border-radius: 50%; background: #121418; color: #0a0c0a; font-style: normal; }
.blp-app__agent-loop li:not(:last-child)::after { position: absolute; top: 1.8em; bottom: 0; left: .88em; width: var(--layoutBorderWidth, 1px); background: rgba(255,255,255,.08); content: ''; }
.blp-app__agent-loop li.is-complete > i { color: #0a110b; border-color: transparent; background: var(--blp-green); }
.blp-app__agent-loop li.is-active > i { border-color: rgba(161,147,242,.5); background: rgba(161,147,242,.13); }
.blp-app__agent-loop li.is-active > i::after { width: .65em; height: .65em; border-radius: 50%; background: var(--blp-violet); box-shadow: 0 0 1em rgba(161,147,242,.7); content: ''; animation: blp-agent-pulse 1.2s ease-in-out infinite; }
.blp-app__agent-loop li strong, .blp-app__agent-loop li p { display: block; }
.blp-app__agent-loop li strong { color: #bfc1c6; font-weight: 470; }
.blp-app__agent-loop li p { margin: .22em 0 0; color: #85888f; }
.blp-app__agent-loop > footer { display: flex; align-items: center; justify-content: space-between; margin: 0 1.1em; padding-top: .6em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); color: #797c83; }
.blp-app__agent-loop > footer :is(button,a) { color: var(--blp-violet); }
.blp-app__campaign-preview { display: grid; grid-template-columns: minmax(13.5em, 44%) 1fr; align-items: center; padding: 1.05em; }
.blp-app__campaign-art { position: relative; width: 100%; min-height: 0; overflow: hidden; aspect-ratio: 1 / 1; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.09); border-radius: .58em; background: #090a0b; }
.blp-app__campaign-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.blp-app__campaign-art::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(5,6,7,.85)); content: ''; }
.blp-app__campaign-art span { position: absolute; z-index: 1; left: .8em; bottom: .7em; color: #d0d2d5; }
.blp-app__campaign-preview > div:last-child { display: flex; min-width: 0; flex-direction: column; padding: .6em .5em .6em 1.1em; }
.blp-app__campaign-preview p { margin: 0; color: var(--blp-green); letter-spacing: .08em; text-transform: uppercase; }
.blp-app__campaign-preview h4 { margin: .65em 0 .45em; font-weight: 480; line-height: 1.1; }
.blp-app__campaign-preview > div:last-child > span { color: #7a7d84; line-height: 1.48; }
.blp-app__campaign-preview > div:last-child > div { display: flex; flex-wrap: wrap; gap: .55em; margin-top: auto; }
.blp-app__campaign-preview :is(button,a) { padding: .6em .75em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .45em; color: #979aa0; }
.blp-app__campaign-preview :is(button,a):last-child { color: #d4d0ef; background: rgba(117,102,176,.4); }
.blp-app__campaigns-heading { display: flex; align-items: center; justify-content: space-between; margin: .85em 0 .5em; }
.blp-app__campaigns-heading strong, .blp-app__campaigns-heading span { display: block; }
.blp-app__campaigns-heading strong { font-weight: 500; }
.blp-app__campaigns-heading span { margin-top: .2em; color: #676a71; }
.blp-app__campaigns-heading :is(button,a) { color: var(--blp-violet); }
.blp-app__campaign-list { overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .62em; background: #191a1c; }
.blp-app__campaign-row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1fr) .7fr .32fr; gap: .9em; align-items: center; width: 100%; min-width: 0; min-height: 4.55em; padding: .58em .78em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line) !important; }
.blp-app__campaign-row:hover { background: rgba(255,255,255,.025); }
.blp-app__campaign-row--head { min-height: 2.8em; border-top: 0 !important; color: #777a82; background: var(--blp-panel); text-transform: uppercase; letter-spacing: .05em; }
.blp-app__campaign-row > span { min-width: 0; }
.blp-app__campaign-row strong, .blp-app__campaign-row em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__campaign-row strong { color: #c7c9cd; font-weight: 480; }
.blp-app__campaign-row em { margin-top: .23em; color: #85888f; font-style: normal; }
.blp-app__campaign-name { display: grid; grid-template-columns: 3.3em minmax(0, 1fr); gap: .7em; align-items: center; }
.blp-app__campaign-name img { width: 3.3em; height: 3.3em; object-fit: contain; border-radius: .38em; background: #090a0b; }
.blp-app__campaign-status { display: flex; align-items: center; gap: .55em; }
.blp-app__campaign-status i { width: .52em; height: .52em; flex: 0 0 auto; border-radius: 50%; background: #7d8087; }
.blp-app__campaign-status.is-review i { background: #e0b05f; box-shadow: 0 0 .75em rgba(224,176,95,.28); }
.blp-app__campaign-status.is-building i { background: var(--blp-violet); }
.blp-app__campaign-status.is-live i { background: var(--blp-green); box-shadow: 0 0 .75em rgba(131,206,103,.28); }
.blp-app__campaign-row > b { color: var(--blp-violet); font-weight: 500; text-align: right; }
.blp-app__agent-off { position: absolute; inset: 8em 4em 2.7em; z-index: 2; display: grid; place-content: center; place-items: center; padding: 3em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .8em; background: rgba(14,15,17,.94); backdrop-filter: blur(10px); text-align: center; }
.blp-app__agent-off > span { color: #6d7077; }
.blp-app__agent-off h4 { margin: .55em 0 .3em; font-weight: 500; }
.blp-app__agent-off p { max-width: 36em; color: #777a81; }

/* Offers activity */
.blp-app__marketing { display: flex; min-height: 0; padding: 1.35em 1.65em 1.55em; overflow: hidden; flex-direction: column; }
.blp-app__marketing-list-heading { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1.4em; margin-bottom: 1em; }
.blp-app__marketing-tabs { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; gap: .42em; overflow-x: auto; scrollbar-width: none; }
.blp-app__marketing-tabs::-webkit-scrollbar { display: none; }
.blp-app__marketing-tabs > :is(button,a) { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .48em; padding: .55em .86em; border: var(--layoutBorderWidth, 1px) solid #27292c; border-radius: 999px; color: #7f8289; background: #18191b; white-space: nowrap; }
.blp-app__marketing-tabs > :is(button,a):hover { color: #bfc2c8; background: #202124; }
.blp-app__marketing-tabs > :is(button,a).is-active { color: #e0e2e6; border-color: #323438; background: #2a2b2e; }
.blp-app__marketing-tabs > :is(button,a) span { display: grid; min-width: 1.35em; height: 1.35em; place-items: center; border-radius: 99px; color: #d8bf89; background: rgba(190,140,61,.15); font-size: .8em; }
.blp-app__marketing-controls { display: flex; flex: 0 0 auto; align-items: center; gap: .48em; }
.blp-app__marketing-create { display: flex; height: 2.85em; align-items: center; gap: .52em; padding: 0 .9em !important; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.3) !important; border-radius: .5em !important; color: #d8d4ee !important; background: rgba(117,102,176,.22) !important; white-space: nowrap; }
.blp-app__marketing-create span { color: var(--blp-violet); }
.blp-app__marketing-search { display: flex; width: 2.85em; height: 2.85em; align-items: center; gap: .65em; overflow: hidden; padding: 0 .8em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; background: #17181a; transition: width .18s ease, border-radius .18s ease; }
.blp-app__marketing-search:focus-within,
.blp-app__marketing-search:has(input:not(:placeholder-shown)) { width: 14em; border-radius: .55em; }
.blp-app__marketing-search svg { width: 1.15em; flex: 0 0 1.15em; fill: none; stroke: #747780; stroke-linecap: round; stroke-width: 1.6; }
.blp-app__marketing-search input { width: 10em; min-width: 10em; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; opacity: 0; transition: opacity .12s ease; }
.blp-app__marketing-search:focus-within input,
.blp-app__marketing-search:has(input:not(:placeholder-shown)) input { opacity: 1; }
.blp-app__marketing-search input::placeholder { color: #666970; }
.blp-app__marketing-rules { display: grid; width: 2.85em; height: 2.85em; place-items: center; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; color: #9699a1; background: #17181a; }
.blp-app__marketing-rules:hover { color: #d8dbe1; background: #232427; }
.blp-app__marketing-rules svg { width: 1.18em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.blp-app__marketing .blp-app__agent-switch { min-width: auto; height: 2.85em; padding: 0 .85em !important; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 999px; color: #92959c; background: #17181a; }
.blp-app__marketing-table-scroll { width: 100%; max-width: 100%; min-height: 0; flex: 1 1 auto; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__marketing-table-scroll:focus-visible { outline: 1px solid rgba(138,169,223,.42); outline-offset: .2em; }
.blp-app__marketing .blp-app__campaign-list { display: flex; min-width: 96em; height: 100%; min-height: 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__campaign-summary { display: flex; min-height: 4.65em; flex: 0 0 auto; align-items: center; gap: .75em; padding: 0 1.45em; background: linear-gradient(90deg, rgba(255,255,255,.025), transparent 55%); }
.blp-app__campaign-summary span { color: #b7bac1; font-size: 1.04em; }
.blp-app__campaign-summary strong { color: #eef0f3; font-size: 1.12em; font-weight: 620; }
.blp-app__campaign-summary small { margin-left: auto; color: #62656c; }
.blp-app__marketing .blp-app__campaign-row { display: grid; grid-template-columns: minmax(21em, 1.6fr) minmax(16.5em, 1.18fr) minmax(7em, .58fr) minmax(10.5em, .82fr) minmax(9.5em, .72fr) minmax(11em, .9fr) 5.4em; gap: 1.15em; align-items: center; width: 100%; min-width: 0; min-height: 6.4em; padding: .78em 1.45em; border-top: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.055) !important; color: #9699a0; }
.blp-app__marketing .blp-app__campaign-row:hover { background: rgba(255,255,255,.028); }
.blp-app__marketing .blp-app__campaign-row--head { min-height: 3.45em; flex: 0 0 auto; padding-block: .6em; border-top-color: var(--blp-line-soft) !important; color: #858890; background: #121314; font-size: .88em; font-weight: 570; text-transform: uppercase; letter-spacing: .065em; }
.blp-app__campaign-groups { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__campaign-group { display: block; }
.blp-app__campaign-group > header { display: flex; min-height: 3.9em; align-items: center; gap: .7em; padding: 0 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); border-left: .24em solid #777b84; color: #d7dae0; background: #1c1d1f; }
.blp-app__campaign-group[data-blp-marketing-group="approval"] > header { border-left-color: #e0b05f; background: linear-gradient(90deg, rgba(224,176,95,.09), #1c1d1f 22%); }
.blp-app__campaign-group[data-blp-marketing-group="running"] > header { border-left-color: var(--blp-green); background: linear-gradient(90deg, rgba(131,206,103,.08), #1c1d1f 22%); }
.blp-app__campaign-group[data-blp-marketing-group="auto"] > header { border-left-color: #8aa9df; background: linear-gradient(90deg, rgba(138,169,223,.08), #1c1d1f 22%); }
.blp-app__campaign-group[data-blp-marketing-group="scheduled"] > header { border-left-color: #9c89d8; background: linear-gradient(90deg, rgba(156,137,216,.08), #1c1d1f 22%); }
.blp-app__campaign-group > header span { display: inline-flex; align-items: center; gap: .65em; font-size: 1.04em; font-weight: 610; }
.blp-app__campaign-group > header i { width: .78em; height: .78em; border: 2px solid #777b84; border-radius: 50%; }
.blp-app__campaign-group > header i.is-review { border-color: #d6a759; }
.blp-app__campaign-group > header i.is-live { border-color: var(--blp-green); box-shadow: inset 0 0 0 2px #1d1e20, inset 0 0 0 5px var(--blp-green); }
.blp-app__campaign-group > header i.is-auto { border-color: #8aa9df; box-shadow: inset 0 0 0 2px #1d1e20, inset 0 0 0 5px #8aa9df; }
.blp-app__campaign-group > header i.is-scheduled { border-color: #868991; }
.blp-app__campaign-group > header b { color: #74777e; font-weight: 450; }
.blp-app__marketing .blp-app__campaign-name { display: grid; grid-template-columns: 4.2em minmax(0, 1fr); gap: 1em; align-items: center; }
.blp-app__marketing .blp-app__campaign-name img { width: 4.2em; height: 4.2em; object-fit: contain; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.07); border-radius: .55em; background: #090a0b; }
.blp-app__marketing .blp-app__campaign-name > span { min-width: 0; }
.blp-app__marketing .blp-app__campaign-name small { display: block; overflow: hidden; color: #858a92; font-size: .8em; font-weight: 570; letter-spacing: .065em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.blp-app__marketing .blp-app__campaign-row > span { min-width: 0; }
.blp-app__marketing .blp-app__campaign-row strong,
.blp-app__marketing .blp-app__campaign-row em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__marketing .blp-app__campaign-row strong { color: #dde0e5; font-size: 1.04em; font-weight: 560; line-height: 1.25; }
.blp-app__marketing .blp-app__campaign-row em { margin-top: .3em; color: #83868e; font-size: .9em; font-style: normal; line-height: 1.25; }
.blp-app__campaign-channels { display: flex; flex-wrap: wrap; gap: .32em; }
.blp-app__campaign-channels i { display: inline-flex; align-items: center; gap: .38em; padding: .38em .58em; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.22); border-radius: 99px; color: #b9b3df; background: rgba(117,102,176,.1); font-style: normal; font-size: .82em; font-weight: 540; white-space: nowrap; }
.blp-app__campaign-channels i::before { width: .42em; height: .42em; border-radius: 50%; background: #9f91ec; content: ''; }
.blp-app__marketing .blp-app__campaign-status { display: grid; grid-template-columns: .52em minmax(0, 1fr); column-gap: .55em; align-items: center; }
.blp-app__marketing .blp-app__campaign-status > i { grid-row: 1; }
.blp-app__marketing .blp-app__campaign-status > strong { grid-column: 2; }
.blp-app__marketing .blp-app__campaign-status > em { grid-column: 2; }
.blp-app__marketing .blp-app__campaign-status { padding: .55em .68em; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.06); border-radius: .55em; background: rgba(255,255,255,.025); }
.blp-app__marketing .blp-app__campaign-status.is-review { border-color: rgba(224,176,95,.16); background: rgba(224,176,95,.06); }
.blp-app__marketing .blp-app__campaign-status.is-live { border-color: rgba(131,206,103,.15); background: rgba(131,206,103,.055); }
.blp-app__marketing .blp-app__campaign-status.is-auto { border-color: rgba(138,169,223,.15); background: rgba(138,169,223,.055); }
.blp-app__marketing .blp-app__campaign-status.is-scheduled { border-color: rgba(156,137,216,.15); background: rgba(156,137,216,.055); }
.blp-app__campaign-status.is-auto > i { background: #8aa9df; box-shadow: 0 0 .75em rgba(138,169,223,.24); }
.blp-app__campaign-status.is-scheduled > i { background: #858890; }
.blp-app__campaign-action { justify-self: end; min-width: 5.4em; padding: .68em .82em; border: var(--layoutBorderWidth, 1px) solid #36383d; border-radius: .52em; color: #c1c4ca; background: #202124; font-size: .94em; font-weight: 560; text-align: center; }
.blp-app__campaign-action:hover { color: #e0e2e6; border-color: #3d4045; background: #25262a; }
.blp-app__campaign-action.is-primary { color: #dcdaf0; border-color: rgba(94,106,210,.65); background: #4f59b2; }
.blp-app__campaign-action.is-primary:hover { background: #5e6ad2; }
.blp-app__campaign-empty { margin: 0; padding: 4em; color: #777a82; text-align: center; }
.blp-app__marketing[data-blp-marketing-state="off"] .blp-app__agent-switch { color: #777a82; }
.blp-app__marketing[data-blp-marketing-state="off"] .blp-app__agent-switch > span { background: #30333a; }
.blp-app__marketing[data-blp-marketing-state="off"] .blp-app__campaign-group[data-blp-marketing-group="auto"] > header i,
.blp-app__marketing[data-blp-marketing-state="off"] .blp-app__campaign-status.is-auto > i { filter: grayscale(1); opacity: .55; }
.blp-app__agent-receipts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7em; margin-top: .8em; }
.blp-app__agent-receipts > :is(button,a) { min-width: 0; padding: .78em .9em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .58em; background: var(--blp-panel); }
.blp-app__agent-receipts span, .blp-app__agent-receipts strong, .blp-app__agent-receipts em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__agent-receipts > :is(button,a) > span { color: var(--blp-violet); text-transform: uppercase; letter-spacing: .06em; }
.blp-app__agent-receipts strong { margin-top: .35em; color: #c7c9cd; font-weight: 500; }
.blp-app__agent-receipts em { margin-top: .22em; color: #85888f; font-style: normal; }

.blp-app__modal { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; }
.blp-app__modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(4,5,6,.72) !important; backdrop-filter: blur(7px); }
.blp-app__modal > section { position: relative; z-index: 1; width: min(38em, 72%); padding: 2.4em; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.16); border-radius: 1.1em; background: linear-gradient(145deg, rgba(161,147,242,.09), transparent 36%), #15161a; box-shadow: 0 2em 6em rgba(0,0,0,.52); text-align: center; }
.blp-app__modal-close { position: absolute; top: .8em; right: .9em; width: 2em; height: 2em; color: #777a81 !important; text-align: center !important; }
.blp-app__modal-icon { display: grid; width: 3.6em; height: 3.6em; margin: 0 auto 1em; place-items: center; border-radius: 50%; color: var(--blp-violet); background: rgba(130,110,220,.15); }
.blp-app__modal p { margin: 0; color: #888b92; }
.blp-app__modal h3 { margin: .2em 0 .8em; font-weight: 410; letter-spacing: -.05em; }
.blp-app__tender-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7em; }
.blp-app__tender-grid :is(button,a) { padding: 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .65em; color: #c2c4c8; text-align: center; }
.blp-app__tender-grid :is(button,a):hover { border-color: rgba(161,147,242,.45); background: rgba(161,147,242,.08); }
.blp-app__tender-grid small { display: block; margin-top: .45em; color: #6f7279; }
.blp-app__processing { display: grid; min-height: 9em; place-content: center; place-items: center; }
.blp-app__processing i { width: 2.6em; height: 2.6em; margin-bottom: 1em; border: .22em solid rgba(255,255,255,.12); border-top-color: var(--blp-green); border-radius: 50%; animation: blp-spin .8s linear infinite; }
.blp-app__processing strong, .blp-app__processing span { display: block; }
.blp-app__processing span { margin-top: .4em; color: #777a81; }
.blp-app__toast { position: absolute; z-index: 30; right: 2em; bottom: 2em; display: flex; min-width: 24em; align-items: center; gap: 1em; padding: 1em 1.2em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.22); border-radius: .7em; background: rgba(20,24,21,.96); box-shadow: 0 1em 3em rgba(0,0,0,.38); }
.blp-app__toast > span { display: grid; width: 2.2em; height: 2.2em; place-items: center; border-radius: 50%; color: var(--blp-green); background: rgba(131,206,103,.09); }
.blp-app__toast strong, .blp-app__toast small { display: block; }
.blp-app__toast strong { font-weight: 500; }
.blp-app__toast small { margin-top: .2em; color: #7e8187; }
.blp-app__toast.is-showing { animation: blp-toast-in .28s ease both; }
.blp-app__cart-item.is-entering { animation: blp-row-in .36s ease both; }
.blp-app__ai-suggestion.is-leaving { animation: blp-fade-away .3s ease both; }

.blp-app__drawer { position: absolute; z-index: 19; inset: 0; }
.blp-app__drawer-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(4,5,6,.62) !important; backdrop-filter: blur(4px); }
.blp-app__drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(54em, 67%);
    height: 100%;
    padding: 2.1em;
    overflow: auto;
    border-left: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.13);
    background: var(--blp-bg);
    box-shadow: -2em 0 6em rgba(0,0,0,.4);
    animation: blp-drawer-in .32s cubic-bezier(.2,.72,.2,1) both;
}
.blp-app__drawer-panel > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.6em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__drawer-panel > header > div { display: flex; align-items: center; gap: 1em; }
.blp-app__drawer-panel > header p { margin: 0; }
.blp-app__drawer-panel > header strong, .blp-app__drawer-panel > header small { display: block; }
.blp-app__drawer-panel > header strong { font-weight: 510; }
.blp-app__drawer-panel > header small { margin-top: .28em; color: #777a81; }
.blp-app__drawer-panel > header > :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; color: #7b7e85; text-align: center; }
.blp-app__drawer-header-actions { display: flex !important; gap: .25em !important; }
.blp-app__drawer-header-actions > :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .42em; color: #7b7e85; }
.blp-app__drawer-header-actions > :is(button,a):hover { background: rgba(255,255,255,.04); }
.blp-app__drawer-header-actions svg { width: 1.05em; height: 1.05em; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__drawer-header-actions > :is(button,a).is-starred { color: #f4c84e; }
.blp-app__drawer-header-actions > :is(button,a).is-starred svg { fill: currentColor; }
.blp-app__drawer-actions { display: flex; gap: .65em; margin: 1.4em 0; }
.blp-app__drawer-actions :is(button,a) { padding: .65em .9em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .48em; color: #9b9da3; }
.blp-app__drawer-actions :is(button,a):first-child { color: #d2cdef; background: rgba(117,102,176,.36); }
.blp-app__intel-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75em; }
.blp-app__intel-cards :is(button,a) { min-height: 8.4em; padding: 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .58em; background: var(--blp-panel); }
.blp-app__intel-cards span, .blp-app__intel-cards strong, .blp-app__intel-cards small { display: block; }
.blp-app__intel-cards span { color: #73767d; text-transform: uppercase; }
.blp-app__intel-cards strong { margin-top: .55em; color: #d2d4d7; font-weight: 500; }
.blp-app__intel-cards small { margin-top: .4em; color: #6f7279; }
.blp-app__preference-row { display: flex; flex-wrap: wrap; align-items: center; gap: .55em; margin-top: 1.25em; }
.blp-app__preference-row > span { margin-right: .35em; color: #777a81; }
.blp-app__preference-row :is(button,a) { padding: .42em .7em; border-radius: 99px; color: #a8caa0; background: rgba(90,137,76,.11); }
.blp-app__drawer-tabs { display: flex; gap: 1.6em; margin-top: 2em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__drawer-tabs { gap: 1.05em; overflow-x: auto; scrollbar-width: none; }
.blp-app__drawer-tabs :is(button,a) { flex: 0 0 auto; padding: 0 0 .8em; color: #858890; border-bottom: 2px solid transparent; }
.blp-app__drawer-tabs :is(button,a).is-active { color: #d4d6d9; border-color: var(--blp-violet); }
.blp-app__drawer-tabs span { color: var(--blp-violet); }
.blp-app__customer-tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8em; padding-top: 1.2em; }
.blp-app__customer-tab article, .blp-app__customer-tab > :is(button,a) { min-height: 9.5em; padding: 1.15em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .58em; background: var(--blp-panel); }
.blp-app__customer-tab article span { color: var(--blp-violet); letter-spacing: .06em; text-transform: uppercase; }
.blp-app__customer-tab article strong { display: block; margin-top: .55em; color: #d0d4dc; font-weight: 500; text-transform: capitalize; }
.blp-app__customer-tab article p { margin: .65em 0 0; color: #8a8d94; line-height: 1.55; }
.blp-app__customer-tab--list { grid-template-columns: 1fr; }
.blp-app__customer-tab > :is(button,a) { display: flex; min-height: 5.2em; align-items: center; justify-content: space-between; }
.blp-app__customer-tab > :is(button,a) strong, .blp-app__customer-tab > :is(button,a) small { display: block; }
.blp-app__customer-tab > :is(button,a) strong { color: #c8cacf; font-weight: 480; }
.blp-app__customer-tab > :is(button,a) small { margin-top: .32em; color: #6f7279; }
.blp-app__customer-tab > :is(button,a) b { color: var(--blp-green); font-weight: 500; }
.blp-app__customer-tab--chat { display: flex; flex-direction: column; align-items: flex-start; }
.blp-app__customer-tab--chat article { width: min(82%, 34em); min-height: 0; }
.blp-app__customer-tab--chat article.is-customer { align-self: flex-end; background: #242329; }
.blp-app__customer-tab--chat article p { margin-top: .45em; }
.blp-app__customer-tab--chat label { display: flex; width: 100%; min-height: 3.2em; align-items: center; gap: .65em; margin-top: .45em; padding: .45em .5em .45em .85em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .55em; background: var(--blp-panel); }
.blp-app__customer-tab--chat input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; }
.blp-app__customer-tab--chat label :is(button,a) { padding: .5em .75em; border-radius: .42em; color: #d4d0ef; background: rgba(117,102,176,.36); }
.blp-app__customer-tab--recommendations, .blp-app__customer-tab--reviews { grid-template-columns: 1fr; }
.blp-app__customer-tab--recommendations article, .blp-app__customer-tab--reviews article { display: grid; grid-template-columns: 5em 1fr auto; gap: 1em; align-items: center; min-height: 7em; }
.blp-app__customer-tab--reviews article { grid-template-columns: 5em 1fr; }
.blp-app__customer-tab--recommendations img, .blp-app__customer-tab--reviews img { width: 5em; height: 5em; object-fit: contain; border-radius: .45em; background: #101113; }
.blp-app__customer-tab--recommendations article > :is(button,a) { padding: .6em .78em; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.26); border-radius: .45em; color: #d4d0ef; background: rgba(117,102,176,.24); }
.blp-app__drawer-search { display: flex; height: 3.5em; align-items: center; gap: .8em; margin: 1.5em 0 1em; padding: 0 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .55em; }
.blp-app__drawer-search span { color: #6f7279; }
.blp-app__drawer-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: #d7d9dc; background: transparent; }
.blp-app__inventory-filters { display: flex; gap: .55em; margin-bottom: 1.2em; }
.blp-app__inventory-filters :is(button,a) { padding: .52em .78em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 99px; color: #797c83; }
.blp-app__inventory-filters :is(button,a).is-active, .blp-app__inventory-filters :is(button,a):hover { color: #d1cdef; background: rgba(117,102,176,.25); }
.blp-app__browser-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8em; }
.blp-app__browser-grid article { display: grid; grid-template-columns: 5em 1fr auto; grid-template-rows: 1fr auto; gap: .4em .8em; min-height: 8em; padding: .9em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .6em; background: var(--blp-panel); }
.blp-app__browser-grid img { grid-row: 1 / 3; width: 5em; height: 5em; object-fit: contain; border-radius: .45em; background: #090a0b; }
.blp-app__browser-brand { display: flex !important; align-items: center; gap: .42em; margin-bottom: .28em; }
.blp-app__browser-brand img { display: block; width: 1.15em !important; height: 1.15em !important; border-radius: .18em !important; object-fit: cover; grid-row: auto !important; }
.blp-app__browser-brand em { color: #95989f; font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
.blp-app__browser-grid strong, .blp-app__browser-grid span, .blp-app__browser-grid small { display: block; }
.blp-app__browser-grid strong { color: #cacccf; font-weight: 480; }
.blp-app__browser-grid span { margin-top: .25em; color: #777a81; }
.blp-app__browser-grid small { margin-top: .35em; color: var(--blp-green); }
.blp-app__browser-grid > article > b { color: #c9cbd0; font-weight: 500; }
.blp-app__browser-grid > article > :is(button,a) { grid-column: 3; align-self: end; padding: .42em .7em; border-radius: .4em; color: #d3cfef; background: rgba(117,102,176,.38); text-align: center; }
.blp-app__drawer-panel > footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1.4em; padding-top: 1.2em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line); color: #62656c; }
.blp-app__drawer-panel > footer :is(button,a) { padding: .65em .9em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .48em; color: #9da0a6; }
.blp-app__drawer-panel--activity { width: min(58em, 70%); }
.blp-app__agent-summary { margin: 1.35em 0 .4em; padding: 1.25em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.13); border-radius: .65em; background: rgba(65,112,56,.055); }
.blp-app__agent-summary > span { float: right; color: var(--blp-green); }
.blp-app__agent-summary > span i { display: inline-block; width: .5em; height: .5em; margin-right: .45em; border-radius: 50%; background: var(--blp-green); box-shadow: 0 0 .8em rgba(131,206,103,.4); }
.blp-app__agent-summary strong, .blp-app__agent-summary small { display: block; }
.blp-app__agent-summary strong { color: #d2d4d7; font-weight: 500; }
.blp-app__agent-summary small { max-width: 39em; margin-top: .45em; color: #71747b; line-height: 1.45; }
.blp-app__activity-log { margin: 0; padding: 1em 0 1em; list-style: none; }
.blp-app__activity-log li { display: grid; grid-template-columns: 3.4em 1.8em 1fr; gap: .8em; min-height: 7.2em; padding: .9em .4em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__activity-log time { padding-top: .35em; color: #61646b; }
.blp-app__activity-log > li > i { display: grid; width: 1.65em; height: 1.65em; place-items: center; border-radius: 50%; color: #091009; background: var(--blp-green); font-style: normal; }
.blp-app__activity-log li.is-active > i { background: rgba(161,147,242,.18); }
.blp-app__activity-log li.is-active > i::after { width: .55em; height: .55em; border-radius: 50%; background: var(--blp-violet); box-shadow: 0 0 1em rgba(161,147,242,.7); content: ''; animation: blp-agent-pulse 1.2s ease-in-out infinite; }
.blp-app__activity-log strong, .blp-app__activity-log p, .blp-app__activity-log span { display: block; }
.blp-app__activity-log strong { color: #c8cace; font-weight: 500; }
.blp-app__activity-log p { margin: .3em 0; color: #797c83; line-height: 1.45; }
.blp-app__activity-log span { color: #5f6269; }

.blp-app__huddle { padding-block: 2.7em; }
.blp-app__huddle-heading { align-items: center; margin-bottom: 1.25em; }
.blp-app__huddle-heading > :is(button,a), .blp-app__huddle-tabs :is(button,a) { padding: .7em 1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .55em; }
.blp-app__huddle-heading > :is(button,a) { color: #d8d4f0; background: rgba(117,102,176,.35); }
.blp-app__huddle-heading > :is(button,a).is-running { color: #b7dcb0; background: rgba(73,124,61,.18); }
.blp-app__huddle-tabs { display: flex; gap: .45em; margin-bottom: 1em; }
.blp-app__huddle-tabs :is(button,a) { min-width: 8em; color: #8b8e94; text-align: center; }
.blp-app__huddle-tabs :is(button,a).is-active { color: #f0f1f2; border-color: rgba(161,147,242,.3); background: rgba(117,102,176,.2); }
.blp-app__huddle-panel { animation: blp-row-in .3s ease both; }
.blp-app__huddle-score { display: flex; min-height: 10em; align-items: center; justify-content: space-between; padding: 1.3em 1.5em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .75em; background: linear-gradient(120deg, rgba(131,206,103,.055), transparent 50%), var(--blp-panel); }
.blp-app__huddle-score span, .blp-app__huddle-score strong, .blp-app__huddle-score p { display: block; }
.blp-app__huddle-score > div:first-child > span { color: var(--blp-green); text-transform: uppercase; letter-spacing: .06em; }
.blp-app__huddle-score > div:first-child > strong { margin-top: .25em; color: #eff0f1; font-weight: 480; }
.blp-app__huddle-score p { margin: .35em 0 0; color: #8c8f95; }
.blp-app__score-ring { display: grid; width: 7.1em; height: 7.1em; place-content: center; border-radius: 50%; background: radial-gradient(circle, #121416 59%, transparent 60%), conic-gradient(var(--blp-green) calc(var(--score) * 1%), rgba(255,255,255,.08) 0); text-align: center; }
.blp-app__score-ring strong { font-weight: 540; }
.blp-app__score-ring span { color: #777a81; }
.blp-app__huddle-signals, .blp-app__personal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8em; margin-top: .8em; }
.blp-app__huddle-signals article, .blp-app__personal-grid article { min-height: 10em; padding: 1.1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .65em; background: var(--blp-panel); }
.blp-app__huddle-signals article > span, .blp-app__personal-grid article > span { color: var(--blp-violet); text-transform: uppercase; letter-spacing: .055em; }
.blp-app__huddle-signals strong, .blp-app__personal-grid strong { display: block; margin-top: .55em; color: #ced0d3; font-weight: 500; }
.blp-app__huddle-signals p, .blp-app__personal-grid p { margin: .45em 0 0; color: #85888f; line-height: 1.45; }
.blp-app__huddle-signals .is-high > span, .blp-app__personal-grid .is-high > span { color: var(--blp-green); }
.blp-app__huddle-signals .is-watch > span, .blp-app__personal-grid .is-watch > span { color: #e9b56d; }
.blp-app__huddle-plan { margin-top: .8em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .7em; background: var(--blp-panel); }
.blp-app__huddle-plan header { display: flex; align-items: center; justify-content: space-between; padding: .9em 1.1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line); }
.blp-app__huddle-plan header strong, .blp-app__huddle-plan header span { display: block; }
.blp-app__huddle-plan header strong { font-weight: 500; }
.blp-app__huddle-plan header span { margin-top: .18em; color: #85888f; }
.blp-app__huddle-plan header b { color: var(--blp-green); font-weight: 500; }
.blp-app__huddle-plan > :is(button,a) { display: grid; grid-template-columns: 2.2em 1fr; gap: .8em; width: 100%; padding: .78em 1.1em; border-top: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.055); }
.blp-app__huddle-plan > :is(button,a):first-of-type { border-top: 0; }
.blp-app__huddle-plan > :is(button,a) i { display: grid; width: 1.8em; height: 1.8em; place-items: center; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: 50%; color: #85888f; font-style: normal; }
.blp-app__huddle-plan > :is(button,a) strong { display: block; color: #c9cbd0; font-weight: 480; }
.blp-app__huddle-plan > :is(button,a) p { margin: .16em 0 0; color: #777a81; }
.blp-app__huddle-plan > :is(button,a).is-complete { opacity: .56; }
.blp-app__huddle-plan > :is(button,a).is-complete i { color: #091009; border-color: transparent; background: var(--blp-green); }
.blp-app__personal-intro { padding: 1.3em 1.4em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .7em; background: linear-gradient(120deg, rgba(161,147,242,.08), transparent 55%), var(--blp-panel); }
.blp-app__personal-intro > span { color: var(--blp-violet); text-transform: uppercase; letter-spacing: .06em; }
.blp-app__personal-intro h4 { margin: .25em 0 .25em; font-weight: 480; }
.blp-app__personal-intro p { margin: 0; color: #85888f; }
.blp-app__personal-grid article { min-height: 15em; }
.blp-app__personal-grid article b { display: inline-block; margin-top: 1.2em; padding: .4em .62em; border-radius: .4em; color: #aba4df; background: rgba(117,102,176,.13); font-weight: 500; }
.blp-app__coach-note { display: grid; grid-template-columns: 1fr auto; gap: .45em 1em; margin-top: .8em; padding: 1em 1.1em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .65em; background: var(--blp-panel); }
.blp-app__coach-note span { color: #85888f; }
.blp-app__coach-note q { color: #c7c9cd; }
.blp-app__coach-note :is(button,a) { grid-column: 2; grid-row: 1 / 3; align-self: center; padding: .65em .85em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .45em; color: #d4d0ee; background: rgba(117,102,176,.24); }

/* Huddle Up workspace */
.blp-app__huddle.blp-app__huddle--shared { display: block; padding: 0; overflow: hidden; }
.blp-app__huddle--shared > .bl-pos__shift-director { width: 100%; height: 100%; min-height: 0; }
.blp-app__huddle--shared .bl-pos__shift-timeline { width: 100%; height: 100%; border-radius: 0; }
.blp-app__huddle--shared .bl-pos__shift-schedule-scroll,
.blp-app__huddle--shared .bl-pos__shift-me-list { overscroll-behavior-y: auto; }
.blp-app__huddle { display: flex; min-height: 0; padding: 1.35em 1.65em 1.55em; overflow: hidden; flex-direction: column; }
.blp-app__huddle-workspace-heading { display: flex; min-width: 0; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1.4em; margin-bottom: 1em; }
.blp-app__huddle .blp-app__huddle-tabs { display: flex; min-width: 0; align-items: center; gap: .42em; margin: 0; }
.blp-app__huddle .blp-app__huddle-tabs :is(button,a) { min-width: 6.4em; padding: .55em .86em; border: var(--layoutBorderWidth, 1px) solid #27292c; border-radius: 999px; color: #7f8289; background: #18191b; text-align: center; }
.blp-app__huddle .blp-app__huddle-tabs :is(button,a):hover { color: #bfc2c8; background: #202124; }
.blp-app__huddle .blp-app__huddle-tabs :is(button,a).is-active { color: #e0e2e6; border-color: #323438; background: #2a2b2e; }
.blp-app__huddle-day-nav { display: flex; align-items: center; gap: .72em; }
.blp-app__huddle-day-nav :is(button,a) { display: grid; width: 2.85em; height: 2.85em; place-items: center; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .55em; color: #adb0b7; background: #17181a; font-size: 1.05em; }
.blp-app__huddle-day-nav :is(button,a):hover:not(:disabled) { color: #eceef2; background: #232427; }
.blp-app__huddle-day-nav :is(button,a):disabled { color: #4f5258; opacity: .55; }
.blp-app__huddle-day-nav span { min-width: 5.5em; color: #9b9ea5; font-weight: 500; text-align: center; }
.blp-app__huddle .blp-app__huddle-panel { min-height: 0; flex: 1 1 auto; animation: blp-row-in .26s ease both; }
.blp-app__huddle-panel--team { overflow: hidden; }
.blp-app__huddle-schedule { display: flex; min-width: 64em; height: 100%; min-height: 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__huddle-axis { display: grid; min-height: 4.25em; flex: 0 0 auto; grid-template-columns: 15.5em minmax(48em, 1fr); border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #151617; }
.blp-app__huddle-axis > span { border-right: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__huddle-axis > div { display: grid; grid-template-columns: repeat(8, 1fr); align-items: center; padding: 0 1.1em; }
.blp-app__huddle-axis b { color: #6f7279; font-weight: 430; text-align: center; white-space: nowrap; }
.blp-app__huddle-lanes { position: relative; min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__huddle-lane { display: grid; min-height: 7.25em; grid-template-columns: 15.5em minmax(48em, 1fr); border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__huddle-lane:last-child { border-bottom: 0; }
.blp-app__huddle-person { display: flex; align-items: center; gap: .85em; padding: 0 1.5em; border-right: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #151617; }
.blp-app__huddle-person img { width: 2.85em; height: 2.85em; flex: 0 0 2.85em; object-fit: cover; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.12); border-radius: 50%; }
.blp-app__huddle-person strong,
.blp-app__huddle-person small { display: block; }
.blp-app__huddle-person strong { color: #d2d5db; font-size: 1.04em; font-weight: 520; }
.blp-app__huddle-person strong em { margin-left: .35em; color: var(--blp-green); font-size: .8em; font-style: normal; }
.blp-app__huddle-person small { margin-top: .25em; color: #7b7e85; }
.blp-app__huddle-track { position: relative; min-width: 48em; overflow: hidden; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), rgba(255,255,255,.045) calc(12.5% - 1px), rgba(255,255,255,.045) 12.5%); }
.blp-app__huddle-track > .is-cover,
.blp-app__huddle-track > .is-break { position: absolute; top: 50%; left: var(--left); z-index: 1; width: var(--width); height: 2.7em; border-radius: .25em; transform: translateY(-50%); }
.blp-app__huddle-track > .is-cover.is-budtend { background: #254a26; }
.blp-app__huddle-track > .is-cover.is-office { background: #294863; }
.blp-app__huddle-track > .is-break { z-index: 2; border-radius: 0; background-size: .55em .55em; }
.blp-app__huddle-track > .is-break.is-rest { background-color: #8f4944; background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.13) 0 3px, transparent 3px 8px); }
.blp-app__huddle-track > .is-break.is-meal { background-color: #d35151; background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.16) 0 4px, transparent 4px 9px); }
.blp-app__huddle-track > .is-past { position: absolute; inset: 0 auto 0 0; z-index: 4; width: 37.5%; background: rgba(4,6,7,.48); pointer-events: none; }
.blp-app__huddle-now { position: absolute; top: .35em; bottom: 0; left: calc(15.5em + 28%); z-index: 7; width: 1px; border-left: 1px dashed rgba(202,205,211,.48); pointer-events: none; }
.blp-app__huddle-now span { position: absolute; top: 0; left: 50%; padding: 0 .35em; color: #858990; background: #151617; font-size: .72em; font-style: normal; transform: translate(-50%, -1px); }
.blp-app__huddle-task { position: absolute; top: 50%; left: var(--left); z-index: 5; display: grid; place-items: center; color: #b8bbc2; transform: translate(-50%, -50%); }
.blp-app__huddle-task svg { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.blp-app__huddle-task em { position: absolute; top: 2.05em; color: currentColor; font-size: .82em; font-style: normal; white-space: nowrap; }
.blp-app__huddle-task.is-clean { color: #b7bac2; }
.blp-app__huddle-task.is-delivery { color: #e6ad4f; }
.blp-app__huddle-task.is-restock { color: #61c7a9; }
.blp-app__huddle-task:hover { filter: brightness(1.2); }
.blp-app__huddle-legend { display: flex; min-height: 4.25em; flex: 0 0 auto; align-items: center; gap: 1.45em; padding: 0 1.5em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #17181a; color: #7c7f86; }
.blp-app__huddle-legend span { display: inline-flex; align-items: center; gap: .48em; }
.blp-app__huddle-legend span > i { width: 1.08em; height: 1.08em; border-radius: .2em; }
.blp-app__huddle-legend .is-budtend { background: #70cb5a; }
.blp-app__huddle-legend .is-rest { background: #c96e67; }
.blp-app__huddle-legend .is-meal { background: #f15b5e; }
.blp-app__huddle-legend .is-office { background: #4f82b2; }
.blp-app__huddle-legend > em { display: inline-flex; align-items: center; gap: .55em; margin-left: auto; padding: .5em .75em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.18); border-radius: 99px; color: #82ce70; background: rgba(71,123,57,.08); font-style: normal; }
.blp-app__huddle-legend > em i { width: .52em; height: .52em; border-radius: 50%; background: var(--blp-green); }
.blp-app__huddle-panel--me { overflow: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__my-shift { display: flex; min-height: 100%; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .72em; background: #151617; flex-direction: column; }
.blp-app__my-shift > header { display: flex; min-height: 7.2em; align-items: center; justify-content: space-between; gap: 1em; padding: 1.2em 1.45em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__my-shift > header span { color: var(--blp-green); font-size: .8em; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.blp-app__my-shift > header h3 { margin: .55em 0 0; color: #e2e4e8; font-size: 1.45em; font-weight: 530; }
.blp-app__my-shift > header h3 em { color: var(--blp-green); font-style: normal; }
.blp-app__my-shift > header b { display: inline-flex; align-items: center; gap: .6em; padding: .7em .9em; border: var(--layoutBorderWidth, 1px) solid #2e3034; border-radius: .55em; color: #92959c; font-weight: 450; }
.blp-app__my-shift > header b i { width: .56em; height: .56em; border-radius: 50%; background: var(--blp-green); }
.blp-app__my-shift-list { min-height: 0; flex: 1 1 auto; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3a3c40 transparent; }
.blp-app__my-shift-list > div,
.blp-app__my-shift-list > :is(button,a) { display: grid; width: 100%; min-height: 6.2em; grid-template-columns: 8.2em 2.35em minmax(0, 1fr) auto; align-items: center; gap: .7em; padding: .78em 1.4em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #a0a3aa; text-align: left; }
.blp-app__my-shift-list > :first-child { border-top: 0; }
.blp-app__my-shift-list > .is-current { background: rgba(67,111,61,.12); }
.blp-app__my-shift-list time strong,
.blp-app__my-shift-list time small,
.blp-app__my-shift-list > div > span strong,
.blp-app__my-shift-list > div > span small,
.blp-app__my-shift-list > :is(button,a) > span strong,
.blp-app__my-shift-list > :is(button,a) > span small { display: block; }
.blp-app__my-shift-list time strong { color: #aeb1b8; font-weight: 520; }
.blp-app__my-shift-list time small { margin-top: .3em; color: #696c73; }
.blp-app__my-shift-list > div > i,
.blp-app__my-shift-list > :is(button,a) > i { width: 1.25em; height: 1.25em; border: 1.5px solid #6d717a; border-radius: .3em; }
.blp-app__my-shift-list > .is-current > i { border-color: var(--blp-green); box-shadow: 0 0 0 3px rgba(131,206,103,.08); }
.blp-app__my-shift-list > .is-break > i { border-color: #d35151; background: #d35151; }
.blp-app__my-shift-list > .is-training > i { border-color: #a191f2; }
.blp-app__my-shift-list > div > span strong,
.blp-app__my-shift-list > :is(button,a) > span strong { color: #d1d4da; font-size: 1.03em; font-weight: 520; }
.blp-app__my-shift-list > div > span small,
.blp-app__my-shift-list > :is(button,a) > span small { margin-top: .36em; color: #767980; font-size: .92em; line-height: 1.38; }
.blp-app__my-shift-list > div > :is(button,a) { min-width: 6.2em; padding: .55em .72em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .48em; color: #aeb1b8; background: #1b1c1f; text-align: center; }
.blp-app__my-shift-list > div > :is(button,a):hover { color: #e0e2e6; background: #25262a; }
.blp-app__my-shift-list > :is(button,a).is-complete { opacity: .56; }
.blp-app__my-shift-list > :is(button,a).is-complete > i { border-color: transparent; background: var(--blp-green); color: #081108; }
.blp-app__my-shift > footer { padding: 1em 1.45em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #62656c; }

.blp-app__compliance { display: flex; flex-direction: column; overflow: hidden; background: var(--blp-bg); }
.blp-app__compliance-heading { display: flex; min-height: 5.1em; align-items: center; justify-content: space-between; gap: 1.5em; padding: 0 1.7em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #141516; }
.blp-app__compliance-heading h3 { margin: 0; color: #d6d8dc; font-weight: 540; letter-spacing: -.025em; }
.blp-app__compliance-heading p { margin: .2em 0 0; color: #7c7f86; }
.blp-app__monitor-toggle { display: flex; height: 2.55em; align-items: center; gap: .55em; padding: 0 .85em !important; border: var(--layoutBorderWidth, 1px) solid var(--blp-line) !important; border-radius: .48em !important; color: #8d9097 !important; background: #191a1c !important; }
.blp-app__monitor-toggle i { width: .48em; height: .48em; border-radius: 50%; background: #686b72; }
.blp-app__monitor-toggle.is-on { color: #cbd9c7 !important; border-color: rgba(88,198,166,.2) !important; background: rgba(42,97,80,.11) !important; }
.blp-app__monitor-toggle.is-on i { background: #58c6a6; box-shadow: 0 0 .75em rgba(88,198,166,.42); }
.blp-app__compliance-body { min-height: 0; padding: 1.25em 1.7em 1.4em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #34363a transparent; }
.blp-app__compliance-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .72em; }
.blp-app__compliance-metrics article { min-height: 6.8em; padding: 1em 1.15em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .58em; background: #191a1c; box-shadow: inset 0 1px rgba(255,255,255,.012); }
.blp-app__compliance-metrics span, .blp-app__compliance-metrics strong, .blp-app__compliance-metrics small { display: block; }
.blp-app__compliance-metrics span { color: #81848b; }
.blp-app__compliance-metrics strong { margin-top: .22em; color: #d9dbdf; font-weight: 460; letter-spacing: -.035em; }
.blp-app__compliance-metrics small { margin-top: .18em; color: #777a81; }
.blp-app__compliance-metrics article.is-clear strong { color: #8ed17e; }
.blp-app__compliance-metrics article.is-attention strong { color: #e7b666; }
.blp-app__compliance-grid { display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(18em, .72fr); gap: .72em; margin-top: .72em; }
.blp-app__exception-panel, .blp-app__compliance-monitor, .blp-app__compliance-controls, .blp-app__compliance-evidence { overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .58em; background: #17181a; }
.blp-app__exception-panel { min-height: 23.2em; }
.blp-app__exception-panel > header, .blp-app__compliance-controls > header, .blp-app__compliance-evidence > header { display: flex; min-height: 3.35em; align-items: center; justify-content: space-between; gap: 1em; padding: 0 1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #191a1b; }
.blp-app__exception-panel > header strong, .blp-app__compliance-controls > header strong, .blp-app__compliance-evidence > header strong { display: block; color: #c8cbd0; font-weight: 520; }
.blp-app__exception-panel > header span, .blp-app__compliance-controls > header span, .blp-app__compliance-evidence > header span { display: block; margin-top: .08em; color: #70737a; }
.blp-app__exception-panel > header b { color: #e5b05e; font-weight: 540; }
.blp-app__exception-panel > header :is(button,a), .blp-app__compliance-controls > header :is(button,a) { color: #7d8087; }
.blp-app__exception-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blp-app__exception-list article { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; min-height: 9.88em; border-bottom: var(--layoutBorderWidth, 1px) solid #242629; transition: background-color .18s ease, opacity .18s ease; }
.blp-app__exception-list article:nth-child(odd) { border-right: var(--layoutBorderWidth, 1px) solid #242629; }
.blp-app__exception-list article:nth-last-child(-n+2) { border-bottom: 0; }
.blp-app__exception-list article:hover, .blp-app__exception-list article.is-selected { background: #1b1c1e; }
.blp-app__exception-list article.is-prepared { opacity: .56; }
.blp-app__exception-list article::before { position: absolute; top: .95em; bottom: .95em; left: 0; width: 2px; border-radius: 2px; background: #e4ad57; content: ''; }
.blp-app__exception-list article.is-review::before { background: #7598e7; }
.blp-app__exception-list article.is-watch::before { background: #c78df0; }
.blp-app__exception-list article.is-blocked::before { background: #df7474; }
.blp-app__exception-main { min-width: 0; padding: .9em .5em .82em 1em !important; }
.blp-app__exception-main > span { display: block; color: #7f8289; letter-spacing: .045em; text-transform: uppercase; }
.blp-app__exception-main > span i { display: inline-block; width: .42em; height: .42em; margin-right: .45em; border-radius: 50%; background: #e4ad57; }
.blp-app__exception-list article.is-review .blp-app__exception-main > span i { background: #7598e7; }
.blp-app__exception-list article.is-watch .blp-app__exception-main > span i { background: #c78df0; }
.blp-app__exception-list article.is-blocked .blp-app__exception-main > span i { background: #df7474; }
.blp-app__exception-main strong { display: block; margin-top: .35em; overflow: hidden; color: #cdd0d5; font-weight: 520; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__exception-main p { display: -webkit-box; margin: .3em 0 0; overflow: hidden; color: #85888f; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.blp-app__exception-main small { display: block; margin-top: .42em; overflow: hidden; color: #676a71; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__exception-list article > div { display: flex; width: 10em; padding: .9em .8em .82em .25em; align-items: flex-end; justify-content: space-between; flex-direction: column; }
.blp-app__exception-list article > div em { max-width: 100%; overflow: hidden; color: #95989f; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__exception-list article > div :is(button,a) { width: 100%; min-height: 2.3em; padding: .38em .55em; border: var(--layoutBorderWidth, 1px) solid #303235; border-radius: .42em; color: #c2c5ca; background: #1d1e20; text-align: center; }
.blp-app__exception-list article.is-prepared > div :is(button,a) { color: #8fca7e; border-color: rgba(131,206,103,.18); background: rgba(71,123,57,.1); }
.blp-app__compliance-monitor { min-height: 23.2em; background: linear-gradient(145deg, rgba(39,101,82,.08), transparent 54%), #17181a; }
.blp-app__compliance-monitor > header { display: grid; grid-template-columns: 1.9em 1fr auto; gap: .65em; min-height: 3.35em; padding: .65em .9em; align-items: center; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__compliance-agent-mark { display: grid; width: 1.9em; height: 1.9em; place-items: center; border-radius: .42em; color: #73d5b6; background: rgba(88,198,166,.09); }
.blp-app__compliance-monitor header strong, .blp-app__compliance-monitor header small { display: block; }
.blp-app__compliance-monitor header strong { color: #cfd2d7; font-weight: 520; }
.blp-app__compliance-monitor header small { margin-top: .05em; color: #74777e; }
.blp-app__compliance-monitor header em { padding: .25em .48em; border-radius: 999px; color: #8fd5be; background: rgba(43,105,85,.14); font-style: normal; }
.blp-app__compliance-monitor header em i { display: inline-block; width: .4em; height: .4em; margin-right: .35em; border-radius: 50%; background: #58c6a6; }
.blp-app__compliance-monitor ol { margin: 0; padding: .65em .9em .35em; list-style: none; }
.blp-app__compliance-monitor li { position: relative; display: grid; grid-template-columns: 1.65em minmax(0, 1fr); gap: .65em; min-height: 3.25em; color: #74777e; }
.blp-app__compliance-monitor li:not(:last-child)::after { position: absolute; top: 1.62em; bottom: 0; left: .8em; width: 1px; background: #2a2d2d; content: ''; }
.blp-app__compliance-monitor li > i { position: relative; z-index: 1; display: grid; width: 1.65em; height: 1.65em; place-items: center; border: var(--layoutBorderWidth, 1px) solid #313336; border-radius: 50%; color: #73cbb0; background: #151718; font-style: normal; }
.blp-app__compliance-monitor li.is-active > i { color: #e5b363; border-color: rgba(229,179,99,.26); }
.blp-app__compliance-monitor li strong, .blp-app__compliance-monitor li p, .blp-app__compliance-monitor li span { display: block; }
.blp-app__compliance-monitor li strong { color: #bfc2c7; font-weight: 510; }
.blp-app__compliance-monitor li p { margin: .08em 0; overflow: hidden; color: #777a81; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__compliance-monitor li span { color: #5fc5a5; }
.blp-app__compliance-monitor li.is-active span { color: #d3a75f; }
.blp-app__compliance-monitor > footer { display: flex; align-items: center; justify-content: space-between; margin: 0 .9em; padding: .65em 0; border-top: var(--layoutBorderWidth, 1px) solid #252729; color: #74777e; }
.blp-app__compliance-monitor > footer strong { color: #aeb1b7; font-weight: 490; }
.blp-app__compliance.is-monitoring-off .blp-app__compliance-monitor ol, .blp-app__compliance.is-monitoring-off .blp-app__compliance-metrics { opacity: .42; }
.blp-app__compliance-controls { margin-top: .72em; }
.blp-app__compliance-controls.is-focused { border-color: rgba(88,198,166,.32); box-shadow: 0 0 0 2px rgba(88,198,166,.05); }
.blp-app__compliance-controls > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.blp-app__compliance-controls > div :is(button,a) { display: grid; grid-template-columns: .55em minmax(0, 1fr) auto; gap: .55em; min-width: 0; padding: .75em .82em; align-items: center; border-right: var(--layoutBorderWidth, 1px) solid #242629; }
.blp-app__compliance-controls > div :is(button,a):last-child { border-right: 0; }
.blp-app__compliance-controls > div :is(button,a) > i { width: .48em; height: .48em; border-radius: 50%; background: #676a71; }
.blp-app__compliance-controls > div :is(button,a).is-on > i { background: #58c6a6; }
.blp-app__compliance-controls > div :is(button,a).is-blue.is-on > i { background: #7199e7; }
.blp-app__compliance-controls > div :is(button,a).is-red.is-on > i { background: #df7474; }
.blp-app__compliance-controls > div :is(button,a).is-violet.is-on > i { background: #aa92ed; }
.blp-app__compliance-controls > div :is(button,a).is-amber.is-on > i { background: #e5b363; }
.blp-app__compliance-controls > div :is(button,a) span { min-width: 0; }
.blp-app__compliance-controls > div :is(button,a) strong, .blp-app__compliance-controls > div :is(button,a) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__compliance-controls > div :is(button,a) strong { color: #bdc0c5; font-weight: 500; }
.blp-app__compliance-controls > div :is(button,a) small { color: #6f7279; }
.blp-app__compliance-controls > div :is(button,a) em { color: #86ca74; font-style: normal; }
.blp-app__compliance-controls > div :is(button,a):not(.is-on) { opacity: .48; }
.blp-app__compliance-evidence { margin-top: .72em; }
.blp-app__compliance-evidence-head, .blp-app__compliance-evidence > div:last-child > :is(button,a) { display: grid; grid-template-columns: 8em 1.5fr .8fr .55fr; gap: 1em; align-items: center; }
.blp-app__compliance-evidence-head { padding: .55em 1em; color: #70737a; background: #151617; letter-spacing: .045em; text-transform: uppercase; }
.blp-app__compliance-evidence > div:last-child > :is(button,a) { width: 100%; padding: .5em 1em; border-top: var(--layoutBorderWidth, 1px) solid #222427; color: #7e8188; }
.blp-app__compliance-evidence > div:last-child > :is(button,a):hover { background: #1b1c1e; }
.blp-app__compliance-evidence > div:last-child strong { color: #bfc2c7; font-weight: 490; }
.blp-app__compliance-evidence em { width: fit-content; padding: .18em .48em; border-radius: 999px; color: #8dca7c; background: rgba(75,127,59,.11); font-style: normal; }
.blp-app__compliance-evidence em.is-review { color: #e3b160; background: rgba(142,99,34,.13); }

.blp-app__insights { display: flex; flex-direction: column; overflow: hidden; background: var(--blp-bg); }
.blp-app__insights-toolbar { display: flex; min-height: 4.25em; align-items: center; gap: 1.4em; padding: 0 1.7em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #141516; }
.blp-app__insights-toolbar > strong { color: #d3d6da; font-weight: 530; }
.blp-app__insights-toolbar nav { display: flex; gap: .35em; }
.blp-app__insights-toolbar nav :is(button,a) { min-height: 2.2em; padding: .32em .78em; border: var(--layoutBorderWidth, 1px) solid transparent; border-radius: 999px; color: #858890; }
.blp-app__insights-toolbar nav :is(button,a):hover, .blp-app__insights-toolbar nav :is(button,a).is-active { color: #d6d8dc; border-color: #2b2d30; background: #1e1f21; }
.blp-app__insights-toolbar > :is(button,a) { margin-left: auto; color: #8da4f0; }
.blp-app__insights-toolbar > :is(button,a) span { margin-right: 1.1em; }
.blp-app__insights-body { min-height: 0; padding: 1.25em 1.7em 1.5em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #34363a transparent; }
.blp-app__insights-kpis { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .7em; }
.blp-app__insights-kpis :is(button,a) { min-height: 6.6em; padding: .85em 1em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .58em; background: #18191b; }
.blp-app__insights-kpis :is(button,a):nth-child(8), .blp-app__insights-kpis :is(button,a):nth-child(9), .blp-app__insights-kpis :is(button,a):nth-child(10) { grid-column: span 2; }
.blp-app__insights-kpis :is(button,a):nth-child(10) { grid-column: span 3; }
.blp-app__insights-kpis :is(button,a):hover { border-color: #37393d; background: #1b1c1e; }
.blp-app__insights-kpis span, .blp-app__insights-kpis strong, .blp-app__insights-kpis small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__insights-kpis span { color: #8a8d94; }
.blp-app__insights-kpis strong { margin-top: .35em; color: #d5d8dc; font-weight: 430; letter-spacing: -.035em; }
.blp-app__insights-kpis small { margin-top: .25em; color: #79cb72; }
.blp-app__insights-kpis :is(button,a).is-watch small { color: #dda958; }
.blp-app__insights-kpis :is(button,a).is-muted small { color: #74777e; }
.blp-app__insights-primary, .blp-app__insights-secondary { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: .7em; margin-top: .7em; }
.blp-app__insights-chart-card, .blp-app__insights-table-card { overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .58em; background: #17181a; }
.blp-app__insights-chart-card > header, .blp-app__insights-table-card > header { display: flex; min-height: 3.45em; align-items: center; justify-content: space-between; gap: 1em; padding: 0 1em; border-bottom: var(--layoutBorderWidth, 1px) solid #242629; }
.blp-app__insights-chart-card header strong, .blp-app__insights-chart-card header span, .blp-app__insights-table-card header strong, .blp-app__insights-table-card header span { display: block; }
.blp-app__insights-chart-card header strong, .blp-app__insights-table-card header strong { color: #c8cbd0; font-weight: 520; }
.blp-app__insights-chart-card header span, .blp-app__insights-table-card header span { margin-top: .05em; color: #71747b; }
.blp-app__insights-chart-card header > div:last-child { display: flex; align-items: center; gap: .45em; color: #7f8289; }
.blp-app__insights-chart-card header > div:last-child i { width: .62em; height: .62em; margin-left: .55em; border-radius: .15em; background: #5537f5; }
.blp-app__insights-chart-card header > div:last-child i:first-child { background: #cf4b4b; }
.blp-app__insights-table-card header :is(button,a) { color: #7b7e85; }
.blp-app__insights-chart { position: relative; height: 15.1em; margin: .65em .9em .15em; padding: .5em .15em 1.7em 3.2em; }
.blp-app__chart-axis { position: absolute; top: .5em; bottom: 1.7em; left: 0; display: flex; flex-direction: column; justify-content: space-between; color: #666970; }
.blp-app__chart-axis i { font-style: normal; }
.blp-app__chart-bars { display: flex; height: 100%; align-items: end; gap: .26em; border-bottom: var(--layoutBorderWidth, 1px) solid #34363a; background: repeating-linear-gradient(to bottom, rgba(255,255,255,.052) 0 1px, transparent 1px 16.66%); }
.blp-app__chart-bars > span { display: flex; min-width: 0; height: var(--bar); flex: 1; align-items: end; gap: 1px; }
.blp-app__chart-bars i, .blp-app__chart-bars b { display: block; width: 50%; height: 94%; border-radius: .16em .16em 0 0; background: #cf4b4b; }
.blp-app__chart-bars b { height: 100%; background: linear-gradient(180deg, #5d3df4, #4530ce); }
.blp-app__chart-labels { position: absolute; right: 0; bottom: 0; left: 3.2em; display: flex; justify-content: space-between; color: #65686f; }
.blp-app__insights-chart-card > footer { display: flex; min-height: 3.2em; align-items: center; gap: 2.2em; padding: .55em 1em; border-top: var(--layoutBorderWidth, 1px) solid #242629; color: #8a8d94; }
.blp-app__insights-chart-card > footer span { display: flex; gap: .7em; }
.blp-app__insights-chart-card > footer strong { color: #bfc2c7; font-weight: 500; }
.blp-app__insights-chart-card > footer em { margin-left: auto; color: #7fcf76; font-style: normal; }
.blp-app__insights-table-head, .blp-app__insights-table-card > :is(button,a) { display: grid; grid-template-columns: 1.28fr .62fr .8fr .62fr .62fr; gap: .6em; width: 100%; align-items: center; }
.blp-app__insights-table-head { padding: .58em 1em; color: #696c73; background: #151617; text-transform: uppercase; letter-spacing: .045em; }
.blp-app__insights-table-card > :is(button,a) { padding: .61em 1em; border-top: var(--layoutBorderWidth, 1px) solid #222427; color: #85888f; }
.blp-app__insights-table-card > :is(button,a):hover { background: #1b1c1e; }
.blp-app__insights-table-card > :is(button,a) span:first-child { color: #c1c4c9; }
.blp-app__insights-table-card > :is(button,a) span:last-child { color: #75c879; }
.blp-app__insights-table-card > :is(button,a):nth-of-type(3) span:last-child, .blp-app__insights-table-card > :is(button,a):nth-of-type(5) span:last-child { color: #cf6767; }
.blp-app__insights-secondary { padding-bottom: .4em; }
.blp-app__insights-secondary .blp-app__insights-table-card > header { min-height: 3.2em; }
.blp-app__insights-secondary .blp-app__insights-table-card > :is(button,a) { padding-block: .55em; }

.blp-app__service { display: flex; flex-direction: column; padding: 0; overflow: hidden; background: var(--blp-bg); }
.blp-app__service-heading { display: flex; min-height: 5.1em; align-items: center; justify-content: space-between; gap: 1.5em; padding: 0 1.7em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #141516; }
.blp-app__service-heading > div { display: flex; align-items: center; gap: .6em; }
.blp-app__service-heading > div:first-child { display: block; }
.blp-app__service-heading h3 { margin: 0; color: #d6d8dc; font-weight: 540; letter-spacing: -.025em; }
.blp-app__service-heading p { display: flex; align-items: center; gap: .55em; margin: .2em 0 0; color: #7c7f86; }
.blp-app__service-heading p i { width: .28em; height: .28em; border-radius: 50%; background: #55585e; }
.blp-app__service-heading label { display: flex; width: 17em; height: 2.55em; align-items: center; gap: .55em; padding: 0 .78em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .48em; color: #696c73; background: #191a1c; }
.blp-app__service-heading input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--blp-text); background: transparent; }
.blp-app__service-heading :is(button,a) { height: 2.55em; padding: 0 .82em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .48em; color: #999ca3; background: #191a1c; }
.blp-app__service-heading :is(button,a):last-child { color: #d6d2ec; border-color: rgba(161,147,242,.24); background: rgba(117,102,176,.24); }
.blp-app__service-workspace { display: grid; grid-template-columns: 25% minmax(0, 1fr) 24%; min-height: 0; flex: 1; }
.blp-app__service-inbox, .blp-app__service-context { min-width: 0; background: #121314; }
.blp-app__service-inbox { border-right: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__service-inbox > header { display: flex; height: 3.4em; align-items: center; justify-content: space-between; padding: 0 1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__service-inbox > header strong { color: #c8cbd0; font-weight: 520; }
.blp-app__service-inbox > header :is(button,a) { color: #7d8087; }
.blp-app__service-filters { display: flex; gap: .28em; padding: .55em .65em; overflow-x: auto; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); scrollbar-width: none; }
.blp-app__service-filters :is(button,a) { flex: 0 0 auto; padding: .4em .54em; border-radius: .38em; color: #7d8087; }
.blp-app__service-filters :is(button,a).is-active { color: #c7c9cd; background: #202123; }
.blp-app__service-filters b { margin-left: .2em; color: #62656c; font-weight: 520; }
.blp-app__service-list { height: calc(100% - 6.75em); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__service-list > :is(button,a) { position: relative; display: grid; grid-template-columns: 2.15em 1fr; gap: .65em; width: 100%; padding: .9em .82em; border-bottom: var(--layoutBorderWidth, 1px) solid #202225; color: #858890; text-align: left; }
.blp-app__service-list > :is(button,a):hover, .blp-app__service-list > :is(button,a).is-active { background: #1b1c1e; }
.blp-app__service-list > :is(button,a).is-active::before { position: absolute; inset: .45em auto .45em 0; width: 2px; border-radius: 2px; background: var(--blp-violet); content: ''; }
.blp-app__service-list > :is(button,a) > span:first-child { display: grid; width: 2.15em; height: 2.15em; place-items: center; overflow: hidden; border-radius: 50%; color: hsl(var(--avatar-hue, 240) 40% 80%); background: hsl(var(--avatar-hue, 240) 22% 22%); font-weight: 620; }
.blp-app__service-list > :is(button,a) > span:first-child img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__service-list > :is(button,a) > span:nth-child(2) { min-width: 0; }
.blp-app__service-list small, .blp-app__service-list strong, .blp-app__service-list p, .blp-app__service-list em { display: block; }
.blp-app__service-list small { overflow: hidden; color: #74777e; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__service-list small i { display: inline-block; width: .42em; height: .42em; margin-right: .42em; border-radius: 50%; background: #777a82; }
.blp-app__service-list small i.is-attention { background: #ed9a64; }
.blp-app__service-list small i.is-mine { background: #7c9cff; }
.blp-app__service-list small i.is-waiting { background: #e0bc5c; }
.blp-app__service-list strong { margin-top: .28em; overflow: hidden; color: #cdd0d5; font-weight: 520; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__service-list p { display: -webkit-box; margin: .22em 0 0; overflow: hidden; color: #7e8188; line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.blp-app__service-list em { margin-top: .3em; color: #777a81; font-style: normal; }
.blp-app__service-list > :is(button,a) > b { position: absolute; top: .75em; right: .72em; display: grid; width: 1.25em; height: 1.25em; place-items: center; border-radius: 50%; color: #f0b17d; background: rgba(180,101,53,.16); }
.blp-app__service-empty { padding: 1.2em; color: #74777e; }
.blp-app__service-thread { display: flex; min-width: 0; min-height: 0; flex-direction: column; background: var(--blp-bg); }
.blp-app__service-thread > header { display: flex; min-height: 5.25em; align-items: center; justify-content: space-between; gap: 1em; padding: .8em 1.25em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__service-thread > header > div:first-child { min-width: 0; }
.blp-app__service-thread > header span, .blp-app__service-thread > header strong, .blp-app__service-thread > header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__service-thread > header span { color: #9a8de6; text-transform: uppercase; letter-spacing: .06em; }
.blp-app__service-thread > header strong { margin-top: .16em; color: #d6d8dc; font-weight: 530; }
.blp-app__service-thread > header small { margin-top: .14em; color: #777a81; }
.blp-app__service-thread > header > div:last-child { display: flex; flex: 0 0 auto; gap: .4em; }
.blp-app__service-thread > header :is(button,a) { height: 2.35em; padding: 0 .72em; border: var(--layoutBorderWidth, 1px) solid var(--blp-line); border-radius: .42em; color: #9699a0; background: #191a1c; }
.blp-app__service-thread > header :is(button,a):nth-child(2) { color: #b9d8b1; border-color: rgba(131,206,103,.18); background: rgba(74,120,60,.12); }
.blp-app__service-messages { min-height: 0; flex: 1; padding: 1.2em 1.45em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__service-messages article { display: grid; grid-template-columns: 2em minmax(0, 1fr); gap: .68em; max-width: 91%; margin-bottom: 1.1em; }
.blp-app__service-messages article > span { display: grid; width: 2em; height: 2em; place-items: center; border-radius: 50%; color: #bcb8d8; background: #292733; font-weight: 600; }
.blp-app__service-messages article.is-customer > span { color: #bed5b8; background: #233024; }
.blp-app__service-messages header { display: flex; align-items: center; gap: .55em; }
.blp-app__service-messages header strong { color: #ced1d6; font-weight: 530; }
.blp-app__service-messages header time { color: #70737a; }
.blp-app__service-messages p { margin: .3em 0 0; padding: .72em .85em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .52em; color: #b0b3b9; background: #1a1b1d; line-height: 1.5; }
.blp-app__service-messages article.is-customer p { background: #191c19; }
.blp-app__service-thread > footer { padding: .62em 1.1em .85em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #131415; }
.blp-app__service-thread > footer > div { display: flex; gap: .8em; height: 1.7em; align-items: flex-start; }
.blp-app__service-thread > footer > div :is(button,a) { color: #7d8087; }
.blp-app__service-thread > footer > div :is(button,a):first-child { color: #b8b3d9; }
.blp-app__service-thread > footer > label { display: block; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #303235; border-radius: .52em; background: #1b1c1e; }
.blp-app__service-thread textarea { display: block; width: 100%; min-height: 3.5em; padding: .72em .82em .35em; resize: none; border: 0; outline: 0; color: #cdd0d5; background: transparent; font-family: inherit; }
.blp-app__service-thread > footer label > span { display: flex; align-items: center; gap: .55em; padding: .35em .42em .42em; }
.blp-app__service-thread > footer label :is(button,a) { height: 2.15em; padding: 0 .68em; border-radius: .38em; color: #9699a0; background: #242528; }
.blp-app__service-thread > footer label :is(button,a):last-child { margin-left: auto; color: #d7d3ec; background: rgba(117,102,176,.36); }
.blp-app__service-thread > footer label small { color: #6d7077; }
.blp-app__service-context { padding: .8em; overflow-y: auto; border-left: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__service-context > section { margin-bottom: .7em; padding: .88em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .55em; background: #18191b; }
.blp-app__service-context section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .72em; }
.blp-app__service-context section > header strong { color: #b8bbc1; font-weight: 520; }
.blp-app__service-context section > header :is(button,a), .blp-app__service-context section > header span { color: #82858c; }
.blp-app__service-customer > div { display: grid; width: 2.8em; height: 2.8em; place-items: center; overflow: hidden; border-radius: 50%; color: #c8c4df; background: #292733; font-weight: 600; }
.blp-app__service-customer > div img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__service-customer h4 { margin: .5em 0 0; color: #d4d6da; font-weight: 530; }
.blp-app__service-customer > p { margin: .15em 0 .78em; color: #7a7d84; }
.blp-app__service-context dl { margin: 0; }
.blp-app__service-context dl > div { display: flex; align-items: center; justify-content: space-between; gap: .6em; padding: .38em 0; border-top: var(--layoutBorderWidth, 1px) solid #25272a; }
.blp-app__service-context dt { color: #74777e; }
.blp-app__service-context dd { margin: 0; overflow: hidden; color: #afb2b8; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__service-context dd.is-positive { color: #8fc77d; }
.blp-app__service-summary > :is(button,a) { width: 100%; margin-top: .55em; padding: .55em .65em; border: var(--layoutBorderWidth, 1px) solid #303235; border-radius: .4em; color: #a7aab0; text-align: left; }
.blp-app__service-summary > :is(button,a):last-child { color: #b9b4da; }
.blp-app__service-agents > div :is(button,a) { display: grid; grid-template-columns: 2em 1fr auto; gap: .55em; width: 100%; align-items: center; padding: .38em 0; text-align: left; }
.blp-app__service-agents > div :is(button,a) > span { position: relative; display: grid; width: 2em; height: 2em; place-items: center; border-radius: 50%; color: #d1d3d7; background: color-mix(in srgb, var(--agent-color) 20%, #1d1e20); }
.blp-app__service-agents > div :is(button,a) > span i { position: absolute; right: -.05em; bottom: -.02em; width: .5em; height: .5em; border: 2px solid #18191b; border-radius: 50%; background: var(--agent-color); }
.blp-app__service-agents > div :is(button,a) strong { color: #b9bcc2; font-weight: 500; }
.blp-app__service-agents > div :is(button,a) small { color: #73767d; }

/* Discount checkout and builder */
.blp-app__discount-modal { position: absolute; z-index: 24; inset: 0; display: grid; place-items: center; }
.blp-app__discount-modal > section { position: relative; z-index: 1; width: min(43em, 76%); padding: 1.8em; border: var(--layoutBorderWidth, 1px) solid rgba(255,255,255,.15); border-radius: .95em; background: linear-gradient(145deg, rgba(161,147,242,.075), transparent 38%), #15161a; box-shadow: 0 2em 6em rgba(0,0,0,.55); }
.blp-app__discount-modal > section > header { display: flex; align-items: center; gap: .9em; margin-bottom: 1.15em; }
.blp-app__discount-modal header small, .blp-app__discount-modal header h3 { display: block; }
.blp-app__discount-modal header small { color: #7f788f; letter-spacing: .055em; text-transform: uppercase; }
.blp-app__discount-modal header h3 { margin: .16em 0 0; color: #e0e2e6; font-size: 1.3em; font-weight: 520; letter-spacing: -.025em; }
.blp-app__discount-mark { display: grid; width: 2.8em; height: 2.8em; place-items: center; border-radius: .62em; color: #c7bef8; background: rgba(117,102,176,.22); font-size: 1.15em; font-weight: 620; }
.blp-app__discount-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55em; margin-bottom: .9em; }
.blp-app__discount-presets :is(button,a) { min-height: 4.4em; padding: .65em .72em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .55em; background: #1a1b1e; }
.blp-app__discount-presets :is(button,a):hover, .blp-app__discount-presets :is(button,a).is-active { border-color: rgba(161,147,242,.42); background: rgba(117,102,176,.14); }
.blp-app__discount-presets strong, .blp-app__discount-presets span { display: block; }
.blp-app__discount-presets strong { color: #d1d3d7; font-weight: 520; }
.blp-app__discount-presets span { margin-top: .18em; color: #767981; font-size: .86em; }
.blp-app__discount-custom { display: grid; grid-template-columns: 1.35fr 1fr; gap: .85em; align-items: end; padding: .9em; border: var(--layoutBorderWidth, 1px) solid #292b2e; border-radius: .6em; background: #18191b; }
.blp-app__discount-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35em; }
.blp-app__discount-methods :is(button,a) { min-height: 2.75em; padding: .5em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .44em; color: #858890; text-align: center; }
.blp-app__discount-methods :is(button,a).is-active { color: #ded9fa; border-color: rgba(161,147,242,.35); background: rgba(117,102,176,.2); }
.blp-app__discount-custom > label > span:first-child { display: block; margin-bottom: .35em; color: #777a82; }
.blp-app__discount-custom > label > span:last-child { display: flex; height: 2.75em; align-items: center; gap: .3em; padding: 0 .75em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .44em; color: #9a9da4; background: #121315; }
.blp-app__discount-custom input { min-width: 0; flex: 1; border: 0; outline: 0; color: #e2e4e8; background: transparent; }
.blp-app__discount-funding { display: flex; align-items: center; gap: .72em; margin-top: .8em; padding: .72em .82em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.16); border-radius: .55em; background: rgba(62,105,51,.08); }
.blp-app__discount-funding > span { color: var(--blp-green); }
.blp-app__discount-funding p { margin: 0; }
.blp-app__discount-funding strong, .blp-app__discount-funding small { display: block; }
.blp-app__discount-funding strong { color: #b8c9b3; font-weight: 510; }
.blp-app__discount-funding small { margin-top: .12em; color: #717a70; }
.blp-app__discount-preview { display: grid; grid-template-columns: 1fr auto; align-items: center; margin-top: .8em; padding: .78em .9em; border-radius: .55em; background: #101112; }
.blp-app__discount-preview span { color: #7d8087; }
.blp-app__discount-preview strong { grid-row: 1 / 3; grid-column: 2; color: #e5e7ea; font-size: 1.45em; font-weight: 530; }
.blp-app__discount-preview small { color: var(--blp-green); }
.blp-app__discount-modal footer { display: flex; align-items: center; justify-content: flex-end; gap: .55em; margin-top: 1em; }
.blp-app__discount-modal footer :is(button,a) { min-height: 2.7em; padding: .55em .9em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .48em; color: #9a9da4; }
.blp-app__discount-modal footer [data-blp-remove-discount] { margin-right: auto; color: #d98e8e; }
.blp-app__discount-modal footer .is-primary { color: #e5e1fb; border-color: rgba(161,147,242,.34); background: rgba(117,102,176,.36); }

.blp-app__discount-builder { position: absolute; z-index: 26; inset: 0; display: flex; min-width: 0; overflow: hidden; flex-direction: column; background: #121314; }
.blp-app__discount-builder > header { display: flex; min-height: 4.4em; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: 0 1.45em; border-bottom: var(--layoutBorderWidth, 1px) solid #292b2e; background: #151617; }
.blp-app__discount-builder > header > div { display: flex; align-items: center; gap: .75em; }
.blp-app__builder-mark { display: grid; width: 2.25em; height: 2.25em; place-items: center; border-radius: .52em; color: #c7bef8; background: rgba(117,102,176,.2); }
.blp-app__discount-builder > header p { margin: 0; }
.blp-app__discount-builder > header strong, .blp-app__discount-builder > header small { display: block; }
.blp-app__discount-builder > header strong { color: #d9dbe0; font-weight: 540; }
.blp-app__discount-builder > header small { margin-top: .08em; color: #6f7279; }
.blp-app__discount-builder > header > :is(button,a) { display: grid; width: 2.25em; height: 2.25em; place-items: center; border-radius: .45em; color: #8b8e95; font-size: 1.15em; text-align: center; }
.blp-app__builder-progress { display: grid; min-height: 4em; flex: 0 0 auto; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 1.45em; border-bottom: var(--layoutBorderWidth, 1px) solid #242629; background: #131415; }
.blp-app__builder-progress :is(button,a) { position: relative; display: flex; align-items: center; justify-content: center; gap: .55em; color: #696c73; }
.blp-app__builder-progress :is(button,a)::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: transparent; content: ''; }
.blp-app__builder-progress :is(button,a).is-active { color: #d5d7dc; }
.blp-app__builder-progress :is(button,a).is-active::after { background: var(--blp-violet); }
.blp-app__builder-progress :is(button,a).is-complete { color: #91bd86; }
.blp-app__builder-progress i { display: grid; width: 1.65em; height: 1.65em; place-items: center; border: var(--layoutBorderWidth, 1px) solid #35373b; border-radius: 50%; font-style: normal; }
.blp-app__builder-progress :is(button,a).is-active i { color: #161719; border-color: #c4baf7; background: #c4baf7; }
.blp-app__builder-progress :is(button,a).is-complete i { color: #142012; border-color: var(--blp-green); background: var(--blp-green); }
.blp-app__builder-body { display: grid; min-height: 0; flex: 1 1 auto; grid-template-columns: minmax(18em, 28%) minmax(0, 1fr); overflow: hidden; }
.blp-app__builder-body > aside { padding: 1.5em; overflow-y: auto; border-right: var(--layoutBorderWidth, 1px) solid #26282b; background: #151617; }
.blp-app__builder-body > aside > span { color: var(--blp-violet); font-size: .78em; letter-spacing: .075em; text-transform: uppercase; }
.blp-app__builder-body > aside > h3 { margin: .55em 0 0; color: #e0e2e6; font-size: 1.3em; font-weight: 520; letter-spacing: -.028em; }
.blp-app__builder-body > aside > p { margin: .55em 0 1.15em; color: #7c7f86; line-height: 1.52; }
.blp-app__builder-body > aside > article { padding: 1em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.15); border-radius: .65em; background: linear-gradient(145deg, rgba(71,123,57,.12), transparent 70%), #191a1b; }
.blp-app__builder-body > aside article header { display: grid; grid-template-columns: .48em 1fr auto; gap: .5em; align-items: center; }
.blp-app__builder-body > aside article header i { width: .48em; height: .48em; border-radius: 50%; background: var(--blp-green); box-shadow: 0 0 .65em rgba(131,206,103,.3); }
.blp-app__builder-body > aside article header strong { color: #a6c69e; font-weight: 520; }
.blp-app__builder-body > aside article header small { color: #637061; }
.blp-app__builder-body > aside article h4 { margin: .78em 0 0; color: #d4d7db; font-size: 1.05em; font-weight: 520; }
.blp-app__builder-body > aside article p { margin: .45em 0 .85em; color: #7e8580; line-height: 1.5; }
.blp-app__builder-body > aside article :is(button,a) { width: 100%; min-height: 2.6em; padding: .5em .7em; border-radius: .45em; color: #d8e8d4; background: rgba(72,126,57,.26); text-align: center; }
.blp-app__builder-checks { margin-top: 1em; }
.blp-app__builder-checks p { display: grid; grid-template-columns: 1.65em 1fr; gap: .55em; margin: 0; padding: .55em 0; border-top: var(--layoutBorderWidth, 1px) solid #25272a; }
.blp-app__builder-checks p > i { display: grid; width: 1.5em; height: 1.5em; place-items: center; border-radius: 50%; color: #9bd28b; background: rgba(72,126,57,.16); font-style: normal; }
.blp-app__builder-checks strong, .blp-app__builder-checks small { display: block; }
.blp-app__builder-checks strong { color: #b5b8bd; font-weight: 500; }
.blp-app__builder-checks small { margin-top: .12em; color: #666970; }
.blp-app__builder-body > main { min-width: 0; padding: 1.4em 1.65em 2em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #34363a transparent; }
.blp-app__builder-body > main > section { max-width: 62em; margin: 0 auto; }
.blp-app__builder-eyebrow { margin: 0; color: #81759e; font-size: .78em; letter-spacing: .075em; text-transform: uppercase; }
.blp-app__builder-body main h3 { margin: .35em 0 1em; color: #e2e4e8; font-size: 1.45em; font-weight: 520; letter-spacing: -.03em; }
.blp-app__builder-ai-entry { margin-bottom: 1em; padding: .85em; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.2); border-radius: .6em; background: rgba(117,102,176,.07); }
.blp-app__builder-ai-entry > label { display: block; margin-bottom: .4em; color: #aaa4cc; }
.blp-app__builder-ai-entry > div { display: flex; gap: .55em; }
.blp-app__builder-ai-entry textarea { min-width: 0; flex: 1; padding: .65em .75em; resize: none; border: var(--layoutBorderWidth, 1px) solid #313338; border-radius: .48em; outline: 0; color: #d5d7dc; background: #131416; }
.blp-app__builder-ai-entry :is(button,a) { align-self: stretch; padding: 0 1em; border-radius: .48em; color: #e0dcf8; background: rgba(117,102,176,.34); }
.blp-app__builder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85em; }
.blp-app__builder-grid > .is-wide { grid-column: 1 / -1; }
.blp-app__builder-grid > label { color: #858890; }
.blp-app__builder-grid input, .blp-app__builder-grid select, .blp-app__builder-grid textarea { display: block; width: 100%; min-height: 3.05em; margin-top: .38em; padding: .55em .72em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .48em; outline: 0; color: #d1d4d9; background: #17181a; font: inherit; }
.blp-app__builder-grid textarea { min-height: 5em; resize: vertical; }
.blp-app__builder-grid select { appearance: auto; color-scheme: dark; }
.blp-app__builder-grid fieldset { display: flex; flex-wrap: wrap; gap: .75em 1.1em; margin: 0; padding: .75em .85em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .5em; }
.blp-app__builder-grid legend { padding: 0 .3em; color: #858890; }
.blp-app__builder-grid fieldset label { color: #9a9da4; }
.blp-app__builder-grid fieldset input { display: inline-block; width: auto; min-height: 0; margin: 0 .25em 0 0; padding: 0; accent-color: var(--blp-violet); }
.blp-app__builder-vendor-toggle { display: flex; align-items: center; gap: .75em; margin-bottom: 1em; padding: .8em .9em; border: var(--layoutBorderWidth, 1px) solid rgba(131,206,103,.17); border-radius: .58em; background: rgba(65,112,56,.07); }
.blp-app__builder-vendor-toggle > input { accent-color: var(--blp-green); }
.blp-app__builder-vendor-toggle strong, .blp-app__builder-vendor-toggle small { display: block; }
.blp-app__builder-vendor-toggle strong { color: #b7c8b2; font-weight: 510; }
.blp-app__builder-vendor-toggle small { margin-top: .12em; color: #70776e; }
.blp-app__builder-summary { margin-top: 1em; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .58em; background: #17181a; }
.blp-app__builder-summary header { padding: .75em .85em; border-bottom: var(--layoutBorderWidth, 1px) solid #292b2e; }
.blp-app__builder-summary header span, .blp-app__builder-summary header strong { display: block; }
.blp-app__builder-summary header span { color: var(--blp-green); font-size: .78em; text-transform: uppercase; letter-spacing: .06em; }
.blp-app__builder-summary header strong { margin-top: .2em; color: #d7d9de; font-weight: 520; }
.blp-app__builder-summary dl { margin: 0; padding: .45em .85em; }
.blp-app__builder-summary dl > div { display: flex; justify-content: space-between; gap: 1em; padding: .35em 0; color: #777a82; }
.blp-app__builder-summary dd { margin: 0; color: #afb2b8; text-align: right; }
.blp-app__builder-summary > p { display: flex; align-items: center; gap: .5em; margin: 0; padding: .65em .85em; border-top: var(--layoutBorderWidth, 1px) solid #292b2e; color: #7f8f7a; }
.blp-app__builder-summary > p i { color: var(--blp-green); font-style: normal; }
.blp-app__discount-builder > footer { display: flex; min-height: 4.5em; flex: 0 0 auto; align-items: center; gap: .55em; padding: 0 1.45em; border-top: var(--layoutBorderWidth, 1px) solid #292b2e; background: #151617; }
.blp-app__discount-builder > footer span { margin-right: auto; color: #6f7279; }
.blp-app__discount-builder > footer :is(button,a) { min-height: 2.75em; padding: .55em 1em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .48em; color: #9da0a6; }
.blp-app__discount-builder > footer .is-primary { color: #e4e0fa; border-color: rgba(161,147,242,.34); background: rgba(117,102,176,.36); }
.blp-app__campaign-discount-icon { display: grid; width: 3.2em; height: 3.2em; flex: 0 0 3.2em; place-items: center; border-radius: .46em; color: #c7bef8; background: rgba(117,102,176,.19); font-style: normal; font-weight: 620; }

/* Team Chat channels */
.blp-app__now { padding: 0; overflow: hidden; background: #141516; }
.blp-app__now-root { position: relative; display: grid; width: 100%; height: 100%; min-height: 0; grid-template-columns: 190px minmax(0, 1fr) min(23%, 18em); background: var(--blp-bg); }
.blp-app__now-root.is-members-hidden { grid-template-columns: 190px minmax(0, 1fr); }
.blp-app__now-channel { display: flex; min-width: 0; min-height: 0; flex-direction: column; background: var(--blp-bg); }
.blp-app__now-heading { display: flex; min-height: 5.15em; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 1em; padding: .7em 1.35em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #141516; }
.blp-app__now-heading > div:first-child { min-width: 0; }
.blp-app__now-heading h3 { display: flex; align-items: center; gap: .38em; margin: 0; color: #d9dbe0; font-size: 1.25em; font-weight: 570; letter-spacing: -.02em; }
.blp-app__now-heading h3 > span:first-child { color: #8aa9df; }
.blp-app__now-heading h3 i { padding: .18em .48em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: 999px; color: #7f8289; font-size: .64em; font-style: normal; font-weight: 480; letter-spacing: .02em; }
.blp-app__now-heading h3 i.is-private { color: #bbb4df; border-color: rgba(161,147,242,.22); background: rgba(117,102,176,.08); }
.blp-app__now-heading p { max-width: 53em; margin: .22em 0 0; overflow: hidden; color: #777a82; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__now-heading > div:last-child { display: flex; flex: 0 0 auto; align-items: center; gap: .35em; }
.blp-app__now-heading > div:last-child :is(button,a) { display: flex; min-width: 2.35em; height: 2.35em; align-items: center; justify-content: center; gap: .35em; padding: 0 .58em; border: var(--layoutBorderWidth, 1px) solid #2d2f33; border-radius: .46em; color: #858890; background: #191a1c; }
.blp-app__now-heading :is(button,a):hover { border-color: #404247; color: #d7d9dd; }
.blp-app__now-heading svg, .blp-app__now-compose-toolbar svg { width: 1.18em; height: 1.18em; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__now-heading :is(button,a) span { color: #9b9ea5; }
.blp-app__now-search { display: flex; height: 3.2em; flex: 0 0 3.2em; align-items: center; gap: .65em; padding: .45em 1.25em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); color: #71747b; background: #131415; }
.blp-app__now-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: #ced0d5; background: transparent; }
.blp-app__now-search :is(button,a) { width: 2em; height: 2em; border-radius: .4em; color: #7b7e85; text-align: center; }
.blp-app__now-ai-activity { display: flex; min-height: 3.45em; flex: 0 0 auto; align-items: center; gap: .62em; padding: .5em 1.35em; border-bottom: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.12); background: linear-gradient(90deg, rgba(117,102,176,.12), rgba(117,102,176,.025)); }
.blp-app__now-ai-activity > span { display: grid; width: 2.25em; height: 2.25em; place-items: center; border-radius: .55em; color: #c5bcfa; background: rgba(117,102,176,.2); }
.blp-app__now-ai-activity > span.is-inventory { color: #9edb9d; background: rgba(70,128,70,.18); }
.blp-app__now-ai-activity > span.is-marketing { color: #efac90; background: rgba(166,83,52,.16); }
.blp-app__now-ai-activity > span.is-compliance { color: #e6c37f; background: rgba(160,116,38,.16); }
.blp-app__now-ai-activity p { margin: 0; }
.blp-app__now-ai-activity strong, .blp-app__now-ai-activity small { display: block; }
.blp-app__now-ai-activity strong { color: #c9cbd1; font-weight: 520; }
.blp-app__now-ai-activity small { color: #75787f; }
.blp-app__now-ai-activity > i { width: .34em; height: .34em; margin-left: .05em; border-radius: 50%; background: #9a8de8; animation: blp-now-thinking 1s ease-in-out infinite; }
.blp-app__now-ai-activity > i:nth-last-child(2) { animation-delay: .14s; }
.blp-app__now-ai-activity > i:last-child { animation-delay: .28s; }
@keyframes blp-now-thinking { 0%, 70%, 100% { opacity: .3; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-.28em); } }
.blp-app__now-messages { box-shadow: inset 0 10px 12px -10px rgba(0,0,0,.7); min-height: 0; flex: 1; padding: .6em 0 1.2em; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__now-load-earlier { display: block; margin: .45em auto .7em; padding: .4em .7em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: 999px; color: #858992; background: #18191b; font-size: .76em; }
.blp-app__now-load-earlier:hover { color: #c9ccd2; border-color: #45484d; }
.blp-app__now-day { display: flex; align-items: center; gap: .75em; margin: .85em 0; color: #65686f; font-size: .78em; text-transform: uppercase; letter-spacing: .055em; }
.blp-app__now-day::before, .blp-app__now-day::after { height: 1px; flex: 1; background: #242629; content: ''; }
.blp-app__now-day span { flex: 0 0 auto; }
.blp-app__now-message { display: grid; grid-template-columns: 2.7em minmax(0, 1fr); gap: .78em; padding: .62em 1.35em; color: #aeb1b7; font-size: 1.035em; }
.blp-app__now-message:hover { background: rgba(255,255,255,.018); }
.blp-app__now-message > div { min-width: 0; }
.blp-app__now-avatar, .blp-app__now-member-avatar { display: grid; width: 2.7em; height: 2.7em; place-items: center; overflow: hidden; border-radius: .62em; color: #d7d3eb; background: #292733; font-weight: 620; line-height: 1; }
.blp-app__now-avatar img, .blp-app__now-member-avatar img { width: 100%; height: 100%; object-fit: cover; }
.blp-app__now-avatar.is-ai, .blp-app__now-member-avatar.is-ai { color: #c9c0fb; background: linear-gradient(145deg, #302b49, #232333); box-shadow: inset 0 0 0 1px rgba(161,147,242,.2); }
.blp-app__now-avatar.is-inventory, .blp-app__now-member-avatar.is-inventory { color: #a4dda0; background: #213224; box-shadow: inset 0 0 0 1px rgba(131,206,103,.18); }
.blp-app__now-avatar.is-marketing, .blp-app__now-member-avatar.is-marketing { color: #f0ae90; background: #382820; box-shadow: inset 0 0 0 1px rgba(235,123,85,.18); }
.blp-app__now-avatar.is-compliance, .blp-app__now-member-avatar.is-compliance { color: #e9c782; background: #342d20; box-shadow: inset 0 0 0 1px rgba(222,174,77,.18); }
.blp-app__now-message header { display: flex; min-width: 0; align-items: center; gap: .5em; }
.blp-app__now-message header strong { overflow: hidden; color: #d0d3d8; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__now-message header em { flex: 0 0 auto; padding: .12em .42em; border-radius: 999px; color: #a9a0dc; background: rgba(117,102,176,.13); font-size: .73em; font-style: normal; }
.blp-app__now-message header time { flex: 0 0 auto; color: #65686f; font-size: .78em; }
.blp-app__now-message p { margin: .18em 0 0; color: #aeb1b7; line-height: 1.52; }
.blp-app__now-message p mark { padding: 0 .12em; border-radius: .18em; color: #bcb4ee; background: rgba(117,102,176,.12); }
.blp-app__now-message p .blp-app__now-sale-link { display: inline; padding: 0 .15em; border-radius: .2em; color: #9eb8ee; background: rgba(82,102,141,.18); font: inherit; font-weight: 580; line-height: inherit; vertical-align: baseline; }
.blp-app__now-message p .blp-app__now-sale-link:hover { color: #d3e0fb; background: rgba(82,102,141,.34); text-decoration: underline; text-underline-offset: .15em; }
.blp-app__now-guided { display: flex; max-width: 48em; flex-wrap: wrap; gap: .42em; margin-top: .65em; }
.blp-app__now-guided :is(button,a) { min-height: 2.35em; padding: .42em .7em; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.28); border-radius: .5em; color: #bcb4ed; background: rgba(117,102,176,.1); text-align: left; transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease; }
.blp-app__now-guided :is(button,a):hover:not(:disabled) { border-color: rgba(181,169,245,.54); color: #e2def9; background: rgba(117,102,176,.22); transform: translateY(-1px); }
.blp-app__now-guided :is(button,a):disabled { cursor: default; opacity: .42; }
.blp-app__now-guided :is(button,a).is-selected { opacity: 1; color: #e1ddf8; border-color: rgba(161,147,242,.48); background: rgba(117,102,176,.28); }
.blp-app__now-message footer { position: relative; display: flex; min-height: 1.8em; align-items: center; flex-wrap: wrap; gap: .3em; margin-top: .38em; }
.blp-app__now-message footer > :is(button,a), .blp-app__now-reaction-wrap > :is(button,a) { min-height: 1.75em; padding: .18em .48em; border: var(--layoutBorderWidth, 1px) solid #2c2e32; border-radius: .42em; color: #74777e; background: #18191b; }
.blp-app__now-message footer > :is(button,a):hover, .blp-app__now-reaction-wrap > :is(button,a):hover { border-color: #404247; color: #d3d5da; }
.blp-app__now-message .blp-app__now-reaction { display: inline-flex; align-items: center; gap: .28em; color: #8d9097; }
.blp-app__now-message .blp-app__now-reaction.is-selected { border-color: rgba(138,169,223,.35); color: #b9cdf1; background: rgba(80,112,165,.13); }
.blp-app__now-thread-link { position: relative; display: inline-grid !important; width: 2.05em; height: 2.05em; margin-left: .16em; place-items: center; border-color: transparent !important; border-radius: .45em !important; color: #91a6d0 !important; background: transparent !important; }
.blp-app__now-thread-link:hover { color: #c5d4f0 !important; background: rgba(137,159,202,.1) !important; }
.blp-app__now-thread-link svg { width: 1.2em; height: 1.2em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.blp-app__now-thread-link span { position: absolute; top: -.25em; right: -.35em; display: grid; min-width: 1.25em; height: 1.25em; margin: 0; place-items: center; padding: 0 .25em; border-radius: 99px; color: #f0f2f6; background: #52668d; font-size: .68em; font-weight: 650; line-height: 1; }
.blp-app__now-reaction-wrap { position: relative; }
.blp-app__now-reaction-menu { position: absolute; z-index: 20; bottom: calc(100% + .3em); left: 0; display: flex; gap: .18em; padding: .3em; border: var(--layoutBorderWidth, 1px) solid #37393d; border-radius: .5em; background: #202124; box-shadow: 0 .8em 2.2em rgba(0,0,0,.42); }
.blp-app__now-reaction-menu :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .35em; text-align: center; }
.blp-app__now-reaction-menu :is(button,a):hover { background: #2c2e31; transform: scale(1.08); }
.blp-app__now-agent-status { display: flex; max-width: 34em; align-items: center; gap: .55em; margin-top: .48em; padding: .5em .65em; border: var(--layoutBorderWidth, 1px) solid rgba(161,147,242,.16); border-radius: .48em; background: rgba(117,102,176,.065); }
.blp-app__now-agent-status > i { width: .48em; height: .48em; flex: 0 0 auto; border-radius: 50%; background: #9b8bea; box-shadow: 0 0 .65em rgba(161,147,242,.28); }
.blp-app__now-agent-status strong, .blp-app__now-agent-status small { display: block; }
.blp-app__now-agent-status strong { color: #aaa3d4; font-weight: 520; }
.blp-app__now-agent-status small { color: #6f7279; }
.blp-app__now-image { width: min(25em, 78%); margin: .55em 0 0; overflow: hidden; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .62em; background: #111213; }
.blp-app__now-image img { display: block; width: 100%; max-height: 17em; object-fit: cover; }
.blp-app__now-image figcaption { margin: 0; padding: .45em .62em; color: #73767d; background: #18191b; }
.blp-app__now-file { display: grid; width: min(27em, 85%); grid-template-columns: 2.4em minmax(0, 1fr) auto; gap: .65em; align-items: center; margin-top: .5em; padding: .62em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .55em; background: #191a1c; }
.blp-app__now-file > span { display: grid; width: 2.4em; height: 2.4em; place-items: center; border-radius: .45em; color: #a8bde3; background: rgba(80,112,165,.16); }
.blp-app__now-file p { min-width: 0; margin: 0; }
.blp-app__now-file strong, .blp-app__now-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__now-file strong { color: #c8cbd0; font-weight: 520; }
.blp-app__now-file small { color: #6f7279; }
.blp-app__now-file :is(button,a) { padding: .42em .55em; border-radius: .38em; color: #96add6; background: rgba(80,112,165,.1); }
.blp-app__now-composer-wrap { position: relative; flex: 0 0 auto; padding: .58em 1.2em .82em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #131415; }
.blp-app__now-composer { position: relative; display: block; overflow: visible; border: var(--layoutBorderWidth, 1px) solid #33353a; border-radius: .58em; background: #1a1b1d; }
.blp-app__now-composer:focus-within { border-color: #4a4d53; box-shadow: 0 0 0 1px rgba(138,169,223,.08); }
.blp-app__now-composer textarea { display: block; width: 100%; min-height: 3.1em; max-height: 9em; padding: .72em .82em .22em; resize: vertical; border: 0; outline: 0; color: #ced1d6; background: transparent; font-family: inherit; font-size: 1.035em; }
.blp-app__now-compose-toolbar { display: flex; min-height: 2.55em; align-items: center; gap: .24em; padding: .28em .38em .38em; }
.blp-app__now-compose-toolbar > :is(button,a):not(.is-send) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .38em; color: #777a82; }
.blp-app__now-compose-toolbar > :is(button,a):not(.is-send):hover { color: #d4d6db; background: #282a2d; }
.blp-app__now-compose-toolbar small { margin-left: .35em; color: #62656c; }
.blp-app__now-compose-toolbar .is-send { min-height: 2.15em; margin-left: auto; padding: .34em .78em; border-radius: .42em; color: #e0ddf4; background: rgba(117,102,176,.4); font-weight: 550; }
.blp-app__now-compose-toolbar .is-send:hover { background: rgba(117,102,176,.56); }
.blp-app__now-emoji-picker { position: absolute; z-index: 22; bottom: 3.05em; left: 4.8em; display: flex; gap: .18em; padding: .36em; border: var(--layoutBorderWidth, 1px) solid #37393d; border-radius: .52em; background: #222326; box-shadow: 0 1em 2.6em rgba(0,0,0,.46); }
.blp-app__now-emoji-picker :is(button,a) { display: grid; width: 2.15em; height: 2.15em; place-items: center; border-radius: .4em; text-align: center; }
.blp-app__now-emoji-picker :is(button,a):hover { background: #303236; transform: translateY(-1px); }
.blp-app__now-attachment-preview { position: relative; max-width: 29em; margin: 0 0 .5em; padding-right: 2em; }
.blp-app__now-attachment-preview .blp-app__now-file, .blp-app__now-attachment-preview .blp-app__now-image { width: 100%; margin: 0; }
.blp-app__now-attachment-preview > :is(button,a) { position: absolute; top: -.42em; right: .25em; display: grid; width: 1.8em; height: 1.8em; place-items: center; border-radius: 50%; color: #dca0a4; background: #4a272a; text-align: center; }
.blp-app__now-members { min-width: 0; min-height: 0; overflow-y: auto; border-left: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #121314; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__now-members > header { display: flex; height: 4.2em; align-items: center; justify-content: space-between; padding: 0 1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__now-members > header strong { color: #bec1c7; font-weight: 540; }
.blp-app__now-members > header :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .4em; color: #777a82; text-align: center; }
.blp-app__now-members > div { padding: .55em; }
.blp-app__now-members > div > :is(button,a) { display: grid; width: 100%; grid-template-columns: 2.35em minmax(0, 1fr) auto; gap: .58em; align-items: center; padding: .48em; border-radius: .48em; text-align: left; }
.blp-app__now-members > div > :is(button,a):hover { background: #1b1c1e; }
.blp-app__now-members .blp-app__now-member-avatar { width: 2.35em; height: 2.35em; border-radius: .52em; }
.blp-app__now-members :is(button,a) > span { min-width: 0; }
.blp-app__now-members :is(button,a) strong, .blp-app__now-members :is(button,a) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__now-members :is(button,a) strong { color: #bfc2c7; font-weight: 510; }
.blp-app__now-members :is(button,a) small { color: #676a71; }
.blp-app__now-members :is(button,a) > i { width: .45em; height: .45em; border-radius: 50%; background: var(--blp-green); }
.blp-app__now-members :is(button,a) > i.is-ai { background: #9b8bea; box-shadow: 0 0 .55em rgba(161,147,242,.28); }
.blp-app__now-thread { position: absolute; z-index: 32; top: 0; right: 0; bottom: 0; display: flex; width: min(44em, 48%); min-height: 0; flex-direction: column; border-left: var(--layoutBorderWidth, 1px) solid #383a3e; background: #151617; box-shadow: -1.2em 0 3.5em rgba(0,0,0,.35); animation: blp-now-thread-in 220ms cubic-bezier(.16,1,.3,1); }
@keyframes blp-now-thread-in { from { opacity: 0; transform: translateX(1.5em); } to { opacity: 1; transform: none; } }
.blp-app__now-thread > header { display: flex; min-height: 4.2em; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: .55em 1em; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__now-thread > header strong, .blp-app__now-thread > header small { display: block; }
.blp-app__now-thread > header strong { color: #d3d5da; font-weight: 560; }
.blp-app__now-thread > header small { color: #6f7279; }
.blp-app__now-thread > header :is(button,a) { display: grid; width: 2.2em; height: 2.2em; place-items: center; border-radius: .42em; color: #8b8e95; text-align: center; }
.blp-app__now-thread-parent { flex: 0 0 auto; padding: .35em 0; border-bottom: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); }
.blp-app__now-thread-replies { min-height: 0; flex: 1; padding: .25em 0 1em; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__now-thread-count { display: flex; align-items: center; gap: .6em; margin: .4em 0; color: #6f7279; font-size: .78em; }
.blp-app__now-thread-count::before, .blp-app__now-thread-count::after { height: 1px; flex: 1; background: #27292c; content: ''; }
.blp-app__now-thread-empty { padding: 1em 1.35em; color: #73767d; }
.blp-app__now-thread > footer { display: flex; min-height: 5.4em; flex: 0 0 auto; align-items: end; gap: .55em; padding: .62em .8em; border-top: var(--layoutBorderWidth, 1px) solid var(--blp-line-soft); background: #131415; }
.blp-app__now-thread > footer textarea { min-width: 0; min-height: 3.7em; flex: 1; resize: none; padding: .65em .72em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .48em; outline: 0; color: #d0d2d7; background: #1a1b1d; font-family: inherit; }
.blp-app__now-thread > footer :is(button,a) { min-height: 2.65em; padding: .55em .78em; border-radius: .45em; color: #e0ddf4; background: rgba(117,102,176,.42); }

/* Checkout state, payments, and settings */
.blp-app__sidebar { padding-bottom: 7.65em; }
.blp-app__settings-launch { grid-template-columns: 1.75em 1fr !important; color: #858890 !important; }
.blp-app__settings-launch:hover { color: #d5d7dc !important; background: rgba(255,255,255,.035) !important; }
.blp-app__settings-launch > span { display: grid; width: 1.75em; height: 1.75em; place-items: center; border-radius: .45em; background: #1b1c1e; }
.blp-app__open-carts [data-blp-next-up-list] { display: grid; min-height: 0; gap: .08em; overflow-y: auto; flex: 1 1 auto; align-content: start; scrollbar-width: thin; scrollbar-color: #333538 transparent; }
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a) { display: grid; grid-template-columns: .55em minmax(0, 1fr); gap: .58em; align-items: start; width: 100%; padding: .48em .68em; border-radius: .5em; color: #898b92; }
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a):hover,
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a).is-active { background: rgba(255,255,255,.05); }
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a).is-being-helped:not(.is-active) { opacity: .58; }
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a).is-next i { background: var(--blp-green); box-shadow: 0 0 .65em rgba(131,206,103,.28); }
.blp-app__open-carts [data-blp-next-up-list] small b { color: #8f9299; font-weight: 520; }
.blp-app__open-carts [data-blp-next-up-list] > :is(button,a).is-active small b { color: #a7d997; }

.blp-app__order-menu-wrap { position: relative; }
.blp-app__order-menu-trigger { display: grid !important; width: 2em; height: 2em; padding: 0 !important; place-items: center; border-radius: .42em; }
.blp-app__order-menu { position: absolute; z-index: 18; top: calc(100% + .45em); right: 0; width: 12.5em; padding: .42em; border: var(--layoutBorderWidth, 1px) solid #323438; border-radius: .58em; background: #191a1c; box-shadow: 0 1.1em 3em rgba(0,0,0,.42); }
.blp-app__order-menu :is(button,a) { display: block; width: 100%; padding: .65em .72em; border-radius: .4em; color: #b6b9bf; }
.blp-app__order-menu :is(button,a):hover { background: #242629; }
.blp-app__order-menu :is(button,a).is-danger { color: #e58a8a; }

.blp-app__sale-header { min-height: 5.45em; align-items: center; }
.blp-app__sale-header .blp-app__sale-heading { width: 100%; gap: 1.15em; }
.blp-app__sale-customer { display: grid; min-width: 0; flex: 1; grid-template-columns: 3.2em minmax(10em, 1fr) auto; align-items: center; gap: .72em; }
.blp-app__sale-customer .blp-app__customer-name { min-width: 0; text-align: left; }
.blp-app__sale-customer .blp-app__customer-name strong,
.blp-app__sale-customer .blp-app__customer-name small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__sale-customer .blp-app__ai-customer-facts { justify-self: end; padding-right: .2em; }
.blp-app__ai { padding-top: 2.45em; }
.blp-app__checkout-sale.is-readonly .blp-app__cart { opacity: .68; }
.blp-app__checkout-sale.is-readonly :is(button,a):disabled,
.blp-app__checkout-sale.is-readonly input:disabled { cursor: not-allowed; }
.blp-app__line-actions :is(button,a):last-child.is-active svg { fill: currentColor; stroke: currentColor; }
.blp-app__line-actions :is(button,a):disabled { cursor: not-allowed; opacity: .32; }
.blp-app__checkout-tenders :is(button,a).is-unavailable { filter: saturate(.35); }

.blp-app__payment > section { width: min(48em, 84%); max-height: 88%; padding: 1.55em; overflow-y: auto; text-align: left; }
.blp-app__payment-heading { display: grid; grid-template-columns: 2.8em minmax(0, 1fr) auto; gap: .85em; align-items: center; padding: .25em 2.3em 1em 0; border-bottom: var(--layoutBorderWidth, 1px) solid #2a2c30; }
.blp-app__payment-heading > span { display: grid; width: 2.8em; height: 2.8em; place-items: center; border-radius: .58em; color: #c5bbfa; background: rgba(117,102,176,.18); }
.blp-app__payment-heading p { color: #777a82; font-size: .78em; letter-spacing: .06em; text-transform: uppercase; }
.blp-app__payment-heading h3 { margin: .08em 0 0; color: #e0e2e6; }
.blp-app__payment-heading > strong { color: #eceef1; font-size: 1.6em; font-weight: 540; }
.blp-app__payment-chooser { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7em; padding-top: 1em; }
.blp-app__payment-chooser > :is(button,a) { padding: 1em; border: var(--layoutBorderWidth, 1px) solid #33353a; border-radius: .62em; color: #d1d3d8; background: #1b1c1f; font-weight: 550; }
.blp-app__payment-chooser > :is(button,a):hover { border-color: #4b4d54; background: #222327; }
.blp-app__payment-chooser small { display: block; margin-top: .18em; color: #74777e; font-weight: 400; }
.blp-app__cash-payment { display: grid; grid-template-columns: minmax(0, 1fr) 15em; gap: .8em 1em; padding-top: 1em; }
.blp-app__cash-summary { padding: 1.1em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .64em; background: #191a1d; }
.blp-app__cash-summary span, .blp-app__cash-summary strong, .blp-app__cash-summary small { display: block; }
.blp-app__cash-summary span { color: #777a82; }
.blp-app__cash-summary strong { margin-top: .25em; color: #eef0f3; font-size: 2.2em; font-weight: 520; letter-spacing: -.04em; }
.blp-app__cash-summary small { margin-top: .35em; color: #9fd58c; }
.blp-app__cash-presets { display: flex; grid-column: 1; flex-wrap: wrap; gap: .45em; align-content: start; }
.blp-app__cash-presets :is(button,a) { padding: .6em .75em; border: var(--layoutBorderWidth, 1px) solid #34363b; border-radius: .48em; color: #bfc2c7; background: #1d1e21; }
.blp-app__keypad { display: grid; grid-row: 1 / span 2; grid-column: 2; grid-template-columns: repeat(3, 1fr); gap: .38em; }
.blp-app__keypad :is(button,a) { display: grid; min-height: 3.15em; place-items: center; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .45em; color: #d3d5da; background: #1d1e21; text-align: center; }
.blp-app__keypad :is(button,a):hover { background: #292a2e; }
.blp-app__payment-complete { min-height: 3em; padding: .65em 1em; border-radius: .52em; color: #111411 !important; background: var(--blp-green) !important; font-weight: 620 !important; text-align: center !important; }
.blp-app__payment-complete:disabled { cursor: wait; filter: grayscale(.8); opacity: .4; }
.blp-app__cash-payment > .blp-app__payment-complete { grid-column: 1 / -1; }
.blp-app__debit-payment, .blp-app__ach-payment, .blp-app__points-payment { padding-top: 1em; }
.blp-app__reader-state, .blp-app__ach-status { display: flex; align-items: center; gap: .7em; padding: .7em .85em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .55em; background: #191a1c; }
.blp-app__reader-state > i, .blp-app__ach-status > i { width: .56em; height: .56em; flex: 0 0 auto; border-radius: 50%; background: #e5bd5c; box-shadow: 0 0 .6em rgba(229,189,92,.2); }
.blp-app__reader-state.is-approved > i, .blp-app__ach-status.is-approved > i { background: var(--blp-green); box-shadow: 0 0 .65em rgba(131,206,103,.28); }
.blp-app__reader-state strong, .blp-app__reader-state small, .blp-app__ach-status strong, .blp-app__ach-status small { display: block; }
.blp-app__reader-state strong, .blp-app__ach-status strong { color: #c9ccd1; font-weight: 520; }
.blp-app__reader-state small, .blp-app__ach-status small { margin-top: .08em; color: #777a82; }
.blp-app__debit-amount { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55em; margin: .7em 0; }
.blp-app__debit-amount > span { padding: .7em; border: var(--layoutBorderWidth, 1px) solid #292b2f; border-radius: .5em; color: #777a82; }
.blp-app__debit-amount strong { display: block; margin-top: .2em; color: #d9dbe0; font-size: 1.2em; font-weight: 530; }
.blp-app__debit-payment ol { display: grid; gap: .48em; margin: .75em 0; padding: 0; list-style: none; }
.blp-app__debit-payment li { display: grid; grid-template-columns: 1.8em 1fr; gap: .62em; align-items: start; padding: .58em .7em; border-radius: .5em; background: #1a1b1e; }
.blp-app__debit-payment li > i { display: grid; width: 1.8em; height: 1.8em; place-items: center; border-radius: 50%; color: #bfb8e8; background: rgba(117,102,176,.18); font-style: normal; }
.blp-app__debit-payment li strong, .blp-app__debit-payment li small { display: block; }
.blp-app__debit-payment li strong { color: #c7c9ce; font-weight: 520; }
.blp-app__debit-payment li small { margin-top: .1em; color: #7c7f86; }
.blp-app__ach-layout { display: grid; grid-template-columns: 13em 1fr; gap: 1.3em; align-items: center; margin-bottom: 1em; }
.blp-app__ach-layout h4 { margin: 0 0 .35em; color: #d9dbe0; }
.blp-app__ach-layout p { margin-bottom: .85em; line-height: 1.5; }
.blp-app__qr { position: relative; width: 13em; aspect-ratio: 1; padding: 1em; border-radius: .65em; background: #f2f2f0; }
.blp-app__qr::before { position: absolute; inset: 1em; background: repeating-conic-gradient(#111 0 25%, transparent 0 50%) 0 0 / 1.5em 1.5em, repeating-linear-gradient(35deg, transparent 0 .55em, #111 .55em .95em, transparent .95em 1.45em); content: ''; }
.blp-app__qr i { position: absolute; z-index: 1; inset: 4.65em; border: .75em solid #f2f2f0; border-radius: .25em; background: #111; }
.blp-app__points-balance { padding: .85em 1em; border-radius: .55em; background: #191a1d; }
.blp-app__points-balance strong { color: #e0e3e7; font-size: 1.35em; }
.blp-app__points-payment [data-blp-eligible-redemptions] { display: grid; gap: .5em; margin: .75em 0; }
.blp-app__points-payment [data-blp-eligible-redemptions] > :is(button,a) { display: grid; grid-template-columns: 2.3em minmax(0, 1fr) auto; gap: .72em; align-items: center; width: 100%; padding: .72em .8em; border: var(--layoutBorderWidth, 1px) solid #303237; border-radius: .55em; background: #1a1b1e; }
.blp-app__points-payment [data-blp-eligible-redemptions] > :is(button,a).is-selected { border-color: rgba(131,206,103,.38); background: rgba(75,127,60,.13); }
.blp-app__redemption-star { display: grid; width: 2.3em; height: 2.3em; place-items: center; border-radius: .48em; color: #a193f2; background: rgba(117,102,176,.15); }
.blp-app__points-payment [data-blp-eligible-redemptions] > :is(button,a).is-selected .blp-app__redemption-star { color: #a8dd97; background: rgba(75,127,60,.18); }
.blp-app__points-payment [data-blp-eligible-redemptions] strong, .blp-app__points-payment [data-blp-eligible-redemptions] small { display: block; }
.blp-app__points-payment [data-blp-eligible-redemptions] strong { color: #d1d3d8; font-weight: 520; }
.blp-app__points-payment [data-blp-eligible-redemptions] small { color: #74777e; }
.blp-app__points-payment [data-blp-eligible-redemptions] b { color: #a8dd97; font-weight: 520; white-space: nowrap; }
.blp-app__payment-back { width: 100%; padding: .7em; color: #8c8f96 !important; text-align: center !important; }
.blp-app__receipt { padding: 1.5em 1em .5em; text-align: center; }
.blp-app__receipt-check { display: grid; width: 4em; height: 4em; margin: 0 auto .7em; place-items: center; border-radius: 50%; color: #b7e5a8; background: rgba(76,132,59,.2); font-size: 1.35em; }
.blp-app__receipt > div { display: flex; max-width: 22em; justify-content: space-between; margin: 1em auto; padding: .75em; border: var(--layoutBorderWidth, 1px) solid #303236; border-radius: .5em; }
.blp-app__receipt footer { display: flex; justify-content: center; gap: .6em; }
.blp-app__receipt footer :is(button,a) { padding: .68em 1em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .5em; color: #b9bbc1; }
.blp-app__transaction-row [data-blp-reprint] { justify-self: end; padding: .38em .58em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .4em; color: #9da0a7; }

.blp-app__confirm { position: absolute; z-index: 46; inset: 0; display: grid; place-items: center; }
.blp-app__confirm > :is(button,a) { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(4,5,6,.76); backdrop-filter: blur(6px); }
.blp-app__confirm > section { position: relative; z-index: 1; width: min(30em, 70%); padding: 1.6em; border: var(--layoutBorderWidth, 1px) solid #3a3032; border-radius: .78em; background: #1a1b1d; box-shadow: 0 1.5em 5em rgba(0,0,0,.5); text-align: center; }
.blp-app__confirm > section > span { display: grid; width: 3em; height: 3em; margin: 0 auto .7em; place-items: center; border-radius: 50%; color: #e59a9a; background: rgba(148,66,66,.15); font-weight: 700; }
.blp-app__confirm h3 { margin: 0; color: #e0e2e5; }
.blp-app__confirm p { margin: .5em 0 1.1em; color: #858890; }
.blp-app__confirm footer { display: flex; justify-content: center; gap: .55em; }
.blp-app__confirm footer :is(button,a) { padding: .62em .85em; border: var(--layoutBorderWidth, 1px) solid #34363a; border-radius: .48em; color: #aeb1b6; }
.blp-app__confirm footer :is(button,a).is-danger { color: #fff; border-color: #8d4146; background: #7b3439; }

.blp-app__settings { position: absolute; z-index: 44; inset: 0; display: grid; grid-template-columns: min(18.2%, 200px) minmax(0, 1fr); color: #cdd0d5; background: #141516; }
.blp-app__settings > aside { display: flex; min-width: 0; flex-direction: column; padding: 1.2em .8em; border-right: var(--layoutBorderWidth, 1px) solid #26282b; background: #111213; }
.blp-app__settings > aside > .blp-app__settings-back { padding: .65em .72em; margin-bottom: .8em; border-radius: .46em; color: #b9bdc5; text-align: left; }
.blp-app__settings > aside > .blp-app__settings-back:hover { color: #e0e2e6; background: #1c1d20; }
.blp-app__settings > aside header { display: flex; align-items: center; gap: .65em; padding: .35em .55em 1.15em; }
.blp-app__settings > aside header span { display: grid; width: 2em; height: 2em; place-items: center; border-radius: .5em; background: #1c1d20; }
.blp-app__settings > aside header strong { font-size: 1.15em; font-weight: 560; }
.blp-app__settings > aside nav { display: grid; gap: .18em; }
.blp-app__settings > aside nav :is(button,a) { padding: .62em .72em; border-radius: .46em; color: #888b92; }
.blp-app__settings > aside nav :is(button,a):hover, .blp-app__settings > aside nav :is(button,a).is-active { color: #e0e2e6; background: #1c1d20; }
.blp-app__settings > aside > footer { display: grid; gap: .36em; margin-top: auto; }
.blp-app__settings > aside > footer :is(button,a) { padding: .65em .72em; color: #858890; text-align: left; }
.blp-app__settings > aside > footer :is(button,a):hover { color: #d7d9dd; }
.blp-app__settings > aside > footer .blp-app__settings-reset { color: #ca8387; text-decoration: underline; text-decoration-color: rgba(202,131,135,.42); text-underline-offset: .2em; }
.blp-app__settings > aside > footer .blp-app__settings-reset:hover { color: #efa4a8; text-decoration-color: currentColor; }
.blp-app__settings > main { min-width: 0; padding: 1.55em 2em 2.4em; overflow-y: auto; }
.blp-app__settings > main > header { display: flex; align-items: start; justify-content: space-between; padding-bottom: 1em; border-bottom: var(--layoutBorderWidth, 1px) solid #292b2e; }
.blp-app__settings > main > header span { color: #74777e; font-size: .78em; }
.blp-app__settings > main > header h2 { margin: .12em 0; color: #e1e3e7; font-size: 1.75em; font-weight: 540; letter-spacing: -.035em; }
.blp-app__settings > main > header p { margin: 0; color: #777a82; }
.blp-app__settings > main > header :is(button,a) { width: 2.2em; height: 2.2em; color: #777a82; text-align: center; }
.blp-app__settings-tabs { display: flex; gap: 1.35em; margin-bottom: 1.2em; border-bottom: var(--layoutBorderWidth, 1px) solid #292b2e; }
.blp-app__settings-tabs :is(button,a) { position: relative; padding: .85em .1em; color: #7d8087; }
.blp-app__settings-tabs :is(button,a).is-active { color: #e0e2e6; }
.blp-app__settings-tabs :is(button,a).is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: #c9cbd0; content: ''; }
.blp-app__settings-section-head { display: flex; align-items: end; justify-content: space-between; gap: 1em; margin-bottom: .8em; }
.blp-app__settings-section-head h3 { margin: 0; color: #d9dbe0; font-size: 1.15em; font-weight: 540; }
.blp-app__settings-section-head p { margin: .2em 0 0; color: #777a82; }
.blp-app__settings-section-head > span { color: #83b875; font-size: .82em; }
.blp-app__settings-section-head > :is(button,a) { padding: .58em .75em; border-radius: .46em; color: #d8d4ee; background: rgba(117,102,176,.24); }
.blp-app__reward-levels { display: grid; gap: .58em; }
.blp-app__reward-levels > article { display: grid; grid-template-columns: .65em 1.15fr 1fr 1fr 1fr; gap: .7em; align-items: end; padding: .78em; border: var(--layoutBorderWidth, 1px) solid #2d2f33; border-radius: .58em; background: #191a1c; }
.blp-app__reward-levels > article > span { width: .65em; height: 2.85em; border-radius: 99px; background: #719d68; }
.blp-app__reward-levels > article > span.is-gold { background: #bd9a4b; }
.blp-app__reward-levels > article > span.is-platinum { background: #8e94a4; }
.blp-app__reward-levels > article > span.is-ambassador { background: #9c79c4; }
.blp-app__reward-levels label { color: #777a82; font-size: .8em; }
.blp-app__reward-levels input, .blp-app__redemptions input { display: block; width: 100%; min-width: 0; height: 2.6em; margin-top: .3em; padding: 0 .65em; border: var(--layoutBorderWidth, 1px) solid #33353a; border-radius: .43em; outline: 0; color: #d1d3d8; background: #141517; }
.blp-app__redemption-head, .blp-app__redemptions > article { display: grid; grid-template-columns: 1.05fr 1.4fr .65fr 2em; gap: .65em; align-items: center; }
.blp-app__redemption-head { padding: 0 .78em .42em; color: #6f7279; font-size: .78em; text-transform: uppercase; letter-spacing: .045em; }
.blp-app__redemptions { display: grid; gap: .42em; }
.blp-app__redemptions > article { padding: .62em .78em; border: var(--layoutBorderWidth, 1px) solid #2d2f33; border-radius: .52em; background: #191a1c; }
.blp-app__redemptions > article > :is(button,a) { display: grid; width: 2em; height: 2em; place-items: center; border-radius: 50%; color: #9e7478; background: rgba(134,67,72,.11); text-align: center; }
.blp-app__builder-grid.is-disabled { opacity: .42; }

.blp-app-standalone { overflow: hidden; border-radius: 1em; }
.blp-app-standalone > .blp-app__ai { padding: 0; }

/* Guided demo and training */
.blp-app__guide {
    position: relative;
    z-index: 60;
    contain: layout paint;
    display: none;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain;
    flex-direction: column;
    border-left: var(--layoutBorderWidth, 1px) solid #1b1d20;
    color: #cfd2d9;
    background: #050506;
    box-shadow: -18px 0 42px rgba(0,0,0,.22);
    font-size: 14px;
    line-height: 1.45;
}
.blp-app__guide :is(button,a), .blp-app__guide textarea { font-size: inherit; }
.blp-app__guide-header { display: grid; min-height: 64px; grid-template-columns: 34px minmax(0,1fr) 34px; gap: 10px; align-items: center; padding: 10px 54px 10px 16px; border-bottom: 1px solid #1a1c20; background: #050506; }
.blp-app__guide-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(161,147,242,.28); border-radius: 10px; color: #bbb0f8; background: linear-gradient(145deg, rgba(130,111,224,.2), rgba(69,56,132,.1)); box-shadow: 0 0 24px rgba(113,94,213,.1); }
.blp-app__guide-header > span:nth-child(2) { min-width: 0; }
.blp-app__guide-header strong, .blp-app__guide-header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__guide-header strong { color: #e7e9ed; font-weight: 580; }
.blp-app__guide-header small { margin-top: 1px; color: #72757d; font-size: 11px !important; }
.blp-app__guide-header :is(button,a) { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #777b84; }
.blp-app__guide-header :is(button,a):hover { color: #e4e6eb; background: #0c0d0f; }
.blp-app__guide-header svg, .blp-app__guide-controls svg, .blp-app__guide-ask svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.blp-app__guide-home, .blp-app__guide-session { min-height: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #31343a transparent; }
.blp-app__guide-home { padding: 26px 16px 16px; }
.blp-app__guide-intro h2 { margin: 0 0 8px; color: #f0f1f3; font-size: 27px; font-weight: 540; line-height: 1.08; letter-spacing: -.035em; }
.blp-app__guide-intro p { margin: 0; color: #858890; font-size: 13px; }
.blp-app__guide-mode { display: grid; grid-template-columns: repeat(2,1fr); gap: 3px; margin: 22px 0 12px; padding: 3px; border: 1px solid #1c1e22; border-radius: 11px; background: #050506; }
.blp-app__guide-mode :is(button,a) { padding: 7px 5px; border-radius: 7px; color: #777a82; text-align: center; }
.blp-app__guide-mode :is(button,a).is-active { color: #eceef2; background: #0b0c0e; box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 1px 4px rgba(0,0,0,.5); }
.blp-app__guide-paths { display: grid; gap: 14px; }
.blp-app__guide-path { display: grid; width: 100%; gap: 7px; padding: 16px; border: 1px solid #1d1f23; border-radius: 12px; background: #070708; transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease; }
.blp-app__guide-path:hover { border-color: #303238; background: #0b0c0e; transform: translateY(-1px); }
.blp-app__guide-path > strong { color: #dfe1e6; font-weight: 560; }
.blp-app__guide-path > span { color: #777a82; font-size: 12px; line-height: 1.45; }
.blp-app__guide-path > small { color: #5f636b; font-size: 10px !important; letter-spacing: .06em; text-transform: uppercase; }
.blp-app__guide-path > .blp-app__guide-path-action { display: flex; width: 100%; min-height: 38px; margin-top: 7px; align-items: center; justify-content: center; border-radius: 9px; color: #fff; background: #3227ff !important; box-shadow: 0 8px 20px rgba(50,39,255,.2); font-weight: 650; text-align: center; transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
.blp-app__guide-path > .blp-app__guide-path-action:hover { background: #4036ff !important; box-shadow: 0 10px 24px rgba(50,39,255,.3); transform: translateY(-1px); }
.blp-app__guide-path > .blp-app__guide-path-action:active { transform: translateY(0) scale(.99); }
.blp-app__guide-path > .blp-app__guide-path-action:focus-visible { outline: 2px solid #a8c7ff; outline-offset: 2px; }
.blp-app__guide-session { display: flex; flex-direction: column; padding: 18px 16px 14px; }
.blp-app__guide-transcript { display: flex; min-height: 190px; flex: 1; flex-direction: column; gap: 24px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 5px 18px 0; scrollbar-width: thin; scrollbar-color: #303238 transparent; }
.blp-app__guide-message { display: block; width: 100%; max-width: 96%; padding: 0; border: 0; border-radius: 0; color: #e3e4e7; background: transparent; font-size: 15px; line-height: 1.58; animation: blp-guide-message-in 260ms ease both; }
.blp-app__guide-message.is-current { background: transparent; }
.blp-app__guide-message.is-user { display: block; width: auto; max-width: 88%; align-self: end; padding: 11px 13px; border: 0; border-radius: 15px 15px 4px 15px; color: #eceef1; background: #202226; }
.blp-app__guide-message p { margin: 0; border-radius: 5px; transition: color 140ms ease, background-color 140ms ease, box-shadow 140ms ease; }
.blp-app__guide-message[data-blp-guide-message] { cursor: pointer; }
.blp-app__guide-message[data-blp-guide-message]:focus-visible { outline: 0; }
.blp-app:not(.is-guide-running) .blp-app__guide-message[data-blp-guide-message]:hover p,
.blp-app.is-guide-paused .blp-app__guide-message[data-blp-guide-message]:hover p,
.blp-app__guide-message[data-blp-guide-message].is-previewing p,
.blp-app__guide-message[data-blp-guide-message]:focus-visible p { color: #fff; background: rgba(87,120,255,.1); box-shadow: 0 0 0 5px rgba(87,120,255,.1); }
.blp-app__guide-message[data-blp-guide-message].is-replaying p { color: #fff; }
.blp-app__guide-word { display: inline-block; white-space: pre-wrap; animation: blp-guide-word-in 180ms cubic-bezier(.2,.72,.25,1) both; }
.blp-app__guide-message :is(button,a) { display: inline-flex; margin-top: 8px; align-items: center; gap: 5px; color: #b7acf6; font-size: 12px; }
.blp-app__guide-followups { display: flex; width: 100%; max-width: 96%; flex-wrap: wrap; gap: 8px; padding: 1px 0 5px; animation: blp-guide-message-in 260ms ease both; }
.blp-app__guide-followups > span { width: 100%; color: #747780; font-size: 11px; }
.blp-app__guide-followups > :is(button,a) { display: inline-flex; min-height: 34px; margin: 0; padding: 7px 11px; align-items: center; border: 1px solid #292c32 !important; border-radius: 99px; color: #d6d8de; background: #0a0b0d !important; font-size: 12px; line-height: 1.25; }
.blp-app__guide-followups > :is(button,a):hover { border-color: #515866 !important; color: #fff; background: #101217 !important; }
.blp-app__guide-followups > :is(button,a):focus-visible { outline: 2px solid #829eff; outline-offset: 2px; }
.blp-app__guide-approval { margin-top: 6px; padding: 12px; border: 1px solid rgba(161,147,242,.25); border-radius: 12px; background: rgba(81,68,143,.12); }
.blp-app__guide-approval > strong { color: #ddd9f3; font-weight: 540; }
.blp-app__guide-approval > div { display: flex; gap: 7px; margin-top: 10px; }
.blp-app__guide-approval :is(button,a) { padding: 7px 10px; border: 1px solid #383442 !important; border-radius: 8px; color: #aba5c8; background: #1b1920 !important; }
.blp-app__guide-approval :is(button,a):first-child { color: #17151d; border-color: #a99ff0 !important; background: #aaa0ef !important; font-weight: 600; }
.blp-app__guide-timeline { position: relative; z-index: 3; display: grid; width: 100%; gap: 6px; margin: 0 0 12px; padding: 10px 11px 8px; border: 1px solid #1c1e23; border-radius: 11px; background: #08090a; box-shadow: inset 0 1px rgba(255,255,255,.018); pointer-events: auto; }
.blp-app__guide-timeline input[type="range"] { --blp-guide-seek-progress: 0%; display: block; width: 100%; max-width: none; height: 20px; margin: 0; padding: 0; appearance: none; border: 0; outline: 0; background: transparent; cursor: ew-resize; pointer-events: auto; touch-action: none; }
.blp-app__guide-timeline input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 5px; border-radius: 99px; background: linear-gradient(90deg, #a99bf5 0 var(--blp-guide-seek-progress), #25272d var(--blp-guide-seek-progress) 100%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); }
.blp-app__guide-timeline input[type="range"]::-webkit-slider-thumb { width: 14px; height: 14px; margin-top: -4.5px; appearance: none; border: 2px solid #f3f1ff; border-radius: 50%; background: #a99bf5; box-shadow: 0 0 0 3px rgba(169,155,245,.14), 0 3px 10px rgba(0,0,0,.5); transition: transform 120ms ease; }
.blp-app__guide-timeline input[type="range"]:hover::-webkit-slider-thumb,
.blp-app__guide-timeline input[type="range"]:focus-visible::-webkit-slider-thumb { transform: scale(1.12); }
.blp-app__guide-timeline input[type="range"]::-moz-range-track { width: 100%; height: 5px; border-radius: 99px; background: #25272d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); }
.blp-app__guide-timeline input[type="range"]::-moz-range-progress { height: 5px; border-radius: 99px; background: #a99bf5; }
.blp-app__guide-timeline input[type="range"]::-moz-range-thumb { width: 11px; height: 11px; border: 2px solid #f3f1ff; border-radius: 50%; background: #a99bf5; box-shadow: 0 0 0 3px rgba(169,155,245,.14), 0 3px 10px rgba(0,0,0,.5); }
.blp-app__guide-timeline input[type="range"]:focus-visible { border-radius: 99px; box-shadow: 0 0 0 2px rgba(169,155,245,.35); }
.blp-app__guide-time { display: flex; min-width: 7.5em; align-items: center; justify-content: flex-end; gap: 4px; color: #858891; font-size: 11px; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; }
.blp-app__guide-time i { color: #4f525a; font-style: normal; }
.blp-app__guide-section-label { display: flex; width: 100%; align-items: center; gap: 10px; margin: 3px 0 -8px; color: #6f727a; font-size: 10px; font-weight: 580; letter-spacing: .035em; text-align: center; }
.blp-app__guide-section-label::before,
.blp-app__guide-section-label::after { height: 1px; flex: 1; background: #202228; content: ''; }
.blp-app__guide-section-label span { max-width: 72%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blp-app__guide-controls { display: grid; grid-template-columns: 36px minmax(0,1fr) 36px 36px 36px; gap: 7px; margin-bottom: 17px; }
.blp-app__guide-controls :is(button,a) { display: flex; min-height: 36px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #202227 !important; border-radius: 9px; color: #8a8e96; background: #080809 !important; text-align: center; }
.blp-app__guide-controls :is(button,a):hover { color: #f0f1f3; border-color: #41444c !important; }
.blp-app__guide-controls :is(button,a).is-primary { color: #16151b; border-color: #a89dee !important; background: #a89dee !important; font-weight: 620; }
.blp-app__guide-controls :is(button,a).is-muted { color: #d7d9de; background: #111216 !important; }
.blp-app__guide-controls :is(button,a):disabled { cursor: default; opacity: .3; }
.blp-app__guide-takeover { margin: -7px 0 12px; color: #88bc79; font-size: 11px; text-align: center; }
.blp-app__guide-ask { display: grid; grid-template-columns: minmax(0,1fr) 34px 34px; gap: 8px; align-items: end; margin: 0 12px 12px; padding: 7px; border: 1px solid #1d1f23; border-radius: 12px; background: #070708; }
.blp-app__guide-ask label { min-width: 0; }
.blp-app__guide-ask textarea { display: block; width: 100%; min-height: 34px; max-height: 78px; resize: none; border: 0; outline: 0; color: #cfd2d8; background: transparent; line-height: 1.38; }
.blp-app__guide-ask textarea::placeholder { color: #676a72; }
.blp-app__guide-ask > :is(button,a) { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #d8d3f3; background: rgba(117,102,176,.24); }
.blp-app__guide-ask > .blp-app__guide-mic { color: #8d919a; border: 1px solid #24272c; background: #0b0c0e; transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
.blp-app__guide-ask > .blp-app__guide-mic:hover { color: #e5e7eb; border-color: #3a3e46; }
.blp-app__guide-ask > .blp-app__guide-mic.is-listening { color: #fff; border-color: rgba(171,151,255,.7); background: #796be0; box-shadow: 0 0 0 4px rgba(130,111,224,.13), 0 0 18px rgba(116,93,224,.32); animation: blp-guide-mic-pulse 1.25s ease-in-out infinite; }
.blp-app__guide-ask > .blp-app__guide-mic:disabled { cursor: not-allowed; opacity: .32; }
.blp-app__guide-message.is-thinking p { color: #777b84; animation: blp-guide-thinking 1.2s ease-in-out infinite; }
.blp-app__guide-lock { position: absolute; z-index: 55; inset: 0; cursor: url("assets/guide-playing-cursor.svg") 3 2, default; }
.blp-app__guide-spotlight { position: absolute; z-index: 57; top: var(--blp-guide-top,0); left: var(--blp-guide-left,0); width: var(--blp-guide-width,10px); height: var(--blp-guide-height,10px); border: 1px solid rgba(183,166,255,.48); border-radius: max(9px,var(--blp-guide-radius,9px)); box-shadow: 0 0 13px 3px rgba(183,166,255,.58), 0 0 36px 11px rgba(142,115,255,.34), 0 0 64px 20px rgba(112,86,235,.16), inset 0 0 18px rgba(183,166,255,.08), 0 0 0 9999px rgba(1,2,3,.82); pointer-events: none; transition: border-color 160ms ease, box-shadow 160ms ease, opacity 180ms ease; }
.blp-app__guide-spotlight > i { position: absolute; z-index: 2; top: var(--blp-guide-pointer-y,18px); left: var(--blp-guide-pointer-x,18px); display: block; width: 36px; height: 44px; color: #090a0d; filter: drop-shadow(0 2px 1px rgba(0,0,0,.9)) drop-shadow(0 0 4px rgba(187,166,255,1)) drop-shadow(0 0 13px rgba(137,108,255,.8)); transition: opacity 120ms ease; animation: blp-guide-pointer-sweep 2.8s cubic-bezier(.22,.75,.22,1) both; }
.blp-app__guide-spotlight > i svg { display: block; width: 100%; height: 100%; overflow: visible; fill: currentColor; stroke: #fbfcff; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; paint-order: stroke fill; }
.blp-app__guide-spotlight.is-traveling { border-color: transparent; box-shadow: none; }
.blp-app__guide-spotlight.is-relocating > i { animation: blp-guide-pointer-relocate 440ms cubic-bezier(.2,.78,.25,1) both; }
.blp-app.is-guide-paused .blp-app__guide-spotlight { display: none; }
.blp-app__guide-answer-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.blp-app__guide-answer-actions :is(button,a) { padding: 5px 8px; border: 1px solid #3c374f !important; border-radius: 7px; background: rgba(117,102,176,.13) !important; }
.blp-app-figure.is-demo-expanded .blp-app__guide { display: flex; }
.blp-app-figure.is-demo-expanded > .blp-app { --blp-type-small: 1em; }

@keyframes blp-guide-message-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes blp-guide-word-in { from { opacity: .12; filter: blur(1.5px); transform: translateY(1px); } to { opacity: 1; filter: blur(0); transform: none; } }
@keyframes blp-guide-pointer-sweep {
    0% { opacity: 1; transform: translate3d(0,0,0); }
    12% { opacity: 1; transform: translate3d(0,0,0); }
    78% { opacity: 1; transform: translate3d(var(--blp-guide-pointer-travel-x,0px),0,0); }
    100% { opacity: 1; transform: translate3d(var(--blp-guide-pointer-travel-x,0px),0,0); }
}
@keyframes blp-guide-pointer-relocate {
    from { opacity: 1; transform: translate3d(var(--blp-guide-pointer-from-x,0px),var(--blp-guide-pointer-from-y,0px),0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes blp-guide-mic-pulse { 0%,100% { box-shadow: 0 0 0 3px rgba(130,111,224,.1), 0 0 14px rgba(116,93,224,.24); } 50% { box-shadow: 0 0 0 7px rgba(130,111,224,.03), 0 0 22px rgba(116,93,224,.42); } }
@keyframes blp-guide-thinking { 0%,100% { opacity: .48; } 50% { opacity: .9; } }

@media (max-width: 1180px) {
    .blp-app-figure.is-demo-expanded > .blp-app { grid-template-columns: minmax(0,1fr) 320px; }
    .blp-app-figure.is-demo-expanded .blp-app__app-panel { grid-template-columns: 205px minmax(0,1fr); }
    .blp-app-figure.is-demo-expanded .blp-app__sidebar-footer { width: 205px; }
}

/* Preserve a full 1024px application canvas until the viewport can hold both
   the application and the docked guide. The guide becomes an overlay in the
   narrower full-screen range, with surfaces only where they aid interaction. */
@media (max-width: 1347px) {
    .blp-app-figure.is-demo-expanded { overflow-x: auto; }
    .blp-app-figure.is-demo-expanded > .blp-app {
        position: relative;
        width: 100% !important;
        min-width: 1024px;
        grid-template-columns: minmax(1024px,1fr) !important;
        font-size: 12px;
        --blp-type-small: 14px;
    }
    .blp-app-figure.is-demo-expanded .blp-app__app-panel {
        min-width: 1024px;
        grid-template-columns: clamp(205px,17vw,250px) minmax(0,1fr);
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide {
        position: absolute;
        z-index: 80;
        top: 0;
        right: 0;
        bottom: 0;
        width: clamp(320px,38vw,390px);
        height: 100%;
        contain: layout;
        border-left: 0;
        background: transparent;
        box-shadow: none;
        pointer-events: none;
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide-header {
        border-bottom: 0;
        background: transparent;
        pointer-events: auto;
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide-home,
    .blp-app-figure.is-demo-expanded .blp-app__guide-session,
    .blp-app-figure.is-demo-expanded .blp-app__guide-transcript,
    .blp-app-figure.is-demo-expanded .blp-app__guide-ask {
        pointer-events: auto;
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide-home,
    .blp-app-figure.is-demo-expanded .blp-app__guide-session {
        background: transparent;
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide-message:not(.is-user) {
        width: auto;
        max-width: 94%;
        padding: 12px 14px;
        border: 1px solid rgba(255,255,255,.11);
        border-radius: 4px 15px 15px 15px;
        background: rgba(5,5,6,.88);
        box-shadow: 0 12px 30px rgba(0,0,0,.25);
        backdrop-filter: blur(14px);
    }
    .blp-app-figure.is-demo-expanded .blp-app__guide-section-label {
        width: auto;
        max-width: 94%;
        padding: 4px 9px;
        border-radius: 99px;
        background: rgba(5,5,6,.78);
        backdrop-filter: blur(12px);
    }
}

@keyframes blp-spin { to { transform: rotate(360deg); } }
@keyframes blp-toast-in { from { opacity: 0; transform: translateY(1em); } to { opacity: 1; transform: none; } }
@keyframes blp-row-in { from { opacity: 0; transform: translateY(-.8em); } to { opacity: 1; transform: none; } }
@keyframes blp-fade-away { to { opacity: 0; transform: translateY(-1em); filter: blur(5px); } }
@keyframes blp-drawer-in { from { opacity: 0; transform: translateX(2.5em); } to { opacity: 1; transform: none; } }
@keyframes blp-agent-pulse { 0%,100% { opacity: .55; transform: scale(.82); } 50% { opacity: 1; transform: scale(1); } }

@media (max-width: 920px) {
    .blp-app { grid-template-columns: minmax(0, 1fr); aspect-ratio: 11 / 6; font-size: 6px; }
    .blp-app__app-panel { grid-template-columns: min(18.2%, 200px) minmax(0, 1fr); }
    .blp-app__checkout-sale { grid-template-columns: minmax(0, 58%) minmax(0, 42%); }
    .blp-app__checkout-main { padding-inline: 1.6em; }
    .blp-app__ai { padding-right: 1em; }
    .blp-app__recommendation { grid-template-columns: 4.7em 1fr; }
    .blp-app__recommendation-image { width: 4.7em; height: 4.7em; }
    .blp-app__recommendation em { display: none; }
}
@media (max-width: 620px) {
    .blp-app-figure { overflow-x: auto; border-radius: 10px; }
    .blp-app { width: 900px; max-width: none; aspect-ratio: 8 / 5; font-size: 6px; }
    .blp-app-figure > figcaption { position: sticky; left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .blp-app *, .blp-app *::before, .blp-app *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Shared customer-facing order screen. */
.blp-customer-screen{height:100vh;padding:38px 45px;background:radial-gradient(ellipse at top left,#243328,#101715 65%)}[hidden]{display:none!important}.blp-customer-screen header{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #ffffff1a}.blp-customer-screen header img{width:245px}.blp-customer-screen header span,.blp-customer-screen p{letter-spacing:2px;font-size:13px;color:#b3c5a3}.blp-customer-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;padding-top:35px}.blp-customer-screen h1{font-size:34px;font-weight:500;margin:10px 0 28px}.blp-customer-screen aside{border:1px solid #ffffff15;padding:24px;border-radius:18px;background:#ffffff04}.blp-customer-screen article{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff15}.blp-customer-screen article img{width:58px;height:75px;object-fit:contain}.blp-customer-screen article div{flex:1}.blp-customer-screen article strong{font-size:20px}.blp-customer-screen small{display:block;color:#a8b5aa;font-size:14px;margin-top:8px}.blp-customer-screen :is(button,a){border:1px solid #687759;border-radius:9px;background:#223125;color:#eff4e9;padding:14px 18px;font:600 17px Arial;cursor:pointer;margin:6px 4px 6px 0}.blp-customer-screen :is(button,a)[aria-pressed=true]{background:#b4de7b;color:#182216;border-color:#b4de7b}.blp-customer-screen fieldset{border:0;margin:18px 0 0;padding:0}.blp-customer-screen legend{font-size:18px;margin-bottom:10px}.blp-customer-screen input{font:20px Arial;width:130px;padding:10px;background:#eee;color:#111;border-radius:6px;border:0}.blp-customer-screen dl{margin:18px 0}.blp-customer-screen dl>div{display:flex;justify-content:space-between;margin:14px 0;font-size:18px}.blp-customer-screen dd{margin:0}.blp-customer-screen dl>div:last-child{font-size:29px;border-top:1px solid #ffffff22;padding-top:18px}.blp-customer-screen footer{position:absolute;bottom:18px;font-size:11px;letter-spacing:1px;color:#8a9a8d}.blp-customer-screen [data-customer-status]{display:block;margin-top:18px;color:#b4de7b}

.blp-app__app-panel>.blp-customer-screen{position:absolute;inset:0;width:100%;z-index:80;overflow:auto}

.blp-app__approval-list [data-approval-record]{font-size:1em;color:#accb99;padding-top:10px;border-top:1px solid #6a815633}.blp-app__approval-list [data-decision]{border-color:#617a50}.blp-app__approval-list :is(button,a)[hidden]{display:none}.blp-app__approval-list :is(button,a):disabled{opacity:.45;cursor:default}
.blp-app__transaction-open{font:inherit;color:inherit!important;background:none!important;border:0!important;padding:0!important;text-align:left!important}.blp-app__transaction-open:hover strong{color:#bbe58d}.blp-app [data-blp-receipt-lines]{width:100%;display:block!important;padding:12px 0!important}.blp-app [data-blp-receipt-lines] p{display:flex;justify-content:space-between;gap:20px;margin:7px 0;font-size:12px;text-align:left}.blp-app__payment>section{max-height:90vh;overflow:auto}

/* Customer terminal styles mirrored from server/website/pos/terminal/css.css.
   Only outer scope, host sizing, demo controls and narrow-screen fitting differ. */
.blp-app .blp-kiosk {
  --green: #8bd832;
  --green-2: #69b820;
  --green-soft: rgba(139, 216, 50, 0.14);
  --panel: rgba(17, 22, 22, 0.88);
  --panel-2: rgba(10, 14, 14, 0.94);
  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.07);
  --text: #f5f7f4;
  --muted: rgba(245, 247, 244, 0.64);
  --muted-2: rgba(245, 247, 244, 0.42);
  --danger: #ff6969;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  container-type: inline-size;
  overflow: hidden;
  background: radial-gradient(circle at 20% 0%, rgba(139, 216, 50, 0.11), transparent 30%), radial-gradient(circle at 80% 20%, rgba(139, 216, 50, 0.06), transparent 35%), linear-gradient(135deg, #050706 0%, #0b0f0e 45%, #030504 100%);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  user-select: none;
  touch-action: manipulation;
}
.blp-app .blp-kiosk * {
  box-sizing: border-box;
}
.blp-app .blp-kiosk :is(button,a) {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}
.blp-app .blp-kiosk .empty-order {
  flex: 1;
  min-height: 0;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  padding: clamp(24px, 3vw, 46px);
  color: var(--muted);
}
.blp-app .blp-kiosk .empty-order-icon {
  width: clamp(68px, 6vw, 92px);
  height: clamp(68px, 6vw, 92px);
  margin: 0 auto 18px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
}
.blp-app .blp-kiosk .empty-order-title {
  color: var(--text);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 950;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 12px;
}
.blp-app .blp-kiosk .empty-order-subtitle {
  max-width: 520px;
  margin: 0 auto;
  color: var(--muted);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.35;
}
.blp-app .blp-kiosk .terminal-shell {
  width: 100%;
  height: 100%;
  padding: clamp(18px, 2.4vw, 38px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: clamp(12px, 1.35vw, 20px);
}
.blp-app .blp-kiosk .terminal-top {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 22px;
  min-height: 68px;
}
.blp-app .blp-kiosk .brand {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
}
.blp-app .blp-kiosk .brand-logo {
  display: block;
  width: auto;
  height: clamp(34px, 4.1vw, 60px);
  max-width: min(44vw, 560px);
  object-fit: contain;
}
.blp-app .blp-kiosk .brand-mark {
  width: clamp(40px, 4vw, 58px);
  height: clamp(40px, 4vw, 58px);
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: clamp(30px, 3.5vw, 48px);
  line-height: 1;
}
.blp-app .blp-kiosk .brand-name {
  display: flex;
  align-items: baseline;
  gap: 12px;
  white-space: nowrap;
  letter-spacing: -0.04em;
  font-weight: 900;
  font-size: clamp(28px, 3.2vw, 48px);
}
.blp-app .blp-kiosk .brand-name span:last-child {
  color: var(--green);
}
.blp-app .blp-kiosk .greeting {
  font-size: clamp(22px, 2.1vw, 32px);
  font-weight: 700;
  white-space: nowrap;
}
.blp-app .blp-kiosk .member-pill,
.blp-app .blp-kiosk .register-pill {
  height: clamp(46px, 4.4vw, 62px);
  padding: 0 clamp(16px, 1.8vw, 24px);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.blp-app .blp-kiosk .member-pill {
  font-size: clamp(17px, 1.45vw, 24px);
}
.blp-app .blp-kiosk .register-pill {
  font-size: clamp(17px, 1.45vw, 23px);
  font-weight: 800;
  cursor: pointer;
}
.blp-app .blp-kiosk .pill-icon {
  color: var(--green);
  font-size: 1.25em;
  line-height: 1;
}
.blp-app .blp-kiosk .connection-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--green);
  margin-right: 8px;
  box-shadow: 0 0 18px rgba(139, 216, 50, 0.5);
}
.blp-app .blp-kiosk .connection-dot.stale {
  background: #ffb547;
  box-shadow: 0 0 18px rgba(255, 181, 71, 0.45);
}
.blp-app .blp-kiosk .connection-dot.offline {
  background: var(--danger);
  box-shadow: 0 0 18px rgba(255, 105, 105, 0.45);
}
.blp-app .blp-kiosk .terminal-main {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: clamp(14px, 1.7vw, 24px);
}
.blp-app .blp-kiosk .panel {
  min-height: 0;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)), var(--panel);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
.blp-app .blp-kiosk .panel-inner {
  height: 100%;
  padding: clamp(22px, 2.3vw, 34px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.blp-app .blp-kiosk .panel-title {
  font-weight: 900;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  font-size: clamp(28px, 2.75vw, 42px);
  line-height: 1;
  margin-bottom: clamp(18px, 2vw, 28px);
}
.blp-app .blp-kiosk .order-list {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blp-app .blp-kiosk .order-item {
  min-height: 0;
  display: grid;
  grid-template-columns: clamp(92px, 9vw, 132px) minmax(0, 1fr) auto;
  gap: clamp(16px, 1.8vw, 28px);
  align-items: center;
  padding: clamp(13px, 1.5vw, 22px) 0;
  border-bottom: 1px solid var(--line-soft);
}
.blp-app .blp-kiosk .order-item:first-child {
  padding-top: 0;
}
.blp-app .blp-kiosk .order-item:last-child {
  border-bottom: 0;
}
.blp-app .blp-kiosk .item-image {
  width: clamp(92px, 9vw, 132px);
  height: clamp(82px, 8vw, 118px);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--line-soft);
  display: grid;
  place-items: center;
  transform: translateZ(0);
}
.blp-app .blp-kiosk .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blp-app .blp-kiosk .item-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--green);
  font-weight: 900;
  font-size: clamp(22px, 2.1vw, 32px);
  background: radial-gradient(circle at 50% 35%, rgba(139, 216, 50, 0.18), transparent 45%), rgba(255, 255, 255, 0.045);
}
.blp-app .blp-kiosk .item-main {
  min-width: 0;
}
.blp-app .blp-kiosk .item-name {
  color: var(--text);
  font-size: clamp(22px, 2.05vw, 32px);
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.blp-app .blp-kiosk .item-meta {
  color: var(--muted);
  font-size: clamp(17px, 1.45vw, 22px);
  display: flex;
  align-items: center;
  gap: 12px;
}
.blp-app .blp-kiosk .item-side {
  min-width: clamp(170px, 16vw, 230px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.blp-app .blp-kiosk .item-price {
  font-size: clamp(24px, 2.25vw, 34px);
  font-weight: 900;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.blp-app .blp-kiosk .redeem-button {
  min-width: clamp(132px, 11vw, 172px);
  height: clamp(46px, 4.2vw, 58px);
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--green), var(--green-2));
  color: #071005;
  font-size: clamp(19px, 1.7vw, 26px);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(139, 216, 50, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
.blp-app .blp-kiosk .redeem-button:active {
  transform: translateY(1px);
}
.blp-app .blp-kiosk .redeem-button[disabled] {
  opacity: 0.6;
  cursor: default;
  transform: none;
}
.blp-app .blp-kiosk .item-status {
  font-size: clamp(16px, 1.35vw, 21px);
  color: var(--muted);
  text-align: right;
}
.blp-app .blp-kiosk .item-status.eligible {
  color: var(--green);
}
.blp-app .blp-kiosk .item-status.redeemed {
  color: var(--green);
  font-weight: 800;
}
.blp-app .blp-kiosk .more-items {
  margin-top: auto;
  padding-top: 16px;
  color: var(--muted);
  font-size: clamp(16px, 1.3vw, 20px);
}
.blp-app .blp-kiosk .account-panel .panel-inner {
  justify-content: space-between;
}
.blp-app .blp-kiosk .account-grid {
  display: grid;
  gap: clamp(20px, 2vw, 30px);
}
.blp-app .blp-kiosk .account-stat {
  padding-bottom: clamp(18px, 1.7vw, 26px);
  border-bottom: 1px solid var(--line-soft);
}
.blp-app .blp-kiosk .stat-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: clamp(15px, 1.25vw, 20px);
  margin-bottom: 10px;
}
.blp-app .blp-kiosk .stat-value {
  color: var(--text);
  font-size: clamp(33px, 3.4vw, 58px);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 1;
}
.blp-app .blp-kiosk .stat-value.green {
  color: var(--green);
  text-shadow: 0 0 22px rgba(139, 216, 50, 0.16);
}
.blp-app .blp-kiosk .stat-value .unit {
  font-size: 0.46em;
  letter-spacing: -0.02em;
  margin-left: 6px;
  font-weight: 850;
}
.blp-app .blp-kiosk .level-row {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: clamp(26px, 2.4vw, 38px);
  font-weight: 900;
  letter-spacing: -0.04em;
}
.blp-app .blp-kiosk .level-icon {
  color: var(--green);
  font-size: 1.05em;
  line-height: 1;
}
.blp-app .blp-kiosk .progress-wrap {
  margin-top: 18px;
}
.blp-app .blp-kiosk .progress-track {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.11);
  overflow: hidden;
}
.blp-app .blp-kiosk .progress-fill {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--green), var(--green-2));
  transition: width 220ms ease;
}
.blp-app .blp-kiosk .progress-text {
  margin-top: 11px;
  font-size: clamp(16px, 1.3vw, 20px);
  color: var(--green);
  line-height: 1.35;
}
.blp-app .blp-kiosk .account-helper {
  margin-top: clamp(20px, 2vw, 30px);
  padding-top: clamp(18px, 1.7vw, 26px);
  border-top: 1px solid var(--line-soft);
  display: flex;
  gap: 13px;
  color: var(--muted);
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.4;
}
.blp-app .blp-kiosk .account-helper strong {
  color: var(--text);
}
.blp-app .blp-kiosk .helper-icon {
  color: var(--green);
  font-weight: 900;
  flex: 0 0 auto;
}
.blp-app .blp-kiosk .summary-bar {
  min-height: clamp(96px, 10vh, 126px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), var(--panel-2);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.28fr 1fr;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.blp-app .blp-kiosk .summary-cell {
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 clamp(18px, 2vw, 34px);
  border-right: 1px solid var(--line);
}
.blp-app .blp-kiosk .summary-cell:last-child {
  border-right: 0;
}
.blp-app .blp-kiosk .summary-label {
  font-size: clamp(17px, 1.45vw, 22px);
  color: var(--muted);
  margin-bottom: 8px;
}
.blp-app .blp-kiosk .summary-value {
  font-size: clamp(26px, 2.4vw, 40px);
  font-weight: 900;
  letter-spacing: -0.04em;
}
.blp-app .blp-kiosk .summary-value.green {
  color: var(--green);
}
.blp-app .blp-kiosk .summary-total {
  align-items: center;
  text-align: center;
}
.blp-app .blp-kiosk .summary-total .summary-label {
  color: var(--text);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}
.blp-app .blp-kiosk .summary-total .summary-value {
  font-size: clamp(44px, 5vw, 78px);
  line-height: 0.86;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.blp-app .blp-kiosk .summary-total .total-main-line {
  display: block;
  line-height: 0.86;
}
.blp-app .blp-kiosk .summary-total .total-tip-line {
  display: block;
  color: var(--green);
  font-size: clamp(17px, 1.35vw, 24px);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.02em;
  margin-top: -2px;
}
.blp-app .blp-kiosk .earn-cell {
  align-items: center;
  text-align: center;
}
.blp-app .blp-kiosk .idle-state,
.blp-app .blp-kiosk .terminal-loading {
  height: 100%;
  min-height: 320px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--muted);
}
.blp-app .blp-kiosk .terminal-loading {
  display: flex;
  justify-content: center;
  gap: 18px;
}
.blp-app .blp-kiosk .terminal-logo-mark {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  font-size: 28px;
  font-weight: 900;
}
.blp-app .blp-kiosk .terminal-loading-title,
.blp-app .blp-kiosk .idle-title {
  color: var(--text);
  font-size: clamp(28px, 3vw, 46px);
  font-weight: 900;
  letter-spacing: -0.04em;
}
.blp-app .blp-kiosk .terminal-loading-subtitle,
.blp-app .blp-kiosk .idle-subtitle {
  margin-top: 10px;
  font-size: clamp(18px, 1.55vw, 24px);
  color: var(--muted);
}
.blp-app .blp-kiosk .toast {
  position: absolute;
  left: 50%;
  bottom: clamp(18px, 2vw, 34px);
  transform: translateX(-50%) translateY(16px);
  opacity: 0;
  pointer-events: none;
  padding: 14px 20px;
  border-radius: 999px;
  background: rgba(16, 20, 20, 0.96);
  color: var(--text);
  border: 1px solid var(--line);
  font-size: 18px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  transition: all 180ms ease;
  z-index: 20;
}
.blp-app .blp-kiosk .toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.blp-app .blp-kiosk .toast.error {
  color: #ffd0d0;
  border-color: rgba(255, 105, 105, 0.35);
}
.blp-app .blp-kiosk .redeem-modal {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(8px);
  z-index: 10;
}
.blp-app .blp-kiosk .redeem-modal.open {
  display: grid;
}
.blp-app .blp-kiosk .redeem-card {
  width: min(560px, 88vw);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)), #0b0f0e;
  border: 1px solid var(--line);
  padding: 28px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}
.blp-app .blp-kiosk .redeem-title {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}
.blp-app .blp-kiosk .redeem-copy {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 24px;
}
.blp-app .blp-kiosk .redeem-copy strong {
  color: var(--text);
}
.blp-app .blp-kiosk .redeem-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.blp-app .blp-kiosk .modal-button {
  height: 58px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-weight: 900;
  font-size: 20px;
  cursor: pointer;
}
.blp-app .blp-kiosk .modal-button.primary {
  border: 0;
  background: linear-gradient(180deg, var(--green), var(--green-2));
  color: #071005;
}
.blp-app .blp-kiosk .modal-button[disabled] {
  opacity: 0.6;
  cursor: default;
}
.blp-app .blp-kiosk .register-setup {
  height: 100%;
  display: grid;
  place-items: center;
  padding: clamp(18px, 2.4vw, 38px);
}
.blp-app .blp-kiosk .register-setup-card {
  width: min(720px, 88vw);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)), rgba(10, 14, 14, 0.96);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  padding: clamp(30px, 4vw, 56px);
  text-align: center;
}
.blp-app .blp-kiosk .register-setup-mark {
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  font-size: 38px;
  font-weight: 900;
}
.blp-app .blp-kiosk .register-setup-title {
  color: var(--text);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 1;
  margin-bottom: 12px;
}
.blp-app .blp-kiosk .register-setup-subtitle {
  color: var(--muted);
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.35;
  margin-bottom: 30px;
}
.blp-app .blp-kiosk .register-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.blp-app .blp-kiosk .register-choice {
  height: clamp(82px, 8vw, 112px);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.blp-app .blp-kiosk .register-choice:active {
  transform: translateY(1px);
}
.blp-app .blp-kiosk .register-choice:hover {
  border-color: rgba(139, 216, 50, 0.65);
  background: rgba(139, 216, 50, 0.12);
}
.blp-app .blp-kiosk .register-setup-note {
  margin-top: 22px;
  color: var(--muted-2);
  font-size: clamp(15px, 1.25vw, 19px);
}
.blp-app .blp-kiosk.is-empty .terminal-main {
  grid-template-columns: 1fr;
}
.blp-app .blp-kiosk.is-empty .summary-bar {
  opacity: 0.55;
}
.blp-app .blp-kiosk .order-item {
  grid-template-columns: clamp(86px, 8vw, 120px) minmax(0, 1fr) clamp(118px, 12vw, 165px);
  gap: clamp(14px, 1.5vw, 22px);
}
.blp-app .blp-kiosk .item-main {
  min-width: 0;
  padding-right: 8px;
}
.blp-app .blp-kiosk .item-name {
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.blp-app .blp-kiosk .item-side {
  min-width: 0;
  align-items: flex-end;
  gap: 4px;
}
.blp-app .blp-kiosk .item-price-stack {
  width: 100%;
  text-align: right;
}
.blp-app .blp-kiosk .item-original-price {
  color: var(--muted-2);
  font-size: clamp(15px, 1.25vw, 19px);
  font-weight: 800;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  margin-bottom: 1px;
}
.blp-app .blp-kiosk .item-price {
  font-size: clamp(25px, 2.35vw, 36px);
  font-weight: 950;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
.blp-app .blp-kiosk .item-discount-title {
  margin-top: 3px;
  color: var(--green);
  font-size: clamp(13px, 1.05vw, 16px);
  font-weight: 850;
  line-height: 1.15;
  max-width: 100%;
}
.blp-app .blp-kiosk .item-discount-title span {
  white-space: nowrap;
}
.blp-app .blp-kiosk .redeem-button {
  display: none;
}
.blp-app .blp-kiosk .terminal-shell.has-tip .terminal-main {
  min-height: 0;
}
.blp-app .blp-kiosk .terminal-shell.has-tip .panel-inner {
  padding: clamp(18px, 1.9vw, 28px);
}
.blp-app .blp-kiosk .terminal-shell.has-tip .panel-title {
  font-size: clamp(26px, 2.45vw, 38px);
  margin-bottom: clamp(14px, 1.35vw, 20px);
}
.blp-app .blp-kiosk .terminal-shell.has-tip .order-item {
  padding: clamp(10px, 1.1vw, 17px) 0;
}
.blp-app .blp-kiosk .terminal-shell.has-tip .item-image {
  width: clamp(76px, 7vw, 108px);
  height: clamp(68px, 6.4vw, 96px);
}
.blp-app .blp-kiosk .rewards-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: clamp(14px, 1.4vw, 22px);
}
.blp-app .blp-kiosk .rewards-head .panel-title {
  margin-bottom: 0;
}
.blp-app .blp-kiosk .rewards-level-pill {
  min-height: clamp(40px, 3.7vw, 52px);
  padding: 0 clamp(12px, 1.4vw, 18px);
  border: 1px solid rgba(139, 216, 50, 0.34);
  border-radius: 999px;
  background: rgba(139, 216, 50, 0.1);
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: clamp(16px, 1.35vw, 21px);
  font-weight: 900;
  white-space: nowrap;
}
.blp-app .blp-kiosk .rewards-points-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 1.1vw, 16px);
  margin-bottom: clamp(12px, 1.25vw, 18px);
}
.blp-app .blp-kiosk .reward-point-card,
.blp-app .blp-kiosk .tier-progress-card {
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), rgba(255, 255, 255, 0.024);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.blp-app .blp-kiosk .reward-point-card {
  padding: clamp(15px, 1.4vw, 22px);
}
.blp-app .blp-kiosk .reward-point-card.featured {
  background: radial-gradient(circle at 15% 0%, rgba(139, 216, 50, 0.14), transparent 58%), rgba(255, 255, 255, 0.028);
}
.blp-app .blp-kiosk .reward-point-card .stat-label {
  font-size: clamp(13px, 1.05vw, 17px);
  margin-bottom: 9px;
}
.blp-app .blp-kiosk .reward-point-card .stat-value {
  font-size: clamp(30px, 3vw, 48px);
}
.blp-app .blp-kiosk .tier-progress-card {
  padding: clamp(15px, 1.5vw, 22px);
}
.blp-app .blp-kiosk .tier-progress-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}
.blp-app .blp-kiosk .tier-status-text {
  color: var(--green);
  font-size: clamp(16px, 1.3vw, 21px);
  font-weight: 800;
  line-height: 1.25;
}
.blp-app .blp-kiosk .multiplier-pill {
  min-height: 40px;
  padding: 0 13px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-soft);
  color: var(--green);
  font-size: clamp(16px, 1.25vw, 19px);
  font-weight: 950;
  white-space: nowrap;
}
.blp-app .blp-kiosk .account-panel .panel-inner {
  justify-content: flex-start;
}
.blp-app .blp-kiosk .account-panel .account-helper {
  margin-top: clamp(12px, 1.3vw, 18px);
  padding-top: clamp(12px, 1.3vw, 18px);
  font-size: clamp(15px, 1.25vw, 19px);
}
.blp-app .blp-kiosk .account-panel .progress-wrap {
  margin-top: clamp(10px, 1vw, 14px);
}
.blp-app .blp-kiosk .tip-bar {
  min-height: clamp(70px, 6.9vh, 94px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: radial-gradient(circle at 14% 0%, rgba(139, 216, 50, 0.13), transparent 45%), linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), var(--panel-2);
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) minmax(520px, 1.85fr);
  gap: clamp(12px, 1.25vw, 20px);
  align-items: center;
  padding: clamp(9px, 0.9vw, 13px) clamp(18px, 2vw, 34px);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.blp-app .blp-kiosk .tip-copy {
  min-width: 0;
}
.blp-app .blp-kiosk .tip-heading-row {
  display: flex;
  align-items: baseline;
  gap: clamp(10px, 1vw, 16px);
  min-width: 0;
  white-space: nowrap;
}
.blp-app .blp-kiosk .tip-title {
  flex: 0 0 auto;
  font-size: clamp(22px, 1.9vw, 30px);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1;
  margin-bottom: 0;
}
.blp-app .blp-kiosk .tip-subtitle {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--muted);
  font-size: clamp(14px, 1.1vw, 18px);
  line-height: 1.2;
  white-space: nowrap;
}
.blp-app .blp-kiosk .tip-options {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(7px, 0.7vw, 12px);
  min-width: 0;
}
.blp-app .blp-kiosk .tip-choice {
  flex: 1 1 0;
  min-width: 0;
  height: clamp(46px, 4.2vw, 60px);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font-size: clamp(19px, 1.65vw, 27px);
  font-weight: 950;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 clamp(7px, 0.8vw, 12px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.blp-app .blp-kiosk .tip-choice.selected {
  border-color: rgba(139, 216, 50, 0.78);
  background: linear-gradient(180deg, var(--green), var(--green-2));
  color: #071005;
  box-shadow: 0 10px 28px rgba(139, 216, 50, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
.blp-app .blp-kiosk .tip-choice.pending {
  cursor: progress;
  box-shadow: 0 12px 34px rgba(139, 216, 50, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.blp-app .blp-kiosk .tip-choice:active {
  transform: translateY(1px);
}
.blp-app .blp-kiosk .tip-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72em;
  line-height: 1;
  animation: tip-pulse 820ms ease-in-out infinite;
}
@keyframes tip-pulse {
  0%, 100% {
    opacity: 0.48;
    transform: scale(0.92);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.blp-app .blp-kiosk .custom-tip-input {
  width: 100%;
  height: 64px;
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--text);
  outline: 0;
  padding: 0 18px;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
}
.blp-app .blp-kiosk .tip-toggle-row {
  margin: 24px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--text);
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 850;
  cursor: pointer;
}
.blp-app .blp-kiosk .tip-toggle-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.blp-app .blp-kiosk .tip-toggle-row input:checked + .tip-toggle-box {
  border-color: rgba(139, 216, 50, 0.8);
  background: linear-gradient(180deg, var(--green), var(--green-2));
}
.blp-app .blp-kiosk .tip-toggle-row input:checked + .tip-toggle-box:after {
  content: "✓";
  color: #071005;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}
.blp-app .blp-kiosk .tip-toggle-box {
  width: 32px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.045);
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

@media (max-aspect-ratio: 4/3) {
  .blp-app .blp-kiosk .brand-name {
    font-size: clamp(24px, 2.8vw, 38px);
  }
  .blp-app .blp-kiosk .terminal-main {
    grid-template-columns: 1fr 0.82fr;
  }
  .blp-app .blp-kiosk .order-item {
    grid-template-columns: 92px minmax(0, 1fr) auto;
  }
  .blp-app .blp-kiosk .item-side {
    min-width: 150px;
  }
}
@media (max-width: 1100px) {
  .blp-app .blp-kiosk .terminal-top {
    gap: 12px;
  }
  .blp-app .blp-kiosk .brand-name {
    gap: 8px;
  }
  .blp-app .blp-kiosk .member-pill,
  .blp-app .blp-kiosk .register-pill {
    padding: 0 14px;
  }
  .blp-app .blp-kiosk .terminal-main {
    grid-template-columns: 1fr 0.86fr;
  }
  .blp-app .blp-kiosk .item-side {
    min-width: 145px;
  }
  .blp-app .blp-kiosk .summary-bar {
    grid-template-columns: 0.95fr 0.95fr 0.95fr 1.22fr 1fr;
  }
}
@media (max-width: 1100px) {
  .blp-app .blp-kiosk .tip-bar {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .blp-app .blp-kiosk .tip-options {
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
  }
  .blp-app .blp-kiosk .tip-choice {
    height: 46px;
    border-radius: 14px;
    font-size: clamp(15px, 2vw, 21px);
    padding: 0 6px;
  }
}


/* Kiosk host and demo cart controls. */
.blp-app .blp-kiosk{font-size:16px;line-height:1.35;display:block}
.blp-app .blp-kiosk[hidden],.blp-app .blp-kiosk [hidden]{display:none!important}
.blp-app .blp-kiosk .terminal-shell{grid-template-rows:auto minmax(0,1fr) auto auto auto auto;gap:clamp(12px,1.35vw,20px)}
.blp-app .blp-kiosk .terminal-main{grid-row:2;overflow:hidden}
.blp-app .blp-kiosk .panel-inner{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#48533e transparent}
.blp-app .blp-kiosk .panel-title{margin-top:0;color:var(--text)}
.blp-app .blp-kiosk .blp-kiosk-header-actions{display:flex;align-items:center;gap:12px}
.blp-app .blp-kiosk .register-pill{cursor:default}
.blp-app .blp-kiosk .blp-kiosk-expand{width:40px;height:44px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:var(--muted);display:grid;place-items:center;flex-shrink:0}
.blp-app .blp-kiosk .blp-kiosk-expand svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.blp-app .blp-kiosk .order-list{flex:none}
.blp-app .blp-kiosk .order-item{flex-shrink:0}
.blp-app .blp-kiosk .item-image img{object-fit:contain}
.blp-app .blp-kiosk .item-meta{display:block}
.blp-app .blp-kiosk .item-status{font-size:13px}
.blp-app .blp-kiosk .redeem-button{display:block;min-width:0;max-width:100%;height:auto;min-height:36px;padding:7px 10px;font-size:14px;border-radius:9px;margin-top:7px;box-shadow:none}
.blp-app .blp-kiosk .blp-kiosk-undo{background:#ffffff0a;border:1px solid var(--line);color:var(--muted)}
.blp-app .blp-kiosk .blp-kiosk-checkout{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:16px}
.blp-app .blp-kiosk fieldset{padding:0;margin:0;border:0;min-width:0}
.blp-app .blp-kiosk fieldset legend{font-size:15px;font-weight:700;color:var(--muted);margin:0 0 10px}
.blp-app .blp-kiosk .blp-kiosk-options{display:flex;gap:10px}
.blp-app .blp-kiosk .blp-kiosk-options .tip-choice{font-size:17px;height:46px;border-radius:12px}
.blp-app .blp-kiosk .tip-choice[aria-pressed=true]{border-color:rgba(139,216,50,.78);background:linear-gradient(180deg,var(--green),var(--green-2));color:#071005;box-shadow:0 10px 28px rgba(139,216,50,.2),inset 0 1px 0 rgba(255,255,255,.26)}
.blp-app .blp-kiosk :is(button,a):disabled{opacity:.5;cursor:default}
.blp-app .blp-kiosk :is(button,a):focus-visible,.blp-app .blp-kiosk summary:focus-visible,.blp-app .blp-kiosk input:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.blp-app .blp-kiosk .blp-kiosk-receipt{margin-top:16px;font-size:16px;color:var(--text)}
.blp-app .blp-kiosk .blp-kiosk-check{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:36px;font-weight:700}
.blp-app .blp-kiosk input[type=checkbox]{width:24px;height:24px;accent-color:var(--green);margin:0;flex-shrink:0}
.blp-app .blp-kiosk details{margin-top:12px;font-size:15px}
.blp-app .blp-kiosk summary{cursor:pointer;color:var(--green);padding:7px 0}
.blp-app .blp-kiosk summary small{color:var(--muted);margin-left:8px;font-size:12px}
.blp-app .blp-kiosk [data-kiosk-contact-form]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.blp-app .blp-kiosk form label{display:grid;gap:5px;color:var(--muted);font-size:14px;min-width:0}
.blp-app .blp-kiosk [data-kiosk-contact-form] input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#ffffff09;color:var(--text);font:16px Arial;padding:10px}
.blp-app .blp-kiosk [data-kiosk-contact-form] :is(button,a),.blp-app .blp-kiosk [data-kiosk-contact-form] p{grid-column:1/-1;margin:0;font-size:13px}
.blp-app .blp-kiosk [data-kiosk-contact-form] :is(button,a){height:42px;color:var(--green)}
.blp-app .blp-kiosk .tip-bar{grid-row:4;padding:clamp(9px,.9vw,13px) clamp(18px,2vw,34px);border:1px solid var(--line);margin:0;min-width:0}
.blp-app .blp-kiosk [data-kiosk-custom-form]{grid-column:1/-1;display:flex;gap:12px;align-items:end;max-width:440px}
.blp-app .blp-kiosk [data-kiosk-custom-form] label{flex:1}
.blp-app .blp-kiosk .custom-tip-input{height:46px;margin-top:0;font-size:22px;min-width:0}
.blp-app .blp-kiosk [data-kiosk-custom-form] :is(button,a){height:46px;padding:0 18px;font-size:17px}
.blp-app .blp-kiosk .summary-bar{grid-row:5}
.blp-app .blp-kiosk .blp-kiosk-status{grid-row:6;min-height:16px;font-size:12px;text-align:center;color:var(--muted-2);margin:0}
.blp-app .blp-kiosk .blp-kiosk-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.blp-app .blp-kiosk .blp-kiosk-redeem-dialog{color:var(--text);max-height:90dvh;overflow:auto;margin:auto;position:fixed}
.blp-app .blp-kiosk .blp-kiosk-redeem-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}
.blp-app .blp-kiosk .blp-kiosk-redeem-dialog h2{color:var(--text);margin-top:0}
.blp-app .blp-kiosk [data-kiosk-redeem-error]{color:#ffb6b6;font-size:16px}
.blp-app .blp-kiosk .idle-state{grid-row:2;min-height:0}
.blp-app .blp-kiosk[data-order-status=idle] .summary-bar{opacity:.55}
.blp-app .blp-kiosk[data-order-status=idle] .blp-kiosk-status{visibility:hidden}
.blp-app .blp-kiosk:fullscreen,.blp-app .blp-kiosk.is-expanded{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000}
.blp-kiosk-page .blp-app__sidebar,.blp-kiosk-page .blp-app__sidebar-footer,.blp-kiosk-page .blp-app__topbar,.blp-kiosk-page .blp-app__guide{display:none!important}
.blp-kiosk-page .blp-app__workspace,.blp-kiosk-page .blp-app__app-panel,.blp-kiosk-page .blp-app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
@container (max-width:1100px){
 .blp-app .blp-kiosk .terminal-shell{padding:20px;gap:12px}
 .blp-app .blp-kiosk .terminal-main{grid-template-columns:1.08fr .92fr;gap:14px}
 .blp-app .blp-kiosk .terminal-top{gap:12px;min-height:52px}
 .blp-app .blp-kiosk .brand-logo{height:38px;max-width:230px}
 .blp-app .blp-kiosk .greeting{font-size:24px}
 .blp-app .blp-kiosk .register-pill{font-size:18px;min-height:44px;height:44px;padding:0 14px}
 .blp-app .blp-kiosk .panel-inner{padding:20px}
 .blp-app .blp-kiosk .panel-title{font-size:28px;margin-bottom:20px}
 .blp-app .blp-kiosk .rewards-head .panel-title{margin-bottom:0}
 .blp-app .blp-kiosk .rewards-head{gap:8px}
 .blp-app .blp-kiosk .order-item{grid-template-columns:64px minmax(0,1fr) 108px;gap:12px;padding:16px 0}
 .blp-app .blp-kiosk .item-image{width:64px;height:76px}
 .blp-app .blp-kiosk .item-side{min-width:0}
 .blp-app .blp-kiosk .item-name{font-size:21px}
 .blp-app .blp-kiosk .item-meta{font-size:16px}
 .blp-app .blp-kiosk .item-price{font-size:25px}
 .blp-app .blp-kiosk .reward-point-card{padding:14px}
 .blp-app .blp-kiosk .reward-point-card .stat-value{font-size:33px}
 .blp-app .blp-kiosk .stat-label{font-size:13px}
 .blp-app .blp-kiosk .rewards-level-pill{font-size:15px;padding:0 12px;min-height:38px}
 .blp-app .blp-kiosk .tip-bar{grid-template-columns:1fr;gap:10px}
 .blp-app .blp-kiosk .tip-heading-row{justify-content:center}
 .blp-app .blp-kiosk .summary-bar{min-height:100px;grid-template-columns:.95fr .95fr .85fr 1.3fr 1fr}
 .blp-app .blp-kiosk .summary-cell{padding:0 14px}
 .blp-app .blp-kiosk .summary-label{font-size:15px}
 .blp-app .blp-kiosk .summary-value{font-size:26px}
 .blp-app .blp-kiosk .summary-total .summary-value{font-size:44px}
}
@container (max-width:740px){
 .blp-app .blp-kiosk .terminal-shell{padding:12px;gap:10px}
 .blp-app .blp-kiosk .terminal-top{grid-template-columns:1fr auto;gap:6px;min-height:62px}
 .blp-app .blp-kiosk .brand-logo{height:auto;width:164px;max-width:44cqw}
 .blp-app .blp-kiosk .greeting{grid-row:2;font-size:18px}
 .blp-app .blp-kiosk .blp-kiosk-header-actions{grid-row:1/3;grid-column:2;gap:7px}
 .blp-app .blp-kiosk .register-pill{font-size:14px;padding:0 9px;gap:7px;border-radius:11px}
 .blp-app .blp-kiosk .blp-kiosk-expand{width:34px}
 .blp-app .blp-kiosk .terminal-main{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;gap:12px}
 .blp-app .blp-kiosk .panel{flex-shrink:0;border-radius:18px}
 .blp-app .blp-kiosk .panel-inner{overflow:visible;padding:18px}
 .blp-app .blp-kiosk .panel-title{font-size:24px}
 .blp-app .blp-kiosk .order-item{grid-template-columns:54px minmax(0,1fr) 93px;gap:10px}
 .blp-app .blp-kiosk .item-image{width:54px;height:65px}
 .blp-app .blp-kiosk .item-name{font-size:18px;margin-bottom:8px}
 .blp-app .blp-kiosk .item-price{font-size:22px}
 .blp-app .blp-kiosk .item-meta{font-size:14px}
 .blp-app .blp-kiosk .redeem-button{font-size:12px;padding:7px;min-height:36px}
 .blp-app .blp-kiosk .rewards-points-grid{gap:10px}
 .blp-app .blp-kiosk .tip-bar{padding:10px 12px;gap:8px;border-radius:16px}
 .blp-app .blp-kiosk .tip-title{font-size:20px}
 .blp-app .blp-kiosk .tip-subtitle{font-size:12px}
 .blp-app .blp-kiosk .tip-choice{font-size:15px;height:44px;min-height:44px;border-radius:10px;padding:0 6px}
 .blp-app .blp-kiosk .summary-bar{min-height:103px;border-radius:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:46px 56px}
 .blp-app .blp-kiosk .summary-cell{height:100%;padding:5px 10px}
 .blp-app .blp-kiosk .summary-label{font-size:11px;margin-bottom:2px}
 .blp-app .blp-kiosk .summary-value{font-size:18px}
 .blp-app .blp-kiosk .summary-cell:nth-child(3){border-right:0}
 .blp-app .blp-kiosk .summary-total{grid-column:1/3;grid-row:2;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);gap:6px}
 .blp-app .blp-kiosk .summary-total .summary-value{font-size:32px}
 .blp-app .blp-kiosk .total-tip-line{font-size:12px;margin-top:2px}
 .blp-app .blp-kiosk .earn-cell{border-top:1px solid var(--line);grid-row:2}
 .blp-app .blp-kiosk .blp-kiosk-status{font-size:11px;min-height:14px}
 .blp-app .blp-kiosk .idle-title{font-size:30px}
 .blp-app .blp-kiosk .idle-subtitle{font-size:18px;max-width:280px;margin:12px auto 0}
 .blp-app .blp-kiosk .blp-kiosk-redeem-dialog{padding:22px;width:calc(100vw - 30px)}
 .blp-app .blp-kiosk .redeem-title{font-size:28px}
 .blp-app .blp-kiosk .redeem-copy{font-size:18px}
 .blp-app .blp-kiosk .modal-button{font-size:17px;height:50px}
}

/* Fit the terminal to the host, including a kiosk with no staff top bar. */
.blp-kiosk-page .blp-app__views{height:100%}
.blp-app .blp-kiosk .terminal-shell{display:flex;flex-direction:column}
.blp-app .blp-kiosk .terminal-shell> *{flex-shrink:0}
.blp-app .blp-kiosk .terminal-main,.blp-app .blp-kiosk .idle-state{flex:1;min-height:0}
.blp-app .blp-kiosk .summary-bar{min-height:114px}
.blp-app .blp-kiosk .blp-kiosk-mobile-points{display:none}
@container(max-width:1100px){.blp-app .blp-kiosk .summary-bar{min-height:100px}}
@container(max-width:740px){
 .blp-app .blp-kiosk .summary-bar{min-height:104px}
 .blp-app .blp-kiosk .greeting{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
 .blp-app .blp-kiosk .blp-kiosk-header-actions{grid-row:1}
 .blp-app .blp-kiosk .blp-kiosk-mobile-points{display:block;color:var(--green);font-size:14px;font-weight:700}
}
/* Kiosk terminal payment strip. */

.blp-app .blp-kiosk .blp-kiosk-checkout{grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:10px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--panel-2);position:relative}
.blp-app .blp-kiosk .blp-kiosk-checkout fieldset{display:flex;align-items:center;gap:18px;flex:1;max-width:600px}
.blp-app .blp-kiosk .blp-kiosk-checkout legend{float:left;margin:0;line-height:46px}
.blp-app .blp-kiosk .blp-kiosk-options{flex:1}
.blp-app .blp-kiosk .blp-kiosk-receipt{margin:0;display:flex;align-items:center;gap:18px;flex-shrink:0}
.blp-app .blp-kiosk .blp-kiosk-receipt details{margin:0}
.blp-app .blp-kiosk [data-kiosk-contact-form]{position:absolute;right:0;bottom:calc(100% + 10px);width:min(480px,100%);padding:22px;border:1px solid var(--line);border-radius:18px;background:#141b18;box-shadow:0 15px 50px #0008;z-index:5}
.blp-app .blp-kiosk[data-order-status=idle] .blp-kiosk-checkout{display:none}
@container (max-width:1100px){.blp-app .blp-kiosk .blp-kiosk-checkout{padding:10px 16px;gap:16px}.blp-app .blp-kiosk .blp-kiosk-receipt{gap:12px}.blp-app .blp-kiosk .blp-kiosk-receipt summary{font-size:13px}.blp-app .blp-kiosk .blp-kiosk-receipt summary small{display:none}.blp-app .blp-kiosk .account-helper{font-size:15px}}
@container (max-width:740px){.blp-app .blp-kiosk .blp-kiosk-checkout{padding:10px 12px;display:block}.blp-app .blp-kiosk .blp-kiosk-checkout fieldset{gap:10px}.blp-app .blp-kiosk .blp-kiosk-checkout legend{font-size:13px}.blp-app .blp-kiosk .blp-kiosk-options{gap:7px}.blp-app .blp-kiosk .blp-kiosk-options .tip-choice{font-size:14px;height:44px}.blp-app .blp-kiosk .blp-kiosk-receipt{margin-top:8px;justify-content:space-between;font-size:14px}.blp-app .blp-kiosk .blp-kiosk-check{min-height:28px;gap:8px}.blp-app .blp-kiosk input[type=checkbox]{width:22px;height:22px}.blp-app .blp-kiosk [data-kiosk-contact-form]{padding:16px}}

.blp-app .blp-register-select{display:grid;gap:8px;max-width:320px;margin:24px 0}.blp-app .blp-register-select select{padding:12px;border:1px solid #454b44;border-radius:8px;background:#242924;color:#e3e9dc;font:inherit}
.blp-app .blp-register-list article{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #394137;padding:20px 0}.blp-app .blp-register-list strong,.blp-app .blp-register-list small{display:block}.blp-app .blp-register-list small{color:#97a78c;margin-top:5px}.blp-app .blp-register-list a{color:#c9e0a8;text-decoration:none;border:1px solid #48553d;border-radius:8px;padding:10px;font-size:12px}.blp-app .blp-register-note{color:#a3ae9b;line-height:1.5;max-width:500px}.blp-app .blp-kiosk-staff-choice{font-size:11px;color:#b8d296}
/* Product selection and distinct unit/bin actions stay visible when the table scrolls. */
.blp-app .blp-app__product-columns,.blp-app .blp-app__product-row{grid-template-columns:28px minmax(22em,1.55fr) 7em 10em 10em 6em 7.5em 6.5em 6.5em 8.5em 8.5em 5em 8em 10em 8em 88px}
.blp-app .blp-app__product-list{min-width:156em}.blp-app .blp-app__product-row--item{background:#17191b}
.blp-app .blp-product-check{display:grid;place-items:center;min-width:28px;min-height:40px;cursor:pointer}.blp-app .blp-product-check input{appearance:auto;width:14px;height:14px;margin:0;accent-color:#b8cd97;cursor:pointer}
.blp-app .blp-app__product-name{font:inherit;text-align:left;color:inherit;min-width:0}.blp-app .blp-app__product-name strong,.blp-app .blp-app__product-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blp-app .blp-app__product-name strong{color:#d2d5db}.blp-app .blp-app__product-name small{color:#92979e;margin-top:3px}
.blp-app .blp-product-label-actions{display:flex;justify-content:flex-end;gap:6px;background:transparent;padding:0;border-radius:0;box-shadow:none}
.blp-app .blp-product-label-actions :is(button,a){display:grid;place-items:center;width:36px;height:38px;color:#aaaeb5;border:1px solid #34373b;border-radius:7px;background:transparent}.blp-app .blp-product-label-actions :is(button,a):hover{background:#ffffff08;color:#e0e2e6;border-color:#4a4e53}.blp-app .blp-product-label-actions svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.blp-app .blp-product-actions-heading{text-align:center;padding:10px;color:#898c93}
.blp-app .blp-product-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:0 0 auto;padding:8px 14px;border:0;border-top:1px solid var(--blp-line);border-radius:0;background:#151617;margin:0;color:#b4b7be}.blp-app .blp-product-bulk[hidden]{display:none}.blp-app .blp-product-bulk strong{margin-right:auto;font-weight:500}.blp-app .blp-product-bulk :is(button,a){padding:6px 10px;border:1px solid #34373b;border-radius:6px;color:#b4b7be;background:transparent;min-height:32px}.blp-app .blp-product-bulk :is(button,a):hover{background:#ffffff08;border-color:#4a4e53;color:#e0e2e6}.blp-app .blp-product-bulk [data-product-clear]{border-color:transparent}
/* Label preparation belongs to the shared demo, including the marketing embed. */
.blp-app .blp-label-dialog{width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #47503f;border-radius:18px;background:#1b201b;color:#e9efdf;box-shadow:0 24px 80px #0008;overflow:auto;font:14px/1.45 Arial,sans-serif}
.blp-app .blp-label-dialog::backdrop{background:#050a07bb;backdrop-filter:blur(5px)}
.blp-app .blp-label-dialog form{padding:24px;display:grid;gap:18px}.blp-app .blp-label-dialog header,.blp-app .blp-label-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.blp-app .blp-label-dialog h2{font-size:25px;color:#f2f6ec;margin:4px 0}.blp-app .blp-label-dialog small{font-size:11px;color:#b1bea6}.blp-app .blp-label-dialog header :is(button,a){font-size:24px;color:#b1bea6;border:0;background:transparent;width:36px;height:36px}
.blp-app .blp-label-dialog fieldset{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.blp-app .blp-label-dialog legend{font-size:12px;font-weight:700;margin-bottom:10px}.blp-app .blp-label-dialog fieldset label{display:flex;align-items:center;gap:10px;border:1px solid #48543e;border-radius:10px;padding:14px;cursor:pointer}.blp-app .blp-label-dialog fieldset label:has(:checked){border-color:#b5d489;background:#2e3b26}.blp-app .blp-label-dialog fieldset input{appearance:auto;accent-color:#b5d489}.blp-app .blp-label-dialog fieldset span{display:grid;gap:4px}.blp-app .blp-label-dialog fieldset strong{font-size:14px}
.blp-app .blp-label-field{display:grid;gap:6px;font-size:12px;font-weight:600;margin:12px 0 0}.blp-app .blp-label-field input,.blp-app .blp-label-dialog [data-label-quantity-all]{width:100%;min-width:0;font:inherit;font-weight:400;color:#f1f4ec;padding:11px;border:1px solid #536249;border-radius:8px;background:#121a12;color-scheme:dark}
.blp-app .blp-label-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.blp-app .blp-label-hint,.blp-app .blp-label-status{font-size:12px;line-height:1.5;margin:12px 0 0;color:#bbc9ac}.blp-app .blp-label-preview{display:flex;justify-content:center;background:#101810;padding:16px;border-radius:12px}.blp-app .blp-label-preview svg{max-width:100%;max-height:200px;width:auto;height:170px}.blp-app .blp-label-dialog footer :is(button,a){padding:12px 16px;min-height:44px;border-radius:8px;border:1px solid #536249;background:transparent;font-weight:600;color:#dfebd1;cursor:pointer}.blp-app .blp-label-dialog footer :is(button,a)[type=submit]{background:#c3da9d;color:#202b18;border-color:#c3da9d}.blp-app .blp-label-dialog [hidden]{display:none!important}
.blp-app .blp-label-records{max-height:280px;overflow:auto;overscroll-behavior:contain}.blp-app .blp-label-records article{border:1px solid #3c4935;border-radius:10px;padding:16px;margin:10px 0}.blp-app .blp-label-records article>strong,.blp-app .blp-label-records article>small{display:block}.blp-app .blp-label-batch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.blp-app .blp-label-batch-heading label{font-size:11px;max-width:115px;display:grid;gap:4px}.blp-app .blp-label-dialog :is(button,a):focus-visible{outline:2px solid #bcd88d;outline-offset:2px}
@media(max-width:600px){.blp-app .blp-label-dialog form{padding:16px;gap:12px}.blp-app .blp-label-dialog fieldset{grid-template-columns:1fr}.blp-app .blp-label-dialog fieldset label{padding:10px}.blp-app .blp-label-dialog h2{font-size:22px}.blp-app .blp-label-preview svg{height:120px}.blp-app .blp-label-dialog footer{position:sticky;bottom:-16px;background:#1b201b;padding:12px 0}.blp-app .blp-register-list article{flex-wrap:wrap}}
.blp-app .blp-app__product-table-scroll{overflow:hidden}
.blp-app .blp-app__product-list{min-width:0;position:relative}
.blp-app .blp-app__product-body{overflow:auto}
.blp-app .blp-app__product-columns,.blp-app .blp-app__product-row{min-width:156em}
.blp-app .blp-product-check{position:sticky;left:0;z-index:1;background:#17191b;border-radius:5px}
.blp-app .blp-label-dialog footer{position:sticky;bottom:-24px;background:#1b201b;padding:12px 0;z-index:2}

.blp-app .blp-app__product-columns{position:relative}

/* Keep the terminal tip-state thumbnails inside compact order columns. */
@container(max-width:1100px){.blp-app .blp-kiosk .terminal-shell.has-tip .item-image{width:64px;height:76px}}
@container(max-width:740px){.blp-app .blp-kiosk .terminal-shell.has-tip .item-image{width:54px;height:65px}}

/* A fixed icon column keeps every navigation glyph anchored when the rail folds. */
.blp-app[data-sidebar]{--blp-sidebar-width:212px;--blp-nav-rail:60px}
.blp-app[data-sidebar] :is(.blp-app__sidebar,.blp-app__sidebar-footer,.blp-app__next-up-menu){--blp-type-small:.82em;font-family:Inter,system-ui,sans-serif;font-weight:400}
.blp-app[data-sidebar="collapsed"]{--blp-sidebar-width:var(--blp-nav-rail)}
.blp-app[data-sidebar] .blp-app__app-panel{grid-template-columns:var(--blp-sidebar-width) minmax(0,1fr)}
.blp-app[data-sidebar] .blp-app__sidebar-footer{width:var(--blp-sidebar-width)}
.blp-app[data-sidebar-ready] .blp-app__app-panel{transition:grid-template-columns 240ms cubic-bezier(.4,0,.2,1)}
.blp-app[data-sidebar-ready] .blp-app__sidebar-footer{transition:width 240ms cubic-bezier(.4,0,.2,1)}
.blp-app[data-sidebar] .blp-app__sidebar{max-width:none;padding-bottom:94px;scrollbar-width:none;font-size:13px}
.blp-app[data-sidebar] .blp-app__sidebar::-webkit-scrollbar{display:none}
.blp-app[data-sidebar] .blp-app__sidebar-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0;height:48px;min-height:48px;flex-basis:48px;padding:0 8px}
.blp-app[data-sidebar] .blp-app__sidebar-toggle{display:grid;place-items:center;width:44px;height:36px;padding:0;border-radius:7px;color:#91959d}
.blp-app[data-sidebar] .blp-app__sidebar-toggle:hover{background:#ffffff09;color:#e3e5eb}
.blp-app[data-sidebar] .blp-app__sidebar-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blp-app[data-sidebar] .blp-app__brand{display:flex;height:32px;padding:0 8px;gap:7px;overflow:hidden;background:transparent!important;white-space:nowrap;font-size:16px;min-width:0}
.blp-app[data-sidebar] .blp-app__brand .blp-app__clover{font-size:20px;flex-shrink:0}
.blp-app[data-sidebar] .blp-app__brand strong{white-space:nowrap}
.blp-app[data-sidebar] .blp-app__sidebar-tools{padding:6px 8px 8px;display:grid;gap:2px;flex:0 0 auto;border-bottom:1px solid var(--blp-line-soft)}
.blp-app[data-sidebar] .blp-app__sidebar nav{display:flex;flex-direction:column;gap:2px;padding:8px 8px 0;flex:0 0 auto}
.blp-app[data-sidebar] :is(.blp-app__sidebar nav>:is(button,a),.blp-app__sidebar-tools>:is(button,a),.blp-app__favorites [data-blp-favorite-list]>:is(button,a),.blp-app__favorites [data-blp-favorite-list]>a,.blp-app__sidebar-footer>:is(button,a)){position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;width:100%;height:38px;min-height:38px;padding:0 10px;border-radius:7px;line-height:1.25;overflow:hidden;white-space:nowrap;color:var(--blp-nav-text);font-size:13px}
.blp-app[data-sidebar] :is(.blp-app__sidebar nav>:is(button,a),.blp-app__sidebar-tools>:is(button,a),.blp-app__sidebar-footer>:is(button,a))>svg{width:20px;height:20px;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blp-app[data-sidebar] :is(.blp-app__sidebar nav>:is(button,a),.blp-app__sidebar-tools>:is(button,a),.blp-app__sidebar-footer>:is(button,a)):hover{background:#ffffff09;color:#f0f1f3}
.blp-app[data-sidebar] .blp-app__sidebar nav>:is(button,a).is-active{background:var(--blp-selected);color:var(--blp-text)}
.blp-app[data-sidebar] .blp-app__sidebar nav>:is(button,a).is-active>svg{stroke:var(--blp-violet)}
.blp-app[data-sidebar] .blp-app__sidebar nav>.blp-app__more-toggle>svg{stroke-width:3.2}
.blp-app[data-sidebar] .blp-app__nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.blp-app[data-sidebar] .blp-app__sidebar nav>:is(button,a)>b{position:absolute;left:27px;top:2px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:1;background:#443a65;color:#e3dcff;border-radius:5px;pointer-events:none}
.blp-app[data-sidebar] .blp-app__now-nav-inner{padding-left:0;padding-right:0;gap:2px}
.blp-app[data-sidebar] .blp-app__now-nav-inner>:is(button,a){position:relative;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;height:32px;min-height:32px;padding:0 10px;overflow:hidden}
.blp-app[data-sidebar] .blp-app__now-nav-inner>:is(button,a)>span{width:24px;height:24px;font-size:17px}
.blp-app[data-sidebar] .blp-app__now-nav-inner>:is(button,a)>small,.blp-app[data-sidebar] .blp-app__now-nav-inner>:is(button,a)>i{position:absolute;left:29px;top:2px;font-size:9px!important;pointer-events:none}
.blp-app[data-sidebar] .blp-app__nav-label{height:18px;min-height:18px;line-height:18px;white-space:nowrap;font-size:10px;overflow:hidden;margin:0 10px 6px}
.blp-app[data-sidebar] .blp-app__now-nav-inner .blp-app__nav-label{margin:4px 10px 2px}
.blp-app[data-sidebar] .blp-app__favorites,.blp-app[data-sidebar] .blp-app__open-carts{margin:12px 8px 0;padding-top:10px;flex:0 0 auto}
.blp-app[data-sidebar] .blp-app__favorites [data-blp-favorite-list]{gap:2px;max-height:152px}
.blp-app[data-sidebar] .blp-app__favorites [data-blp-favorite-list]>a>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.blp-app[data-sidebar] .blp-app__favorite-avatar{width:24px;height:24px;flex-shrink:0;font-size:10px}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]{gap:2px;flex:none;max-height:none;overflow:visible}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]>:is(button,a){display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:0 10px;height:48px;min-height:48px;overflow:hidden;white-space:nowrap}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]>:is(button,a)>i{display:grid;place-items:center;width:24px;height:24px;margin:0;border-radius:50%;background:#25282c;color:#aaafb8;font:600 9px Arial;box-shadow:none}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]>:is(button,a).is-active>i{background:#263329;color:#a9d899}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]>:is(button,a)>span{min-width:0}
.blp-app[data-sidebar] .blp-app__open-carts strong,.blp-app[data-sidebar] .blp-app__open-carts small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blp-app[data-sidebar] .blp-app__sidebar-footer{padding:5px 8px 7px;font-size:13px;overflow:hidden}
.blp-app[data-sidebar] .blp-app__sidebar-footer>.blp-app__sidebar-user{height:40px;min-height:40px;grid-template-columns:24px minmax(0,1fr)!important;margin-top:3px!important;padding:0 10px!important;gap:10px}
.blp-app[data-sidebar] .blp-app__sidebar-user>.blp-app__user-avatar{width:24px;height:24px;font-size:10px}
.blp-app[data-sidebar] .blp-app__sidebar-user>svg{display:none}
.blp-app[data-sidebar] .blp-app__nav-text,.blp-app[data-sidebar] .blp-app__brand,.blp-app[data-sidebar] .blp-app__sidebar-footer strong{transition:opacity 100ms ease}
.blp-app[data-sidebar="collapsed"] :is(.blp-app__nav-text,.blp-app__brand,.blp-app__nav-label,.blp-app__now-nav-inner>:is(button,a)>strong,.blp-app__favorites a>span:last-child,.blp-app__open-carts :is(button,a)>span,.blp-app__sidebar-footer strong,.blp-app__sidebar-user>span:nth-child(2)){opacity:0;visibility:hidden;pointer-events:none}
.blp-app[data-sidebar="collapsed"] .blp-app__collapse-arrow{transform:translateX(28px) scaleX(-1)}
.blp-app__nav-tooltip{position:absolute;z-index:100;max-width:min(260px,60%);padding:8px 12px;border:1px solid #3b3d42;border-radius:7px;background:#24262a;color:#f0f1f4;font:13px/1.4 Arial,sans-serif;box-shadow:0 8px 24px #0006;pointer-events:none}
@media(max-width:600px){.blp-screen-page .blp-app[data-sidebar] .blp-app__app-panel{grid-template-columns:minmax(0,1fr)}}

/* Compact navigation; overflow is measured against the pinned staff footer. */
.blp-app[data-sidebar] .blp-app__sidebar{overflow:hidden;padding-bottom:0}
.blp-app[data-sidebar] .blp-app__sidebar-top{height:40px;min-height:40px;flex-basis:40px}
.blp-app[data-sidebar] .blp-app__sidebar-tools{padding:4px 8px;gap:0}
.blp-app[data-sidebar] .blp-app__sidebar nav{padding-top:4px;gap:0}
.blp-app[data-sidebar] :is(.blp-app__sidebar nav>:is(button,a),.blp-app__sidebar-tools>:is(button,a),.blp-app__favorites [data-blp-favorite-list]>:is(button,a),.blp-app__favorites [data-blp-favorite-list]>a,.blp-app__sidebar-footer>:is(button,a)){height:30px;min-height:30px}
.blp-app[data-sidebar] .blp-app__sidebar-footer{padding:4px 8px 5px}
.blp-app[data-sidebar] .blp-app__sidebar-footer>:is(button,a).blp-app__sidebar-user{height:34px;min-height:34px;margin-top:2px!important}
.blp-app[data-sidebar] .blp-app__sidebar-user strong{line-height:16px}
.blp-app[data-sidebar] .blp-app__sidebar-user small{margin-top:1px;font-size:11px;line-height:14px}
.blp-app[data-sidebar] .blp-app__favorites,.blp-app[data-sidebar] .blp-app__open-carts{margin-top:8px;padding-top:6px}
.blp-app[data-sidebar] .blp-app__nav-label{height:16px;min-height:16px;line-height:16px;margin-bottom:3px}
.blp-app[data-sidebar] .blp-app__favorites [data-blp-favorite-list]{max-height:none;gap:0;overflow:visible}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]{gap:0}
.blp-app[data-sidebar] .blp-app__open-carts [data-blp-next-up-list]>:is(button,a){height:40px;min-height:40px}
.blp-app[data-sidebar] .blp-app__now-nav,.blp-app[data-sidebar] .blp-app__now-nav-inner,.blp-app[data-sidebar] .blp-app__now-nav-inner>*{transition:none}
.blp-app[data-sidebar] .blp-app__now-nav-inner>:is(button,a){height:28px;min-height:28px}
.blp-app[data-sidebar="collapsed"] .blp-app__now-nav-inner .blp-app__nav-label{visibility:hidden}
.blp-app[data-sidebar] :is(.blp-app__next-up-more,.blp-app__favorites-more){display:grid;position:relative;width:100%;height:30px;min-height:30px;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:0 10px;border-radius:7px;color:#aaaeb5;white-space:nowrap;overflow:hidden;font-size:13px}
.blp-app[data-sidebar] :is(.blp-app__next-up-more,.blp-app__favorites-more):hover{background:#ffffff09;color:#eee}
.blp-app[data-sidebar] :is(.blp-app__next-up-more,.blp-app__favorites-more)>svg{justify-self:center;width:20px;height:20px;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.blp-app[data-sidebar] :is(.blp-app__next-up-more,.blp-app__favorites-more)>b{display:none;position:absolute;left:28px;top:0;padding:1px 3px;border-radius:4px;background:#38323f;color:#d6c9ec;font-size:8px}
.blp-app[data-sidebar="collapsed"] :is(.blp-app__next-up-more,.blp-app__favorites-more)>b{display:block}
.blp-app[data-sidebar] .blp-app__next-up-empty{margin:3px 10px;font-size:11px;color:#73777f;white-space:nowrap}
.blp-app[data-sidebar="collapsed"] .blp-app__next-up-empty{visibility:hidden}
.blp-app__next-up-menu,.blp-app__favorites-menu{position:absolute;z-index:40;display:grid;width:min(280px,calc(100% - 76px));padding:8px;border:1px solid #34363a;border-radius:9px;background:#191a1c;box-shadow:0 14px 40px #0008;color:#b4b7be;font-size:13px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.blp-app__next-up-menu>p,.blp-app__favorites-menu>p{position:sticky;top:-8px;margin:0;padding:6px 10px 8px;background:#191a1c;color:#9398a1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.blp-app[data-sidebar] .blp-app__more-menu{width:min(250px,calc(100% - 76px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:13px}
.blp-app[data-sidebar] .blp-app__more-menu :is([data-sidebar-main-overflow],[data-sidebar-tools-overflow],[data-sidebar-extra-overflow]){border-bottom:1px solid #34363a;padding-bottom:5px;margin-bottom:5px}
.blp-app[data-sidebar] :is([data-sidebar-main-overflow],[data-sidebar-tools-overflow],[data-favorites-overflow],[data-next-up-overflow])>:is(:is(button,a),a){display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;position:relative;min-height:34px;width:100%;padding:6px 10px;border-radius:6px;font-size:13px;color:#b4b7be;text-decoration:none;white-space:nowrap}
.blp-app[data-sidebar] :is([data-sidebar-main-overflow],[data-sidebar-tools-overflow],[data-favorites-overflow],[data-next-up-overflow])>:is(:is(button,a),a):hover,.blp-app[data-sidebar] :is([data-sidebar-main-overflow],[data-favorites-overflow],[data-next-up-overflow])>.is-active{background:#27282d;color:#eee}
.blp-app[data-sidebar] :is([data-sidebar-main-overflow],[data-sidebar-tools-overflow])>:is(button,a)>svg{width:20px;height:20px;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blp-app[data-sidebar] [data-favorites-overflow]>:is(button,a)>i{justify-self:center;font-style:normal;color:var(--blp-violet)}
.blp-app[data-sidebar] [data-next-up-overflow]>:is(button,a){min-height:48px}
.blp-app[data-sidebar] [data-next-up-overflow]>:is(button,a)>i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2b2b36;color:#c6bfdc;font:600 9px Arial}
.blp-app[data-sidebar] [data-next-up-overflow]>:is(button,a)>span{min-width:0}
.blp-app[data-sidebar] [data-next-up-overflow] strong,.blp-app[data-sidebar] [data-next-up-overflow] small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blp-app[data-sidebar] [data-next-up-overflow] small{color:#828891;margin-top:2px}
.blp-app[data-sidebar] :is(.blp-app__more-menu,.blp-app__favorites-menu,.blp-app__next-up-menu) :is(.blp-app__nav-text,.blp-app__nav-label,.blp-app__now-nav-inner>:is(button,a)>strong){opacity:1;visibility:visible;pointer-events:auto}
.blp-app[data-sidebar-density="compact"] .blp-app__sidebar-top{height:32px;min-height:32px;flex-basis:32px}
.blp-app[data-sidebar-density="compact"] .blp-app__sidebar nav>:is(button,a),.blp-app[data-sidebar-density="compact"] .blp-app__sidebar-tools>:is(button,a),.blp-app[data-sidebar-density="compact"] .blp-app__favorites [data-blp-favorite-list]>*,.blp-app[data-sidebar-density="compact"] :is(.blp-app__next-up-more,.blp-app__favorites-more){height:26px;min-height:26px}
.blp-app[data-sidebar-density="compact"] .blp-app__favorites,.blp-app[data-sidebar-density="compact"] .blp-app__open-carts{margin-top:5px;padding-top:4px}
.blp-app[data-sidebar-density="compact"] .blp-app__sidebar-footer{padding-top:2px;padding-bottom:2px}

/* Workspace search shares real records with each work area. */
.blp-app .blp-search-mobile{display:none}
/* Search uses the same compact controls and neutral surfaces as the workspace. */
.blp-app .blp-search-preview{position:absolute;z-index:105;width:min(340px,calc(100% - 24px));box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
.blp-app .blp-search-preview>form{margin:0}
.blp-app .blp-search-field{color:var(--ui-muted)}
.blp-app .blp-search-field:focus-within{outline:1px solid var(--ui-muted);outline-offset:-1px}
.blp-app .blp-search-field>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.blp-app .blp-search-field>input{outline:0!important}
.blp-app .blp-search-field>kbd{flex:none;border:0;background:transparent;padding:0}
.blp-app .blp-search-quick-results{margin-top:6px}
.blp-app .blp-search-advanced{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px;border:0;border-top:1px solid var(--ui-line);padding:10px 8px 4px;background:transparent;color:var(--ui-muted)}
.blp-app .blp-search-advanced:hover{color:var(--ui-text)}
.blp-app .blp-search-overlay{position:absolute;inset:0;z-index:110;display:grid;place-items:center;padding:24px;background:#050609b8;backdrop-filter:blur(5px);font:14px/1.4 Arial,sans-serif;color:#e9e9ef}
.blp-app .blp-search-dialog{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:min(860px,100%);height:min(760px,100%);max-height:100%;min-height:0;overflow:hidden;border:1px solid #393b43;border-radius:16px;background:#17181d;box-shadow:0 30px 90px #0009}
.blp-app .blp-search-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;gap:16px}
.blp-app .blp-search-dialog>header p{margin:0 0 5px;color:#a99bd4;font-size:10px;font-weight:600;letter-spacing:.1em}
.blp-app .blp-search-dialog>header h2{margin:0;color:#f0eef7;font:600 25px/1.2 Arial,sans-serif;letter-spacing:-.6px}
.blp-app .blp-search-dialog>header span{display:block;margin-top:7px;color:#989ca9;font-size:13px}
.blp-app .blp-search-dialog>header>:is(button,a){display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:7px;background:#25262e;color:#bbbcc8;font-size:23px}
.blp-app .blp-search-dialog>form{padding:0 24px}
.blp-app .blp-search-dialog .blp-search-field>input{min-height:52px;font-size:16px}
.blp-app .blp-search-dialog kbd{padding:2px 5px;border:1px solid #42434c;border-radius:4px;color:#a1a4b1;font:11px/1.2 Arial,sans-serif}
.blp-app .blp-search-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:end;gap:10px;padding:16px 24px}
.blp-app .blp-search-filters>label{display:grid;gap:6px;min-width:0;font-size:11px;color:#969ba8}
.blp-app .blp-search-filters select{width:100%;min-width:0;min-height:34px;margin:0;border:1px solid #393b44;border-radius:7px;background:#202127;color:#dddce7;padding:6px 8px;font:12px/1.2 Arial,sans-serif;color-scheme:dark}
.blp-app .blp-search-filters>:is(button,a){height:34px;padding:6px;color:#b4a6e6;font-size:11px;white-space:nowrap}
.blp-app .blp-search-results-bar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 24px;border-block:1px solid #2d2f36;font-size:11px;color:#8d92a0}
.blp-app .blp-search-results-bar p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blp-app .blp-search-results-bar>span{flex:none;color:#929c8f}
.blp-app .blp-search-results{overflow:auto;overscroll-behavior:contain;min-height:0;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#484750 transparent}
.blp-app .blp-search-result{display:flex;align-items:center;gap:13px;width:100%;padding:11px 12px;border-radius:9px;text-align:left;min-width:0;color:#e2e1eb;font:13px/1.35 Arial,sans-serif}
.blp-app .blp-search-result:hover,.blp-app .blp-search-result:focus-visible{outline:1px solid #62567e;background:#29262f}
.blp-app .blp-search-result>i{display:grid;place-items:center;flex:none;width:40px;height:43px;border:1px solid #383943;border-radius:8px;background:#22232b;color:#b9a8f0;font-style:normal;font-size:20px;overflow:hidden}
.blp-app .blp-search-result>i img{width:100%;height:100%;object-fit:contain}
.blp-app .blp-search-result>span{display:grid;gap:3px;min-width:0;flex:1}
.blp-app .blp-search-result small{font-size:10px;line-height:1.2;color:#9793ab}
.blp-app .blp-search-result strong{font-weight:600;font-size:14px;color:#e8e6ef}
.blp-app .blp-search-result>span>span{font-size:12px;line-height:1.35;color:#969ba8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.blp-app .blp-search-result>em{font-size:10px;font-style:normal;padding:4px 7px;border:1px solid #3c3d47;border-radius:5px;color:#b6b4c0;max-width:150px;text-align:center}
.blp-app .blp-search-result>b{font-weight:400;color:#857798;font-size:16px}
.blp-app .blp-search-quick-results .blp-search-result{box-sizing:border-box;min-height:38px;padding:8px;gap:10px;border-radius:6px;color:var(--ui-text)}
.blp-app .blp-search-quick-results .blp-search-result:hover,.blp-app .blp-search-quick-results .blp-search-result:focus-visible{background:var(--ui-hover);outline:0}
.blp-app .blp-search-quick-results .blp-search-result:focus-visible{box-shadow:inset 0 0 0 1px var(--ui-muted)}
.blp-app .blp-search-quick-results .blp-search-result>i{width:18px;height:18px;border:0;border-radius:0;background:transparent;color:var(--ui-muted)}
.blp-app .blp-search-result>i>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blp-app .blp-search-quick-results .blp-search-result>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blp-app .blp-search-quick-results .blp-search-result>small{flex:none}
.blp-app .blp-search-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-top:1px solid #303139;color:#888d9d;font-size:11px}
.blp-app .blp-search-dialog>footer>span{display:flex;gap:5px;align-items:center}
.blp-app .blp-search-dialog>footer>:is(button,a){color:#b7a8e8;font-size:11px}
.blp-app .blp-search-empty{padding:40px 20px;text-align:center;color:#979ba8}
.blp-app .blp-search-empty strong{font-size:17px;color:#e1deeb}
.blp-app .blp-search-empty p{margin:8px 0}
.blp-app .blp-search-load{display:block;width:100%;padding:14px;color:#c7b7ff;font-size:13px}
.blp-app .blp-search-quick-empty{margin:16px 6px;color:#9a9eaa;font-size:12px}
.blp-app .blp-search-found{outline:2px solid #ad9ee7!important;outline-offset:-2px;background-color:#a697e812}
@media(max-width:600px){
 .blp-app .blp-search-mobile{display:grid;place-items:center;min-width:32px}
 .blp-app .blp-search-overlay{padding:8px}
 .blp-app .blp-search-dialog{border-radius:12px;height:100%}
 .blp-app .blp-search-dialog>header{padding:16px 16px 12px}
 .blp-app .blp-search-dialog>header h2{font-size:22px}
 .blp-app .blp-search-dialog>header span{display:none}
 .blp-app .blp-search-dialog>form{padding:0 16px}
 .blp-app .blp-search-filters{padding:12px 16px;grid-template-columns:1fr 1fr;gap:8px}
 .blp-app .blp-search-filters>:is(button,a){grid-column:1/-1;height:24px;text-align:right;padding:0}
 .blp-app .blp-search-results-bar{padding:9px 16px}
 .blp-app .blp-search-results-bar>span{display:none}
 .blp-app .blp-search-result{padding:10px 5px;gap:9px}
 .blp-app .blp-search-result>em{display:none}
 .blp-app .blp-search-result strong{font-size:13px}
 .blp-app .blp-search-results{padding:6px}
 .blp-app .blp-search-dialog>footer{padding:12px 16px}
 .blp-app .blp-search-dialog>footer>span{display:none}
}
@media(max-height:560px) and (min-width:601px){.blp-app .blp-search-overlay{padding:10px}.blp-app .blp-search-dialog>header{padding:12px 20px}.blp-app .blp-search-dialog>header p,.blp-app .blp-search-dialog>header span{display:none}.blp-app .blp-search-filters{padding-block:10px}}
.blp-app .blp-app__module-actions>:is(button,a).blp-search-mobile{display:none}
@media(max-width:600px){.blp-screen-page .blp-app .blp-app__topbar .blp-app__module-actions{display:flex;visibility:visible}.blp-app .blp-app__module-actions>:is(button,a).blp-search-mobile{display:grid;width:34px;height:34px}}

/* Fit the customer terminal to its actual available height, including split views. */
.blp-app .blp-kiosk{container-type:size;container-name:customer-kiosk}
.blp-app .blp-kiosk .terminal-shell{padding:clamp(10px,1.7cqh,22px);gap:clamp(7px,1.2cqh,14px)}
.blp-app .blp-kiosk .terminal-top{min-height:38px;gap:12px}
.blp-app .blp-kiosk .brand-logo{height:clamp(28px,4.8cqh,42px);width:auto;max-width:min(32cqw,255px)}
.blp-app .blp-kiosk .greeting{font-size:clamp(19px,3.2cqh,28px);white-space:nowrap}
.blp-app .blp-kiosk .register-pill{height:38px;min-height:38px;padding:0 12px;gap:8px;font-size:16px}
.blp-app .blp-kiosk .blp-kiosk-expand{width:36px;height:38px}
.blp-app .blp-kiosk .terminal-main{gap:clamp(10px,1.4cqw,18px);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .panel-inner{padding:clamp(12px,2cqh,20px)}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .panel-title{font-size:clamp(20px,3.4cqh,29px);margin-bottom:clamp(10px,1.6cqh,16px)}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .rewards-head .panel-title{margin-bottom:0}
.blp-app .blp-kiosk .rewards-head{gap:8px;margin-bottom:clamp(10px,1.4cqh,14px)}
.blp-app .blp-kiosk .rewards-level-pill{min-height:30px;padding:0 10px;font-size:13px}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .order-item{grid-template-columns:clamp(48px,8cqh,76px) minmax(0,1fr) minmax(92px,auto);gap:12px;padding:clamp(8px,1.4cqh,14px) 0}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .order-item:first-child{padding-top:0}
.blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .item-image{width:clamp(48px,8cqh,76px);height:clamp(58px,10cqh,90px);border-radius:10px}
.blp-app .blp-kiosk .item-name{font-size:clamp(16px,2.6cqh,23px);margin-bottom:6px;white-space:normal;line-height:1.15}
.blp-app .blp-kiosk .item-meta{font-size:13px}
.blp-app .blp-kiosk .item-side{min-width:0;gap:3px}
.blp-app .blp-kiosk .item-price{font-size:clamp(20px,3.1cqh,27px)}
.blp-app .blp-kiosk .redeem-button{font-size:12px;min-height:32px;margin-top:4px;padding:6px 9px}
.blp-app .blp-kiosk .item-status{font-size:11px}
.blp-app .blp-kiosk .rewards-points-grid{gap:10px;margin-bottom:10px}
.blp-app .blp-kiosk .reward-point-card,.blp-app .blp-kiosk .tier-progress-card{padding:clamp(10px,1.6cqh,16px);border-radius:13px}
.blp-app .blp-kiosk .reward-point-card .stat-label,.blp-app .blp-kiosk .stat-label{font-size:11px;margin-bottom:6px}
.blp-app .blp-kiosk .reward-point-card .stat-value{font-size:clamp(25px,4.2cqh,38px)}
.blp-app .blp-kiosk .tier-status-text{font-size:clamp(13px,2cqh,17px)}
.blp-app .blp-kiosk .multiplier-pill{min-height:30px;padding:0 10px;font-size:13px}
.blp-app .blp-kiosk .account-panel .progress-wrap{margin-top:9px}
.blp-app .blp-kiosk .progress-track{height:7px}
.blp-app .blp-kiosk .account-panel .account-helper{margin-top:10px;padding-top:10px;gap:8px;font-size:12px}
.blp-app .blp-kiosk .blp-kiosk-checkout{padding:8px 14px;gap:12px;border-radius:14px}
.blp-app .blp-kiosk .blp-kiosk-checkout fieldset{gap:12px}
.blp-app .blp-kiosk .blp-kiosk-checkout legend{font-size:13px;line-height:38px}
.blp-app .blp-kiosk .blp-kiosk-options .tip-choice{height:38px;min-height:38px;font-size:14px;border-radius:9px}
.blp-app .blp-kiosk .blp-kiosk-check{font-size:13px;gap:8px;min-height:30px}
.blp-app .blp-kiosk .blp-kiosk-check input{width:21px;height:21px}
.blp-app .blp-kiosk .tip-bar{padding:8px 14px;min-height:58px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;border-radius:14px}
.blp-app .blp-kiosk .tip-title{font-size:19px}
.blp-app .blp-kiosk .tip-subtitle{font-size:12px}
.blp-app .blp-kiosk .tip-choice{height:38px;min-height:38px;font-size:15px;padding:0 8px;border-radius:9px}
.blp-app .blp-kiosk .summary-bar{min-height:clamp(72px,11cqh,94px);grid-template-columns:1fr 1fr .9fr 1.35fr 1.05fr;border-radius:15px}
.blp-app .blp-kiosk .summary-cell{padding:8px clamp(10px,1.4cqw,20px);height:100%}
.blp-app .blp-kiosk .summary-label{font-size:clamp(12px,1.8cqh,15px);margin-bottom:5px;white-space:nowrap}
.blp-app .blp-kiosk .summary-value{font-size:clamp(21px,3.4cqh,30px);white-space:nowrap;line-height:1.1}
.blp-app .blp-kiosk .summary-total .summary-value{font-size:clamp(32px,5.2cqh,46px);line-height:1}
.blp-app .blp-kiosk .total-tip-line{font-size:12px;white-space:nowrap;margin-top:4px}
.blp-app .blp-kiosk .blp-kiosk-status:empty{display:none}
@container customer-kiosk (min-width:741px) and (max-height:650px){
 .blp-app .blp-kiosk .terminal-shell.has-tip{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto auto auto}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.terminal-top,.blp-app .blp-kiosk .terminal-shell.has-tip>.terminal-main,.blp-app .blp-kiosk .terminal-shell.has-tip>.summary-bar,.blp-app .blp-kiosk .terminal-shell.has-tip>.blp-kiosk-status{grid-column:1/-1}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.blp-kiosk-checkout{grid-column:1;grid-row:3;flex-wrap:wrap;gap:2px 10px}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.blp-kiosk-checkout fieldset{flex-basis:100%}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.tip-bar{grid-column:2;grid-row:3;grid-template-columns:1fr;gap:6px}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.summary-bar{grid-row:4}
 .blp-app .blp-kiosk .terminal-shell.has-tip>.blp-kiosk-status{grid-row:5}
 .blp-app .blp-kiosk .terminal-shell.has-tip .tip-heading-row{justify-content:flex-start}
 .blp-app .blp-kiosk .terminal-shell.has-tip .tip-options{gap:5px}
}
@container customer-kiosk (max-width:740px){
 .blp-app .blp-kiosk .terminal-top{min-height:56px;gap:4px 8px}
 .blp-app .blp-kiosk .brand-logo{width:150px;height:30px;max-width:42cqw}
 .blp-app .blp-kiosk .greeting{font-size:18px}
 .blp-app .blp-kiosk .register-pill{font-size:13px;padding:0 8px}
 .blp-app .blp-kiosk .blp-kiosk-header-actions{gap:6px}
 .blp-app .blp-kiosk .terminal-main{gap:10px}
 .blp-app .blp-kiosk .panel-inner{height:auto}
 .blp-app .blp-kiosk .summary-bar{min-height:88px;grid-template-columns:repeat(3,1fr);grid-template-rows:40px 46px}
 .blp-app .blp-kiosk .summary-label{font-size:11px;margin-bottom:3px}
 .blp-app .blp-kiosk .summary-value{font-size:18px}
 .blp-app .blp-kiosk .summary-cell{padding:5px 10px}
 .blp-app .blp-kiosk .summary-total .summary-value{font-size:29px}
 .blp-app .blp-kiosk .blp-kiosk-checkout{padding:8px 10px}
 .blp-app .blp-kiosk .blp-kiosk-options .tip-choice,.blp-app .blp-kiosk .tip-choice{min-height:42px;height:42px}
 .blp-app .blp-kiosk .blp-kiosk-receipt{margin-top:6px}
 .blp-app .blp-kiosk .tip-bar{grid-template-columns:1fr;gap:6px;padding:8px 10px}
 .blp-app .blp-kiosk .tip-subtitle{font-size:11px}
}
@container customer-kiosk (max-width:740px){
 .blp-app .blp-kiosk .terminal-shell{padding:10px;gap:7px}
 .blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .panel-inner{padding:10px}
 .blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .panel-title{font-size:20px;margin-bottom:10px}
 .blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .rewards-head .panel-title{margin-bottom:0}
 .blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .order-item{grid-template-columns:44px minmax(0,1fr) 90px;gap:9px;padding:7px 0}
 .blp-app .blp-kiosk :is(.terminal-shell,.terminal-shell.has-tip) .item-image{width:44px;height:54px}
 .blp-app .blp-kiosk .item-name{font-size:16px}
 .blp-app .blp-kiosk .item-price{font-size:20px}
 .blp-app .blp-kiosk .item-meta{font-size:12px}
 .blp-app .blp-kiosk .redeem-button{min-height:34px;font-size:11px}
 .blp-app .blp-kiosk .item-status{font-size:10px}
 .blp-app .blp-kiosk .rewards-head{margin-bottom:8px}
 .blp-app .blp-kiosk .rewards-level-pill{min-height:28px;font-size:12px}
 .blp-app .blp-kiosk .reward-point-card,.blp-app .blp-kiosk .tier-progress-card{padding:8px 10px}
 .blp-app .blp-kiosk .reward-point-card .stat-value{font-size:26px}
 .blp-app .blp-kiosk .stat-label,.blp-app .blp-kiosk .reward-point-card .stat-label{font-size:10px;margin-bottom:4px}
 .blp-app .blp-kiosk .tier-status-text{font-size:12px}
 .blp-app .blp-kiosk .account-panel .account-helper{margin-top:7px;padding-top:7px;font-size:11px}
 .blp-app .blp-kiosk .multiplier-pill{min-height:25px;font-size:12px}
}

/* Shared ACH customer flow. */
.blp-app .blp-kiosk .blp-kiosk-options .tip-choice{flex:1;min-width:0;white-space:nowrap;padding-inline:10px}
.blp-app .blp-kiosk .blp-kiosk-ach-open{color:#bbdf9c;font-size:12px;text-decoration:underline;white-space:nowrap}
.blp-app .blp-kiosk .blp-kiosk-ach-dialog{position:fixed;inset:0;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;margin:auto;padding:30px;border:1px solid #45503f;border-radius:22px;background:#141c16;color:#f0f4ec;text-align:center;box-shadow:0 24px 80px #0009}
.blp-app .blp-kiosk .blp-kiosk-ach-dialog::backdrop{background:#030704b8;backdrop-filter:blur(5px)}
.blp-app .blp-kiosk .blp-kiosk-ach-close{position:absolute;top:8px;right:12px;font-size:28px;color:#b4bcaf;padding:4px 10px}
.blp-app .blp-kiosk .blp-kiosk-ach-eyebrow{font-size:12px;color:#afd494;letter-spacing:.1em;text-transform:uppercase}
.blp-app .blp-kiosk .blp-kiosk-ach-dialog h2{font-size:26px;margin:8px 0}
.blp-app .blp-kiosk .blp-kiosk-ach-amount{font-size:34px;display:block}
.blp-app .blp-kiosk .blp-kiosk-ach-dialog p{font-size:15px;line-height:1.5;margin:12px 0}
.blp-app .blp-kiosk .blp-kiosk-ach-dialog small{display:block;font-size:11px;color:#9ba795;margin-top:14px}
.blp-kiosk-ach-qr,.blp-app__ach-qr{background:#fff;width:240px;max-width:100%;margin:16px auto;border-radius:10px;overflow:hidden}
.blp-kiosk-ach-qr canvas,.blp-kiosk-ach-qr img,.blp-app__ach-qr canvas,.blp-app__ach-qr img{display:block;max-width:100%;height:auto!important}
.blp-app .blp-kiosk .blp-kiosk-ach-state{color:#9fd883}
@container customer-kiosk (max-width:740px){.blp-app .blp-kiosk .blp-kiosk-ach-dialog{padding:24px 18px}.blp-app .blp-kiosk .blp-kiosk-ach-open{margin-top:8px}.blp-app .blp-kiosk .blp-kiosk-options .tip-choice{padding-inline:7px;font-size:13px}}

/* Product table controls share the table's neutral styling. */
.blp-app .blp-app__product-heading{flex-wrap:wrap;gap:10px;margin-bottom:10px}
.blp-app .blp-app__product-controls{flex-wrap:wrap;gap:8px;max-width:100%;flex-shrink:1}
.blp-app .blp-product-tool,.blp-app .blp-product-filters :is(button,a){min-height:32px;padding:6px 10px;border:1px solid #35383c;border-radius:6px;color:#b8bbc2;background:transparent;white-space:nowrap}
.blp-app .blp-product-tool:hover,.blp-app .blp-product-filters :is(button,a):hover{background:#ffffff08;border-color:#555960}
.blp-app .blp-product-filters{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.blp-app .blp-product-filters :is(button,a).is-filtered{border-color:#8d83c1;color:#d3cbf4;background:#8e7ace10}
.blp-app .blp-product-filters b{font-size:10px;margin-left:4px}
.blp-app .blp-app__product-columns,.blp-app .blp-app__product-row{grid-template-columns:var(--product-table-columns);min-width:var(--product-table-width)}
.blp-app .blp-product-label-actions :is(button,a){width:32px;height:32px;letter-spacing:1px;border:0;background:transparent;color:#aeb2b9;font-size:13px}
.blp-app .blp-product-actions-heading{padding:0;font-size:10px}
.blp-product-popup{position:fixed;inset:auto;margin:0;width:270px;max-width:calc(100vw - 24px);padding:8px;border:1px solid #3b3e45;border-radius:10px;background:#202225;color:#c9ccd2;box-shadow:0 14px 44px #0009;font:13px/1.4 Arial,sans-serif}
.blp-product-popup[role=menu]{width:230px}
.blp-product-popup :is(button,a){color:inherit;font:inherit;cursor:pointer;background:transparent;border:0;border-radius:5px;padding:9px 10px;text-align:left}
.blp-product-popup[role=menu] :is(button,a){display:block;width:100%}
.blp-product-popup :is(button,a):hover,.blp-product-popup :is(button,a):focus-visible{background:#ffffff0a;color:#fff}
.blp-product-popup input[type=search]{width:100%;padding:10px;border:1px solid #3b3e45;border-radius:6px;background:#16181b;color:#d4d7dc;font:inherit}
.blp-product-popup footer{display:flex;gap:12px;border-top:1px solid #35383c;padding-top:4px;margin-top:6px}
.blp-facet-options{max-height:min(300px,45vh);overflow:auto;padding:5px 0}
.blp-facet-options label{display:flex;gap:9px;align-items:center;padding:8px;cursor:pointer}
.blp-facet-options input,.blp-column-dialog input[type=checkbox]{width:14px;height:14px;accent-color:#9890c9;margin:0}
.blp-row-menu-title{font-size:11px;color:#8e939c;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #35383c;margin-bottom:4px}
.blp-column-dialog{position:fixed;inset:0;margin:auto;width:min(550px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:hidden;padding:0;border:1px solid #3b3e45;border-radius:14px;background:#1a1c1f;color:#d1d4db;font:14px/1.4 Arial,sans-serif;box-shadow:0 20px 65px #0009}
.blp-column-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.blp-column-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 30px);padding:20px;gap:14px}
.blp-column-dialog header,.blp-column-dialog footer{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.blp-column-dialog h2{font-size:21px;margin:0;flex:1;color:#edf0f4}
.blp-column-dialog p{font-size:13px;margin:0;color:#9399a3}
.blp-column-dialog :is(button,a){color:inherit;font:inherit;cursor:pointer;border:1px solid #3c4047;background:transparent;padding:8px 12px;border-radius:6px}
.blp-column-dialog header :is(button,a){border:0;font-size:24px;padding:0 8px}
.blp-column-dialog input[type=search]{padding:10px 12px;border:1px solid #3c4047;background:#131518;color:#d1d4db;border-radius:6px;font:inherit;flex-shrink:0}
.blp-column-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:7px}
.blp-column-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #34383e;border-radius:7px;background:#202226}
.blp-column-option label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}
.blp-column-grip{color:#717781;cursor:grab}
.blp-column-option :is(button,a){padding:3px 8px;min-height:28px}
.blp-column-dialog :is(button,a):disabled{opacity:.3;cursor:default}
.blp-column-dialog footer{padding-top:12px;border-top:1px solid #34383e}
.blp-column-dialog footer span{flex:1}
.blp-column-dialog :is(button,a).is-primary{background:#6965b7;border-color:#837bce;color:#fff}
@media(max-width:740px){.blp-app .blp-product-filters{gap:5px;margin-bottom:8px}.blp-app .blp-product-tool,.blp-app .blp-product-filters :is(button,a){min-height:34px;font-size:11px;padding:6px 8px}.blp-column-dialog form{padding:14px}.blp-column-dialog h2{font-size:19px}}

/* Two toolbar rows: filters, then grouping/search/actions. */
.blp-app .blp-app__products .blp-app__product-heading{display:grid;grid-template-columns:minmax(80px,1fr) minmax(210px,.9fr);gap:12px;align-items:center;margin-bottom:8px}
.blp-app .blp-app__products .blp-ui-grouping{display:flex;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.blp-app .blp-ui-grouping>:is(button,a){flex-shrink:0}
.blp-app .blp-app__products .blp-app__product-controls{display:flex;flex-wrap:nowrap;gap:6px;margin:0;min-width:0;width:100%}
.blp-app .blp-app__products .blp-app__product-search{flex:1;width:auto;min-width:70px;height:34px;border-radius:6px;padding:0 9px;gap:7px;transition:none}
.blp-app .blp-app__products .blp-app__product-search input{width:100%;min-width:0;opacity:1;font-size:12px}
.blp-app .blp-app__product-controls .blp-product-tool,.blp-app .blp-app__product-controls .blp-app__product-add{display:grid;place-items:center;flex:0 0 32px;width:32px;height:34px;min-height:34px;padding:0}
.blp-app .blp-product-filters{flex-wrap:nowrap;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.blp-app .blp-product-facets{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.blp-app .blp-product-filters .blp-app__product-select{flex-shrink:0;height:32px;border-radius:6px;background:transparent;padding:0 8px;font-size:12px}
.blp-app .blp-product-filters .blp-app__product-select select{width:auto;min-width:0;max-width:145px;height:28px;background:#151617}
.blp-app .blp-product-filters :is(button,a){flex-shrink:0;min-height:32px}
@media(max-width:740px){.blp-app .blp-app__products .blp-app__product-heading{gap:8px}.blp-app .blp-app__product-controls{gap:4px}.blp-app .blp-product-filters{margin-bottom:8px}}

.blp-app .blp-app__product-tree-label{min-width:0;padding:0;font:inherit;text-align:left}
.blp-app .blp-app__product-tree-label>span:last-child{min-width:0}
.blp-app .blp-app__product-tree-label strong,.blp-app .blp-app__product-tree-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blp-app .blp-app__product-tree-label strong{color:#cdd0d6;font-weight:490}
.blp-app .blp-app__product-tree-label small{margin-top:.15em;color:#686b72}

/* A flush, opaque action rail with a soft divider over scrolling columns. */
.blp-app .blp-app__product-row>[data-product-column="actions"]{position:sticky;right:0;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-block:-.52em;background:#17191b;border-left:1px solid #ffffff08;box-shadow:-9px 0 12px -5px #0005}
.blp-app .blp-product-actions-heading{position:absolute;top:0;bottom:0;width:56px;z-index:3;display:grid;place-items:center;background:#131415;border-left:1px solid #ffffff08;box-shadow:-9px 0 12px -5px #0005}
.blp-app .blp-product-config-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:6px;color:#aeb2b9}
.blp-app .blp-product-config-button:hover{background:#ffffff08;color:#e7e9ed}

.blp-app .blp-app__product-columns,.blp-app .blp-app__product-row{padding-right:0}

/* Monetary columns share typography and enough space for grouped ranges. */
.blp-app .blp-app__product-row .blp-app__product-price,.blp-app .blp-app__product-row .blp-app__product-cost{color:#b8bbc2;font-size:1em;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}

.blp-app .blp-product-group-label{flex:0 0 auto;color:#92969e;font-size:12px;margin-right:4px}

/* Filters and search share the top row; grouping uses the row below. */
.blp-app .blp-product-filter-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);align-items:center;gap:12px;flex:0 0 auto;margin-bottom:10px;min-width:0}
.blp-app .blp-product-filter-search-row .blp-product-filters{min-width:0;margin:0}
.blp-app .blp-app__products .blp-app__product-heading{grid-template-columns:minmax(0,1fr)}
.blp-app .blp-product-header-actions{display:none;align-items:center;gap:6px;flex:0 0 auto;margin-left:12px}
.blp-app .blp-app__topbar[data-blp-module="products"] .blp-product-header-actions{display:flex}
.blp-app .blp-product-header-actions :is(button,a){display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid #35383c;border-radius:6px;background:transparent;color:#b8bbc2}
.blp-app .blp-product-header-actions :is(button,a):hover{background:#ffffff08;border-color:#555960}
@media(max-width:740px){.blp-app .blp-product-filter-search-row{grid-template-columns:minmax(0,1fr) 140px;gap:8px}.blp-app .blp-app__topbar[data-blp-module="products"] .blp-app__module-meta{display:none}.blp-app .blp-product-header-actions{margin-left:auto}}

.blp-app[data-sidebar] .blp-app__brand .blp-app__brand-logo{display:block;width:100%;max-width:145px;height:auto;max-height:30px;object-fit:contain;object-position:left center;flex-shrink:1}

/* Product toolbar controls: quiet circular icons and compact outlined pills. */
.blp-app .blp-product-header-actions :is(button,a),
.blp-app .blp-app__topbar[data-blp-module="products"] .blp-app__module-actions :is(button,a),
.blp-app .blp-product-config-button{width:32px;height:32px;min-height:32px;padding:0;border:1px solid #2b2d30;border-radius:50%;background:#17181a;color:#92969e;box-shadow:inset 0 1px 0 #ffffff03}
.blp-app .blp-product-header-actions :is(button,a):hover,
.blp-app .blp-app__topbar[data-blp-module="products"] .blp-app__module-actions :is(button,a):hover,
.blp-app .blp-product-config-button:hover{background:#202124;border-color:#42454a;color:#d3d6dc}
.blp-app .blp-app__topbar[data-blp-module="products"] .blp-app__module-actions .is-starred{color:#f4c84e}
.blp-app .blp-product-filters :is(button,a),
.blp-app .blp-ui-grouping>:is(button,a){min-height:32px;padding:6px 12px;border:1px solid #2b2d30;border-radius:999px;background:#17181a;color:#a4a8af;box-shadow:inset 0 1px 0 #ffffff03}
.blp-app .blp-product-filters :is(button,a):hover,
.blp-app .blp-ui-grouping>:is(button,a):hover{background:#202124;border-color:#42454a;color:#d3d6dc}
.blp-app .blp-product-filters :is(button,a).is-filtered,
.blp-app .blp-ui-grouping>:is(button,a).is-active{background:#373047;border-color:#9585d4;color:#e2dcff}
.blp-app .blp-product-filters :is(button,a).is-filtered:hover,
.blp-app .blp-ui-grouping>:is(button,a).is-active:hover{background:#443957;border-color:#b6a5f4}
.blp-app .blp-app__products .blp-app__product-search{border-radius:999px;border-color:#2b2d30;background:#17181a;padding-inline:12px}
.blp-app .blp-product-header-actions :is(button,a):focus-visible,
.blp-app .blp-product-filters :is(button,a):focus-visible,
.blp-app .blp-ui-grouping>:is(button,a):focus-visible{outline:2px solid #a99be3;outline-offset:2px}

/* Lighter toolbar hierarchy, matching the compact reference controls. */
.blp-app .blp-product-header-actions :is(button,a),.blp-app .blp-product-config-button{width:26px;height:26px;min-height:26px;border-color:#25272a;background:transparent;box-shadow:none}
.blp-app .blp-product-header-actions svg{width:15px;height:15px}
.blp-app .blp-app__topbar[data-blp-module="products"] .blp-app__module-actions :is(button,a){width:24px;height:24px;min-height:24px;border:0;border-radius:4px;background:transparent;box-shadow:none}
.blp-app .blp-product-filters :is(button,a),.blp-app .blp-ui-grouping>:is(button,a){min-height:28px;padding:4px 10px;font-size:12px;line-height:18px;border-color:#292b2e;background:transparent;box-shadow:none}
.blp-app .blp-app__products .blp-app__product-search{height:30px;border-color:#292b2e;background:transparent}
.blp-app .blp-product-filters :is(button,a).is-filtered,.blp-app .blp-ui-grouping>:is(button,a).is-active{background:#373047;border-color:#9585d4;color:#e2dcff}
.blp-app[data-sidebar] .blp-sidebar-store{position:relative;display:flex;gap:6px;flex:1;max-width:100%;padding:0;font-size:12px;color:#92969e}
.blp-app .blp-sidebar-store>span{flex-shrink:0}
.blp-app[data-sidebar] .blp-sidebar-store select{appearance:none;display:block;min-width:0;width:100%;padding:6px 20px 6px 0!important;border:0;outline-offset:1px;background:transparent;color:#d0d5de;font:inherit;cursor:pointer;text-overflow:ellipsis}
.blp-app .blp-sidebar-store option{background:#17181a;color:#d0d5de}
.blp-app .blp-sidebar-store>svg{position:absolute;right:4px;width:12px;height:12px;fill:none;stroke:#92969e;stroke-width:1.5;pointer-events:none}

/* Use each section's navigation SVG for its title and saved shortcuts. */
.blp-app .blp-app__topbar .blp-app__module-title [data-blp-module-glyph]{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:#b5a4ff;font-style:normal}
.blp-app [data-blp-module-glyph]>svg,.blp-app [data-blp-favorite-module]>i>svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blp-app [data-blp-favorite-module]>i{display:grid;place-items:center;color:inherit!important}

.blp-app .blp-product-filters :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:7px}
.blp-app .blp-product-filters .blp-filter-chevron{display:block;flex:0 0 12px;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.blp-app .blp-product-filters :is(button,a)>b{margin:0;line-height:1}

.blp-app .blp-product-header-actions :is(button,a){border:0;box-shadow:none;background:transparent}
.blp-app .blp-product-header-actions :is(button,a):hover{background:#ffffff06}

.blp-app-route-error{position:absolute;z-index:200;top:65px;left:24px;right:24px;display:flex;gap:20px;align-items:center;padding:20px;background:#232428;border:1px solid #6f647f;border-radius:12px;color:#eee;box-shadow:0 10px 30px #0006}.blp-app-route-error a{margin-left:auto;color:#c9b8ff;white-space:nowrap}

.blp-app a[data-app-link]{text-decoration:none;cursor:pointer}.blp-app strong>a[data-app-link],.blp-app h4>a[data-app-link]{color:inherit;font:inherit}.blp-app .blp-app__sidebar{font-family:Inter,system-ui,sans-serif;font-weight:400}

/* Neutral navigation and surface palette, shared by standalone and embedded apps. */
.blp-app :is(.blp-app__more-menu,.blp-app__favorites-menu,.blp-app__next-up-menu,.blp-app__order-menu,.blp-product-popup,.blp-column-dialog) { background: var(--blp-panel); border-color: var(--blp-line); box-shadow: inset 0 1px rgba(255,255,255,.035), 0 12px 28px #0005; }
.blp-app[data-sidebar] :is(.blp-app__sidebar nav>:is(button,a),.blp-app__sidebar-tools>:is(button,a),.blp-app__sidebar-footer>:is(button,a)):hover { background: var(--blp-selected); color: var(--blp-text); }
.blp-app[data-sidebar] .blp-app__favorites [data-blp-favorite-list]>:is(button,a):is(:hover,.is-active) { background: var(--blp-selected); color: var(--blp-nav-text); }
.blp-app :is(.blp-app__product-tree-head,.blp-app__customer-tree-head,.blp-app__transaction-tree-head,.blp-app__queue-columns header) { background: var(--blp-topbar); border-color: var(--blp-line-soft); }

/* The viewport stays unscaled; only the queue board fits inside it. */
.blp-app__queue-viewport { position: relative; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.blp-app__queue-viewport > .blp-app__queue-columns { height: 100%; }
.blp-app__queue-toolbar { flex-wrap: wrap; }
.blp-app .blp-app__queue-fit-toggle { display: inline-flex; flex: none; align-items: center; gap: 8px; min-height: 32px; margin-left: auto; padding: 5px 9px; border: 1px solid var(--blp-line-soft); border-radius: 6px; color: var(--blp-text); background: #17181a; font: inherit; white-space: nowrap; }
.blp-app .blp-app__queue-fit-toggle[hidden] { display: none !important; }
.blp-app__queue-fit-switch { display: inline-flex; align-items: center; width: 26px; height: 16px; padding: 2px; border-radius: 999px; background: #34363b; }
.blp-app__queue-fit-switch::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #b5bac3; transition: transform .15s; }
.blp-app__queue-fit-toggle[aria-pressed="true"] .blp-app__queue-fit-switch { background: #44577d; }
.blp-app__queue-fit-toggle[aria-pressed="true"] .blp-app__queue-fit-switch::before { transform: translateX(10px); background: #e0e7f3; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__checkout-queue { overflow: hidden; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-viewport { flex: 1; min-height: 0; overflow: hidden; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-columns { position: absolute; top: 0; left: 0; display: grid !important; grid-template-columns: repeat(var(--queue-column-count, 8), 280px); grid-template-rows: auto; align-items: start; gap: 12px; width: var(--queue-natural-width, 2324px); height: auto; overflow: visible; transform: scale(var(--blp-queue-scale, 1)); transform-origin: top left; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-columns > section { width: 280px; min-height: 0; max-height: none; overflow: visible; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-columns > section > header { position: static; }

/* Scroll the end gutters with the board rather than clipping cards inside them. */
.blp-app:not([data-pos-mobile="true"]):not([data-queue-fit="true"]) .blp-app__queue-viewport { margin-inline: calc(-1 * var(--blp-queue-gutter)); }
.blp-app:not([data-pos-mobile="true"]):not([data-queue-fit="true"]) .blp-app__queue-columns { padding-inline: var(--blp-queue-gutter); scroll-padding-inline: var(--blp-queue-gutter); }

/* Enlarge the original interactive card without changing the board layout. */
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-viewport.has-fit-preview { z-index: 4; overflow: visible; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-columns > section.has-fit-preview { position: relative; z-index: 5; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-card.is-fit-preview { z-index: 6; transform: var(--queue-preview-transform); transform-origin: top left; border-color: #454a54; background: var(--blp-panel); box-shadow: 0 8px 28px #0009; }

/* Keep overview zoom and card inspection on the same motion timing. */
.blp-app .blp-app__queue-columns { transition: transform 250ms cubic-bezier(.2,.7,.2,1); transform-origin: top left; }
.blp-app .blp-app__queue-card { transition: transform 250ms cubic-bezier(.2,.7,.2,1), box-shadow 250ms, border-color 250ms; transform-origin: top left; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-card.is-fit-preview-leaving { z-index: 6; }
@media (prefers-reduced-motion: reduce) {
  .blp-app .blp-app__queue-columns, .blp-app .blp-app__queue-card { transition-duration: 0ms; }
}

.blp-app__queue-card { cursor: pointer; }

.blp-app .blp-app__queue-card-edit { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; padding: 0; border: 1px solid rgba(255,255,255,.06); border-radius: 5px; color: #c5c8cf; background: #0d0e0f; text-decoration: none; }
.blp-app__queue-card-edit svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.blp-app .blp-app__queue-card-edit:hover { background: #101112; border-color: rgba(255,255,255,.1); }
.blp-app[data-pos-mobile="true"][data-view] .blp-app__queue-card-edit { width: 44px; height: 44px; flex-basis: 44px; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-columns > section:has(.is-fit-preview) { z-index: 7; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-card.is-fit-preview { z-index: 8; }
.blp-app[data-queue-fit="true"][data-view] .blp-app__queue-card.is-fit-preview-leaving { pointer-events: none; }
/* Align the menu and workspace headers; separate menu groups with space only. */
.blp-app { --blp-desktop-header-height: 40px; }
.blp-app[data-sidebar]:not([data-pos-mobile="true"]) .blp-app__sidebar { margin-top: 8px; height: calc(100% - 8px); }
.blp-app[data-sidebar]:not([data-pos-mobile="true"]) :is(.blp-app__sidebar-top,.blp-app__topbar) { height: var(--blp-desktop-header-height); min-height: var(--blp-desktop-header-height); flex-basis: var(--blp-desktop-header-height); }
.blp-app[data-sidebar]:not([data-pos-mobile="true"]) .blp-app__views { height: calc(100% - var(--blp-desktop-header-height)); }
.blp-app[data-sidebar] :is(.blp-app__sidebar-top,.blp-app__sidebar-tools,.blp-app__favorites,.blp-app__open-carts,.blp-app__sidebar-footer) { border-top: 0; border-bottom: 0; }
.blp-kiosk-page .blp-app[data-sidebar]:not([data-pos-mobile="true"]) .blp-app__views { height: 100%; }

/* Team Chat channel navigation belongs to the conversation workspace. */
.blp-app .blp-app__now-channels { min-width: 0; min-height: 0; overflow-y: auto; padding: 18px 10px; border-right: 1px solid var(--blp-line-soft); background: var(--blp-bg); scrollbar-width: thin; scrollbar-color: #34363a transparent; }
.blp-app__now-channels-list { display: flex; flex-direction: column; gap: 3px; }
.blp-app .blp-app__now-channels-label { margin: 0 10px 9px; color: #858a94; font-size: 11px; font-weight: 550; line-height: 18px; letter-spacing: .035em; }
.blp-app .blp-app__now-channels-label:not(:first-child) { margin-top: 24px; }
.blp-app .blp-app__now-channels-list > :is(a,button) { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 34px; padding: 7px 10px; border-radius: 6px; color: #a5aab3; text-decoration: none; font-size: 13px; line-height: 20px; }
.blp-app .blp-app__now-channels-list > :is(a,button):hover { color: #d9dde3; background: #191b1e; }
.blp-app .blp-app__now-channels-list > :is(a,button).is-active { color: #e0e3e8; background: #202226; }
.blp-app .blp-app__now-channels-list > :is(a,button) > span { display: grid; place-items: center; color: #747a85; font-size: 16px; }
.blp-app .blp-app__now-channels-list > :is(a,button).is-active > span { color: var(--section-color, #efb256); }
.blp-app .blp-app__now-channels-list > :is(a,button) > span.is-ai { color: #b7a8f5; }
.blp-app__now-channels-list svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.blp-app__now-channels-list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 450; }
.blp-app .blp-app__now-channels-list small { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 5px; color: #d5cfee; background: #393244; font-size: 10px !important; font-weight: 550; }
.blp-app__now-channels-list > :is(a,button) > i { width: 5px; height: 5px; border-radius: 50%; background: #86bd78; }

/* Order frame dismissal is separate from canceling the order. */
.blp-app .blp-app__order-close { display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid rgba(255,255,255,.06); border-radius:5px; background:#672d40; color:#c5c8cf; }
.blp-app .blp-app__order-close:hover { background:#80374f; color:#e0e2e7; }
.blp-app__order-close svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.blp-app[data-pos-mobile="true"][data-view] .blp-app__order-close { width:44px; height:44px; }
.blp-app__checkout-header-meta [hidden] { display:none !important; }

.blp-app[data-anonymous-order="true"] :is(.blp-app__ai-customer-facts,[data-blp-ai-panel],[data-blp-tender="Points"],[data-blp-line-points],[data-blp-action="reward"],[data-blp-action="available-rewards"],[data-blp-action="sms"]) { display:none !important; }
.blp-app[data-anonymous-order="true"] .blp-app__checkout-sale { grid-template-columns:minmax(0,1fr); }
.blp-app[data-anonymous-order="true"] .blp-app__checkout-tenders { grid-template-columns:repeat(3,minmax(0,1fr)); }

.blp-app .blp-app__change-customer { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; margin-left:auto; padding:8px; border:1px solid var(--blp-line); border-radius:6px; background:#0d0e0f; color:var(--blp-text); }
.blp-app .blp-app__change-customer svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.blp-app[data-pos-mobile="true"] .blp-app__change-customer { width:44px; height:44px; flex-basis:44px; }
.blp-app__order-customer-picker { margin:0 0 20px; padding:16px; border:1px solid var(--blp-line); border-radius:8px; background:var(--blp-panel); }
.blp-app__order-customer-picker header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.blp-app__order-customer-picker header button { min-width:36px; min-height:36px; }
.blp-app__order-customer-picker input { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--blp-line); border-radius:6px; color:var(--blp-text); background:var(--blp-bg); font:inherit; }
.blp-app__order-customer-picker [data-order-customer-results] { max-height:280px; overflow:auto; margin-top:8px; }
.blp-app__order-customer-picker [data-order-customer-results] button { display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:8px; border-radius:6px; text-align:left; }
.blp-app__order-customer-picker [data-order-customer-results] button:hover { background:#ffffff08; }
.blp-app__order-customer-picker strong,.blp-app__order-customer-picker small { display:block; }
.blp-app__order-customer-picker small { color:var(--blp-muted); }
.blp-app[data-pos-mobile="true"] .blp-app__change-customer { min-height:44px; margin:12px 0 0; }

.blp-app[data-pos-mobile="true"][data-view] .blp-app__checkout-bottom { flex-direction:column; align-items:stretch; gap:12px; }
.blp-app[data-pos-mobile="true"][data-view] .blp-app__checkout-bottom textarea { width:100%; min-height:44px; }
.blp-app[data-pos-mobile="true"][data-view] .blp-app__sale-actions { display:flex; flex-wrap:wrap; gap:8px; }

.blp-queue-stage-icon { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:var(--queue-stage-color); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-car { border-color:#7fcbd1; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-delivery-ready { border-color:#78b5d1; }
.blp-app__queue-card-indicators > [data-blp-queue-status-icon].is-out-for-delivery { border-color:#cd9cda; }
.blp-app__queue-card-next[data-blp-queue-action="check-in"] { --queue-action-bg:#285347; --queue-action-hover:#346858; }
.blp-app__queue-card-next[data-blp-queue-action="dispatch"] { --queue-action-bg:#244c61; --queue-action-hover:#31617a; }
.blp-app__queue-card-next[data-blp-queue-action="delivered"] { --queue-action-bg:#4a3569; --queue-action-hover:#5d4381; }
.blp-service-setting { display:flex; align-items:center; gap:24px; justify-content:space-between; padding:20px 0; border-bottom:1px solid var(--blp-line); }
.blp-service-setting strong,.blp-service-setting small { display:block; }
.blp-service-setting small { margin-top:6px; color:var(--blp-muted); }
.blp-service-setting input { width:22px; height:22px; accent-color:#85c99a; flex-shrink:0; }
.blp-queue-arrival { width:min(420px,calc(100vw - 32px)); padding:24px; border:1px solid #34383a; border-radius:12px; color:#cbd0d8; background:#141516; }
.blp-queue-arrival::backdrop { background:#0009; }
.blp-queue-arrival header { display:flex; align-items:center; justify-content:space-between; }
.blp-queue-arrival h3 { margin:0; }
.blp-queue-arrival label { display:grid; gap:8px; margin-top:20px; }
.blp-queue-arrival select,.blp-queue-arrival input { width:100%; padding:10px; min-height:44px; background:#101112; color:inherit; border:1px solid #34383a; border-radius:6px; font:inherit; }
.blp-queue-arrival button { min-height:44px; padding:8px 16px; background:#285347; color:inherit; border-radius:6px; }
.blp-queue-arrival [hidden] { display:none; }

.blp-app__queue-toolbar > .blp-queue-workspace { display:flex; flex:0 0 auto; align-items:center; gap:8px; width:auto; padding:0 10px; }
.blp-queue-workspace > span { color:var(--blp-muted); font-size:12px; }
.blp-queue-workspace select { min-height:38px; max-width:200px; border:0; background:transparent; color:var(--blp-text); font:inherit; }
.blp-queue-workspace select option { background:#171819; }
.blp-app[data-pos-mobile="true"][data-view] .blp-queue-workspace { width:100%; min-height:44px; }
.blp-app[data-pos-mobile="true"][data-view] .blp-queue-workspace select { flex:1; max-width:none; min-width:0; }

.blp-queue-empty { padding:40px 24px; text-align:center; color:var(--blp-muted); }
.blp-service-status { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:100000; max-width:min(540px,calc(100vw - 24px)); padding:10px 14px; border:1px solid #35383e; border-radius:8px; background:#191b1e; color:#d5d8dd; box-shadow:0 8px 24px #0006; font-size:13px; }
.blp-service-status[hidden] { display:none; }
.blp-service-status button { margin-left:12px; border:1px solid #ffffff20; border-radius:5px; padding:5px 9px; color:inherit; background:#303641; }
.blp-record-editor{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;background:#151617;color:#c8cbd2;border:1px solid #ffffff18;border-radius:12px;box-shadow:0 24px 80px #0008}
.blp-record-editor::backdrop{background:#0008}.blp-record-editor h3{margin:0 0 20px;font-size:18px}.blp-record-editor label{display:grid;gap:8px;margin:14px 0;font-size:13px;color:#a4a7ae}.blp-record-editor input,.blp-record-editor select,.blp-record-editor textarea{box-sizing:border-box;width:100%;padding:10px 12px;background:#101112;color:#ddd;border:1px solid #ffffff18;border-radius:6px;font:inherit}.blp-record-editor textarea{min-height:90px}.blp-record-editor footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.blp-record-editor button{padding:9px 14px;background:#252731;border:1px solid #ffffff12;color:inherit;border-radius:6px}.blp-record-editor button[type=submit]{background:#2b416b}.blp-record-editor [role=alert]{color:#f1a1ab;font-size:13px}

.blp-kiosk.is-anonymous .terminal-main { grid-template-columns: minmax(0, 1fr); }

/* Sales scenes keep the product visible; precise control coaching belongs to training. */
.blp-app__guide-scene { margin: 0 0 10px; color: #9196a0; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.blp-app[data-guide-mode="demo"] .blp-app__guide-spotlight:not(.is-traveling) {
    border-color: rgba(185,196,221,.28);
    box-shadow: 0 0 0 1px rgba(185,196,221,.04), 0 0 24px rgba(151,171,211,.06), 0 0 0 9999px rgba(1,2,3,.18);
}
.blp-app[data-guide-mode="demo"] .blp-app__guide-spotlight > i { display: none; }
.blp-app[data-guide-mode="demo"] .blp-app__guide-section-label { justify-content: flex-start; margin-top: 10px; color: #cbd1dc; font-size: 16px; font-weight: 550; letter-spacing: -.015em; text-align: left; }
.blp-app[data-guide-mode="demo"] .blp-app__guide-section-label::before,
.blp-app[data-guide-mode="demo"] .blp-app__guide-section-label::after { display: none; }
.blp-app[data-guide-mode="demo"] .blp-app__guide-section-label span { max-width: 100%; white-space: normal; }
.blp-app[data-guide-mode="demo"] .blp-app__guide-message:not(.is-current):not(.is-user) { color: #989da7; }
@media (min-width: 768px) and (max-width: 1347px) {
    .blp-app-figure.is-demo-expanded > .blp-app[data-guide-mode="demo"] { min-width: 0; grid-template-columns: minmax(0,1fr) 320px !important; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__app-panel { min-width: 0; grid-template-columns: 180px minmax(0,1fr); }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide { position: relative; width: 320px; border-left: 1px solid #202228; background: #0b0c0e; pointer-events: auto; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-section-label { max-width: 100%; padding: 0; border-radius: 0; background: transparent; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-message:not(.is-user) { max-width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
}
@media (max-width: 767px) {
    .blp-app-figure.is-demo-expanded > .blp-app[data-guide-mode="demo"] {
        --pos-bottom: 0px;
        min-width: 0;
        grid-template-columns: minmax(0,1fr) !important;
        grid-template-rows: minmax(0,1fr) min(50%,440px);
    }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__app-panel { min-width: 0; min-height: 0; padding-bottom: 0; overflow: hidden; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .pos-mobile-nav { display: none; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide {
        position: relative;
        width: 100%;
        height: 100%;
        border: 0;
        border-top: 1px solid #272a31;
        background: #0b0c0e;
        pointer-events: auto;
    }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-header { flex: none; min-height: 48px; padding: 4px 12px; grid-template-columns: 28px minmax(0,1fr) 44px; font-size: 13px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-mark { width: 28px; height: 28px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-header small { display: none; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-session { padding: 4px 12px 8px; overflow: hidden; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-scene { flex: none; margin-bottom: 4px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-timeline { flex: none; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; margin-bottom: 6px; padding: 0; border: 0; background: transparent; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-controls { flex: none; grid-template-columns: 44px minmax(0,1fr) repeat(3,44px); margin-bottom: 8px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-takeover { flex: none; margin: 0 0 6px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-transcript { min-height: 0; gap: 14px; padding-bottom: 8px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-section-label { max-width: 100%; padding: 0; border-radius: 0; background: transparent; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-message:not(.is-user) { max-width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-ask { flex: none; margin: 0 12px 8px; grid-template-columns: minmax(0,1fr) 44px 44px; }
    .blp-app-figure.is-demo-expanded .blp-app[data-guide-mode="demo"] .blp-app__guide-ask textarea { height: 44px; min-height: 44px; font-size: 14px !important; }
}

/* Store day: a connected operator workspace, shared by the app and tour. */
.blp-store-day { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; color:#c8cbd1; }
.blp-store-day[hidden],.blp-store-day [hidden] { display:none!important; }
.blp-day-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px 20px; }
.blp-day-eyebrow { display:block; font-size:10px; letter-spacing:.12em; color:#8d9e79; margin-bottom:8px; font-weight:600; }
.blp-day-intro h2 { margin:0 0 8px; font-size:24px; line-height:1.2; letter-spacing:-.035em; font-weight:600; color:#dadde2; }
.blp-day-intro p,.blp-day-section-title p { color:#868b95; margin:0; font-size:13px; line-height:1.55; }
.blp-store-day button,.blp-store-day input,.blp-store-day select,.blp-store-day textarea { font:inherit; font-size:12px; }
.blp-store-day button { cursor:pointer; border:1px solid #ffffff0a; border-radius:7px; color:#c8cbd1; background:#0d0e0f; padding:9px 12px; line-height:1.25; white-space:nowrap; }
.blp-store-day button:hover { background:#222528; border-color:#ffffff18; }
.blp-store-day button:disabled { opacity:.45; cursor:default; }
.blp-day-intro>button,.blp-store-day button[type=submit] { background:#293c35; color:#cbe6d5; }
.blp-day-tabs { padding:0 32px 12px; display:flex; gap:5px; flex-shrink:0; overflow-x:auto; border-bottom:1px solid #ffffff08; }
.blp-day-tabs button { flex:0 0 auto; background:transparent; border:0; color:#828791; }
.blp-day-tabs button[aria-pressed=true] { color:#e0e3e8; background:#222427; }
.blp-day-status { font-size:12px; color:#a8b89a; padding:0 32px; min-height:8px; }
.blp-day-status:not(:empty) { padding-bottom:12px; }
.blp-day-scroll { flex:1; min-height:0; overflow:auto; padding:26px 32px 48px; scrollbar-width:thin; }
.blp-day-section-title { margin-bottom:18px; max-width:780px; }
.blp-day-section-title h3 { font-size:19px; font-weight:550; color:#d5d8df; letter-spacing:-.02em; margin:0 0 7px; }
.blp-day-scroll section+section,.blp-day-grid+.blp-day-section-title { margin-top:30px; }
.blp-day-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:14px; margin-bottom:18px; }
.blp-day-card { min-width:0; padding:22px; background:#141516; border:1px solid #ffffff0c; border-radius:11px; box-shadow:inset 0 1px 0 #ffffff03; }
.blp-day-card h4 { margin:14px 0 8px; font-size:16px; color:#d9dce1; font-weight:550; letter-spacing:-.02em; }
.blp-day-card h4:first-child { margin-top:0; }
.blp-day-card p { margin:10px 0; line-height:1.6; color:#9298a2; font-size:12px; }
.blp-day-card small,.blp-day-muted { color:#767d88; font-size:11px; line-height:1.5; }
.blp-day-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#7f8690; font-size:11px; }
.blp-day-tag { display:inline-flex; border:1px solid #ffffff08; border-radius:5px; background:#202226; padding:4px 7px; font-size:10px; color:#aab0bc; white-space:nowrap; }
.blp-day-tag.green { background:#1c2b24; color:#a6c6ad; }.blp-day-tag.amber { background:#2c281e; color:#c7b27c; }.blp-day-tag.red { background:#361e2b; color:#deaabb; }
.blp-day-facts { display:flex; gap:22px; padding:15px 0; border-block:1px solid #ffffff08; font-size:10px; color:#7e8590; }
.blp-day-facts b { display:block; color:#ccd0d8; font-size:19px; font-weight:500; margin-bottom:3px; }
.blp-day-buy { display:flex; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid #ffffff08; font-size:13px; }
.blp-day-card blockquote { margin:15px 0; border-left:2px solid #6e7293; padding:5px 0 5px 14px; font-size:13px; line-height:1.7; color:#b5bac4; }
.blp-day-card blockquote small { display:block; margin-bottom:4px; font-size:9px; letter-spacing:.08em; }
.blp-day-card footer,.blp-day-footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:18px; }
.blp-store-day a { color:#b3b7d0; text-decoration:none; font-size:12px; }
.blp-day-row-list { margin:15px 0; border:1px solid #ffffff09; border-radius:10px; overflow:hidden; }
.blp-day-row-list>div { display:flex; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid #ffffff08; font-size:12px; }
.blp-day-row-list>div:last-child { border-bottom:0; }
.blp-day-row-list>div>span:first-child { flex:1; min-width:0; }
.blp-day-row-list strong { display:block; font-weight:500; }.blp-day-row-list small { display:block; font-size:11px; margin-top:5px; color:#777f89; overflow-wrap:anywhere; }
.blp-store-day form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.blp-store-day form label,.blp-day-row-list label { display:flex; flex-direction:column; gap:7px; font-size:11px; color:#989eaa; }
.blp-store-day input,.blp-store-day select,.blp-store-day textarea { box-sizing:border-box; width:100%; min-width:0; border:1px solid #ffffff0e; border-radius:6px; color:#c4c9d2; background:#0f1011; padding:10px; outline:none; }
.blp-store-day :is(input,select,textarea,button):focus-visible { outline:2px solid #818aad; outline-offset:2px; }
.blp-store-day textarea { resize:vertical; line-height:1.6; }.blp-day-wide,.blp-day-form-actions { grid-column:1/-1; }
.blp-day-form-actions { display:flex; justify-content:flex-end; }.blp-day-empty { color:#757c87; padding:16px 0; font-size:12px; line-height:1.6; }
.blp-day-preview { width:min(750px,90vw); height:85vh; background:#151618; color:#c6ccd5; border:1px solid #383c44; border-radius:12px; padding:16px; }
.blp-day-preview::backdrop { background:#0009; }.blp-day-preview header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.blp-day-preview iframe { width:100%; height:calc(100% - 95px); border:0; background:white; }.blp-day-preview footer { padding-top:10px; text-align:right; }
@media(max-width:767px){.blp-day-intro { padding:20px 16px 14px; align-items:flex-start; flex-direction:column; gap:12px; }.blp-day-intro h2 { font-size:21px; }.blp-day-tabs { padding-inline:16px; }.blp-day-scroll { padding:20px 16px 36px; }.blp-day-status { padding-inline:16px; }.blp-day-card { padding:17px; }.blp-day-row-list>div { flex-wrap:wrap; padding:12px; }.blp-store-day form { grid-template-columns:minmax(0,1fr); }.blp-day-facts { gap:20px; }.blp-day-row-list label { width:100%; }}

.blp-day-card .blp-day-help { padding:10px 12px; border:1px solid #c69b4b30; border-radius:7px; background:#292417; color:#d4bd8e; }

/* Kiosk sales scene fills only the app pane, beside the independent guide rail. */
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] > .blp-app__app-panel {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    padding: 0 !important;
}
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] :is(.blp-app__sidebar,.blp-app__sidebar-footer,.blp-app__topbar,.pos-mobile-nav) { display: none !important; }
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] .blp-app__workspace {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
}
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] .blp-app__workspace::before,
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] .blp-app__workspace::after { display: none; }
.blp-app[data-guide-canvas="kiosk"][data-view="kiosk"] .blp-app__views { height: 100% !important; }

/* Checkout layout; typography comes from ui.css. */
.blp-app__view--checkout { container: checkout-workspace / inline-size; }
.blp-app .blp-app__checkout-main { padding: 20px 24px; }
.blp-app .blp-app__sale-header { min-height: 68px; padding-bottom: 12px; }
.blp-app .blp-app__sale-heading { flex: 1 1 auto; min-width: 0; flex-wrap: wrap; gap: 12px; }
.blp-app .blp-app__sale-customer { grid-template-columns: 40px minmax(110px,1fr) auto; gap: 10px; }
.blp-app .blp-app__sale-customer .blp-app__avatar { width: 40px; height: 40px; }
.blp-app .blp-app__sale-customer .blp-app__customer-name small { color: #a0a5ae; }
.blp-app .blp-app__ai-customer-facts { gap: 12px; }
.blp-app .blp-app__ai-customer-facts small { color: #a0a5ae; }
.blp-app .blp-app__checkout-command { grid-template-columns: minmax(155px,.7fr) minmax(0,1.3fr); gap: 12px; }
.blp-app .blp-app__totals div { gap: 12px; color: #b7bbc3; }
.blp-app .blp-app__checkout-tenders button { min-height: 44px; padding: 10px; }
.blp-app .blp-app__catalog-toolbar { flex-wrap: wrap; gap: 10px; }
.blp-app .blp-app__sale-tools { flex: 0 1 auto; min-width: 0; }
.blp-app .blp-app__sale-tools :is(a,button) { padding: 8px 10px; min-height: 36px; color: #b7bbc3; }
.blp-app .blp-app__catalog-toolbar .blp-app__search { flex: 1 1 190px; min-width: 0; }
.blp-app .blp-app__search input::placeholder { color: #959ba5; }
.blp-app .blp-app__sale-limit span,
.blp-app .blp-app__sale-limit strong { color: #b0b6c0; }
.blp-app .blp-app__cart-head { grid-template-columns: minmax(0,1fr) 76px 70px 68px; gap: 8px; color: #a0a5ae; }
.blp-app .blp-app__cart-item { grid-template-columns: 44px minmax(0,1fr) 76px 70px 68px; gap: 8px; min-height: 100px; padding: 12px 0; }
.blp-app .blp-app__product-thumb { width: 44px; height: 44px; }
.blp-app .blp-app__product-copy span,
.blp-app .blp-app__product-copy small { color: #a0a5ae; }
.blp-app .blp-app__quantity { min-height: 36px; }
.blp-app .blp-app__checkout-bottom { flex-wrap: wrap; }
.blp-app .blp-app__checkout-bottom textarea { flex: 1 1 220px; }
.blp-app .blp-app__sale-actions { flex-wrap: wrap; }
.blp-app .blp-app__checkout-sale .blp-app__ai { padding: 20px 20px 20px 0; min-height: 0; overflow-y: auto; }
.blp-app .blp-app__ai-suggestion { min-height: 0; }
.blp-app .blp-app__checkout-sale .blp-app__recommendation small { color: #a0a5ae; }
/* Preserve the cart and assist rail together at desktop and preview widths. */
.blp-app:not([data-pos-mobile="true"]) .blp-app__checkout-sale { display: grid; grid-template-columns: minmax(0,1.85fr) minmax(260px,1fr); overflow: hidden; }
.blp-app:not([data-pos-mobile="true"]) .blp-app__checkout-main { min-height: 0; overflow-y: auto; }
.blp-app[data-anonymous-order="true"] .blp-app__checkout-sale { grid-template-columns: minmax(0,1fr); }
.blp-app[data-pos-mobile="true"] .blp-app__checkout-sale .blp-app__ai { padding: 16px; overflow: visible; }
@container checkout-workspace (max-width: 600px) {
    .blp-app .blp-app__sale-customer { grid-template-columns: 48px minmax(0,1fr); }
    .blp-app .blp-app__sale-customer .blp-app__ai-customer-facts { grid-column: 2; justify-self: start; }
    .blp-app .blp-app__sale-limit { grid-template-columns: auto 1fr; gap: 8px; }
    .blp-app .blp-app__sale-limit small { grid-column: 1 / -1; grid-row: 2; }
    .blp-app .blp-app__sale-limit strong { justify-self: end; }
    .blp-app .blp-app__sale-tools { flex-basis: 100%; }
    .blp-app .blp-app__sale-actions { gap: 8px; }
    .blp-app .blp-app__sale-actions :is(a,button) { padding: 10px 12px; min-height: 44px; }
}

/* Page actions use the shared Products-style header region. */
.blp-app__topbar [data-ui-actions-for] { display: none; }
.blp-app__topbar[data-blp-module="customers"] [data-ui-actions-for="customers"] { display: flex; }
.blp-app__topbar[data-blp-module="marketing"] [data-ui-actions-for="marketing"] { display: flex; }
.blp-app__topbar[data-blp-module="customer-service"] [data-ui-actions-for="customer-service"] { display: flex; }
.blp-app__topbar[data-blp-module="checkout"] [data-ui-actions-for="checkout"] { display: flex; }
.blp-app:has([data-blp-checkout-mode="queue"][hidden]) [data-ui-actions-for="checkout"] { display: none; }
.blp-app__topbar [data-ui-actions-for="checkout"] { margin-left: 0; }
.blp-app__topbar .blp-ui-header-actions:has(>button[hidden]:only-child) { display: none; }

.blp-app__topbar[data-blp-module="approvals"] [data-ui-actions-for="approvals"],
.blp-app__topbar[data-blp-module="compliance"] [data-ui-actions-for="compliance"] { display: flex; }
.blp-app__topbar [data-blp-module-meta]:not([hidden]) + .blp-ui-header-actions { margin-left: 12px; }

[data-blp-app][data-ui-library] [data-ui-actions-for="checkout"] { margin-left: 0; }
/* The header's label type must not change the table's column measurements. */
.blp-app .blp-app__product-columns, .blp-app .blp-app__product-row {
    column-gap: var(--ui-body, 13px); padding-inline: calc(var(--ui-body, 13px) * 1.45);
}
/* Texting reuses the workspace; register-only scaffolding stays outside its visible capabilities. */
.blp-app[data-product-mode="texting"] [data-blp-next-up],
.blp-app[data-product-mode="texting"] [data-blp-view-panel="checkout"],
.blp-app[data-product-mode="texting"] [data-blp-view-panel="overview"] { display:none!important; }