/* v5.0.1 — Mobile AI Sales OS polish */

/* Hide older helper CTA if some cache still injects it */
body.vlg-theme .vlg-mobile-valgusabi {
  display: none !important;
}

.vlg-sales-os-fab {
  display: none;
}

@media (max-width: 900px) {
  body.vlg-theme .vlg-sales-os-fab {
    position: fixed !important;
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: calc(var(--vlg-mobile-appbar-h, 76px) + 18px + env(safe-area-inset-bottom)) !important;
    z-index: 9210 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: min(186px, calc(100vw - 28px)) !important;
    min-height: 56px !important;
    padding: 10px 14px 10px 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #061224 0%, #10264a 100%) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(7, 18, 36, .24) !important;
    backdrop-filter: blur(10px) !important;
    text-align: left !important;
  }

  body.vlg-theme .vlg-sales-os-fab > span:first-child {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: rgba(242, 138, 0, .18) !important;
    box-shadow: inset 0 0 0 1px rgba(242,138,0,.18) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.vlg-theme .vlg-sales-os-fab__text {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.vlg-theme .vlg-sales-os-fab__text small {
    display: block !important;
    margin: 0 !important;
    color: rgba(226,232,240,.72) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body.vlg-theme .vlg-sales-os-fab__text strong {
    display: block !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body.vlg-theme .vlg-sales-os-fab::after {
    content: '\2192';
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body.vlg-theme .vlg-sales-os-fab:hover,
  body.vlg-theme .vlg-sales-os-fab:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 22px 42px rgba(7, 18, 36, .28) !important;
  }

  body.vlg-theme .vlg-sales-os-sheet__panel {
    border-radius: 28px 28px 0 0 !important;
  }
}

@media (max-width: 420px) {
  body.vlg-theme .vlg-sales-os-fab {
    right: 12px !important;
    bottom: calc(var(--vlg-mobile-appbar-h, 74px) + 14px + env(safe-area-inset-bottom)) !important;
    max-width: min(168px, calc(100vw - 24px)) !important;
    min-height: 52px !important;
    padding: 8px 12px 8px 9px !important;
    gap: 8px !important;
    border-radius: 18px !important;
  }

  body.vlg-theme .vlg-sales-os-fab > span:first-child {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    font-size: 17px !important;
  }

  body.vlg-theme .vlg-sales-os-fab__text small {
    font-size: 9px !important;
  }

  body.vlg-theme .vlg-sales-os-fab__text strong {
    font-size: 13px !important;
  }

  body.vlg-theme .vlg-sales-os-fab::after {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
  }
}