/* Webfire Reservierungs-App – Rahmen. Alle Reservierungs-Bausteine (res-*, tl-*, rt-*)
   kommen unverändert aus app.css der Kundenapp. */
body{margin:0;background:var(--bg)}
.ra-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 22px;padding-top:max(12px,env(safe-area-inset-top));background:#10141b;color:#fff}
.ra-top .ra-ic{width:32px;height:32px;border-radius:9px}
.ra-ti{font-family:var(--head);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-firma{font-family:var(--body,inherit);font-weight:500;opacity:.7;font-size:14px;margin-left:6px}
.ra-sp{flex:1}
.ra-top .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.ra-top .btn.ghost:hover{background:rgba(255,255,255,.1)}
.ra-main{max-width:1180px;margin:0 auto;padding:20px 22px 60px}
.ra-err{color:var(--red);font-size:13px;min-height:18px;margin:-4px 0 10px;text-align:left}
.ra-loginic{width:56px;height:56px;border-radius:16px;margin:0 auto 16px;display:block}
@media (max-width:640px){
  .ra-top{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}
  .ra-firma{display:none}
  .ra-main{padding:14px 12px 50px}
}