/*
  Arquivo: ag-kanban-trello-height.css
  Origem: public/index.html
  Bloco original: <style id="ag-kanban-trello-height-patch">
  Função: ajuste visual da altura das listas do Kanban para comportamento mais próximo 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-trello-height-patch ===== */
/*
  Objetivo: a lista não ocupa a altura inteira do quadro por padrão.
  Ela começa como uma faixa baixa e cresce conforme recebe cartões.
  Quando passa do limite confortável, apenas o conteúdo da lista ganha scroll interno.
*/
.home-view.active .kanban-wrap,
#homeView.active .kanban-wrap{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  padding:10px 10px 24px !important;
  align-items:flex-start !important;
  box-shadow:inset 0 -18px 0 color-mix(in srgb,var(--surface2) 72%,transparent) !important;
}
.home-view.active .kanban-board,
#homeView.active .kanban-board{
  display:flex !important;
  align-items:flex-start !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  width:max-content !important;
  padding:0 4px 2px 0 !important;
}
.home-view.active .kanban-col,
#homeView.active .kanban-col{
  height:auto !important;
  min-height:78px !important;
  max-height:clamp(360px, calc(100vh - 300px), 680px) !important;
  align-self:flex-start !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:16px !important;
}
.home-view.active .kanban-col-header,
#homeView.active .kanban-col-header{
  position:relative !important;
  top:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.home-view.active .kanban-col-scroll,
#homeView.active .kanban-col-scroll{
  flex:0 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:calc(clamp(360px, calc(100vh - 300px), 680px) - 58px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:8px 4px 10px 0 !important;
  background:transparent !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
}
.home-view.active .kanban-col-scroll:has(.kanban-empty),
#homeView.active .kanban-col-scroll:has(.kanban-empty){
  max-height:none !important;
}
.home-view.active .kanban-empty,
#homeView.active .kanban-empty{
  min-height:34px !important;
  height:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  opacity:.55 !important;
  border-radius:10px !important;
  background:color-mix(in srgb,var(--surface) 60%,transparent) !important;
}
.home-view.active .kanban-card,
#homeView.active .kanban-card{
  flex:0 0 auto !important;
}
.home-view.active .kanban-col.is-collapsed,
#homeView.active .kanban-col.is-collapsed{
  height:auto !important;
  min-height:48px !important;
  max-height:56px !important;
}
.home-view.active .kanban-col.is-collapsed .kanban-col-scroll,
#homeView.active .kanban-col.is-collapsed .kanban-col-scroll{
  display:none !important;
}
@media (max-width:1400px){
  .home-view.active .kanban-col,
  #homeView.active .kanban-col{
    max-height:clamp(330px, calc(100vh - 285px), 620px) !important;
  }
  .home-view.active .kanban-col-scroll,
  #homeView.active .kanban-col-scroll{
    max-height:calc(clamp(330px, calc(100vh - 285px), 620px) - 58px) !important;
  }
}