/* NTN Back Guard Pro – modern, mobile-friendly bottom sheet */
#ntn-bg-pro-root{position:fixed;inset:auto 0 0 0;display:flex;justify-content:center;z-index:999999;pointer-events:none;padding:12px}
.ntn-bgpro{display:none;pointer-events:auto;background:#ffffff;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.28);padding:14px 16px;gap:12px;align-items:center;max-width:920px;width:100%}
.ntn-bgpro-icn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#eaf6fc;display:grid;place-items:center;font-size:18px;color:#007aa6}
.ntn-bgpro-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.ntn-bgpro-title{font-weight:800;color:rgba(0,31,51,0.9);font-size:1rem;line-height:1.25;margin:0}
.ntn-bgpro-text{color:#263238;font-size:.95rem;line-height:1.35;margin:0}
.ntn-bgpro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.ntn-btn{border:0;border-radius:14px;padding:10px 14px;font-weight:800;cursor:pointer}
.ntn-btn-primary{background:#00aeef;color:#fff}
.ntn-btn-ghost{background:#f1f5f9;color:#0b2230}
/* Mobile-first tweaks */
@media (max-width:560px){
  #ntn-bg-pro-root{padding:8px}
  .ntn-bgpro{border-radius:16px;padding:12px}
  .ntn-bgpro-title{font-size:1rem}
  .ntn-bgpro-text{font-size:.92rem}
  .ntn-btn{padding:12px 14px;border-radius:12px}
  .ntn-bgpro-actions{width:100%;justify-content:flex-end}
}
/* Enter animation */
.ntn-enter{display:flex;transform:translateY(14px);opacity:0;transition:transform .2s ease,opacity .2s ease}
.ntn-enter.ntn-active{transform:translateY(0);opacity:1}