/* PSV App Download Prompt — Glassy/Blur Bottom Bar (mobile-first) */

.psv_app_prompt_bar {
  position: fixed;
  left: 0; right: 0; bottom: -140px;
  z-index: 999999;

  background: rgba(15, 18, 40, 0.55);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);

  border-top: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 -12px 28px rgba(0,0,0,0.30);

  color: #fff;
  opacity: 0;
  transition: bottom .35s ease, opacity .35s ease;

  font-family: "Tiro Telugu", "Noto Sans Telugu", "Noto Serif Telugu",
               system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  padding-bottom: max(0px, env(safe-area-inset-bottom));
}

.psv_app_prompt_bar.psv_show {
  bottom: 0;
  opacity: 1;
}

.psv_app_prompt_inner {
  display: grid;
  grid-template-columns: 1fr auto 36px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}

.psv_app_prompt_left { display: flex; align-items: center; gap: 10px; min-width: 0; }

.psv_app_prompt_logo {
  width: 34px; height: 34px;
  object-fit: cover; border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.25);
}

#psv_app_prompt_text {
  font-size: 14px; line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
  opacity: 0.95;
}

.psv_app_prompt_actions { display: flex; gap: 8px; flex-wrap: nowrap; }

.psv_btn {
  font-size: 13px; font-weight: 700;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer; text-decoration: none; display: inline-block;
  white-space: nowrap;
  transition: transform .1s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
  will-change: transform;
}
.psv_btn:active { transform: translateY(1px); }

.psv_btn_primary {
  background: linear-gradient(180deg, rgba(255,218,85,0.95), rgba(255,195,25,0.95));
  color: #101010;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 4px 12px rgba(255,210,40,0.25), inset 0 0 0 1px rgba(255,255,255,0.25);
}
.psv_btn_primary:hover { opacity: 0.95; }

.psv_btn_ghost {
  background: rgba(255,255,255,0.12);
  color: #ffffff;
  border-color: rgba(255,255,255,0.35);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}
.psv_btn_ghost:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.55);
}

.psv_app_prompt_close {
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.12);
  color: #fff; font-size: 16px; line-height: 1;
  display: grid; place-items: center; cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.psv_app_prompt_close:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.6);
}

/* Tablet */
@media (max-width: 1024px) {
  #psv_app_prompt_text { font-size: 13.5px; }
  .psv_btn { padding: 8px 11px; font-size: 12.5px; }
}

/* Mobile */
@media (max-width: 768px) {
  .psv_app_prompt_inner {
    grid-template-columns: 1fr auto 28px;
    padding: 10px 10px;
    gap: 8px;
  }
  .psv_app_prompt_logo { width: 32px; height: 32px; border-radius: 9px; }
  #psv_app_prompt_text { font-size: 13px; }
  .psv_btn { padding: 8px 10px; font-size: 12px; }
}

/* Very small phones */
@media (max-width: 380px) {
  .psv_app_prompt_inner { grid-template-columns: 1fr 28px; row-gap: 8px; }
  .psv_app_prompt_actions { grid-column: 1 / -1; justify-content: flex-start; }
}

/* Light scheme auto-tint */
@media (prefers-color-scheme: light) {
  .psv_app_prompt_bar {
    background: rgba(245,246,255,0.65);
    border-top-color: rgba(10,20,60,0.08);
    color: #0b1736;
  }
  .psv_btn_ghost {
    color: #0b1736;
    border-color: rgba(10,20,60,0.25);
    background: rgba(255,255,255,0.55);
  }
  .psv_app_prompt_close {
    color: #0b1736;
    border-color: rgba(10,20,60,0.25);
    background: rgba(255,255,255,0.55);
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .psv_app_prompt_bar, .psv_btn { transition: none !important; }
}