.sessions-layout{max-width:1200px;background:#fff}
.sessions-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sessions-header h1{font-size:1rem;text-align:center}
.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin:20px 0}
.sessions-card{background:#fff}
.sessions-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:.75rem}
.session-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:2px solid #777;margin-bottom:10px;background:#ebebeb}
.session-item strong{display:block;font-size:.7rem}
.session-item small{display:block;color:#777;margin-top:7px}
.session-status{padding:8px 10px;font-size:.6rem;border-radius:4px}
.session-status.red{background:#f8d7da;color:#8a1c24}
.session-status.yellow{background:#fff3cd;color:#7a5700}
.session-status.green{background:#d1e7dd;color:#146c43}
.session-empty{text-align:center;padding:30px;font-size:.7rem}
.error{color:#b00020}
.pager{display:flex;justify-content:space-between;margin-top:20px}
.pager button:disabled{opacity:.4;cursor:not-allowed}
@media (max-width:700px){
.sessions-header .logo-img{height:60px}
.sessions-header .logo-text-large{font-size:.6rem}
.session-item,.toolbar{grid-template-columns:1fr}
.session-status{justify-self:start}
}

@media (max-width: 449px) {
  .pager {
    flex-direction: column; /* Coloca os itens um embaixo do outro (duas linhas) */
    align-items: center;    /* Centraliza os itens na tela (opcional) */
    gap: 15px;              /* Adiciona um espaço entre a primeira e a segunda linha */
  }
}