/* QT-LST — 로그인 화면 "바탕화면에 아이콘 만들기" 버튼 스타일
   기본값 = 다크 테마, body.light-theme = 라이트 테마 (로그인 오버레이 규칙과 동일한 구조) */

#pwaInstallWrap{
  display:none;                 /* pwa-install.js가 판단해서 켠다 (이미 설치됐으면 계속 숨김) */
  width:380px;max-width:calc(100vw - 32px);
  margin-top:11px;
  flex-direction:column;align-items:center;gap:6px;
}

.pwa-install-btn{
  width:100%;padding:9px 14px;
  border:1px dashed #2a4a62;border-radius:999px;
  background:transparent;color:#8a9ab0;
  font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.3px;
  cursor:pointer;transition:all .12s;
}
.pwa-install-btn:hover{border-color:#3d8ef0;color:#d8e4f0;background:#0d1824;}
.pwa-install-btn:disabled{opacity:.55;cursor:default;}

.pwa-install-hint{
  font-size:11.5px;color:#00c9a0;text-align:center;line-height:1.6;min-height:0;
}

body.light-theme .pwa-install-btn{
  border-color:#c8d5e2;color:#52627a;background:#ffffff;
}
body.light-theme .pwa-install-btn:hover{
  border-color:#1f6feb;color:#1f6feb;background:#eef6ff;
}
body.light-theme .pwa-install-hint{color:#008f78;}

/* ── 수동 설치 안내 모달 ─────────────────────────────────────────── */
.pwa-guide-back{
  position:fixed;inset:0;z-index:10050;
  background:rgba(2,6,12,.72);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.pwa-guide-box{
  width:420px;max-width:100%;
  background:#111519;border:1px solid #252d38;border-radius:10px;
  padding:26px 30px;box-shadow:0 16px 48px rgba(0,0,0,.8);
  display:flex;flex-direction:column;gap:14px;
}
.pwa-guide-title{
  font-size:16px;font-weight:800;color:#00c9a0;letter-spacing:.3px;
}
.pwa-guide-body{
  font-size:13.5px;line-height:1.85;color:#c8d4e0;
}
.pwa-guide-body b{color:#ffffff;}
.pwa-guide-close{
  align-self:stretch;padding:11px;border:none;border-radius:5px;
  background:#00c9a0;color:#00110d;
  font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.5px;cursor:pointer;
}
.pwa-guide-close:hover{background:#00e0b2;}

body.light-theme .pwa-guide-back{background:rgba(30,45,65,.45);}
body.light-theme .pwa-guide-box{
  background:#ffffff;border-color:#d6e0ea;box-shadow:0 16px 48px rgba(30,45,65,.22);
}
body.light-theme .pwa-guide-title{color:#008f78;}
body.light-theme .pwa-guide-body{color:#3a4a5e;}
body.light-theme .pwa-guide-body b{color:#17212b;}
body.light-theme .pwa-guide-close{background:#008f78;color:#ffffff;}
body.light-theme .pwa-guide-close:hover{background:#00a288;}

/* 모바일 — 로그인 박스(mobile_ui.css의 92vw)와 폭을 정확히 맞춘다 */
@media (max-width:768px){
  body.mob-ready #loginOverlay{padding-left:0;padding-right:0;}
  body.mob-ready #pwaInstallWrap{width:92vw;max-width:420px;}
}

/* 시니어 모드 — 로그인 화면에서도 글씨를 키운다 */
body.senior-ui .pwa-install-btn{font-size:15px;padding:13px 16px;}
body.senior-ui .pwa-guide-body{font-size:15.5px;}