/* 모바일 웹 → 앱 전환 전체 화면 안내 (Frontend/ko/components/app_prompt.php) */
.app-prompt {
    position: fixed;
    inset: 0;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 100000;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.app-prompt[hidden] { display: none; }
.app-prompt-inner {
    min-height: 100%;
    box-sizing: border-box;
    padding: 36px 24px 28px;
    display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column;
    -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;
    text-align: center;
    max-width: 440px;
    margin: 0 auto;
}
.app-prompt-art { margin: 0 auto 22px; }
.app-prompt-phone {
    width: 200px;
    height: 150px;
    margin: 0 auto;
    border-radius: 26px 26px 0 0;
    border: 6px solid #1F2937;
    border-bottom: 0;
    background: #FFF1F4;
    background: linear-gradient(180deg, #FFF1F4 0%, #FFE1E7 100%);
    box-sizing: border-box;
    padding: 24px 10px 0;
    position: relative;
    overflow: hidden;
}
.app-prompt-notif {
    display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-box-align: center; -webkit-align-items: center; align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 9px 10px;
    text-align: left;
    box-shadow: 0 4px 14px rgba(250,103,129,.18);
    margin-bottom: 8px;
    -webkit-animation: app-prompt-pop .5s ease-out both;
    animation: app-prompt-pop .5s ease-out both;
}
.app-prompt-notif.second { -webkit-animation-delay: .35s; animation-delay: .35s; opacity: .85; }
.app-prompt-notif-dot { width: 10px; height: 10px; border-radius: 50%; background: #FA6781; margin-right: 8px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.app-prompt-notif-text { font-size: 11.5px; color: #1F2937; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@-webkit-keyframes app-prompt-pop { from { opacity: 0; -webkit-transform: translateY(-10px); } to { opacity: 1; -webkit-transform: none; } }
@keyframes app-prompt-pop { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
.app-prompt-brand { margin: 0 0 10px; color: #FA6781; font-size: 12px; font-weight: 800; letter-spacing: 3px; }
.app-prompt-title { margin: 0 0 10px; font-size: 22px; line-height: 1.35; font-weight: 800; color: #111827; overflow-wrap: break-word; word-wrap: break-word; }
/* 한국어만 띄어쓰기 단위로 줄바꿈 ("계 / 속 유지" 처럼 단어 중간에서 끊기지 않게).
   중국어에 keep-all 을 걸면 띄어쓰기가 없어 줄이 넘치므로 한국어 페이지에만 적용한다. */
html[lang="ko"] .app-prompt-title,
html[lang="ko"] .app-prompt-sub,
html[lang="ko"] .app-prompt-points li,
html[lang="ko"] .app-prompt-dismiss { word-break: keep-all; overflow-wrap: break-word; word-wrap: break-word; }
.app-prompt-sub { margin: 0 0 20px; color: #6B7280; font-size: 14px; line-height: 1.6; }
.app-prompt-points { list-style: none; margin: 0 0 26px; padding: 0; text-align: left; }
.app-prompt-points li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; color: #374151; padding: 9px 12px; background: #F9FAFB; border-radius: 10px; margin-bottom: 8px; line-height: 1.4; }
.app-prompt-points li i { color: #FA6781; width: 22px; margin-right: 8px; text-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; }
.app-prompt-open {
    display: block;
    padding: 16px 18px;
    border-radius: 999px;
    background: #FA6781;
    background: linear-gradient(135deg, #FA6781 0%, #EC4899 100%);
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(250,103,129,.35);
}
.app-prompt-dismiss {
    display: inline-block;
    margin: 18px auto 0;
    background: none;
    border: 0;
    color: #9CA3AF;
    font-size: 13px;
    text-decoration: underline;
    padding: 8px;
    cursor: pointer;
}
body.app-prompt-lock { overflow: hidden; }