/* "Get the app" icon, Settings button and modal (ADR-056; static/js/features/get-the-app.js). */

/* .tn-icon sets display:flex, which beats the UA [hidden] rule: keep a hidden icon hidden. */
#getAppNudge[hidden]{display:none !important}
.topnav-right .tn-icon.gta-nudge{color:var(--pb-blue)}
.topnav-right .tn-icon.gta-nudge:hover{color:var(--pb-blue-light);background:var(--pb-accent-soft-2)}
.tn-icon.gta-nudge:focus-visible{outline:2px solid var(--pb-blue);outline-offset:2px}

/* Buttons: --pb-blue-dark keeps white 12px text above 4.5:1 (--pb-blue is 3.5:1). */
.gta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--pb-blue-dark);color:#fff;border:none;border-radius:var(--pb-radius-sm);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:box-shadow .15s}
.gta-btn:hover{box-shadow:0 2px 12px rgba(42,147,193,0.3)}
.gta-btn:focus-visible{outline:2px solid var(--pb-blue-light);outline-offset:2px}
.gta-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
[data-theme="girly"] .gta-btn{background:#be123c}

/* Dialog: .modal hardcodes a navy card and white h2, so parts are scoped .modal.gta-modal. */
.modal.gta-modal{max-width:420px;padding:24px;display:flex;flex-direction:column;gap:12px;color:var(--pb-text);background:var(--pb-surface);border-color:var(--pb-border-hover);box-sizing:border-box}
.gta-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.modal.gta-modal h2{margin:0;font-size:22px;line-height:1.2;color:var(--pb-text)}
.gta-close{border:none;background:transparent;color:var(--pb-text-muted);font-size:22px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:6px;font-family:inherit}
.gta-close:hover{color:var(--pb-text);background:var(--pb-accent-soft)}
.gta-close:focus-visible{color:var(--pb-text);outline:2px solid var(--pb-blue);outline-offset:1px}
.gta-lead{margin:0;font-size:13px;line-height:1.45;color:var(--pb-text-muted)}
#getAppQr[hidden]{display:none}
.gta-qr{align-self:center;background:#fff;padding:8px;border-radius:12px;border:1px solid var(--pb-border);line-height:0}
.gta-qr svg{width:184px;height:184px;display:block}
.gta-addr-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.gta-addr{flex:1;min-width:0;padding:8px 10px;background:var(--pb-surface-2);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm);color:var(--pb-text);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}
.gta-status{margin:0;min-height:16px;font-size:12px;color:var(--pb-text-muted)}
#getAppLocalNote[hidden]{display:none}
.gta-local-note{margin:0;padding:8px 10px;border-radius:var(--pb-radius-sm);border:1px solid rgba(245,158,11,0.45);background:rgba(245,158,11,0.10);color:var(--pb-text);font-size:12px;line-height:1.45}
.gta-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.45;color:var(--pb-text-muted)}
.gta-steps b{color:var(--pb-text);font-weight:600}
.gta-more{font-size:12px;color:var(--pb-blue-light);text-decoration:underline;align-self:flex-start}
.gta-more:focus-visible{outline:2px solid var(--pb-blue);outline-offset:2px;border-radius:2px}
[data-theme="light"] .modal.gta-modal{background:#fff}
[data-theme="light"] .gta-more{color:var(--pb-blue-dark)}

@media (prefers-reduced-motion:reduce){.gta-btn{transition:none}}
@media (max-width:640px){
  .modal.gta-modal{width:calc(100% - 24px);max-width:none;max-height:86vh;max-height:min(86dvh,640px);padding:18px 16px 16px;border-radius:14px}
  .modal.gta-modal h2{font-size:20px}
  .gta-qr svg{width:160px;height:160px}
  .gta-close,.gta-addr-row .gta-btn{min-height:44px;min-width:44px;justify-content:center}
  #settingsArea .const-header{flex-wrap:wrap;gap:10px}
}