/*
  Arquivo: ag-kanban-collapse-premium.css
  Origem: public/index.html
  Blocos originais:
    - <style id="kanban-collapse-premium-patch">
    - <style id="kanban-collapse-width-final-fix">
  Função: estilos das listas minimizáveis/recolhíveis do Kanban e correção final de largura das colunas recolhidas.
  Observação: extração passiva; não altera lógica JS, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== kanban-collapse-premium-patch ===== */
/* Kanban — listas minimizáveis estilo Trello Premium */
.home-view.active .kanban-col-header{
  gap:8px !important;
}
.kanban-col-collapse-btn{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-grid;
  place-items:center;
  border-radius:8px;
  border:1px solid transparent;
  background:transparent;
  color:var(--faint);
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.kanban-col-collapse-btn:hover{
  background:var(--surface);
  border-color:var(--border);
  color:var(--accent);
}
.kanban-col-collapse-icon{
  display:block;
  font-size:12px;
  line-height:1;
  transform:rotate(90deg);
  transition:transform .16s ease;
}
.home-view.active .kanban-col.is-collapsed{
  flex:0 0 48px !important;
  width:48px !important;
  min-width:48px !important;
  padding:8px 6px !important;
  cursor:pointer;
  background:color-mix(in srgb,var(--surface2) 88%,var(--surface)) !important;
}
.home-view.active .kanban-col.is-collapsed:hover{
  background:color-mix(in srgb,var(--surface2) 76%,var(--accent) 8%) !important;
}
.home-view.active .kanban-col.is-collapsed.drag-over{
  outline:2px dashed var(--accent);
  background:var(--accent-dim) !important;
}
.home-view.active .kanban-col.is-collapsed .kanban-col-header{
  flex:1 1 auto !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  border-bottom:0 !important;
  margin:0 !important;
  padding:4px 0 !important;
  background:transparent !important;
}
.home-view.active .kanban-col.is-collapsed .kanban-col-collapse-btn{
  background:var(--surface);
  border-color:var(--border);
  color:var(--muted);
}
.home-view.active .kanban-col.is-collapsed .kanban-col-collapse-icon{
  transform:rotate(-90deg);
}
.home-view.active .kanban-col.is-collapsed .kanban-col-title{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  transform:rotate(180deg);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-height:calc(100% - 74px);
  font-size:11px !important;
  line-height:1.1;
  letter-spacing:.04em;
  text-align:left;
}
.home-view.active .kanban-col.is-collapsed .kanban-col-count{
  margin-top:auto;
  min-width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 6px;
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--muted);
}
.home-view.active .kanban-col.is-collapsed .kanban-col-scroll{
  display:none !important;
}

/* ===== kanban-collapse-width-final-fix ===== */
/* Correção final: as regras antigas com #homeView.active .kanban-col tinham maior especificidade
   e mantinham a coluna recolhida com 274px. Este patch usa a mesma especificidade com ID
   e fica por último, garantindo que a coluna realmente estreite. */
#homeView.active .kanban-board,
.home-view.active .kanban-board{
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  grid-template-columns:none !important;
}

#homeView.active .kanban-col.is-collapsed,
.home-view.active .kanban-col.is-collapsed{
  flex:0 0 56px !important;
  flex-basis:56px !important;
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  padding:8px 6px !important;
  overflow:hidden !important;
}

#homeView.active .kanban-col.is-collapsed .kanban-col-header,
.home-view.active .kanban-col.is-collapsed .kanban-col-header{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
}

#homeView.active .kanban-col.is-collapsed .kanban-col-scroll,
.home-view.active .kanban-col.is-collapsed .kanban-col-scroll,
#homeView.active .kanban-col.is-collapsed .kanban-card,
.home-view.active .kanban-col.is-collapsed .kanban-card{
  display:none !important;
}

#homeView.active .kanban-col.is-collapsed .kanban-col-title,
.home-view.active .kanban-col.is-collapsed .kanban-col-title{
  writing-mode:vertical-rl !important;
  text-orientation:mixed !important;
  transform:rotate(180deg) !important;
  max-height:calc(100% - 76px) !important;
  max-width:24px !important;
  white-space:nowrap !important;
}

#homeView.active .kanban-col.is-collapsed .kanban-col-count,
.home-view.active .kanban-col.is-collapsed .kanban-col-count{
  margin-top:auto !important;
}