/*
  Arquivo: ag-kanban-scroll-real-fix.css
  Origem: public/index.html
  Bloco original: <style id="kanban-scroll-real-fix">
  Função: correção visual/estrutural da rolagem horizontal do quadro e rolagem vertical das listas do Kanban.
  Observação: extração passiva; não altera lógica JS, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== kanban-scroll-real-fix ===== */
/* Correção Kanban v3 — rolagem horizontal real + rolagem vertical por lista
   A barra horizontal só aparece quando há overflow real. Por isso o quadro
   passa a ser maior que a área visível, como no Trello. */
.home-view.active .kanban-wrap{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:clamp(420px, calc(100vh - 285px), 620px) !important;
  min-height:420px !important;
  overflow-x:scroll !important;
  overflow-y:hidden !important;
  padding:10px 10px 26px !important;
  border:1px solid var(--border) !important;
  border-radius:18px !important;
  background:color-mix(in srgb,var(--surface2) 58%,transparent) !important;
  box-shadow:inset 0 -22px 0 color-mix(in srgb,var(--surface2) 82%,transparent) !important;
  scrollbar-width:auto !important;
  scrollbar-color: color-mix(in srgb,var(--accent) 62%,var(--border2)) var(--surface2) !important;
  overscroll-behavior-x:contain !important;
}
.home-view.active .kanban-wrap::-webkit-scrollbar{height:16px !important;display:block !important}
.home-view.active .kanban-wrap::-webkit-scrollbar-track{background:var(--surface2) !important;border:1px solid var(--border) !important;border-radius:999px !important}
.home-view.active .kanban-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 64%,var(--border2)) !important;border:4px solid var(--surface2) !important;border-radius:999px !important}
.home-view.active .kanban-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent) !important}

.home-view.active .kanban-board{
  display:flex !important;
  align-items:stretch !important;
  gap:14px !important;
  height:100% !important;
  width:max-content !important;
  min-width:max(2440px, calc(100% + 620px)) !important;
  padding:0 4px 0 0 !important;
}
.home-view.active .kanban-col{
  flex:0 0 290px !important;
  width:290px !important;
  min-width:290px !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  padding:12px 10px 10px !important;
}
.home-view.active .kanban-col-header{
  flex:0 0 auto !important;
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  background:var(--surface2) !important;
  margin:0 !important;
  padding:4px 4px 10px !important;
}
.home-view.active .kanban-col-scroll{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:scroll !important;
  overflow-x:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-content:initial !important;
  padding:8px 3px 10px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color: color-mix(in srgb,var(--faint) 55%,transparent) transparent !important;
  overscroll-behavior:contain !important;
}
.home-view.active .kanban-col-scroll::-webkit-scrollbar{width:9px !important;display:block !important}
.home-view.active .kanban-col-scroll::-webkit-scrollbar-track{background:transparent !important;border-radius:999px !important}
.home-view.active .kanban-col-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--faint) 46%,transparent) !important;border:2px solid transparent !important;background-clip:padding-box !important;border-radius:999px !important}
.home-view.active .kanban-col-scroll:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--faint) 68%,transparent) !important;border:2px solid transparent !important;background-clip:padding-box !important}
.home-view.active .kanban-card{
  flex:0 0 auto !important;
}
.home-view.active .kanban-empty{
  flex:1 0 120px !important;
  min-height:120px !important;
}
@media (max-width:1280px){
  .home-view.active .kanban-board{min-width:max(2280px, calc(100% + 620px)) !important}
  .home-view.active .kanban-col{flex-basis:270px !important;width:270px !important;min-width:270px !important}
}