#yamlock-app-banner[hidden] { display: none !important; }
#yamlock-app-banner {
  --yab-accent: var(--g5-color-accent, #be3d38);
  position: fixed;
  z-index: 9990;
  inset: auto 12px calc(12px + env(safe-area-inset-bottom, 0px));
  width: auto;
  max-width: 440px;
  max-height: calc(100dvh - 24px - env(safe-area-inset-bottom, 0px));
  overflow: auto;
  margin: 0 auto;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  color: #252525;
  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
  font-family: Poppins, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  direction: ltr;
  color-scheme: light;
}
#yamlock-app-banner *, #yamlock-app-banner *::before, #yamlock-app-banner *::after { box-sizing: border-box; }
#yamlock-app-banner .yab-heading { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; }
#yamlock-app-banner .yab-icon { flex: 0 0 48px; width: 48px; height: 48px; padding: 4px; object-fit: contain; border: 1px solid #f1f1f1; border-radius: 10px; background: #fff; }
#yamlock-app-banner .yab-copy { flex: 1; min-width: 0; }
#yamlock-app-banner h2 { margin: 0 0 3px; padding: 0; color: #252525; font: 600 16px/1.3 Poppins, Arial, sans-serif; letter-spacing: 0; text-transform: none; }
#yamlock-app-banner p { margin: 0; padding: 0; color: #6b7280; font: 400 12px/1.4 Poppins, Arial, sans-serif; }
#yamlock-app-banner button, #yamlock-app-banner a { appearance: none; -webkit-appearance: none; margin: 0; letter-spacing: 0; text-transform: none; text-decoration: none; cursor: pointer; box-shadow: none; }
#yamlock-app-banner .yab-close { flex: 0 0 44px; align-self: flex-start; display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; margin: -8px -8px 0 -8px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #6b7280; font: 400 28px/1 Arial, sans-serif; }
#yamlock-app-banner .yab-actions { display: grid; grid-template-columns: 1fr 1.15fr; gap: 8px; }
#yamlock-app-banner .yab-download, #yamlock-app-banner .yab-continue { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 6px; border: 1px solid #6b7280; border-radius: 8px; background: #fff; color: #252525; font: 600 12px/1.4 Poppins, Arial, sans-serif; text-align: center; }
#yamlock-app-banner .yab-download { border-color: var(--yab-accent); background: var(--yab-accent); color: #fff; }
#yamlock-app-banner .yab-continue:hover, #yamlock-app-banner .yab-close:hover { background: #f3f4f6; }
#yamlock-app-banner a:focus-visible, #yamlock-app-banner button:focus-visible { outline: 3px solid #252525; outline-offset: 3px; }
#yamlock-app-banner[dir="rtl"] { direction: rtl; text-align: right; font-family: Tahoma, Arial, sans-serif; }
#yamlock-app-banner[dir="rtl"] h2,
#yamlock-app-banner[dir="rtl"] p,
#yamlock-app-banner[dir="rtl"] .yab-download,
#yamlock-app-banner[dir="rtl"] .yab-continue { font-family: Tahoma, Arial, sans-serif; }
#yamlock-app-banner[dir="rtl"] h2 { line-height: 1.5; }
#yamlock-app-banner[dir="rtl"] p { font-size: 13px; line-height: 1.6; }
#yamlock-app-banner[dir="rtl"] .yab-download,
#yamlock-app-banner[dir="rtl"] .yab-continue { font-size: 14px; line-height: 1.5; }
@media (max-width: 359px) {
  #yamlock-app-banner { inset-inline: 8px; padding: 10px; }
  #yamlock-app-banner .yab-heading { gap: 8px; }
  #yamlock-app-banner .yab-icon { flex-basis: 40px; width: 40px; height: 44px; }
  #yamlock-app-banner h2 { font-size: 14px; }
}
@media print { #yamlock-app-banner { display: none !important; } }