/*
 * Lotus — custom CSS (data-bound styles que daisyUI/Tailwind não cobrem)
 *
 * Os componentes UI (btn, card, alert, navbar, form inputs) usam daisyUI.
 * Este arquivo cobre apenas:
 *   - CSS Grid variável (colunas dinâmicas via inline style)
 *   - Cores de status de lote (paleta semântica do domínio, não tema daisyUI)
 *   - Legenda com bolinhas coloridas
 */

.lots-grid {
  display: grid;
  gap: 4px;
}

.lot-cell {
  aspect-ratio: 1;
  border-radius: 4px;
  border: 0.5px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.1s;
}

.lot-cell:hover {
  transform: scale(1.08);
  z-index: 10;
}

.lot-disponivel     { background: #C0DD97; border-color: #639922; color: #27500A; }
.lot-reservado      { background: #FAC775; border-color: #BA7517; color: #633806; }
.lot-venda_pendente { background: #85B7EB; border-color: #185FA5; color: #042C53; }
.lot-vendido        { background: #D3D1C7; border-color: #5F5E5A; color: #2C2C2A; }

.legenda {
  display: flex;
  gap: 16px;
  font-size: 13px;
  flex-wrap: wrap;
  align-items: center;
}

.legenda > span {
  display: inline-flex;
  align-items: center;
}

.legenda .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 6px;
  border: 0.5px solid;
}

.legenda .dot.lot-disponivel     { background: #C0DD97; border-color: #639922; }
.legenda .dot.lot-reservado      { background: #FAC775; border-color: #BA7517; }
.legenda .dot.lot-venda_pendente { background: #85B7EB; border-color: #185FA5; }
.legenda .dot.lot-vendido        { background: #D3D1C7; border-color: #5F5E5A; }

/* Status pill no modal de lote */
.status-pill {
  display: inline-flex;
  align-items: center;
  border: 0.5px solid;
}