/*
 * HipoNova Android PWA 01
 * Warstwa izolowana od desktopu i przegladarkowego RWD.
 * Do przeniesienia na ExperCRM po testach.
 */

@media (max-width:680px) {

  html.hn-android-pwa,
  html.hn-android-pwa body {
    background-color:#101312;
  }

  /* LOGOWANIE */

  html.hn-android-pwa .entry.login-layout {
    padding:14px 16px 18px;
    gap:12px;
  }

  html.hn-android-pwa .login-story>.eyebrow {
    margin-top:0;
  }

  html.hn-android-pwa .login-story h1 {
    font-size:27px;
    line-height:1.12;
    margin-top:8px;
  }

  html.hn-android-pwa .login-story .intro {
    display:none;
  }

  html.hn-android-pwa .login-story .focus-art {
    display:none;
  }

  html.hn-android-pwa .login-card {
    padding:18px 18px 16px;
  }

  html.hn-android-pwa .login-card h2 {
    font-size:21px;
  }

  html.hn-android-pwa .login-card .muted {
    margin-top:5px;
    margin-bottom:12px;
  }

  html.hn-android-pwa .login-card .primary {
    min-height:44px;
  }

  html.hn-android-pwa .entry-footer {
    padding:10px 16px 14px;
    gap:3px;
  }

  /* PANEL KLIENTA */

  html.hn-android-pwa .edit-client-dialog {
    width:calc(100% - 12px);
    max-height:calc(100dvh - 16px);
    overscroll-behavior:contain;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-head {
    padding:13px 16px 11px;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-head h2 {
    font-size:19px;
    line-height:1.2;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-head p {
    margin-top:3px;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-section {
    padding:14px 16px 0;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-actions {
    padding:12px 16px max(14px,env(safe-area-inset-bottom));
    margin-top:12px;
    background:#101722;
  }

  html.hn-android-pwa .edit-client-dialog .edit-dialog-actions button {
    min-height:44px;
  }
}

/* PWA 01 HEADER */
@media(max-width:680px) {
  html.hn-android-pwa .topbar.has-case {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    height:auto;
    min-height:90px;
    padding:9px 12px;
    gap:5px 8px;
    align-items:center;
  }
  html.hn-android-pwa .topbar.has-case .brand {
    grid-column:1;
    grid-row:1;
    min-width:0;
  }
  html.hn-android-pwa .topbar.has-case .top-right {
    grid-column:2;
    grid-row:1;
    margin-left:0;
    justify-self:end;
  }
  html.hn-android-pwa .topbar.has-case .top-center {
    grid-column:1/-1;
    grid-row:2;
    display:flex;
    width:100%;
    min-width:0;
    overflow:hidden;
  }
  html.hn-android-pwa .topbar.has-case .main-statusbar {
    display:block;
    width:100%;
    min-width:0;
    overflow:hidden;
  }
}


/* HIPONOVA MOBILE PWA 02 */
@media(max-width:680px) {
  html.hn-android-pwa {
    color-scheme:dark;
  }

  html.hn-android-pwa .preview-dialog.analysis-dialog {
    padding:16px 14px 14px;
    max-height:calc(100dvh - 12px);
  }

  html.hn-android-pwa .analysis-dialog #analysis-source,
  html.hn-android-pwa .analysis-dialog .analysis-description,
  html.hn-android-pwa .analysis-dialog > p.analysis-hint:not([data-analysis-warning]) {
    display:none!important;
  }

  html.hn-android-pwa .analysis-dialog .analysis-stages {
    margin:12px 0 8px;
  }

  html.hn-android-pwa .analysis-dialog .analysis-actions {
    gap:8px;
    margin-top:10px;
  }
}


/* HIPONOVA BIOMETRIC POLISH 20261023 */
/* V2 - immediate visible pulse, Android standalone only */

@media(max-width:680px){

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button{
  position:relative;
  isolation:isolate;
  overflow:visible;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button::before,
html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button::after{
  content:"";
  position:absolute;
  inset:-17px;
  z-index:0;
  border-radius:50%;
  border:2px solid rgba(87,190,255,.58);
  background:radial-gradient(circle,
    rgba(55,151,255,.13),
    rgba(55,151,255,.04) 55%,
    transparent 72%);
  box-shadow:
    0 0 15px rgba(65,170,255,.35),
    0 0 32px rgba(45,125,255,.23);
  pointer-events:none;
  opacity:0;
  animation:hnBioEchoV2 2.1s ease-out infinite;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button::before{
  animation-delay:-.35s;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button::after{
  animation-delay:-1.4s;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button img{
  position:relative;
  z-index:1;
  animation:hnBioCoreV2 2.1s ease-in-out infinite;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button.is-working::before,
html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button.is-working::after{
  border-color:rgba(105,210,255,.8);
  animation-duration:1.3s;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button.is-working img{
  animation-duration:1.3s;
}

html.hn-android-pwa .mobile-login-compact
.fingerprint-login-button:focus-visible{
  outline:2px solid #79caff;
  outline-offset:6px;
}

}

@keyframes hnBioEchoV2{
  0%{
    opacity:.82;
    transform:scale(.72);
  }
  55%{
    opacity:.40;
  }
  100%{
    opacity:0;
    transform:scale(1.42);
  }
}

@keyframes hnBioCoreV2{
  0%,100%{
    transform:scale(1);
    filter:brightness(1);
  }
  50%{
    transform:scale(1.055);
    filter:brightness(1.16);
  }
}

@media(prefers-reduced-motion:reduce){
  html.hn-android-pwa .mobile-login-compact
  .fingerprint-login-button::before,
  html.hn-android-pwa .mobile-login-compact
  .fingerprint-login-button::after,
  html.hn-android-pwa .mobile-login-compact
  .fingerprint-login-button img{
    animation:none!important;
  }
}