.ctgb-mobile-install[hidden], .ctgb-mobile-dialog [hidden] { display: none !important; }
.ctgb-mobile-install, .ctgb-mobile-dialog { box-sizing: border-box; font-family: system-ui, sans-serif; color: #172022; }
.ctgb-mobile-install { display: flex; align-items: center; justify-content: space-between; gap: 18px; max-width: 720px; margin: 24px auto; padding: 20px; background: #f4f7f0; border: 1px solid #dce3e1; border-radius: 14px; text-align: left; }
.ctgb-mobile-install strong { font-size: 18px; }
.ctgb-mobile-install p { margin: 4px 0 0; font-size: 15px; line-height: 1.5; }
.ctgb-mobile-install button, .ctgb-mobile-dialog button { appearance: none; border: 0; border-radius: 8px; background: #172022; color: #fff; padding: 12px 20px; min-height: 44px; font: 600 16px/1.4 system-ui, sans-serif; white-space: nowrap; cursor: pointer; }
.ctgb-mobile-install button:focus-visible, .ctgb-mobile-dialog button:focus-visible { outline: 3px solid #5f861e; outline-offset: 4px; }
.ctgb-mobile-install button:disabled { opacity: .6; cursor: wait; }
.ctgb-mobile-dialog { width: min(540px, calc(100% - 32px)); max-height: 85vh; max-height: 85dvh; overflow-y: auto; border: 1px solid #dce3e1; border-radius: 18px; padding: 26px; background: #fff; text-align: left; box-shadow: 0 20px 80px #0004; }
.ctgb-mobile-dialog::backdrop { background: #172022aa; }
.ctgb-mobile-dialog h2 { font-size: 26px; line-height: 1.2; margin: 0 0 16px; }
.ctgb-mobile-dialog h3 { font-size: 18px; margin: 20px 0 8px; }
.ctgb-mobile-dialog p, .ctgb-mobile-dialog li { font-size: 16px; line-height: 1.6; }
.ctgb-mobile-dialog ol { padding-left: 24px; }
.ctgb-mobile-dialog form { margin: 20px 0 0; }
@media (max-width: 600px) { .ctgb-mobile-install { margin: 20px 16px; align-items: stretch; flex-direction: column; } }
@media (display-mode: standalone) { .ctgb-mobile-install { display: none !important; } }