/* DiagnostiX v318: mobile PWA installation UI polish only. */
@media (max-width: 767px){
  :root{
    --dx316-pwa-bg:#081018;
    --dx316-pwa-card:rgba(12,22,34,.97);
    --dx316-pwa-card-strong:#0c1622;
    --dx316-pwa-line:rgba(190,214,232,.17);
    --dx316-pwa-text:#f7fbff;
    --dx316-pwa-muted:#9eb0c0;
    --dx316-pwa-blue:#2563eb;
    --dx316-pwa-blue-2:#2563eb;
  }

  .dx-pwa-install-prompt-v316{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(84px + env(safe-area-inset-bottom, 0px));
    z-index:2147483000;
    width:auto;
    max-width:480px;
    margin-inline:auto;
    color:var(--dx316-pwa-text);
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,18px,0) scale(.985);
    transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;
  }
  .dx-pwa-install-prompt-v316.is-visible{
    pointer-events:auto;
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0) scale(1);
    transition-delay:0s;
  }
  .dx-pwa-install-card-v316{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:13px;
    padding:15px;
    border:1px solid var(--dx316-pwa-line);
    border-radius:24px;
    background:
      radial-gradient(circle at 95% 0%,rgba(76,168,255,.18),transparent 40%),
      linear-gradient(160deg,rgba(15,29,44,.98),rgba(8,17,27,.98));
    box-shadow:0 22px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);
    -webkit-backdrop-filter:blur(24px) saturate(125%);
    backdrop-filter:blur(24px) saturate(125%);
  }
  .dx-pwa-install-card-v316::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 34%);
  }
  .dx-pwa-install-icon-v316{
    position:relative;
    width:58px;
    height:58px;
    border-radius:17px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.2);
  }
  .dx-pwa-install-icon-v316 img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .dx-pwa-install-copy-v316{position:relative;min-width:0;padding-right:24px}
  .dx-pwa-install-kicker-v316{
    display:block;
    margin:1px 0 4px;
    color:#75c2ff;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .dx-pwa-install-copy-v316 h2{
    margin:0;
    color:var(--dx316-pwa-text);
    font-size:17px;
    line-height:1.25;
    font-weight:900;
    letter-spacing:-.02em;
  }
  .dx-pwa-install-copy-v316 p{
    margin:5px 0 0;
    color:var(--dx316-pwa-muted);
    font-size:12.5px;
    line-height:1.45;
  }
  .dx-pwa-install-close-v316{
    position:absolute;
    top:9px;
    right:9px;
    z-index:2;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.07);
    color:#c9d7e4;
    font:700 17px/1 system-ui,-apple-system,sans-serif;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .dx-pwa-install-benefits-v316{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:1px;
  }
  .dx-pwa-install-benefits-v316 span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:5px 8px;
    border:1px solid rgba(152,190,221,.13);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:#c8d8e6;
    font-size:10.5px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
  }
  .dx-pwa-install-actions-v316{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:8px;
  }
  .dx-pwa-btn-v316{
    min-width:0;
    min-height:43px;
    padding:10px 13px;
    border-radius:14px;
    border:1px solid rgba(157,183,204,.16);
    background:rgba(255,255,255,.055);
    color:#e8f1f8;
    font:800 13px/1.1 Inter,system-ui,-apple-system,sans-serif;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .dx-pwa-btn-v316:active{transform:scale(.985)}
  .dx-pwa-btn-v316.is-primary{
    border-color:#3b82f6;
    background:#2563eb;
    color:#fff;
    box-shadow:0 10px 26px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.16);
  }

  .dx-pwa-help-overlay-v316{
    position:fixed;
    inset:0;
    z-index:2147483600;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));
    background:rgba(1,6,12,.68);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility 0s linear .24s;
  }
  .dx-pwa-help-overlay-v316.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
  .dx-pwa-help-sheet-v316{
    position:relative;
    width:min(100%,480px);
    max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    border:1px solid var(--dx316-pwa-line);
    border-radius:28px;
    background:
      radial-gradient(circle at 85% 0%,rgba(76,168,255,.14),transparent 37%),
      linear-gradient(180deg,#101d2b,#08121d);
    box-shadow:0 32px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055);
    padding:8px 18px 18px;
    color:var(--dx316-pwa-text);
    transform:translate3d(0,28px,0) scale(.985);
    transition:transform .3s cubic-bezier(.2,.8,.2,1);
  }
  .dx-pwa-help-overlay-v316.is-visible .dx-pwa-help-sheet-v316{transform:translate3d(0,0,0) scale(1)}
  .dx-pwa-sheet-handle-v316{
    width:42px;
    height:5px;
    margin:2px auto 13px;
    border-radius:999px;
    background:rgba(211,226,237,.24);
  }
  .dx-pwa-help-head-v316{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:54px;
    padding-right:42px;
  }
  .dx-pwa-help-head-v316 .dx-pwa-install-icon-v316{width:54px;height:54px;border-radius:16px}
  .dx-pwa-help-head-v316 h2{margin:0;font-size:19px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
  .dx-pwa-help-head-v316 p{margin:4px 0 0;color:var(--dx316-pwa-muted);font-size:12.5px;line-height:1.4}
  .dx-pwa-help-close-v316{
    position:absolute;
    top:14px;
    right:14px;
    z-index:4;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    background:rgba(255,255,255,.07);
    color:#d5e1eb;
    font:800 18px/1 system-ui,-apple-system,sans-serif;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .dx-pwa-step-list-v316{display:grid;gap:10px;margin:18px 0}
  .dx-pwa-step-v316{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    gap:11px;
    min-height:62px;
    padding:11px 12px;
    border:1px solid rgba(157,184,205,.13);
    border-radius:17px;
    background:rgba(255,255,255,.035);
  }
  .dx-pwa-step-number-v316{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border-radius:12px;
    background:rgba(37,99,235,.20);
    color:#93c5fd;
    font-size:14px;
    font-weight:950;
    line-height:1;
    text-align:center;
  }
  .dx-pwa-step-v316 strong{display:block;color:#f4f9fd;font-size:13.5px;line-height:1.25}
  .dx-pwa-step-v316 > div > span{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:4px;
    color:var(--dx316-pwa-muted);
    font-size:11.5px;
    line-height:1.4;
  }
  .dx-pwa-share-symbol-v316{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    margin:0;
    padding:0;
    vertical-align:middle;
    border:1px solid rgba(96,165,250,.20);
    border-radius:10px;
    background:rgba(37,99,235,.18);
    color:#93c5fd;
  }
  .dx-pwa-share-symbol-v316 svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .dx-pwa-help-done-v316{width:100%;background:#2563eb!important;border-color:#3b82f6!important}

  html.dx-pwa-dialog-open-v316,
  html.dx-pwa-dialog-open-v316 body{overflow:hidden!important;overscroll-behavior:none!important}

  .dx-pwa-account-card-v316{
    position:relative;
    overflow:hidden;
    border-color:rgba(91,174,255,.18)!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(76,168,255,.13),transparent 42%),
      rgba(12,21,34,.72)!important;
  }
  .dx-pwa-account-card-v316 .dx-pwa-account-main-v316{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    align-items:center;
    gap:13px;
  }
  .dx-pwa-account-card-v316 .dx-pwa-install-icon-v316{width:58px;height:58px}
  .dx-pwa-account-card-v316 h3{margin:0;color:#f7fbff;font-size:17px;line-height:1.25;font-weight:900}
  .dx-pwa-account-card-v316 p{margin:5px 0 0;color:#9eb0c0;font-size:12.5px;line-height:1.45}
  .dx-pwa-account-status-v316{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:9px;
    color:#8fc8f8;
    font-size:11px;
    font-weight:850;
  }
  .dx-pwa-account-status-v316::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ca8ff;box-shadow:0 0 0 4px rgba(76,168,255,.12)}
  .dx-pwa-account-card-v316.is-installed .dx-pwa-account-status-v316{color:#70dca2}
  .dx-pwa-account-card-v316.is-installed .dx-pwa-account-status-v316::before{background:#38d987;box-shadow:0 0 0 4px rgba(56,217,135,.12)}
  .dx-pwa-account-action-v316{width:100%;margin-top:14px}
  .dx-pwa-account-card-v316.is-installed .dx-pwa-account-action-v316{display:none}

  html.dx-pwa-installed-v316 .dx-pwa-install-prompt-v316{display:none!important}
}

@media (max-width: 360px){
  .dx-pwa-install-prompt-v316{left:8px;right:8px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .dx-pwa-install-card-v316{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:13px;border-radius:21px}
  .dx-pwa-install-icon-v316{width:52px;height:52px;border-radius:15px}
  .dx-pwa-install-copy-v316 h2{font-size:15.5px}
  .dx-pwa-install-copy-v316 p{font-size:11.5px}
  .dx-pwa-install-benefits-v316 span{font-size:9.8px;padding-inline:7px}
}