/* Page d’installation PWA dédiée (Noxnotifs / Nox Message) */

.nox-install-page {

  min-height: 100dvh;

  margin: 0;

  background: var(--nox-bg);

  color: var(--nox-text);

}



.nox-install-page__main {

  min-height: 100dvh;

  display: grid;

  place-items: center;

  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));

}



.nox-install-page__card {

  width: min(720px, 100%);

  border: 1px solid var(--nox-border);

  border-radius: 1.25rem;

  padding: 1.35rem 1.15rem 1.5rem;

  background: var(--nox-surface);

  box-shadow: 0 12px 40px var(--nox-shadow);

  text-align: center;

}



.nox-install-page__back {

  display: inline-block;

  margin-bottom: 1rem;

  font-size: 0.82rem;

  color: var(--nox-cyan);

  text-decoration: none;

}



.nox-install-page__brand {

  margin-bottom: 1.25rem;

}



.nox-install-page__brand img {

  border-radius: 0;

  margin-bottom: 0.65rem;

  width: 88px;

  height: 88px;

  object-fit: contain;

}



.nox-install-page__features {

  list-style: none;

  margin: 0 0 1.25rem;

  padding: 0.75rem 1rem;

  border: 1px solid var(--nox-border);

  border-radius: 0.85rem;

  background: rgba(52, 211, 153, 0.06);

  color: var(--nox-text-muted);

  font-size: 0.88rem;

  line-height: 1.45;

  text-align: left;

}



.nox-install-page__ios-steps {

  margin: 0 0 1rem;

  padding-left: 1.15rem;

  text-align: left;

  color: var(--nox-text-muted);

  font-size: 0.84rem;

  line-height: 1.5;

}



.nox-install-page__ios-steps li + li {

  margin-top: 0.45rem;

}



.nox-install-page__brand h1 {

  margin: 0 0 0.35rem;

  font-family: var(--font-display, inherit);

  font-size: 1.45rem;

  color: var(--nox-text);

}



.nox-install-page__brand p {

  margin: 0;

  color: var(--nox-text-muted);

  font-size: 0.92rem;

  line-height: 1.45;

}



.nox-install-page__grid {

  margin-top: 0;

}



.nox-install__desktop-hint {

  display: none;

  margin: 0;

  color: var(--nox-text-muted);

  font-size: 0.84rem;

  line-height: 1.45;

  max-width: 16rem;

}



@media (min-width: 901px) {

  .nox-install-page .nox-install__card .btn {

    display: none;

  }



  .nox-install-page .nox-install__desktop-hint {

    display: block;

  }

}



@media (max-width: 900px) {

  .nox-install-page .nox-install__desktop-hint {

    display: none;

  }

}



.nox-install-page .nox-install__card h2,

.nox-install-page .nox-install__card h4 {

  margin: 0;

  font-size: 1rem;

  color: var(--nox-text);

}



.nox-install-page .nox-install__note {

  margin-top: 1.15rem;

}



[data-theme="light"] .nox-install-ios-modal__backdrop {

  background: rgba(10, 16, 24, 0.45);

}



.noxmessage-app__shell {

  min-height: 100dvh;

  display: flex;

  flex-direction: column;

}



.noxmessage-app__shell.is-visible,

.noxmessage-app__shell:not([hidden]) {

  display: flex;

}