/*
 * 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;
  }
}