/* FiveM Heartbeat: compact, accessible tab navigation */
.fivem-heartbeat-page .fivem-page-tabs{
  display:flex;align-items:center;gap:4px;
  border-bottom:1px solid var(--border,rgba(144,157,189,.2));
  margin:12px 0 20px;padding:0 2px;
}
.fivem-heartbeat-page .fivem-page-tab{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;min-width:115px;padding:13px 18px;
  border:0;border-bottom:2px solid transparent;border-radius:9px 9px 0 0;
  background:transparent;color:var(--muted,#93a5c0);
  font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  transition:color .16s ease,background .16s ease,border-color .16s ease;
}
.fivem-heartbeat-page .fivem-page-tab i{font-size:14px}
.fivem-heartbeat-page .fivem-page-tab:hover{
  color:var(--text,#f8faff);background:rgba(120,131,185,.08);
}
.fivem-heartbeat-page .fivem-page-tab.active{
  color:#8791ff;border-bottom-color:#7c83ff;background:rgba(124,131,255,.07);
}
.fivem-heartbeat-page .fivem-page-tab:focus-visible{
  outline:2px solid #858cfb;outline-offset:-3px;
}
.fivem-heartbeat-page .fivem-tab-panel[hidden]{display:none!important}
.fivem-heartbeat-page #fivemDiscordEmbedCard{margin-top:0}
@media(max-width:600px){
  .fivem-heartbeat-page .fivem-page-tabs{margin:8px 0 16px}
  .fivem-heartbeat-page .fivem-page-tab{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .fivem-heartbeat-page .fivem-page-tab{transition:none}
}