.okbcs-root{
  --okbcs-color:#0b8b45;
  --okbcs-text:#172030;
  --okbcs-muted:#6f7b8a;
  position:fixed;
  z-index:2147483000;
  top:var(--okbcs-top,50%);
  right:max(10px,var(--okbcs-right,0px));
  transform:translateY(-50%);
  isolation:isolate;
  pointer-events:auto!important;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.4;
}
.okbcs-hide-mobile{display:none!important}
.okbcs-root *,
.okbcs-root *::before,
.okbcs-root *::after{box-sizing:border-box}
.okbcs-stack{display:flex;flex-direction:column;gap:12px;align-items:flex-end;margin:0;padding:0;pointer-events:auto!important}
.okbcs-item{position:relative;display:block;width:58px;height:58px;margin:0;padding:0;border:0;overflow:visible;pointer-events:auto!important}
.okbcs-item>summary{list-style:none}
.okbcs-item>summary::-webkit-details-marker{display:none}
.okbcs-trigger{
  appearance:none;
  -webkit-appearance:none;
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:50%;
  background:#fff;
  color:var(--okbcs-color);
  display:flex!important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(16,24,40,.12);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  padding:0!important;
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
}
.okbcs-trigger:hover,
.okbcs-trigger:focus-visible,
.okbcs-item[open] .okbcs-trigger{
  transform:translateX(-2px);
  box-shadow:0 14px 36px rgba(16,24,40,.18);
  background:#fff;
}
.okbcs-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--okbcs-color) 35%,white);outline-offset:3px}
.okbcs-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}
.okbcs-icon-wrap svg{width:28px;height:28px;display:block!important;fill:currentColor;visibility:visible!important;opacity:1!important;pointer-events:none}
.okbcs-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;pointer-events:none}
.okbcs-popover{
  position:absolute;
  right:74px;
  top:50%;
  width:260px;
  min-height:84px;
  transform:translateY(-50%) translateX(10px);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 50px rgba(16,24,40,.18);
  padding:18px;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  z-index:4;
}
.okbcs-popover::after{
  content:'';
  position:absolute;
  top:50%;
  right:-8px;
  width:16px;
  height:16px;
  background:#fff;
  border-top:1px solid rgba(15,23,42,.08);
  border-right:1px solid rgba(15,23,42,.08);
  transform:translateY(-50%) rotate(45deg);
}
.okbcs-item[open] .okbcs-popover{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}
@media (min-width:768px) and (hover:hover) and (pointer:fine){
  .okbcs-item:hover .okbcs-popover,
  .okbcs-item:focus-within .okbcs-popover{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(-50%) translateX(0);
  }
}
.okbcs-popover-head{display:flex;align-items:flex-start;gap:12px}
.okbcs-popover-icon{width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--okbcs-color) 10%,white);color:var(--okbcs-color)}
.okbcs-popover-icon svg{width:22px;height:22px;display:block;fill:currentColor}
.okbcs-popover-title-wrap strong{display:block;margin:0 0 4px;color:var(--okbcs-text);font-size:16px;line-height:1.25}
.okbcs-popover-title-wrap small{display:block;color:var(--okbcs-muted);font-size:13px;line-height:1.5}
.okbcs-qr{margin:14px auto 0;width:156px;height:156px;border-radius:14px;border:1px solid rgba(15,23,42,.08);padding:10px;background:#fff}
.okbcs-qr img{display:block;width:100%;height:100%;object-fit:contain}
.okbcs-email-text{margin:14px 0 0;color:var(--okbcs-color);font-size:16px;font-weight:700;word-break:break-word}
.okbcs-action{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:14px;
  min-height:44px;
  padding:11px 14px;
  border:0;
  border-radius:999px;
  background:var(--okbcs-color);
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:filter .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
  pointer-events:auto!important;
}
.okbcs-action:hover{filter:brightness(.96);color:#fff!important}
.okbcs-action-light{background:#f3f7f5;color:var(--okbcs-color)!important;border:1px solid color-mix(in srgb,var(--okbcs-color) 18%,white)}
.okbcs-root .okbcs-action-light:hover,
.okbcs-root .okbcs-action-light:focus-visible{background:color-mix(in srgb,var(--okbcs-color) 12%,white)!important;color:var(--okbcs-color)!important;border-color:color-mix(in srgb,var(--okbcs-color) 32%,white)!important;filter:none!important}
.okbcs-status{
  display:none;
  position:absolute;
  right:74px;
  bottom:-8px;
  width:260px;
  padding:10px 12px;
  border-radius:14px;
  background:#fff8dd;
  border:1px solid #f1e0a4;
  box-shadow:0 10px 26px rgba(16,24,40,.12);
  color:#6d5514;
  font-size:13px;
  line-height:1.5;
  z-index:5;
}
.okbcs-status.is-visible{display:block}
@media (max-width:767px){
  .okbcs-root{top:50%;bottom:auto;right:max(10px,var(--okbcs-right,10px));transform:translateY(-50%)}
  .okbcs-hide-mobile{display:none!important}
  .okbcs-stack{gap:10px}
  .okbcs-item{width:54px;height:54px}
  .okbcs-trigger{width:54px;height:54px;min-width:54px;min-height:54px;transform:none!important}
  .okbcs-item:not([open]) .okbcs-popover{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-50%) translateX(10px)!important}
  .okbcs-item[open] .okbcs-popover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(-50%) translateX(0)!important}
  .okbcs-popover,.okbcs-status{right:66px;width:min(250px,calc(100vw - 92px));z-index:4}
  .okbcs-popover{padding:16px}
  .okbcs-qr{width:138px;height:138px}
}
@media (prefers-reduced-motion:reduce){.okbcs-trigger,.okbcs-popover{transition:none}}