#chatScreen #actualChat .chat-hdr { z-index: 60 !important; }


#actualChat .chat-hdr-status.qm-typing-hide { display: none !important; }
#actualChat .qm-typing-status { color: var(--qm-pink-soft, #f7a0cf) !important; font-style: normal; }


@media (min-width: 768px) {
    body,
    .app-nav,
    .popup-overlay,
    .profile-card-overlay,
    .chat-input-container {
        min-width: min(100vw, 480px) !important;
    }
}


.screen:is(#verificationScreen, #passwordResetScreen, #passwordResetNewScreen) .verification-icon::before { content: none !important; }
.screen:is(#verificationScreen, #passwordResetScreen, #passwordResetNewScreen) .verification-icon svg {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    stroke: currentColor !important;
    color: var(--qm-pink-soft, #f7a0cf);
    filter: none !important;
    animation: none !important;
}
#verificationScreen .verification-icon svg { width: 60px !important; height: 60px !important; color: #b0124f; }


.qm-pwa-banner {
    position: fixed;
    left: 50%;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    z-index: 9000;
    width: min(calc(100% - 24px), 440px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 10px 10px 10px 12px;
    border-radius: 18px;
    background: var(--qm-s2, #1e1922);
    color: var(--qm-fg, #fff);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .5);
    font: 500 13px/1.35 var(--qm-sans, system-ui, sans-serif);
}
@media (orientation: landscape) and (max-height: 500px) {
    .qm-pwa-banner { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
}
.qm-pwa-row { display: flex; align-items: center; gap: 10px; }
.qm-pwa-icon { width: 36px; height: 36px; border-radius: 30%; flex: none; }
.qm-pwa-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.qm-pwa-title { font-weight: 800; font-size: 14px; }
.qm-pwa-desc { color: var(--qm-fg2, rgba(255, 255, 255, .7)); }
.qm-pwa-go {
    flex: none;
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    background: #d81b60;
    color: #fff;
    font: 700 13px/1 var(--qm-sans, system-ui, sans-serif);
    cursor: pointer;
}
.qm-pwa-close {
    flex: none;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--qm-fg2, rgba(255, 255, 255, .7));
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.qm-pwa-steps { margin: 10px 0 2px; padding-inline-start: 22px; display: grid; gap: 6px; }
.qm-pwa-steps li { padding-inline-start: 2px; }


html:root body #profileScreen .qm-p6-wallet .qm-wallet-big,
html:root body #profileScreen .qm-p6-wallet .qm-wallet-chip { height: 40px; }
html:root body #profileScreen .qm-p6-wallet .qm-wallet-add { width: 40px; height: 40px; }
#qmV6Overlay .qmv6-close { width: 40px !important; height: 40px !important; }
#friendsScreen .ek-note-close { width: 40px; height: 40px; }
#friendsScreen .ek-lock-btn { min-height: 40px; }
html body #chatScreen #profileSelection .ql-tab { height: 40px; }
#authScreen .btn-forgot-password { min-height: 40px; padding: 10px 6px; }


button, [role="button"], a.btn-primary, .btn-primary, .qm-btn--pink { --qm-pink: #D81B60; }
:root,
html[data-theme],
html[data-theme="dark"] { --qm-fg3: rgba(255, 255, 255, .5); }
#profileScreen .qm-p6-lab,
#profileScreen .qm-p6-qc small,
#profileScreen .qm-p6-mcount { color: #9C4A6B !important; }
#groupChatScreen .lng-entry .lng-entry-hint,
#groupChatScreen .lng-entry .lng-entry-hint .rest,
#groupChatScreen .lng-entry .lng-entry-t p { color: #fff !important; }