.sandra-site{position:fixed;right:24px;bottom:24px;z-index:100000;font-family:Arial,sans-serif;color:#111}
.sandra-site-launcher{display:none;align-items:center;gap:11px;min-width:210px;height:64px;padding:7px 17px 7px 7px;border:2px solid #ff9900;background:#0a0a0a;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.24);cursor:pointer;text-align:left}
.sandra-site.is-visible .sandra-site-launcher{display:flex}
.sandra-site-launcher:hover,.sandra-site-launcher:focus-visible{background:#171717;outline:3px solid rgba(255,153,0,.3);outline-offset:2px}
.sandra-site-avatar{position:relative;width:46px;height:46px;flex:0 0 46px;border:1px solid #ff9900;overflow:hidden;background:#171717}
.sandra-site-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 14%;filter:grayscale(1)}
.sandra-site-avatar:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border:2px solid #0a0a0a;border-radius:50%;background:#22c55e}
.sandra-site-name{display:block;font-size:17px;line-height:1;font-weight:900;letter-spacing:-.02em}
.sandra-site-role{display:block;margin-top:5px;color:#b8b8b8;font-size:9px;line-height:1.1;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.sandra-site-tooltip{position:absolute;right:0;bottom:76px;display:none;width:310px;padding:0;background:#fff;border:1px solid #d9d5cd;border-top:3px solid #ff9900;box-shadow:0 16px 46px rgba(0,0,0,.18)}
.sandra-site-tooltip.is-open{display:grid;grid-template-columns:minmax(0,1fr) 38px}
.sandra-site-tooltip-text{border:0;background:transparent;padding:16px 10px 16px 17px;color:#262626;font:700 14px/1.45 Arial,sans-serif;text-align:left;cursor:pointer}
.sandra-site-tooltip-text:hover,.sandra-site-tooltip-text:focus-visible{background:#fff8ec;outline:none}
.sandra-site-tooltip-close{border:0;background:transparent;color:#777;font:400 21px/1 Arial,sans-serif;cursor:pointer}
.sandra-site-tooltip-close:hover,.sandra-site-tooltip-close:focus-visible{color:#111;background:#f2efe9;outline:none}
.sandra-site-panel{position:absolute;right:0;bottom:76px;display:none;width:min(470px,calc(100vw - 36px));height:min(710px,calc(100vh - 118px));min-height:520px;background:#fff;border:1px solid #bfb9ae;border-top:3px solid #ff9900;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.sandra-site.is-open .sandra-site-panel{display:block}
.sandra-site.is-open .sandra-site-launcher,.sandra-site.is-open .sandra-site-tooltip{display:none}
.sandra-site-frame{display:block;width:100%;height:100%;border:0;background:#f4f1eb}
.sandra-site-close{position:absolute;z-index:2;right:12px;top:13px;width:38px;height:38px;border:1px solid #3e3e3e;background:#111;color:#bbb;font:400 24px/1 Arial,sans-serif;cursor:pointer}
.sandra-site-close:hover,.sandra-site-close:focus-visible{border-color:#ff9900;color:#fff;outline:none}
body.sandra-site-lock{overflow:hidden}
@media(max-width:620px){
  .sandra-site{right:12px;bottom:12px}
  .sandra-site-launcher{min-width:0;width:58px;height:58px;padding:5px}
  .sandra-site-avatar{width:44px;height:44px;flex-basis:44px}
  .sandra-site-launcher-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sandra-site-tooltip{right:0;bottom:70px;width:min(310px,calc(100vw - 24px))}
  .sandra-site-panel{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;border:0;border-top:3px solid #ff9900;box-shadow:none}
  .sandra-site-close{right:10px;top:10px;width:36px;height:36px}
}
@media(prefers-reduced-motion:no-preference){
  .sandra-site-launcher{animation:sandra-site-in .35s ease both}
  .sandra-site-panel{animation:sandra-panel-in .22s ease both}
  @keyframes sandra-site-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes sandra-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}