/* Legal Works | Nexo device gate v411
   Desktop: full Nexo is dynamically loaded.
   Mobile/tablet: only a lightweight desktop-availability notice is shown.
*/

.lw-nexo-mobile-gate-button,
.lw-nexo-mobile-gate-overlay {
  display: none;
}

html[data-lw-nexo-device="mobile"] .lw-nexo-mobile-gate-button {
  position: fixed;
  right: 10px;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 94px);
  z-index: 2147483000;
  min-width: 108px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(62, 195, 255, .58);
  border-radius: 999px;
  background: rgba(3, 24, 42, .94);
  color: #fff;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, .32),
    0 0 15px rgba(41, 178, 255, .18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font: 700 11px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

html[data-lw-nexo-device="mobile"] .lw-nexo-mobile-gate-button::before {
  content: "▣";
  font-size: 14px;
  color: #60d2ff;
}

html[data-lw-nexo-device="mobile"] .lw-nexo-mobile-gate-button:focus-visible {
  outline: 3px solid rgba(104, 220, 255, .88);
  outline-offset: 3px;
}

html[data-lw-nexo-device="mobile"] .lw-nexo-mobile-gate-overlay.is-open {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  padding: 18px;
  background: rgba(0, 8, 17, .72);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lw-nexo-mobile-gate-dialog {
  width: min(420px, calc(100vw - 28px));
  padding: 20px;
  border: 1px solid rgba(74, 203, 255, .55);
  border-radius: 20px;
  background:
    linear-gradient(160deg, rgba(5, 35, 59, .98), rgba(2, 17, 30, .99));
  color: #fff;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, .48),
    0 0 24px rgba(39, 178, 255, .20);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lw-nexo-mobile-gate-kicker {
  margin: 0 0 8px;
  color: #5ed7ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lw-nexo-mobile-gate-title {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.22;
}

.lw-nexo-mobile-gate-copy {
  margin: 0;
  color: #c6d8e6;
  font-size: 14px;
  line-height: 1.55;
}

.lw-nexo-mobile-gate-note {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(69, 190, 255, .09);
  color: #d7edf8;
  font-size: 12px;
  line-height: 1.45;
}

.lw-nexo-mobile-gate-actions {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.lw-nexo-mobile-gate-close {
  min-width: 112px;
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #22b8ff, #7c5cff);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 380px) {
  html[data-lw-nexo-device="mobile"] .lw-nexo-mobile-gate-button {
    right: 7px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 88px);
    min-width: 96px;
    height: 38px;
    padding: 0 10px;
    font-size: 10px;
  }
}