/*
  Arquivo: ag-kanban-native-scroll-deep-fix.css
  Origem: public/index.html
  Bloco original: <style id="kanban-native-scroll-deep-fix">
  Função: correção estrutural profunda da rolagem nativa 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-native-scroll-deep-fix ===== */
/* Kanban — correção estrutural da rolagem.
   Diagnóstico: os patches anteriores misturavam scroll nativo, barra customizada e transform.
   Isso deixava o .kanban-wrap visualmente com overflow, mas sem um scrollLeft confiável.
   Aqui a regra é única: somente o .kanban-wrap rola no eixo X; cada .kanban-col-scroll rola no eixo Y. */
.home-view.active .kanban-xbar-shell{display:none !important}
.home-view.active .kanban-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  height:clamp(430px, calc(100vh - 320px), 660px) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:12px 12px 18px !important;
  border:1px solid var(--border) !important;
  border-radius:18px !important;
  background:color-mix(in srgb,var(--surface2) 58%,transparent) !important;
  scrollbar-gutter:stable !important;
  overscroll-behavior-x:contain !important;
  scroll-behavior:auto !important;
  scrollbar-width:thin !important;
  scrollbar-color:color-mix(in srgb,var(--faint) 58%,transparent) transparent !important;
  touch-action:pan-x pan-y !important;
}
.home-view.active .kanban-wrap::-webkit-scrollbar{height:10px !important;display:block !important}
.home-view.active .kanban-wrap::-webkit-scrollbar-track{background:transparent !important;border:0 !important;border-radius:999px !important}
.home-view.active .kanban-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--faint) 48%,transparent) !important;border:2px solid transparent !important;background-clip:padding-box !important;border-radius:999px !important}
.home-view.active .kanban-wrap: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-board{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:14px !important;
  width:max-content !important;
  min-width:calc((292px * 8) + (14px * 7) + 24px) !important;
  max-width:none !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  will-change:auto !important;
}
.home-view.active .kanban-col{
  flex:0 0 292px !important;
  width:292px !important;
  min-width:292px !important;
  max-width:292px !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:auto !important;
  overflow-x:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:8px 4px 10px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:color-mix(in srgb,var(--faint) 58%,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;max-width:100% !important}
.home-view.active .kanban-empty{flex:1 0 120px !important;min-height:120px !important;display:grid !important;place-items:center !important}
@media (max-width:1400px){
  .home-view.active .kanban-board{min-width:calc((274px * 8) + (14px * 7) + 24px) !important}
  .home-view.active .kanban-col{flex-basis:274px !important;width:274px !important;min-width:274px !important;max-width:274px !important}
}