[data-susi-ui-id="shell-bubble-counter"]{cursor:pointer;--budget-color:var(--aqua);--budget-percent:100%}
[data-susi-ui-id="shell-bubble-counter"]:after{display:none}
.demo-budget-tank{position:absolute;left:9px;right:9px;bottom:3px;height:3px;overflow:hidden;border-radius:4px;background:#46606a66}
.demo-budget-tank i{display:block;width:var(--budget-percent);height:100%;border-radius:inherit;background:var(--budget-color);box-shadow:0 0 9px var(--budget-color);transition:width .5s ease,background .3s ease}
[data-budget-state="ALARM_1"]{--budget-color:#f4df38}[data-budget-state="ALARM_2"]{--budget-color:#ff754f}[data-budget-state="ZERO"]{--budget-color:#ff405d;border-color:#ff405d88;box-shadow:0 0 16px #ff405d35}
[data-budget-state="ALARM_1"] strong{color:#ffe95e}[data-budget-state="ALARM_2"] strong,[data-budget-state="ZERO"] strong{color:#ff6d72}
[data-budget-state="ZERO"] .demo-budget-tank i{width:0}
.demo-budget-panel{position:absolute;z-index:130;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 24px));padding:14px;border:1px solid var(--budget-color,var(--aqua));border-radius:14px;background:#071d30f7;color:#effcff;box-shadow:0 18px 45px #0009}.demo-budget-panel[hidden]{display:none}.demo-budget-panel>b,.demo-budget-panel span{display:block;margin-top:5px;color:var(--budget-color,var(--aqua))}.demo-budget-panel p,.demo-budget-panel small{display:block;margin:.55rem 0 0;color:#b9d0d9;line-height:1.35}
.demo-budget-zero-notice{margin:0 0 1rem;padding:12px 14px;border:1px solid #ff405d88;border-radius:14px;background:#48142570;box-shadow:0 0 18px #ff405d25;animation:a236-zero-glow 2.8s ease-in-out infinite}.demo-budget-zero-notice[hidden]{display:none}.demo-budget-zero-notice>*{display:block}.demo-budget-zero-notice span,.demo-budget-zero-notice small{margin-top:4px}
[data-demo-budget-blocked="true"]{opacity:.48;filter:saturate(.35);cursor:not-allowed}
html[data-theme="light"] .demo-budget-panel{background:#f7fcfef7;color:#173f5f}.demo-budget-zero-notice small{color:inherit}
@keyframes a236-zero-glow{50%{box-shadow:0 0 25px #ff405d45}}
@media(prefers-reduced-motion:reduce){.demo-budget-zero-notice{animation:none}.demo-budget-tank i{transition:none}}

/* Bubble-only restoration: accessible dialog and explicit unknown balance. */
.demo-budget-panel{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
.demo-budget-panel:not([open]){display:none}
.demo-budget-panel::backdrop{background:#03101acc}
.demo-budget-panel [data-budget-close]{display:block;margin:0 0 12px auto}
.demo-budget-panel button{min-height:44px;padding:8px 14px;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.demo-budget-panel [data-budget-retry]{margin-top:14px}
[data-budget-state="NORMAL"] strong,[data-budget-state="UNKNOWN"] strong{color:#effcff}
html[data-theme="light"] [data-budget-state="NORMAL"] strong,html[data-theme="light"] [data-budget-state="UNKNOWN"] strong{color:#173f5f}
[data-budget-state="UNKNOWN"]{--budget-color:#90aebb;box-shadow:none}
[data-budget-state="UNKNOWN"] .demo-budget-tank{display:none}
[data-counter-loading="true"] .demo-budget-tank{display:none}
[data-susi-ui-id="shell-bubble-counter"]:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Website-only visitor demo settings. */
.bubble-demo-settings{width:min(760px,calc(100vw - 32px));padding:28px;background:#0b2232;color:#eef8fb}
.bubble-demo-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}
.bubble-demo-header h2{margin:0;font-size:1.6rem}
.bubble-demo-settings [data-budget-close]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;margin:0;padding:0;font-size:2rem;line-height:1;border-radius:50%}
.bubble-demo-explanation{line-height:1.6}
.bubble-demo-balance{display:grid;gap:6px;padding:16px;border:1px solid #295064;border-radius:14px;margin:18px 0}
.bubble-demo-balance strong{font-size:1.4rem}
.bubble-demo-list{display:grid;gap:12px;margin:20px 0}
.bubble-demo-row{padding:14px;border:1px solid #295064;border-radius:14px;background:#102b3d}
.bubble-demo-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;cursor:pointer;font-weight:700}
.bubble-demo-toggle>span:first-child{min-width:0;line-height:1.45}
.bubble-demo-switch{position:relative;display:flex;align-items:center;gap:10px;flex:0 0 100px;min-height:48px}
.bubble-demo-switch input{position:absolute;left:0;top:0;width:56px;height:48px;margin:0;opacity:0;cursor:pointer;z-index:1}
.bubble-demo-track{display:block;position:relative;flex:0 0 52px;height:30px;border:1px solid #7593a3;border-radius:20px;background:#344b59;transition:background .15s}
.bubble-demo-track:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}
.bubble-demo-switch input:checked+.bubble-demo-track{background:#138b90;border-color:#26d3d7}
.bubble-demo-switch input:checked+.bubble-demo-track:after{transform:translateX(22px)}
.bubble-demo-switch input:focus-visible+.bubble-demo-track{outline:3px solid #fff;outline-offset:4px}
.bubble-demo-switch input:disabled+.bubble-demo-track{opacity:.5}
.bubble-demo-settings details{margin-top:6px}
.bubble-demo-settings summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer;color:#7de4e6}
.bubble-demo-settings details p{margin:.4rem 0;line-height:1.5}
.bubble-demo-settings details small,.bubble-demo-session{display:block;color:#b9d0d9;line-height:1.5}
.bubble-demo-settings [data-feature-off]{margin:.4rem 0;color:#b9d0d9}
[data-bubble-feature-paused="true"]{opacity:.48;cursor:not-allowed}
html[data-theme="light"] .bubble-demo-settings{background:#f7fcfe;color:#173f5f}
html[data-theme="light"] .bubble-demo-row{background:#e9f3f7;border-color:#a2c4d0}
html[data-theme="light"] .bubble-demo-settings p,html[data-theme="light"] .bubble-demo-settings small,html[data-theme="light"] .bubble-demo-settings summary{color:#254f64}
html[data-theme="light"] .bubble-demo-switch input:focus-visible+.bubble-demo-track{outline-color:#173f5f}
@media(max-width:700px){.bubble-demo-settings{padding:18px}.bubble-demo-toggle{gap:12px}.bubble-demo-switch{flex-basis:88px;gap:6px}}
@media(prefers-reduced-motion:reduce){.bubble-demo-track,.bubble-demo-track:after{transition:none}}

.bubble-demo-header{position:sticky;top:0;z-index:3;background:#0b2232;padding-block:6px}
html[data-theme="light"] .bubble-demo-header{background:#f7fcfe}
/* Keep the old compact panel rules from overriding this window's hidden states and switch layout. */
.bubble-demo-settings [hidden]{display:none!important}
.bubble-demo-settings .bubble-demo-switch{display:flex;margin:0}
.bubble-demo-settings .bubble-demo-track{display:block;width:52px;margin:0}
.bubble-demo-settings .bubble-demo-toggle>span:first-child,.bubble-demo-settings [data-switch-state]{margin:0}