/* NowBusiness v1.0.1 / ND196 — mobile sem zoom, atalhos compactos, NowChat e acabamento visual. */

/* Marca: mantém negrito visível sem o peso excessivo da ND195. */
body.nf-redesign .sidebar-logo-text .sidebar-product-name--nowbusiness {
  font-weight:700!important;
  font-variation-settings:"wght" 700!important;
}

/* A ação principal de orçamento segue o padrão claro: branco + azul. */
body.nf-redesign .quote-create-cta-v101 {
  color:var(--nd-primary,#1861f1)!important;
  background:#fff!important;
  border-color:color-mix(in srgb,var(--nd-primary,#1861f1) 26%,#dbe8ff)!important;
  box-shadow:0 10px 24px rgba(24,97,241,.12)!important;
}
body.nf-redesign .quote-create-cta-v101:hover {
  color:#0d55dc!important;
  background:#f7fbff!important;
  border-color:color-mix(in srgb,var(--nd-primary,#1861f1) 46%,#dbe8ff)!important;
}

/* Widget oficial NowChat: respeita o dock inferior e não cobre os demais assistentes. */
body.nf-redesign > button[aria-label="Suporte"] {
  z-index:2147483000!important;
}
body.nf-redesign > iframe[title="Atendimento"][src*="chat.nowdev.com.br/public/widget/nowdev"] {
  z-index:2147482999!important;
}

@media (max-width:900px) {
  /* Safari/iOS só amplia automaticamente campos abaixo de 16px. Mantém zoom manual intacto. */
  body.nf-redesign input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  body.nf-redesign select,
  body.nf-redesign textarea,
  body.nf-redesign [contenteditable="true"] {
    font-size:16px!important;
  }

  /* No celular a ação já existe no botão + da navegação inferior. */
  body.nf-redesign .quote-hero-actions .quote-create-cta-v101 {display:none!important;}

  /* Sugestões inteligentes vira somente um botão circular com ícone. */
  body.nf-redesign .contextual-intelligence {
    right:12px!important;
    bottom:calc(var(--nb-pwa-floating-base) + 62px)!important;
  }
  body.nf-redesign .contextual-intelligence-toggle {
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
  }
  body.nf-redesign .contextual-intelligence-toggle > span {display:grid!important;place-items:center!important;margin:0!important;}
  body.nf-redesign .contextual-intelligence-toggle > span .nf-icon {width:23px!important;height:23px!important;}
  body.nf-redesign .contextual-intelligence-toggle > strong,
  body.nf-redesign .contextual-intelligence-toggle > b {display:none!important;}

  /* Botão e janela vêm do widget.js oficial do NowChat; apenas reposicionamos no NowBusiness. */
  body.nf-redesign > button[aria-label="Suporte"] {
    right:12px!important;
    bottom:var(--nb-pwa-floating-base)!important;
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
    gap:0!important;
  }
  body.nf-redesign > button[aria-label="Suporte"] > span {display:none!important;}
  body.nf-redesign > button[aria-label="Suporte"] > svg {width:23px!important;height:23px!important;}
  body.nf-redesign > iframe[title="Atendimento"][src*="chat.nowdev.com.br/public/widget/nowdev"] {
    right:12px!important;
    bottom:calc(var(--nb-pwa-floating-base) + 62px)!important;
    width:min(390px,calc(100vw - 24px))!important;
    height:min(620px,calc(100dvh - var(--nb-pwa-bottom-nav-height) - var(--nb-pwa-safe-bottom) - 88px))!important;
    max-height:calc(100dvh - var(--nb-pwa-bottom-nav-height) - var(--nb-pwa-safe-bottom) - 88px)!important;
  }

  /* Ajuda fica acima das duas ações, sem sobreposição. */
  body.nf-redesign.has-floating-assistants .page-help-fab {
    right:12px!important;
    bottom:calc(var(--nb-pwa-floating-base) + 124px)!important;
  }
}

@media (max-width:560px) {
  body.nf-redesign .contextual-intelligence-panel {
    width:min(360px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    right:0!important;
  }
}