/* ============================================================
   XINGUZINHO_NOTIFICACOES_DIAS_SEMANA_V1
   Seleção de dias de funcionamento por regra.
   ============================================================ */

.xv2n-agenda {
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed var(--tema-borda,#e2e8f0);
}

.xv2n-agenda-topo {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:7px;
}

.xv2n-agenda-titulo {
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.35px;
}

.xv2n-agenda-presets {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.xv2n-agenda-presets button {
  min-height:0;
  padding:4px 7px;
  border-radius:7px;
  border:1px solid var(--tema-borda,#dbe3ec);
  background:var(--tema-card-2,#f8fafc);
  color:var(--tema-texto-secundario,#64748b);
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}

.xv2n-agenda-presets button:hover {
  border-color:#93c5fd;
  color:#1d4ed8;
}

.xv2n-dias {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.xv2n-dia {
  min-width:38px;
  min-height:31px;
  padding:5px 8px;
  border:1px solid var(--tema-borda,#dbe3ec);
  border-radius:9px;
  background:var(--tema-card-2,#f8fafc);
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  transition:
    transform .12s ease,
    background .12s ease,
    border-color .12s ease,
    color .12s ease;
}

.xv2n-dia:hover {
  transform:translateY(-1px);
}

.xv2n-dia.ativo {
  background:#dbeafe;
  border-color:#60a5fa;
  color:#1d4ed8;
}

.xv2n-dia:disabled,
.xv2n-agenda-presets button:disabled {
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}

.xv2n-agenda-resumo {
  margin-top:6px;
  color:var(--tema-texto-secundario,#94a3b8);
  font-size:9px;
}

html[data-theme="dark"] .xv2n-dia.ativo {
  background:rgba(59,130,246,.18);
  border-color:rgba(96,165,250,.55);
  color:#93c5fd;
}

html[data-theme="dark"] .xv2n-agenda-presets button {
  background:rgba(148,163,184,.08);
}

@media(max-width:700px) {
  .xv2n-agenda-topo {
    align-items:flex-start;
    flex-direction:column;
  }

  .xv2n-dias {
    width:100%;
  }

  .xv2n-dia {
    flex:1 1 38px;
  }
}