/**

 * Nova Chat app shell — light page + dark status-bar strip (consistent on all app pages).

 */

:root {

  --nv-app-page-bg: #e4edf0;

  --nv-app-status-bar: #0b1a1f;

  --nv-app-status-bar-min: 0.75rem;

  --nv-app-status-bar-height: max(env(safe-area-inset-top, 0px), var(--nv-app-status-bar-min));

  --nv-app-tile-bg: rgba(255, 255, 255, 0.82);

  --nv-app-tile-blur: 14px;

}



body.nv-app-shell {

  min-height: 100dvh;

  background: var(--nv-app-page-bg);

  --nv-app-status-bar-height: max(env(safe-area-inset-top, 0px), var(--nv-app-status-bar-min));

}



/* Dark strip for battery / time / signal readability (safe area only) */

body.nv-app-shell::before {

  content: '';

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  height: var(--nv-app-status-bar-height);

  background: var(--nv-app-status-bar);

  z-index: 199;

  pointer-events: none;

}



body.nv-app-shell .nv-header--safe-top {

  background: linear-gradient(

    180deg,

    var(--nv-app-status-bar) 0,

    var(--nv-app-status-bar) var(--nv-app-status-bar-height),

    transparent var(--nv-app-status-bar-height),

    transparent 100%

  );

}



/* Remove opaque page fills so the light shell shows through */

body.nv-app-shell.bg-neutral-soft,

body.nv-app-shell.bg-white,

body.nv-app-shell.nv-account-page,

body.nv-app-shell.nv-shop-page,

body.nv-app-shell.nv-app-info-page,

body.nv-app-shell.nv-auth-page,

body.nv-app-shell.nv-personal-chat,

body.nv-app-shell.nv-mobile-chat {

  background: var(--nv-app-page-bg) !important;

  background-image: none !important;

}



body.nv-app-shell .nv-chat-shell {

  background: transparent !important;

}



/* Shared glass tile treatment */

body.nv-app-shell .nv-app-tile,

body.nv-app-shell .nv-login-card,

body.nv-app-shell .nv-start-card,

body.nv-app-shell .nv-shop-section,

body.nv-app-shell .nv-shop-section--languages,

body.nv-app-shell .nv-shop-bundle,

body.nv-app-shell .nv-shop-card,

body.nv-app-shell .nv-shop-lang-tile,

body.nv-app-shell .nv-shop-stat,

body.nv-app-shell .nv-app-info-link,

body.nv-app-shell #hmcEmptyState > div,

body.nv-app-shell .nv-personal-chat-meter,

body.nv-app-shell .nv-personal-drawer,

body.nv-app-shell .nv-personal-drawer-footer,

body.nv-app-shell .nv-header__inner,

body.nv-app-shell .lp-auth-btn,

body.nv-app-shell .lp-app-info-toggle,

body.nv-app-shell .lp-nav-toggle,

body.nv-app-shell main > .nv-premium-container > header,

body.nv-app-shell main section[class*="rounded-nv"],

body.nv-app-shell main article[class*="rounded-nv"],

body.nv-app-shell dialog > div {

  background-color: var(--nv-app-tile-bg) !important;

  backdrop-filter: blur(var(--nv-app-tile-blur));

  -webkit-backdrop-filter: blur(var(--nv-app-tile-blur));

}



/* Tailwind bg-white surfaces inside the app (skip gradient utilities) */

body.nv-app-shell [class*="bg-white"]:not([class*="gradient"]):not(svg):not(path):not(img) {

  background-color: var(--nv-app-tile-bg) !important;

  backdrop-filter: blur(var(--nv-app-tile-blur));

  -webkit-backdrop-filter: blur(var(--nv-app-tile-blur));

}



/* Keep gradients and overlays natural */

body.nv-app-shell [class*="bg-gradient"],

body.nv-app-shell [class*="bg-neutral/"],

body.nv-app-shell [class*="bg-primary/"],

body.nv-app-shell [class*="bg-secondary/"],

body.nv-app-shell [class*="bg-amber-"],

body.nv-app-shell [class*="bg-red-"],

body.nv-app-shell .nv-personal-drawer-backdrop,

body.nv-app-shell .nv-app-info__backdrop {

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}



body.nv-app-shell .nv-header {

  background: transparent;

}



body.nv-app-shell .nv-composer-wrap,

body.nv-app-shell .nv-typing-indicator,

body.nv-app-shell .hmc-message:not(.is-system),

body.nv-app-shell .nv-message:not(.is-system) {

  background-color: var(--nv-app-tile-bg) !important;

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

}



body.nv-app-shell form.nv-chat-form,

body.nv-app-shell .nv-chat-form {

  background-color: var(--nv-app-tile-bg) !important;

  backdrop-filter: blur(var(--nv-app-tile-blur));

  -webkit-backdrop-filter: blur(var(--nv-app-tile-blur));

}



body.nv-app-shell .nv-app-info__drawer {

  background: var(--nv-app-page-bg);

}



body.nv-app-shell .nv-app-info__drawer header,

body.nv-app-shell .nv-app-info__drawer .nv-app-info-link,

body.nv-app-shell .nv-app-info__drawer > div > a.rounded-\[18px\] {

  background-color: var(--nv-app-tile-bg) !important;

  backdrop-filter: blur(var(--nv-app-tile-blur));

  -webkit-backdrop-filter: blur(var(--nv-app-tile-blur));

}



.nv-orientation-lock {

  position: fixed;

  inset: 0;

  z-index: 450;

  display: grid;

  place-items: center;

  background: rgba(11, 26, 31, 0.92);

  padding: 1.5rem;

}



.nv-orientation-lock[hidden] {

  display: none !important;

}



.nv-orientation-lock__card {

  max-width: 18rem;

  text-align: center;

  color: #fff;

}



.nv-orientation-lock__icon {

  font-size: 2.5rem;

  line-height: 1;

  margin-bottom: 0.75rem;

}



.nv-orientation-lock__title {

  margin: 0 0 0.35rem;

  font-size: 1.125rem;

  font-weight: 700;

}



.nv-orientation-lock__hint {

  margin: 0;

  font-size: 0.875rem;

  opacity: 0.75;

}



.nv-rewarded-ad {

  backdrop-filter: blur(6px);

  -webkit-backdrop-filter: blur(6px);

}