/* SheriaPal SPV1.10.2: Sherry chat button (bottom right) and the docked chat panel */
.spl{position:fixed;right:28px;bottom:28px;z-index:290;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:14px;font-family:inherit}
.spl[hidden]{display:none}
.spl-btn{width:64px;height:64px;border-radius:50%;border:0;background:#F4B400;color:#141824;display:grid;place-items:center;cursor:pointer;position:relative;box-shadow:0 10px 28px rgba(20,24,36,.28);flex-shrink:0;transition:transform .15s;animation:splIn .45s cubic-bezier(.2,.9,.3,1.2) both;text-decoration:none}
.spl-btn:hover{transform:scale(1.06)}
.spl-btn:focus-visible{outline:3px solid #141824;outline-offset:3px}
.spl-btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spl-btn .i-close{display:none}
.spl.open .spl-btn .i-chat{display:none}
.spl.open .spl-btn .i-close{display:block}
.spl.pulse .spl-btn{animation:splIn .45s cubic-bezier(.2,.9,.3,1.2) both,splPulse 2s .6s 3}
.spl-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:999px;background:#B3261E;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.spl-note{position:relative;background:var(--surface,#fff);color:var(--text,#141824);border:1px solid var(--border,#E6E8EE);border-radius:16px 16px 4px 16px;padding:14px 40px 14px 16px;box-shadow:0 12px 32px rgba(20,24,36,.22);max-width:270px;margin-bottom:10px;animation:splNote .4s .25s ease-out both}
.spl-nh{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;color:var(--text3,#5A6070)}
.spl-nh b{font-size:14px;color:var(--text,#141824)}
.spl-nh i{width:8px;height:8px;border-radius:50%;background:#1F8A4C}
.spl-note p{margin:0;font-size:14px;line-height:1.45}
.spl-x{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;background:transparent;color:var(--text3,#6B7080);border-radius:8px;cursor:pointer;display:grid;place-items:center}
.spl-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.spl.open .spl-note,.spl.open .spl-badge{display:none}
@keyframes splIn{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
@keyframes splNote{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes splPulse{0%{box-shadow:0 0 0 0 rgba(244,180,0,.55)}70%{box-shadow:0 0 0 16px rgba(244,180,0,0)}100%{box-shadow:0 0 0 0 rgba(244,180,0,0)}}
@keyframes splPanel{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

/* The guest chat docks above the button instead of covering the page */
.sheet-overlay.gdock{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;align-items:flex-end;justify-content:flex-end;padding:0 28px 108px;z-index:300}
.sheet-overlay.gdock .sheet.gchat{pointer-events:auto;width:400px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 140px));border-radius:20px;box-shadow:0 24px 60px rgba(20,24,36,.32);animation:splPanel .28s ease-out both;transform-origin:bottom right;margin:0}
.sheet-overlay.gdock .gchat-top{background:#141824;color:#fff;border-bottom:0}
.sheet-overlay.gdock .gchat-top b{color:#fff}
.sheet-overlay.gdock .gchat-top .try-av{background:#F4B400;color:#141824}
.sheet-overlay.gdock .gchat-top .sheet-x{color:#fff;background:transparent}
@media(max-width:760px){
  .spl{right:16px;bottom:16px;gap:10px}
  .spl-btn{width:58px;height:58px}
  .spl-note{max-width:230px;margin-bottom:8px}
  .sheet-overlay.gdock{padding:0;background:rgba(15,18,28,.45);pointer-events:auto}
  .sheet-overlay.gdock .sheet.gchat{width:100%;max-width:none;height:88vh;border-radius:20px 20px 0 0}
}
@media(prefers-reduced-motion:reduce){.spl-btn,.spl.pulse .spl-btn,.spl-note,.sheet-overlay.gdock .sheet.gchat{animation:none}}
@media print{.spl{display:none}}