/* JR-145 Get the JobRhino app: the public /get-the-app page and the prompt on
   the invite acceptance page. Same shapes as the Guided Setup finish-screen
   panel, in the public shell's palette (the login-card values from app.css:
   card #fff on #dce4df, radius 16px, the login shadow; text #303c35, muted
   #687780; page #f5f7f5 and input border #b9c7be for the tiles). Primary
   buttons come from app.css and are not restyled here. A QR code keeps its
   white box in every theme: it is scanned, not read. Three sizes on the page:
   40 / 13 / 11 - the public shell's base is 15px system-ui, so the Guided
   Setup 9px microtype does not travel here; 11px is the floor on a phone. */
.login-card.gta-page{width:min(100%,760px);padding:38px 40px 40px;background:#fff;border-color:#dce4df;border-radius:16px;box-shadow:0 18px 55px rgba(24,48,35,.09);color:#303c35}
.gta-page .jobrhino-login-logo{width:min(100%,270px);margin-bottom:28px}
.gta-eyebrow{display:block;margin:0 0 9px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gta-page h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.04;letter-spacing:-.045em;color:#303c35}
.gta-lede{max-width:580px;margin:12px 0 0;color:#687780;font-size:13px;line-height:1.6}
.gta-stores{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.gta-store{display:grid;justify-items:center;align-content:start;text-align:center;gap:12px;padding:20px;background:#f5f7f5;border:1px solid #dce4df;border-radius:14px}
/* With no store live there are three tiles: the web tile takes the full row so the two
   "Coming soon" tiles sit side by side under it instead of leaving an empty cell. */
.gta-store.web{grid-column:1/-1}
.gta-store>img,.gta-store>i{display:block;width:160px;height:160px;box-sizing:border-box;padding:8px;background:#fff;border:1px solid #dce4df;border-radius:12px}
.gta-store>i{display:grid;place-items:center;background:transparent;border:1px dashed #b9c7be;color:#687780;font-style:normal;font-size:36px;font-weight:850}
.gta-store>i::before{content:'\2301'}
.gta-store span{display:grid;gap:2px}
.gta-store strong{display:block;font-size:13px;color:#303c35}
.gta-store small{display:block;font-size:11px;color:#687780}
.gta-store em{font-style:normal;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#687780}
.gta-store .button{width:100%;margin-top:0}
.gta-store-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:144px;height:52px;max-width:100%;background:#000;color:#fff;border-radius:6px;overflow:hidden}
.gta-store-badge img{display:block;width:auto;max-width:100%;height:48px;object-fit:contain}
.gta-store-badge:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.gta-other{margin-top:22px;padding-top:18px;border-top:1px solid #dce4df}
.gta-other>b{display:block;margin-bottom:10px;font-size:13px;color:#303c35}
.gta-other>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin:0 0 8px;font-size:13px;line-height:1.5;color:#687780}
.gta-other>div>i{padding-top:2px;font-style:normal;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.gta-other strong{color:#303c35}
.gta-signin{display:block;margin-top:20px;font-size:13px;text-align:center;color:var(--blue)}
@media (max-width:640px){.gta-stores{grid-template-columns:1fr}.login-card.gta-page{padding:28px 20px 30px}}

/* Invite acceptance: the app prompt sits inside the green "account is ready"
   box, above "Go to sign in". */
.gta-invite{display:grid;gap:8px;margin:0 0 16px;padding:18px;background:#fff;border:1px solid #dce4df;border-radius:13px;color:#303c35;text-align:left}
.gta-invite>strong{font-size:18px;line-height:1.2}
.gta-invite>p{margin:0;font-size:12px;line-height:1.5;color:#687780}
.gta-invite-actions{display:grid;gap:8px;margin-top:6px}
.gta-invite-actions .button{margin-top:0}
.gta-invite-actions small{font-size:11px;color:#687780;text-align:center}
.gta-invite-scan{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid #dce4df}
.gta-invite-scan small{flex:1 1 160px;font-size:11px;color:#687780}
.gta-invite-scan img{display:block;width:112px;height:112px;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #dce4df;border-radius:10px}
@media (max-width:760px){.gta-invite-scan{display:none}}