/* Grade da agenda (painel do clube). Usa as cores do tema do Filament. */

.ag-toolbar { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: center; }
.ag-nav { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.ag-data { width: 11rem; }
.ag-titulo { font-weight: 600; margin-left: .25rem; }

.ag-legenda { display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .75rem; color: var(--gray-500); }
.ag-legenda span { display: inline-flex; align-items: center; gap: .35rem; }
.ag-cor { display: inline-block; width: .85rem; height: .85rem; border-radius: .2rem; }

.ag-vazio { text-align: center; padding: 2rem 1rem; color: var(--gray-500); }

.ag-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: .75rem; }
.ag-grade { width: 100%; min-width: 36rem; border-collapse: separate; border-spacing: 4px; table-layout: fixed; }
.ag-grade thead th { position: sticky; top: 0; z-index: 1; font-size: .8rem; font-weight: 600; padding: .35rem;
    background: var(--gray-50); border-radius: .5rem; }
.dark .ag-grade thead th { background: var(--gray-900); }
.ag-grade th.ag-hoje { color: var(--primary-600); }
.ag-grade .ag-hora { width: 3.5rem; font-size: .75rem; font-weight: 500; color: var(--gray-500); text-align: right;
    padding-right: .35rem; vertical-align: top; background: transparent; }
.ag-grade td { padding: 0; }
.ag-carregando { opacity: .6; transition: opacity .2s; }

.ag-celula { display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 3.1rem;
    padding: .3rem .5rem; border-radius: .5rem; text-align: left; line-height: 1.15; border: 1px solid transparent;
    overflow: hidden; }
button.ag-celula { cursor: pointer; transition: filter .15s, box-shadow .15s; }
button.ag-celula:hover { filter: brightness(.96); box-shadow: 0 1px 3px rgb(0 0 0 / .15); }
.ag-linha1 { font-size: .8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ag-linha2 { font-size: .7rem; opacity: .8; white-space: nowrap; }
.ag-sem { background: repeating-linear-gradient(45deg, transparent, transparent 4px, var(--gray-100) 4px, var(--gray-100) 8px); }
.dark .ag-sem { background: repeating-linear-gradient(45deg, transparent, transparent 4px, var(--gray-800) 4px, var(--gray-800) 8px); }

/* livres, pela faixa de preco */
.ag-livre { background: #fff; border-color: var(--gray-200); color: var(--gray-700); }
.dark .ag-livre { background: var(--gray-900); border-color: var(--gray-700); color: var(--gray-200); }
.ag-livre.ag-faixa-menor_demanda { border-left: 4px solid var(--info-400, #60a5fa); }
.ag-livre.ag-faixa-normal { border-left: 4px solid var(--gray-300); }
.ag-livre.ag-faixa-nobre { border-left: 4px solid var(--warning-500, #f59e0b); }
.ag-legenda .ag-livre { border: 1px solid var(--gray-300); }
.ag-legenda .ag-faixa-menor_demanda { background: var(--info-400, #60a5fa); }
.ag-legenda .ag-faixa-normal { background: var(--gray-300); }
.ag-legenda .ag-faixa-nobre { background: var(--warning-500, #f59e0b); }

/* ocupados, pelo tipo */
.ag-tipo-jogo { background: var(--primary-500); color: #fff; }
.ag-tipo-aula { background: var(--info-500, #3b82f6); color: #fff; }
.ag-tipo-bloqueio { background: var(--gray-400); color: #fff; }
.dark .ag-tipo-bloqueio { background: var(--gray-600); }

.ag-passado { opacity: .5; }

@media (max-width: 640px) {
    .ag-grade { min-width: 0; }
    .ag-grade .ag-hora { width: 2.6rem; }
    .ag-celula { padding: .25rem .35rem; min-height: 2.8rem; }
    .ag-linha2 { display: none; }
}

/* situacao da cobranca na celula */
.ag-pago, .ag-apagar { display: inline-block; min-width: 1rem; padding: 0 .25rem; margin-left: .15rem; border-radius: .25rem;
    font-weight: 700; text-align: center; background: rgb(255 255 255 / .25); }
.ag-apagar { background: var(--warning-400, #fbbf24); color: #422006; }

/* caixa */
.cx-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: .75rem; }
.cx-card { display: flex; flex-direction: column; gap: .25rem; padding: .75rem 1rem; border-radius: .75rem;
    border: 1px solid var(--gray-200); }
.dark .cx-card { border-color: var(--gray-700); }
.cx-card span { font-size: .75rem; color: var(--gray-500); }
.cx-card strong { font-size: 1.1rem; }
.cx-destaque { background: var(--primary-50); border-color: var(--primary-200); }
.dark .cx-destaque { background: var(--gray-800); border-color: var(--primary-700); }
.cx-fechado { color: var(--gray-600); line-height: 1.6; }
.cx-dif { color: var(--danger-600); font-weight: 600; }
.ag-espera { display: inline-block; margin-left: .25rem; padding: 0 .3rem; border-radius: .25rem; font-size: .65rem;
    background: rgb(0 0 0 / .2); }

/* portal do atleta (celular primeiro) */
.pt-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.pt-botao { display: block; text-align: center; padding: .9rem; border-radius: .75rem; font-weight: 600;
    border: 1px solid var(--gray-300); background: #fff; color: var(--gray-800); }
.dark .pt-botao { background: var(--gray-900); color: var(--gray-100); border-color: var(--gray-700); }
.pt-principal { background: var(--primary-600); border-color: var(--primary-600); color: #fff; }
.dark .pt-principal { background: var(--primary-600); color: #fff; }
.pt-item { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .65rem 0;
    border-bottom: 1px solid var(--gray-100); }
.dark .pt-item { border-color: var(--gray-800); }
.pt-item:last-child { border-bottom: 0; }
.pt-sub { color: var(--gray-500); font-size: .85rem; }
.pt-dias { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .25rem; -webkit-overflow-scrolling: touch; }
.pt-dia { flex: 0 0 auto; min-width: 3.6rem; text-align: center; padding: .45rem .5rem; border-radius: .6rem; cursor: pointer;
    border: 1px solid var(--gray-200); background: #fff; line-height: 1.1; }
.dark .pt-dia { background: var(--gray-900); border-color: var(--gray-700); }
.pt-dia small { display: block; font-size: .7rem; color: var(--gray-500); }
.pt-dia.ativo { background: var(--primary-600); border-color: var(--primary-600); color: #fff; }
.pt-dia.ativo small { color: #e5e7eb; }
.pt-horarios { display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: .5rem; }
.pt-horario { padding: .6rem; border-radius: .6rem; border: 1px solid var(--gray-200); text-align: left; background: #fff; cursor: pointer; }
.dark .pt-horario { background: var(--gray-900); border-color: var(--gray-700); }
.pt-horario strong { display: block; font-size: 1rem; }
.pt-pix img { width: 220px; height: 220px; margin: 0 auto; display: block; }

/* relatorios */
.rl-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1rem; }
.rl-tabela { width: 100%; border-collapse: collapse; font-size: .875rem; }
.rl-tabela th { text-align: left; font-weight: 600; color: var(--gray-500); font-size: .75rem; padding: .3rem .25rem; }
.rl-tabela td { padding: .4rem .25rem; border-top: 1px solid var(--gray-100); }
.dark .rl-tabela td { border-color: var(--gray-800); }
.rl-tabela td:last-child, .rl-tabela th:last-child { text-align: right; }