/* =====================================================================
   PRODEME AR - Estilos base (mobile-first, tema escuro + ciano PRODEME)
   Sem dependencia de framework. Suporta retrato/paisagem e safe-area.
   ===================================================================== */

:root{
  --ar-bg:        #0a0c0f;
  --ar-bg2:       #101418;
  --ar-panel:     #141a20;
  --ar-panel2:    #1a222a;
  --ar-border:    #232c35;
  --ar-border-2:  #2e3a45;
  --ar-text:      #e8edf2;
  --ar-muted:     #8a97a3;
  --ar-accent:      #00e6ff;
  --ar-accent-2:    #00a8c0;
  --ar-accent-soft: rgba(0,230,255,.14);
  --ar-danger:      #ff5353;
  --ar-danger-2:    #e03e3e;
  --ar-danger-soft: rgba(255,83,83,.14);
  --ar-green:     #35d07f;
  --ar-yellow:    #ffcf33;
  --ar-cyan:      var(--ar-accent);
  --ar-radius:    16px;
  --ar-radius-sm: 10px;
  --ar-shadow:    0 12px 40px rgba(0,0,0,.55);
  --ar-safe-t:    env(safe-area-inset-top, 0px);
  --ar-safe-b:    env(safe-area-inset-bottom, 0px);
  --ar-safe-l:    env(safe-area-inset-left, 0px);
  --ar-safe-r:    env(safe-area-inset-right, 0px);
  --ar-font:      "Barlow Condensed", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ar-font-num:  "Orbitron", "Barlow Condensed", system-ui, monospace;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

.ar-body{
  margin:0;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  color:var(--ar-text);
  background:
    radial-gradient(1100px 700px at 100% -10%, rgba(0,230,255,.10), transparent 55%),
    radial-gradient(900px 700px at -10% 0%, rgba(23,195,214,.06), transparent 55%),
    linear-gradient(180deg, #0b0e12 0%, #080a0d 100%);
  font-family:var(--ar-font);
  font-size:17px;
  line-height:1.35;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  padding-left:var(--ar-safe-l);
  padding-right:var(--ar-safe-r);
}

.ar-skip{
  position:absolute; left:-9999px; top:0;
  background:var(--ar-accent); color:#001018; padding:10px 14px; z-index:1000; border-radius:0 0 8px 0;
}
.ar-skip:focus{ left:0; }

/* ---------- Topbar ---------- */
.ar-topbar{
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:calc(10px + var(--ar-safe-t)) 14px 10px;
  background:linear-gradient(180deg, rgba(10,12,15,.96), rgba(10,12,15,.78));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ar-border);
}
.ar-brand{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ar-text); }
.ar-brand-text{ font-family:var(--ar-font-num); font-weight:700; letter-spacing:.02em; font-size:1.05rem; }
.ar-brand-ar{
  margin-left:5px; padding:1px 6px; border-radius:6px;
  background:var(--ar-accent); color:#001018; font-size:.8em; letter-spacing:.06em;
}
.ar-brand-tree{ display:grid; grid-template-columns:repeat(2,7px); gap:2px; }
.ar-bulb{ width:7px; height:7px; border-radius:50%; background:#20272e; }
.ar-bulb.y{ box-shadow:0 0 6px #ffcf3366; background:#ffcf33; opacity:.85; }
.ar-bulb.g{ box-shadow:0 0 6px #35d07f66; background:#35d07f; opacity:.85; }
.ar-bulb.r{ box-shadow:0 0 6px #ff535366; background:#ff5353; opacity:.85; }

.ar-evento-chip{
  display:inline-flex; align-items:center; gap:7px; max-width:56vw;
  border:1px solid var(--ar-border-2); background:var(--ar-panel);
  color:var(--ar-text); border-radius:999px; padding:7px 12px;
  font-size:.85rem; cursor:pointer; overflow:hidden;
}
.ar-evento-chip-nome{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ar-evento-chip-trocar{ color:var(--ar-accent); font-weight:700; font-size:.78rem; }

/* ---------- Main ---------- */
.ar-main{ flex:1 0 auto; width:100%; max-width:720px; margin:0 auto; padding:16px 14px 28px; }

.ar-h1{ font-family:var(--ar-font-num); font-weight:700; font-size:1.55rem; margin:2px 0 4px; letter-spacing:.01em; }
.ar-sub{ color:var(--ar-muted); font-size:1rem; margin:0 0 18px; }
.ar-install-btn{ margin:0 0 18px; }
.ar-section-title{ font-size:.82rem; text-transform:uppercase; letter-spacing:.12em; color:var(--ar-muted); margin:22px 2px 10px; font-weight:700; }

/* ---------- Cards de modo ---------- */
.ar-modos{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:360px){ .ar-modos{ grid-template-columns:1fr; } }

.ar-modo-card{
  position:relative; display:flex; flex-direction:column; gap:8px;
  padding:16px 14px; min-height:132px;
  border:1px solid var(--ar-border); border-radius:var(--ar-radius);
  background:linear-gradient(180deg, var(--ar-panel), var(--ar-bg2));
  color:var(--ar-text); text-decoration:none; text-align:left;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.ar-modo-card:active{ transform:scale(.98); }
.ar-modo-card:hover{ border-color:var(--ar-accent-2); box-shadow:0 10px 26px rgba(0,230,255,.12); }
.ar-modo-card[aria-disabled="true"]{ opacity:.45; pointer-events:none; }
.ar-modo-ico{ width:40px; height:40px; }
.ar-modo-nome{ font-weight:700; font-size:1.12rem; line-height:1.1; }
.ar-modo-desc{ color:var(--ar-muted); font-size:.86rem; }
.ar-modo-card::after{
  content:""; position:absolute; right:12px; top:14px; width:8px; height:8px;
  border-right:2px solid var(--ar-accent); border-top:2px solid var(--ar-accent);
  transform:rotate(45deg); opacity:.7;
}

/* Aviso de evento obrigatorio (modos no topo) */
.ar-modos-hint{
  display:flex; align-items:center; justify-content:center; gap:7px;
  margin:12px 2px 0; font-size:.85rem; color:var(--ar-yellow);
  background:rgba(255,207,51,.08); border:1px solid rgba(255,207,51,.22);
  border-radius:10px; padding:9px 12px;
}
.ar-sem-evento .ar-modo-card{ opacity:.92; }

/* ---------- Botoes ---------- */
.ar-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0; border-radius:var(--ar-radius-sm); padding:14px 18px;
  font-family:var(--ar-font); font-size:1.05rem; font-weight:700;
  cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent;
  min-height:50px; transition:filter .12s ease, transform .1s ease;
}
.ar-btn:active{ transform:scale(.98); }
.ar-btn-primary{ background:var(--ar-accent); color:#001018; }
.ar-btn-primary:hover{ filter:brightness(1.06); }
.ar-btn-ghost{ background:transparent; color:var(--ar-text); border:1px solid var(--ar-border-2); }
.ar-btn-block{ width:100%; }
.ar-btn-sm{ min-height:40px; padding:9px 14px; font-size:.92rem; }
.ar-btn[disabled]{ opacity:.5; pointer-events:none; }

/* ---------- Busca / inputs ---------- */
.ar-field{ position:relative; margin:0 0 12px; }
.ar-input, .ar-select{
  width:100%; padding:13px 14px; font-size:1rem; color:var(--ar-text);
  background:var(--ar-panel); border:1px solid var(--ar-border-2);
  border-radius:var(--ar-radius-sm); outline:none; font-family:var(--ar-font);
}
.ar-input::placeholder{ color:var(--ar-muted); }
.ar-input:focus, .ar-select:focus{ border-color:var(--ar-accent); box-shadow:0 0 0 3px var(--ar-accent-soft); }
.ar-input-code{ text-transform:uppercase; letter-spacing:.18em; font-family:var(--ar-font-num); text-align:center; }

.ar-label{ display:block; font-size:.8rem; color:var(--ar-muted); margin:0 2px 6px; text-transform:uppercase; letter-spacing:.08em; }

/* ---------- Painel/box ---------- */
.ar-panel{
  border:1px solid var(--ar-border); border-radius:var(--ar-radius);
  background:linear-gradient(180deg, var(--ar-panel), var(--ar-bg2));
  padding:14px; margin:0 0 14px;
}
.ar-panel-warn{ border-color:rgba(255,207,51,.35); background:rgba(255,207,51,.06); }
.ar-panel-danger{ border-color:rgba(255,83,83,.4); background:var(--ar-danger-soft); }

/* ---------- Eventos: cards em destaque (ao vivo / hoje), mesmo padrao do
   card "Provas ao vivo hoje" do site principal (views/home.php) ---------- */
.ar-evento-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }
.ar-evento-card{
  position:relative; display:flex; flex-direction:column; text-align:left;
  border:1px solid var(--ar-border); border-radius:var(--ar-radius-sm);
  background:var(--ar-panel); color:var(--ar-text); overflow:hidden;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ar-evento-card:active{ transform:scale(.98); }
.ar-evento-card:hover{ border-color:var(--ar-accent-2); box-shadow:0 10px 26px rgba(0,230,255,.12); }
.ar-evento-card.is-sel{ border-color:var(--ar-accent); box-shadow:0 0 0 2px var(--ar-accent-soft) inset; }
.ar-evento-card-thumb{ position:relative; aspect-ratio:16/9; background:var(--ar-bg2); overflow:hidden; }
.ar-evento-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.ar-evento-card-noimg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--ar-border-2); font-size:1.6rem; }
.ar-evento-card-badges{ position:absolute; top:8px; left:8px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.ar-evento-card-track{
  position:absolute; right:8px; bottom:8px; width:32px; height:32px; padding:3px;
  border:1px solid var(--ar-border-2); border-radius:8px; background:rgba(7,13,18,.82);
  backdrop-filter:blur(4px);
}
.ar-evento-card-track img{ width:100%; height:100%; object-fit:contain; }
.ar-evento-card-body{ padding:10px 12px 12px; display:flex; flex-direction:column; flex:1; }
.ar-evento-card-titulo{ font-weight:800; font-size:.95rem; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ar-evento-card-edicao{ font-family:var(--ar-font-num); font-size:.66rem; letter-spacing:.05em; color:var(--ar-accent); text-transform:uppercase; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ar-evento-card-divider{ height:1px; background:var(--ar-border); margin:8px 0; }
.ar-evento-card-meta{ font-size:.74rem; color:var(--ar-muted); display:flex; flex-direction:column; gap:3px; margin-bottom:2px; }
.ar-evento-card-meta span{ display:flex; align-items:center; gap:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------- Eventos: linhas compactas (proximos/recentes/historico),
   mesmo padrao das listas do site principal (Ultimos eventos / Agenda) ---------- */
.ar-evento-rows{ display:flex; flex-direction:column; }
.ar-evento-row{
  display:block; width:100%; text-align:left; background:transparent; border:0;
  border-top:1px solid var(--ar-border); padding:11px 2px;
  color:var(--ar-text); cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.ar-evento-rows .ar-evento-row:first-child{ border-top:0; }
.ar-evento-row.is-sel{ background:var(--ar-accent-soft); border-radius:8px; }
.ar-evento-row-top{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.ar-evento-row-titulo{ font-weight:700; font-size:.94rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ar-evento-row-data{ color:var(--ar-muted); font-size:.78rem; flex:0 0 auto; white-space:nowrap; }
.ar-evento-row-local{ color:var(--ar-muted); font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:1px; }
.ar-evento-row-badge{ margin-left:8px; }

/* ---------- Badges (compartilhados por card e linha) ---------- */
.ar-evento-badge{
  font-size:.62rem; font-weight:800; letter-spacing:.06em; padding:3px 8px; border-radius:999px;
  text-transform:uppercase; white-space:nowrap;
}
.ar-badge-live{ background:var(--ar-danger); color:#fff; animation:arPulse 1.3s ease-in-out infinite; }
.ar-badge-hoje{ background:rgba(53,208,127,.18); color:var(--ar-green); border:1px solid rgba(53,208,127,.4); }
.ar-badge-prox{ background:rgba(23,195,214,.15); color:var(--ar-cyan); border:1px solid rgba(23,195,214,.35); }
.ar-badge-ts{ background:rgba(255,207,51,.18); color:var(--ar-yellow); border:1px solid rgba(255,207,51,.4); }
.ar-badge-ps{ background:rgba(53,208,127,.18); color:var(--ar-green); border:1px solid rgba(53,208,127,.4); }
@keyframes arPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,83,83,.4);} 50%{ box-shadow:0 0 0 6px rgba(255,83,83,0);} }

@media (max-width:600px){
  .ar-evento-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .ar-evento-card-titulo{ font-size:.85rem; }
  .ar-evento-card-body{ padding:8px 9px 10px; }
}

/* ---------- Links / util ---------- */
.ar-link{ color:var(--ar-accent); text-decoration:none; font-weight:700; }
.ar-link:hover{ text-decoration:underline; }
.ar-muted{ color:var(--ar-muted); }
.ar-center{ text-align:center; }
.ar-mt{ margin-top:14px; }
.ar-row{ display:flex; gap:10px; }
.ar-row > *{ flex:1; }
.ar-hidden, [hidden]{ display:none !important; }
.ar-spinner{
  width:22px; height:22px; border-radius:50%;
  border:3px solid rgba(255,255,255,.18); border-top-color:var(--ar-accent);
  animation:arSpin .8s linear infinite; display:inline-block;
}
@keyframes arSpin{ to{ transform:rotate(360deg);} }
.ar-loading{ display:flex; align-items:center; justify-content:center; gap:10px; color:var(--ar-muted); padding:24px; }

/* ---------- Aviso privacidade / footer ---------- */
.ar-footer{
  flex:0 0 auto; text-align:center; padding:16px 14px calc(18px + var(--ar-safe-b));
  color:var(--ar-muted); font-size:.8rem; border-top:1px solid var(--ar-border);
}
.ar-privacidade{ margin:0 0 6px; display:flex; align-items:center; justify-content:center; gap:7px; }
.ar-footer-brand{ margin:0; opacity:.7; font-size:.75rem; letter-spacing:.05em; }

/* ---------- Icones (inline via mask / pseudo) ---------- */
.ar-ico-flag, .ar-ico-lock{ display:inline-block; width:14px; height:14px; background:currentColor;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; }
.ar-ico-flag{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1v14M3 2h9l-2 3 2 3H3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1v14M3 2h9l-2 3 2 3H3' fill='%23000'/%3E%3C/svg%3E"); }
.ar-ico-lock{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M4 7V5a4 4 0 018 0v2h1v8H3V7zm2 0h4V5a2 2 0 00-4 0z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M4 7V5a4 4 0 018 0v2h1v8H3V7zm2 0h4V5a2 2 0 00-4 0z'/%3E%3C/svg%3E"); }
.ar-ico-install{ display:inline-block; width:16px; height:16px; background:currentColor;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1a1 1 0 011 1v6.59l1.8-1.8a1 1 0 011.4 1.42l-3.5 3.5a1 1 0 01-1.4 0L3.8 8.2a1 1 0 011.4-1.42L7 8.6V2a1 1 0 011-1zM2 12a1 1 0 011 1v.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V13a1 1 0 012 0v.5A2.5 2.5 0 0112.5 16h-9A2.5 2.5 0 011 13.5V13a1 1 0 011-1z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1a1 1 0 011 1v6.59l1.8-1.8a1 1 0 011.4 1.42l-3.5 3.5a1 1 0 01-1.4 0L3.8 8.2a1 1 0 011.4-1.42L7 8.6V2a1 1 0 011-1zM2 12a1 1 0 011 1v.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V13a1 1 0 012 0v.5A2.5 2.5 0 0112.5 16h-9A2.5 2.5 0 011 13.5V13a1 1 0 011-1z'/%3E%3C/svg%3E"); }

/* ---------- Aviso grande central: "lendo / consultando IA / dados" ---------- */
.ar-busy-overlay{
  position:fixed; inset:0; z-index:90; display:flex; align-items:center; justify-content:center;
  pointer-events:none; padding:20px;
}
.ar-busy-card{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  background:rgba(8,10,13,.92); border:1px solid var(--ar-accent); border-radius:20px;
  padding:26px 32px; box-shadow:0 0 0 6px rgba(0,230,255,.14), 0 20px 60px rgba(0,0,0,.65);
  backdrop-filter:blur(6px); max-width:82vw; text-align:center;
  animation:arBusyIn .18s ease;
}
@keyframes arBusyIn{ from{ transform:scale(.9); opacity:0; } to{ transform:none; opacity:1; } }
.ar-busy-ring{ position:relative; width:66px; height:66px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.ar-busy-ring::before, .ar-busy-ring::after{
  content:""; position:absolute; inset:0; border-radius:50%; border:3px solid var(--ar-accent);
  opacity:.7; animation:arBusyPulse 1.6s ease-out infinite;
}
.ar-busy-ring::after{ animation-delay:.8s; }
@keyframes arBusyPulse{
  0%{ transform:scale(.5); opacity:.8; }
  100%{ transform:scale(1.5); opacity:0; }
}
.ar-busy-spinner{
  width:36px; height:36px; border-radius:50%;
  border:4px solid rgba(255,255,255,.18); border-top-color:var(--ar-accent);
  animation:arSpin .8s linear infinite;
}
.ar-busy-text{ font-weight:800; font-size:1.1rem; color:#fff; letter-spacing:.01em; }
.ar-busy-sub{ font-size:.82rem; color:var(--ar-muted); min-height:1.15em; }

/* ---------- Toast ---------- */
.ar-toast{
  position:fixed; left:50%; bottom:calc(20px + var(--ar-safe-b)); transform:translateX(-50%);
  background:var(--ar-panel2); color:var(--ar-text); border:1px solid var(--ar-border-2);
  padding:12px 18px; border-radius:999px; font-size:.9rem; z-index:200;
  box-shadow:var(--ar-shadow); max-width:88vw; text-align:center;
}
.ar-toast.is-err{ border-color:var(--ar-danger); }

/* ---------- Modal (folha inferior) ---------- */
.ar-sheet-backdrop{
  position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.6);
  display:flex; align-items:flex-end; justify-content:center;
}
.ar-sheet{
  width:100%; max-width:720px; max-height:86dvh; overflow:auto;
  background:var(--ar-bg2); border:1px solid var(--ar-border);
  border-radius:18px 18px 0 0; padding:16px 14px calc(20px + var(--ar-safe-b));
  box-shadow:var(--ar-shadow); animation:arSheetUp .18s ease;
}
@keyframes arSheetUp{ from{ transform:translateY(24px); opacity:.6; } to{ transform:none; opacity:1; } }
.ar-sheet-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.ar-sheet-title{ font-weight:700; font-size:1.1rem; }
.ar-sheet-close{ background:none; border:0; color:var(--ar-muted); font-size:1.6rem; line-height:1; cursor:pointer; padding:4px 8px; }

/* ---------- Chips de filtro ---------- */
.ar-chips{ display:flex; gap:8px; overflow-x:auto; padding:2px; margin:0 0 12px; -webkit-overflow-scrolling:touch; }
.ar-chip{
  flex:0 0 auto; border:1px solid var(--ar-border-2); background:var(--ar-panel);
  color:var(--ar-text); border-radius:999px; padding:8px 14px; font-size:.88rem; cursor:pointer; white-space:nowrap;
}
.ar-chip.is-on{ background:var(--ar-accent); border-color:var(--ar-accent); color:#001018; }

/* ---------- Resultado / largada / ficha ---------- */
.ar-res-head{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.ar-res-cat{ font-weight:700; font-size:.95rem; }
.ar-res-race{ color:var(--ar-muted); font-size:.8rem; }
.ar-res-live{ margin-left:auto; background:var(--ar-danger); color:#fff; font-size:.68rem; font-weight:800; padding:3px 8px; border-radius:999px; animation:arPulse 1.3s infinite; }

.ar-res-grid{ display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:stretch; }
.ar-res-lado{ border:1px solid var(--ar-border); border-radius:12px; padding:10px; background:var(--ar-panel); }
.ar-res-lado.is-win{ border-color:var(--ar-green); box-shadow:0 0 0 1px rgba(53,208,127,.3) inset; }
.ar-res-vs{ align-self:center; font-family:var(--ar-font-num); font-weight:800; color:var(--ar-accent); }
.ar-res-num{ font-family:var(--ar-font-num); font-weight:800; font-size:1.3rem; color:var(--ar-accent); }
.ar-res-piloto{ font-weight:700; line-height:1.15; }
.ar-res-flag{ font-size:1rem; }
.ar-res-apelido{ color:var(--ar-muted); font-size:.85rem; }
.ar-res-veic{ font-size:.82rem; }
.ar-res-linhas{ margin-top:8px; }
.ar-res-linha{ display:flex; justify-content:space-between; gap:8px; padding:3px 0; font-size:.9rem; border-top:1px dashed rgba(255,255,255,.06); }
.ar-res-linha:first-child{ border-top:0; }
.ar-res-linha b{ font-family:var(--ar-font-num); }
.ar-res-status{ margin-top:6px; font-weight:700; font-size:.82rem; padding:3px 8px; border-radius:6px; display:inline-block; }
.ar-st-ok{ color:var(--ar-green); }
.ar-st-queimou{ background:var(--ar-danger-soft); color:var(--ar-danger); }
.ar-st-desclass{ background:rgba(255,207,51,.14); color:var(--ar-yellow); }
.ar-st-nf, .ar-st-inval, .ar-st-wo{ background:rgba(138,151,163,.16); color:var(--ar-muted); }

.ar-res-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.ar-res-acoes .ar-btn{ flex:1 1 auto; }

.ar-ficha-top{ display:flex; gap:12px; align-items:center; margin-bottom:10px; }
.ar-ficha-foto{ width:64px; height:64px; border-radius:12px; object-fit:cover; background:var(--ar-panel2); }
.ar-ficha-nome{ font-weight:700; font-size:1.1rem; }
.ar-ficha-passadas{ display:flex; flex-direction:column; gap:4px; }
.ar-ficha-pass{ display:flex; align-items:center; gap:8px; font-size:.85rem; padding:5px 8px; background:var(--ar-panel); border-radius:8px; }
.ar-ficha-pass b{ margin-left:auto; font-family:var(--ar-font-num); }
.ar-ficha-pass em{ color:var(--ar-danger); font-style:normal; font-size:.78rem; }
.ar-ficha-pass-click{ cursor:pointer; border:1px solid transparent; transition:border-color .12s ease, background .12s ease; }
.ar-ficha-pass-click:active{ transform:scale(.99); }
.ar-ficha-pass-click:hover{ border-color:var(--ar-border-2); background:var(--ar-panel2); }
.ar-ficha-pass-click::after{
  content:""; width:7px; height:7px; margin-left:6px; flex:0 0 auto;
  border-right:2px solid var(--ar-muted); border-top:2px solid var(--ar-muted);
  transform:rotate(45deg);
}

/* Modal de ticket (detalhes da puxada) - abre por cima via ARApp.sheet */
.ar-ticket-loading{ display:flex; align-items:center; justify-content:center; gap:10px; color:var(--ar-muted); padding:30px 10px; }
.ar-ticket-host{ display:flex; justify-content:center; }
.ar-ticket-host .eme-ticket{ width:100%; max-width:420px; margin-bottom:0; }
.ar-ticket-actions{ margin-top:14px; }

.ar-cand-lista{ display:flex; flex-direction:column; gap:8px; }
.ar-cand-item{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; border:1px solid var(--ar-border); border-radius:10px; background:var(--ar-panel); color:var(--ar-text); padding:10px; cursor:pointer; }
.ar-cand-item:active{ transform:scale(.99); }
.ar-cand-info{ display:flex; flex-direction:column; min-width:0; }
.ar-cand-conf{ margin-left:auto; font-family:var(--ar-font-num); color:var(--ar-muted); font-size:.85rem; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ---------- Selecao de confrontos / replay AR ---------- */
.ar-passadas-page .ar-main{max-width:900px;padding-top:22px}.ar-passadas-hero{margin-bottom:24px}.ar-passadas-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--ar-accent);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ar-passadas-kicker span{width:7px;height:7px;border-radius:50%;background:var(--ar-accent);box-shadow:0 0 12px var(--ar-accent)}.ar-passadas-page .ar-h1{font-size:clamp(1.55rem,7vw,2.15rem);margin-bottom:7px}.ar-passadas-page .ar-sub{max-width:620px;margin-bottom:18px}.ar-passadas-search{position:relative;margin-bottom:12px}.ar-passadas-search .ar-input{height:52px;padding-left:46px;background:rgba(20,26,32,.86);border-radius:14px}.ar-passadas-search-icon{position:absolute;z-index:1;left:17px;top:50%;width:16px;height:16px;border:2px solid var(--ar-muted);border-radius:50%;transform:translateY(-58%)}.ar-passadas-search-icon:after{content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-3px;background:var(--ar-muted);transform:rotate(45deg);border-radius:2px}.ar-passadas-chips{margin-bottom:0;padding:2px 0 5px;scrollbar-width:none}.ar-passadas-chips::-webkit-scrollbar{display:none}.ar-passadas-chips .ar-chip{background:rgba(20,26,32,.75);font-weight:700}.ar-passadas-chips .ar-chip.is-on{background:var(--ar-accent);box-shadow:0 5px 18px rgba(0,230,255,.15)}.ar-passadas-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 11px}.ar-passadas-results-head h2{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.11em;color:var(--ar-muted)}.ar-passadas-count{font-size:.78rem;color:var(--ar-muted);white-space:nowrap}
.ar-pega-lista{display:flex;flex-direction:column;gap:14px}.ar-pega-card{display:block;padding:13px;border:1px solid var(--ar-border);border-radius:16px;background:linear-gradient(145deg,rgba(22,29,36,.98),rgba(15,20,25,.98));color:var(--ar-text);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:.15s ease;-webkit-tap-highlight-color:transparent}.ar-pega-card:hover{border-color:rgba(0,230,255,.45);box-shadow:0 12px 32px rgba(0,230,255,.08)}.ar-pega-card:active{transform:scale(.99)}.ar-pega-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 1px 9px;color:var(--ar-yellow);font-family:var(--ar-font-num);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ar-pega-head b{display:flex;align-items:center;gap:7px;color:var(--ar-accent);font-family:var(--ar-font);font-size:.7rem}.ar-pega-head i{width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.ar-pega-grid{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch}.ar-pega-lado{min-width:0;padding:12px;border:1px solid var(--ar-border);border-radius:12px;background:#0d1217}.ar-pega-lado.is-winner{border-color:rgba(53,208,127,.5);box-shadow:inset 0 0 0 1px rgba(53,208,127,.12)}.ar-pega-nome{display:flex;align-items:center;gap:6px;min-width:0}.ar-pega-nome strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;text-transform:uppercase}.ar-pega-lado.is-winner .ar-pega-nome strong,.ar-pega-lado.is-winner .ar-pega-tempo{color:#54ff4f}.ar-pega-nome em{flex:0 0 auto;padding:3px 6px;border-radius:5px;background:#168f59;color:#fff;font-size:.58rem;font-style:normal;font-weight:800;text-transform:none}.ar-pega-carro,.ar-pega-cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64727f;font-size:.7rem;text-transform:uppercase}.ar-pega-carro{margin-top:5px}.ar-pega-cat{margin-top:5px}.ar-pega-tempo{margin-top:13px;font-family:var(--ar-font-num);font-size:1.08rem;font-weight:800}.ar-pega-status{margin-top:5px;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ar-pega-vs{display:flex;align-items:center;justify-content:center;color:var(--ar-accent-2);font-family:var(--ar-font-num);font-size:.88rem;font-weight:900}.ar-pega-ausente{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ar-muted);text-align:center}.ar-pega-ausente small{margin-top:4px;font-size:.68rem}.ar-pass-skeleton{display:flex;flex-direction:column;gap:14px}.ar-pass-skeleton i{display:block;height:152px;border:1px solid var(--ar-border);border-radius:16px;background:linear-gradient(100deg,var(--ar-panel) 30%,var(--ar-panel2) 48%,var(--ar-panel) 66%);background-size:250% 100%;animation:arSkeleton 1.3s ease infinite}@keyframes arSkeleton{to{background-position-x:-250%}}.ar-pass-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 20px;border:1px dashed var(--ar-border-2);border-radius:16px;color:var(--ar-muted)}.ar-pass-empty>span{width:40px;height:40px;border:2px solid var(--ar-border-2);border-radius:50%;margin-bottom:11px}.ar-pass-empty>strong{color:var(--ar-text);font-size:1rem}.ar-pass-empty p{max-width:330px;margin:5px 0 0;font-size:.86rem}.ar-pass-empty.is-error>span{display:grid;place-items:center;color:var(--ar-danger);border-color:var(--ar-danger);font-weight:900}.ar-pass-empty .ar-btn{margin-top:14px}
@media(max-width:560px){.ar-pega-card{padding:11px}.ar-pega-grid{grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr)}.ar-pega-lado{padding:10px 9px}.ar-pega-nome{align-items:flex-start;flex-direction:column;gap:4px}.ar-pega-nome strong{width:100%;font-size:.77rem}.ar-pega-nome em{font-size:.53rem}.ar-pega-tempo{font-size:.95rem}.ar-pega-head b{font-size:0}.ar-pega-head b i{width:8px;height:8px}}