/* In-app browser notice (shared/in-app.js) on /register and /login. */
[hidden]{display:none!important}
.inapp{max-width:380px;margin:20px auto 0;padding:16px 18px;border:1px solid #F6DCB6;border-radius:14px;background:#FFF6DD;
  color:#4A3500;text-align:left}
.inapp-h{margin:0 0 4px;font-size:16px;font-weight:700;color:#231A00}
.inapp-t{margin:0;font-size:14.5px;line-height:1.65;color:#4A3500}
.inapp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.inapp-open{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:#2563EB;color:#fff;
  font-weight:700;font-size:15px;text-decoration:none}
.inapp-open:hover{background:#1D4ED8}
.inapp-copy{min-height:44px;padding:0 16px;border:1.5px solid #D9B25C;border-radius:10px;background:#fff;color:#231A00;
  font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.inapp-copy:hover{border-color:#9A6A00}
.inapp-status{font-size:13.5px;color:#4A3500}
.inapp-anyway{display:block;margin-top:12px;padding:10px 0;border:0;background:none;color:#6B4E00;font:inherit;font-size:13.5px;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.inapp :focus-visible{outline:2px solid #2563EB;outline-offset:2px}
/* /login follows the OS theme (app.css); /register is light-only for now */
@media (prefers-color-scheme:dark){
  .app-body .inapp{background:#2A1D0E;border-color:#4A3418;color:#F3D9A6}
  .app-body .inapp-h{color:#FDE7B0}
  .app-body .inapp-t,.app-body .inapp-status,.app-body .inapp-anyway{color:#F3D9A6}
  .app-body .inapp-copy{background:#161A21;color:#F2F4F7;border-color:#4A3418}
}