/* Local consent surface. Provider assets load only after an explicit start. */
.q76-bella-ai{padding:24px 28px;border-bottom:1px solid #c1d2d4;font-family:"Roboto Condensed",Arial,sans-serif}
.q76-bella-ai h3{font-size:24px;font-weight:400;line-height:1.2;margin:0 0 14px}
.q76-bella-ai p{font-size:15px;line-height:1.55;margin:0 0 12px}
.q76-bella-ai .q76-bella-ai-kicker{font-size:11px;letter-spacing:.06em;font-weight:700;color:#315e6a}
.q76-bella-ai .q76-bella-ai-small{font-size:12px;color:#425e64;margin:14px 0 0}
.q76-bella-ai a{text-decoration:underline;text-underline-offset:3px;color:#315e6a}
.q76-bella-ai button{background:#315e6a;color:white;border:1px solid #315e6a;border-radius:6px;min-height:46px;padding:11px 16px;cursor:pointer;font:500 16px/1.4 "Roboto Condensed",Arial,sans-serif}
.q76-bella-ai button[hidden],.q76-bella-ai [hidden]{display:none!important}
.q76-bella-ai [data-ai-status]:empty{display:none}
.q76-bella-ai [data-ai-status]{font-size:12px;line-height:1.4;margin:12px 0}
.q76-bella-dialog.q76-bella-ai-active{width:min(680px,calc(100vw - 32px))}
.q76-bella-ai-active .q76-bella-body{display:none}
.q76-bella-ai-active .q76-bella-ai{padding:14px;border:0}
.q76-bella-ai iframe{display:block;width:100%;height:clamp(480px,62dvh,640px);border:0;background:#fff;border-radius:8px}
@media(max-width:680px){.q76-bella-ai{padding:20px}.q76-bella-dialog.q76-bella-ai-active{width:calc(100vw - 16px)}.q76-bella-ai iframe{height:52dvh;min-height:280px}}

.q76-bella-ai .q76-bella-contact-route{font-size:14px;margin:12px 0}.q76-bella-ai .q76-bella-contact-route a{font-weight:500}

/* Familiar Bella card: one entry and one chat surface. */
.q76-bella-dialog{width:min(740px,calc(100vw - 32px));border-radius:12px}
.q76-bella-dialog>header{padding:16px 22px;align-items:center}
.q76-bella-dialog header p{display:none}
.q76-bella-dialog header h2{font-size:22px}
.q76-bella-entry{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:center}
.q76-bella-entry-avatar{display:block;width:180px;height:280px;object-fit:contain;background:linear-gradient(#eef5f4,#73a9ad);border-radius:10px}
.q76-bella-entry-copy h3{font-size:28px;line-height:1.15;font-weight:300}
.q76-bella-entry-copy [data-ai-start]{margin:16px 0 12px;width:100%}
.q76-bella-data-info{font-size:12px;line-height:1.5;color:#425e64}
.q76-bella-data-info summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.q76-bella-data-info p{font-size:12px;margin:12px 0}
.q76-bella-local>summary{cursor:pointer;padding:16px 24px;font-size:14px;color:#315e6a}
.q76-bella-ai-active .q76-bella-local{display:none}
.q76-bella-dialog.q76-bella-ai-active{width:min(1060px,calc(100vw - 32px))}
.q76-bella-ai-active .q76-bella-ai{padding:0 12px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.q76-bella-ai-active [data-ai-stop]{background:transparent;color:#315e6a;border:0;padding:8px 0;min-height:40px;font-size:13px}
.q76-bella-ai-active [data-ai-status]{display:none}
.q76-bella-ai-active .q76-bella-contact-route{margin:0 0 0 auto;font-size:13px}
.q76-bella-ai-active [data-ai-mount]{width:100%}
.q76-bella-ai iframe{height:min(660px,calc(100dvh - 180px));min-height:360px}
@media(max-width:680px){.q76-bella-entry{grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start}.q76-bella-entry-avatar{width:90px;height:150px}.q76-bella-entry-copy h3{font-size:24px}.q76-bella-entry-copy .q76-bella-ai-kicker{font-size:10px}.q76-bella-entry-copy .q76-bella-ai-small,.q76-bella-entry-copy [data-ai-start],.q76-bella-entry-copy .q76-bella-data-info{font-size:13px}.q76-bella-dialog>header{padding:14px 16px}.q76-bella-dialog header h2{font-size:20px}.q76-bella-ai iframe{height:calc(100dvh - 180px);min-height:320px}}

/* Match the compact live chatbot: avatar in its header, chat at the right edge. */
.q76-bella-dialog,.q76-bella-dialog.q76-bella-ai-active{width:min(420px,calc(100vw - 24px));inset:auto 16px 16px auto;max-height:calc(100dvh - 32px);border-radius:20px;border:1px solid #d7e3e3}
.q76-bella-dialog::backdrop{background:transparent}
.q76-bella-dialog>header{padding:0 12px 0 0;min-height:84px;background:linear-gradient(110deg,#507480,#315e6a);color:white;gap:12px;justify-content:flex-start;overflow:hidden}
.q76-bella-header-avatar{display:block;width:86px;height:84px;object-fit:cover;object-position:top;align-self:flex-end}
.q76-bella-dialog header h2{font-size:19px;font-weight:600}.q76-bella-dialog header h2 small{font-size:10px;background:white;color:#173137;padding:2px 3px;border-radius:3px}
.q76-bella-dialog header p.q76-bella-header-role{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:white;margin:4px 0 0}
.q76-bella-dialog [data-bella-close]{margin-left:auto;min-width:34px;min-height:34px;background:#fff;color:#173137;border:0;border-radius:7px}
.q76-bella-entry{display:block}.q76-bella-entry-avatar,.q76-bella-entry .q76-bella-ai-kicker{display:none}
.q76-bella-entry-copy h3{font-size:21px;font-weight:400;line-height:1.35}.q76-bella-ai{padding:20px}
.q76-bella-dialog.q76-bella-ai-active>header{position:absolute;right:12px;top:15px;z-index:5;min-height:0;padding:0;background:none;overflow:visible;pointer-events:none}
.q76-bella-ai-active>header>img,.q76-bella-ai-active>header>div{display:none}
.q76-bella-ai-active>header [data-bella-close]{pointer-events:auto}
.q76-bella-ai-active .q76-bella-ai{padding:0;gap:0}
.q76-bella-ai-active [data-ai-stop]{order:2;padding:8px 12px}.q76-bella-ai-active .q76-bella-contact-route{order:3;font-size:12px;padding:8px 12px;margin-left:auto}
.q76-bella-ai>.q76-privacy-settings{margin:8px 0;min-height:44px;padding:10px 14px;background:#fff;color:#315e6a;border:1px solid #aac0c5;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.q76-bella-ai>.q76-privacy-settings:hover{background:#e5eeee;color:#244c56;border-color:#315e6a;opacity:1}
.q76-bella-ai [data-ai-start]:hover{background:#244c56;color:#fff;border-color:#244c56}
.q76-bella-ai button:focus-visible{outline:3px solid #173137;outline-offset:3px}
.q76-bella-ai-active>.q76-bella-ai>.q76-privacy-settings{order:2;margin:8px 12px}
.q76-bella-ai-active [data-ai-mount]{order:1}
.q76-bella-ai iframe{height:min(590px,calc(100dvh - 88px));min-height:320px;border-radius:18px}
@media(max-width:680px){.q76-bella-dialog,.q76-bella-dialog.q76-bella-ai-active{inset:auto 8px 8px;width:calc(100vw - 16px)}.q76-bella-ai iframe{height:calc(100dvh - 80px)}}

/* Closed launcher matches the live Bella avatar, without a letter tile or label. */
.q76-bella-launch{width:80px;height:80px;min-height:80px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;padding:3px;border:3px solid white;border-radius:50%;background:linear-gradient(#fff,#1f6d7b);box-shadow:0 4px 18px #17313726;overflow:hidden}
.q76-bella-launch img{display:block;width:auto;max-width:100%;height:74px;object-fit:contain;object-position:center bottom;pointer-events:none}
.q76-bella-launch:hover{box-shadow:0 5px 22px #17313740}.q76-bella-launch:focus-visible{outline:3px solid #e3a330;outline-offset:4px}
@media(max-width:680px){.q76-bella-launch{width:72px;height:72px;min-height:72px;right:12px;bottom:12px}.q76-bella-launch img{height:66px}}

/* Readable dark body text; retain white lettering on the petrol controls. */
.q76-bella-entry-copy,.q76-bella-entry-copy h3,.q76-bella-ai .q76-bella-ai-small,.q76-bella-data-info{color:#24282b}
