/* sophia-bubble.css — Sophia as a small round bubble with her real face. Replaces the tall "video is on its way" panel.
   Phone: only the round face (tap = open chat). 900px and wider: face + "Ask Sophia" + "AI assistant".
   Shared by the CLAIMtract and ContractorMate sites. Loaded AFTER app.css and any site css. */
#sophia{position:fixed;z-index:60;top:auto!important;left:auto;right:12px;bottom:12px;width:auto;max-width:calc(100vw - 24px);height:auto;display:flex;align-items:center;gap:0;padding:0;margin:0;border:0;border-radius:999px;background:#17130d;color:#f7f1e4;box-shadow:0 8px 24px rgba(0,0,0,.3);overflow:visible;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#sophia .stage-v{position:relative;left:auto;bottom:auto;top:auto;aspect-ratio:auto;width:56px;height:56px;flex:none;border-radius:50%;border:0;overflow:visible;background:none}
#sophia .stage-v .s-face{display:block;position:relative;z-index:1;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--amber,#ff7a3c);background:#2a1a12}
#sophia .stage-v::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--amber,#ff7a3c);animation:facepulse 2.6s ease-out infinite;z-index:0}
@keyframes facepulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.45);opacity:0}}
#sophia .orb,#sophia video,#sophia .s-tag,#sophia .s-cap,#sophia .s-note,#sophia #s-sound,#sophia #s-replay,#sophia #s-skip{display:none!important}
#sophia .body{margin:0;min-height:0;padding:0}
/* phone: the whole round bubble is the tap target; the words stay available to screen readers */
#sophia .s-ctl{position:absolute;inset:0;padding:0;margin:0;display:block}
#sophia .s-ctl #s-ask{position:absolute;inset:0;width:100%;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;font-size:0;cursor:pointer;z-index:2}
#sophia .s-ctl #s-ask::after{content:none}
#sophia .s-ctl #s-ask:focus-visible{outline:3px solid #fff;outline-offset:3px}
#chat{right:12px;bottom:80px;left:auto;width:min(380px,calc(100vw - 24px))}
@media (min-width:900px){
  #sophia{right:24px;bottom:24px;padding:0 6px 0 0;height:64px}
  #sophia .stage-v,#sophia .stage-v .s-face{width:60px;height:60px}
  #sophia .s-ctl{position:static;display:flex;align-items:center}
  #sophia .s-ctl #s-ask{position:static;width:auto;min-height:44px;padding:0 14px 0 10px;border-radius:0;color:#f7f1e4;font:800 .95rem/1.1 var(--font-body,system-ui,sans-serif);display:flex;flex-direction:column;justify-content:center;text-align:left}
  #sophia .s-ctl #s-ask::after{content:"AI assistant";font:600 .7rem/1.2 var(--font-body,system-ui,sans-serif);color:#d9cfbd}
  #chat{right:24px;bottom:100px}
}
@media (prefers-reduced-motion:reduce){#sophia .stage-v::before{animation:none;opacity:0}}