.product-surface-bubbles{display:contents;--bubble-panel:var(--tenant-panel,var(--bb-surface,#0b2232));--bubble-panel-2:var(--tenant-panel-2,var(--bb-elevated,#102b3d));--bubble-text:var(--tenant-text,var(--bb-text,#eef8fb));--bubble-muted:var(--tenant-muted,var(--bb-muted,#90aebb));--bubble-line:var(--tenant-line,var(--bb-border,#295064));--bubble-accent:var(--tenant-accent,var(--bb-accent,#20d4df))}
.bubble-surface-counter{position:relative;z-index:72;display:flex;align-items:center;gap:8px;min-width:148px;height:48px;padding:5px 10px 8px;border:1px solid #2b667a;border-radius:14px;background:linear-gradient(145deg,#0a2a3d,#071d30);color:#effcff;text-align:left}.bubble-surface-counter:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:3px;border-radius:4px;background:var(--bubble-accent);box-shadow:0 0 9px var(--bubble-accent)}.product-surface-bubbles[data-bubble-state="ELEVATED"] .bubble-surface-counter:after{background:var(--bubble-attention,#d9954c);box-shadow:0 0 9px var(--bubble-attention,#d9954c)}.product-surface-bubbles[data-bubble-state="CRITICAL"] .bubble-surface-counter:after{background:var(--bubble-critical,#db7168);box-shadow:0 0 10px var(--bubble-critical,#db7168)}.bubble-surface-counter small{display:block;color:#8ebdca;font-size:.62rem;font-weight:800}.bubble-surface-counter strong{font-size:.78rem}.bubble-placement-tenant{position:fixed;right:150px;top:10px}.bubble-pair{position:relative;width:29px;height:25px;flex:0 0 29px}.bubble-pair i{position:absolute;width:19px;height:19px;border:2px solid var(--bubble-accent);border-radius:50%}.bubble-pair i:first-child{left:1px;top:1px}.bubble-pair i:last-child{right:1px;bottom:1px;border-color:#2874f0}.bubble-surface-counter em{position:absolute;right:0;top:calc(100% + 8px);padding:8px 11px;border:1px solid var(--bubble-line);border-radius:10px;background:var(--bubble-panel);color:var(--bubble-text)}
html[data-color-mode="light"] .bubble-surface-counter{border-color:#62b9cc;background:linear-gradient(145deg,#f7fcfe,#dceff5);color:#173f5f}.bubble-info{width:min(780px,calc(100vw - 24px));max-height:90vh;padding:clamp(20px,4vw,34px);border:1px solid var(--bubble-line);border-radius:22px;background:var(--bubble-panel);color:var(--bubble-text);overflow:auto}.bubble-info::backdrop{background:#03101acc}.bubble-info>header{display:flex;gap:14px;align-items:center}.bubble-info-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;background:var(--bubble-panel-2);color:var(--bubble-text)}.bubble-context-badge{color:var(--bubble-muted)}.bubble-explanation{margin:18px 0;color:var(--bubble-text);line-height:1.55}.bubble-balance{display:grid;gap:5px;margin:20px 0;padding:16px;border:1px solid var(--bubble-line);border-radius:14px;background:var(--bubble-panel-2)}.bubble-balance>strong{font-size:clamp(1.25rem,3vw,1.8rem)}.bubble-balance span,.bubble-buy p{color:var(--bubble-muted)}.bubble-projection{padding:13px 15px;border-radius:12px;background:var(--bubble-panel-2);border-left:4px solid var(--bubble-accent)}.bubble-projection.elevated{border-color:var(--bubble-attention,#d9954c)}.bubble-projection.critical{border-color:var(--bubble-critical,#db7168)}.bubble-categories{display:grid;gap:8px;padding:0;list-style:none}.bubble-categories li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:12px;border-radius:12px;background:var(--bubble-panel-2)}.bubble-category-control{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:36px}.bubble-category-control [data-bubble-control]{min-width:78px;min-height:34px;padding:5px 12px;border:1px solid var(--bubble-line);border-radius:9px;background:transparent;color:var(--bubble-text);box-shadow:none;font:inherit;font-size:1rem;font-weight:800;letter-spacing:.01em}.bubble-category-control [data-bubble-control]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bubble-categories [data-effective-state="ACTIVE"] [data-bubble-control="ENABLE"]{border-color:var(--bubble-accent);background:color-mix(in srgb,var(--bubble-accent) 20%,transparent);color:var(--bubble-accent);box-shadow:0 0 10px color-mix(in srgb,var(--bubble-accent) 34%,transparent)}.bubble-categories [data-effective-state="ACTIVE"] [data-bubble-control="PAUSE"],.bubble-categories [data-effective-state="PAUSED"] [data-bubble-control="ENABLE"]{border-color:var(--bubble-line);background:transparent;color:var(--bubble-text);box-shadow:none}.bubble-categories [data-effective-state="PAUSED"] [data-bubble-control="PAUSE"]{border-color:var(--bubble-critical,#db7168);background:color-mix(in srgb,var(--bubble-critical,#db7168) 20%,transparent);color:var(--bubble-critical,#db7168);box-shadow:0 0 10px color-mix(in srgb,var(--bubble-critical,#db7168) 30%,transparent)}.bubble-category-control [data-bubble-control]:disabled{opacity:.55}.bubble-category-control>strong[data-category-state]{font-size:1rem;color:var(--bubble-accent)}.bubble-category-control>strong[data-state="paused"]{color:var(--bubble-critical,#db7168)}.bubble-buy{margin-top:18px;padding-top:16px;border-top:1px solid var(--bubble-line)}.bubble-packages{display:flex;flex-wrap:wrap;gap:8px}.bubble-packages button{min-height:40px}
@media(max-width:700px){.bubble-placement-tenant{right:105px}}@media(max-width:620px){.bubble-surface-counter{height:42px;min-width:104px}.bubble-surface-counter small{display:none}.bubble-placement-tenant{right:88px}.bubble-info{max-height:94vh}.bubble-categories li{grid-template-columns:1fr}.bubble-category-control{justify-content:space-between}}

/* Thin responsive demo placement; Bubble logic and markup stay canonical. */
.public-bubble-header-slot{display:contents}.public-bubble-header-slot .bubble-placement-tenant{position:relative;inset:auto;flex:0 0 auto;min-width:132px;margin:0 8px}[data-public-shell]>.site-header:has(.public-bubble-header-slot) .header-key-visual{flex:1 1 80px;min-width:0;margin-right:0}[data-public-shell]>.site-header:has(.public-bubble-header-slot) .utilities{margin-left:0}
.public-bubble-inline-slot{position:relative;z-index:1;display:grid;place-items:center;width:100%;padding:8px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--bb-border,var(--line));background:color-mix(in srgb,var(--bb-background,var(--paper)) 94%,transparent)}
.public-bubble-inline-slot .bubble-placement-tenant{position:static;inset:auto;margin:0}
html[data-theme="light"] .bubble-surface-counter{border-color:#62b9cc;background:linear-gradient(145deg,#f7fcfe,#dceff5);color:#173f5f}
@media(max-width:620px){.public-bubble-inline-slot{padding-block:6px}.public-bubble-inline-slot .bubble-surface-counter{width:min(100%,260px);justify-content:center}}