/* V25: small floating icon at the bottom-left, well away from the bottom-right WhatsApp button.
 * Its visual size on a real phone is counter-scaled in desktop-first mode by the JS;
 * no labels occupy space and existing website content/layout is not reflowed. */
.sskv24-view-toggle {
  position: fixed !important;
  z-index: 2147483000 !important;
  top: auto !important;
  right: auto !important;
  left: var(--sskv25-edge-inset, 11px) !important;
  bottom: max(var(--sskv25-edge-inset, 11px), env(safe-area-inset-bottom, 0px)) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 5px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: #173b69 !important;
  background: #fff8e9 !important;
  border: 1px solid #d4b878 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 9px rgba(13,36,62,.18) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  opacity: .9;
  transform-origin: left bottom !important;
  transform: scale(var(--sskv24-touch-scale, 1)) !important;
  transition: background .15s, opacity .15s, box-shadow .15s !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  box-sizing: border-box !important;
}
.sskv24-view-toggle:hover {
  opacity: 1;
  background: #f6e9c7 !important;
  box-shadow: 0 3px 12px rgba(13,36,62,.23) !important;
}
.sskv24-view-toggle:focus-visible {outline: 2px solid #1262c1 !important;outline-offset: 3px !important;opacity:1}
.sskv24-view-toggle[hidden] {display: none !important}
.sskv24-view-toggle-icon {width: 21px!important;height: 21px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sskv24-view-toggle-icon svg {width: 21px!important;height:21px!important;display:block!important;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
/* Accessible state remains on the button via aria-label and its native title tooltip. */
.sskv24-view-toggle-label, .sskv24-view-toggle-hint {display:none!important}
.sskv24-view-toggle[data-mode="mobile"] {color:#26578d!important;background:#edf5ff!important;border-color:#a5c0df!important}
.sskv24-view-toggle[data-mode="mobile"]:hover {background:#dcecff!important}

/* Actual responsive 390px layout on desktop, via a genuine mobile-width iframe.
   Unlike shrinking the parent page, this evaluates all its existing CSS media queries. */
html.sskv24-preview-open, body.sskv24-preview-open {overflow:hidden!important}
.sskv24-preview-backdrop {
  position:fixed!important;inset:0!important;z-index:2147482980!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  background:rgba(8,28,59,.78)!important;
  padding:16px!important;
  backdrop-filter:blur(7px);
}
.sskv24-preview-shell {
  display:flex;flex-direction:column;
  width:390px;max-width:calc(100vw - 34px);
  height:min(850px,calc(100dvh - 35px));
  background:#f9fbff;
  border:7px solid #15233c;
  box-shadow:0 20px 80px rgba(0,0,0,.4);
  border-radius:29px;overflow:hidden;
}
.sskv24-preview-top {
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 15px;background:#162944;color:#e7f1ff;
  font:700 9px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.18em;
}
.sskv24-preview-dots {display:flex;gap:5px;align-items:center}
.sskv24-preview-dots i {width:7px;height:7px;background:#c2d2e5;border-radius:50%}
.sskv24-preview-dots i:first-child{background:#dfb44d}
.sskv24-preview-frame{flex:1;display:block;width:100%;min-height:0;border:0;background:white}
@media(max-width:650px){.sskv24-preview-shell{height:calc(100dvh - 20px)}}
@media(prefers-reduced-motion:reduce){.sskv24-view-toggle{transition:none!important}}