/*
 * ROTA30(TM) Back Navigation v1.0.
 * Componente compartilhado entre Premium, Game e Admin.
 * Para migrar de dominio, mantenha este arquivo em /groups/assets/ e ajuste
 * apenas os caminhos /groups/ nos layouts PHP caso o app mude de pasta.
 */
.r30-back-button{
  min-width:42px;
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:8px;
  border:1px solid var(--pg-border,var(--r-line,var(--ra-border,#d8e1ec)));
  border-radius:13px;
  background:var(--pg-surface,var(--r-card,var(--ra-surface,#fff)));
  color:var(--pg-text,var(--r-text,var(--ra-text,#0f172a)));
  font:800 12px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation
}
.r30-back-button:hover{
  transform:translateY(-1px);
  color:var(--pg-primary,var(--r-cyan,var(--ra-primary,#2563eb)));
  border-color:var(--pg-border-strong,var(--r-cyan,var(--ra-primary,#2563eb)));
  box-shadow:0 8px 22px rgba(27,55,91,.12)
}
.r30-back-button:focus-visible{outline:3px solid rgba(59,130,246,.3);outline-offset:2px}
.r30-back-button.is-navigating{pointer-events:none;opacity:.7}
.r30-back-button--game{border-color:var(--r-line);background:var(--r-card);color:var(--r-text)}
.r30-back-button--admin{border-color:var(--ra-border);background:var(--ra-surface);color:var(--ra-text)}
.rota-head-left{min-width:0;display:flex;align-items:center;gap:10px}

@media(max-width:760px){
  .r30-back-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:12px}
  .r30-back-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .pg-topbar{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));gap:6px}
  .pg-topbar-left,.pg-topbar-actions{gap:6px}
  .pg-brand{min-width:0}
  .pg-brand-copy{display:none}
  .rota-topbar{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));gap:7px}
  .rota-head-left{gap:7px;margin-right:auto}
  .rota-brand{min-width:0}
  .rota-top-actions{gap:6px}
  .rota-top-actions a[href^="/groups/admin/"],
  .rota-top-actions a[title="Classic"]{display:none}
  .ra-topbar{gap:9px}
  .ra-topbar-title{flex:1}
  .ra-topbar-title strong{max-width:32vw}
}
@media(max-width:480px){
  .pg-topbar-actions [data-pwa-install],.rota-top-actions [data-pwa-install]{display:none}
  .rota-icon-btn{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.r30-back-button{transition:none}}