/*
  Arquivo: ag-kanban-empty-lists-compact.css
  Origem: public/index.html
  Bloco original: <style id="ag-kanban-empty-lists-compact-style">
  Função: ajusta o comportamento visual das listas vazias e cheias do Kanban, aproximando o layout do Trello.
  Observação: extração passiva; não altera lógica JS, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== ag-kanban-empty-lists-compact-style ===== */
/* Faz o Kanban se comportar mais como Trello:
   listas vazias ficam baixas; listas com cards crescem; listas grandes rolam internamente. */
#kanbanWrap,
.kanban-wrap{
  align-items:flex-start !important;
}

/* A coluna em si não deve esticar para a altura total do quadro. */
#kanbanWrap .kanban-col,
.kanban-wrap .kanban-col{
  align-self:flex-start !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

/* O corpo da lista cresce pelo conteúdo, com limite. */
#kanbanWrap .kanban-col-body,
.kanban-wrap .kanban-col-body,
#kanbanWrap .kanban-cards,
.kanban-wrap .kanban-cards{
  height:auto !important;
  min-height:0 !important;
  max-height:min(62vh, 620px) !important;
  overflow-y:auto !important;
  align-content:start !important;
}

/* Quando a lista está vazia, deixa quase como uma faixa pequena. */
#kanbanWrap .kanban-col:not(:has(.kanban-card)) .kanban-col-body,
.kanban-wrap .kanban-col:not(:has(.kanban-card)) .kanban-col-body,
#kanbanWrap .kanban-col:not(:has(.kanban-card)) .kanban-cards,
.kanban-wrap .kanban-col:not(:has(.kanban-card)) .kanban-cards{
  min-height:58px !important;
  max-height:92px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

/* Reduz o placeholder visual das colunas vazias. */
#kanbanWrap .kanban-col:not(:has(.kanban-card)) .kanban-empty,
.kanban-wrap .kanban-col:not(:has(.kanban-card)) .kanban-empty{
  min-height:44px !important;
  height:44px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:.55 !important;
}

/* Caso o placeholder seja outro elemento genérico. */
#kanbanWrap .kanban-col:not(:has(.kanban-card)) .kanban-dropzone,
.kanban-wrap .kanban-col:not(:has(.kanban-card)) .kanban-dropzone{
  min-height:44px !important;
}

/* Rodapé de adicionar cartão sempre perto do conteúdo, não lá embaixo. */
#kanbanWrap .kanban-col-footer,
.kanban-wrap .kanban-col-footer,
#kanbanWrap .kanban-add-card,
.kanban-wrap .kanban-add-card{
  margin-top:8px !important;
}

/* Colunas recolhidas continuam compactas. */
#kanbanWrap .kanban-col.is-collapsed,
.kanban-wrap .kanban-col.is-collapsed,
#kanbanWrap .kanban-col.collapsed,
.kanban-wrap .kanban-col.collapsed{
  height:auto !important;
  min-height:210px !important;
  max-height:360px !important;
}

/* Fallback para navegadores antigos sem :has().
   O script abaixo adiciona .kanban-col-empty dinamicamente. */
#kanbanWrap .kanban-col.kanban-col-empty .kanban-col-body,
.kanban-wrap .kanban-col.kanban-col-empty .kanban-col-body,
#kanbanWrap .kanban-col.kanban-col-empty .kanban-cards,
.kanban-wrap .kanban-col.kanban-col-empty .kanban-cards{
  min-height:58px !important;
  max-height:92px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
#kanbanWrap .kanban-col.kanban-col-empty .kanban-empty,
.kanban-wrap .kanban-col.kanban-col-empty .kanban-empty{
  min-height:44px !important;
  height:44px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:.55 !important;
}