/* Tela de acessos — herda leads.css (resumo, barra de filtros) e style.css. */

.a-periodo { font-size: .76rem; color: var(--muted); margin-left: auto; }
.a-card-sub { font-size: .66rem; color: var(--muted); opacity: .75; margin-top: .2rem; }

/* A ressalva fica na tela de proposito: numero sem contexto vira decisao errada. */
.a-ressalva {
  font-size: .76rem; line-height: 1.6; color: var(--muted);
  background: var(--panel); border: 1px solid var(--line); border-left: 3px solid var(--accent);
  border-radius: var(--rs); padding: .75rem 1rem; margin: 0 0 1.4rem;
}

.a-bloco { margin-bottom: 1.8rem; }
.a-bloco h2 {
  font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin: 0 0 .7rem;
}
.a-duas { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }

/* serie por dia */
.a-serie {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--r);
  padding: .8rem 1rem; display: flex; flex-direction: column; gap: .25rem;
}
.a-barra-linha { display: grid; grid-template-columns: 48px 1fr 52px; align-items: center; gap: .6rem; }
.a-barra-dia { font-size: .7rem; color: var(--muted); }
.a-barra-trilho { background: var(--bg); border-radius: 3px; height: 13px; overflow: hidden; }
.a-barra { display: block; height: 100%; background: var(--accent); border-radius: 3px; }
.a-barra-val { font-size: .72rem; color: var(--txt); text-align: right; }

/* tabelas com barra proporcional */
.a-tabela {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--r);
  padding: .8rem 1rem; display: flex; flex-direction: column; gap: .35rem;
}
.a-linha { display: grid; grid-template-columns: 1fr 88px 48px; align-items: center; gap: .6rem; }
.a-linha-rot {
  font-size: .76rem; color: var(--txt);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.a-linha-rot a { color: var(--txt); text-decoration: none; }
.a-tag {
  font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--accent); margin-right: .45rem;
}
.a-linha-rot a:hover { color: var(--accent); }
.a-linha-trilho { background: var(--bg); border-radius: 3px; height: 9px; overflow: hidden; }
.a-linha-barra { display: block; height: 100%; background: var(--green); border-radius: 3px; }
.a-linha-val { font-size: .72rem; color: var(--muted); text-align: right; }

/* quadro por portal */
.a-cab {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: .6rem; align-items: center;
  font-size: .68rem; color: var(--muted); text-transform: uppercase; letter-spacing: .08em;
  padding-bottom: .45rem; border-bottom: 1px solid var(--line);
}
.a-cab-dados {
  text-transform: none; letter-spacing: 0; color: var(--txt); font-size: .82rem;
  padding: .55rem 0; border-bottom: 1px solid var(--line);
}
.a-cab-dados:last-child { border-bottom: none; }

@media (max-width: 760px) {
  .a-duas { grid-template-columns: 1fr; }
  .a-cab { grid-template-columns: 1.2fr 1fr 1fr; }
  .a-cab span:nth-child(4), .a-cab span:nth-child(5) { display: none; }
  .a-periodo { margin-left: 0; width: 100%; }
}