/* StomaDent CRM v5.1 — groups as rows, leads horizontally */

/* The board itself is vertical: one full-width row per group. */
.board-page .kanban-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  padding:14px 0 30px!important;
}
.board-page .kanban-board{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
}

/* Every group is one horizontal row. */
.board-page .kanban-column{
  display:grid!important;
  grid-template-columns:165px minmax(0,1fr)!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:215px!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eef1f6!important;
  border-radius:13px!important;
}

/* Group name remains fixed at the left while its leads scroll horizontally. */
.board-page .kanban-column>header{
  position:relative!important;
  top:auto!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr) auto!important;
  align-content:start!important;
  align-items:center!important;
  column-gap:8px!important;
  min-height:215px!important;
  height:auto!important;
  padding:19px 14px!important;
  background:#e9edf4!important;
  border-right:1px solid #dce2eb!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.board-page .kanban-column>header h3{
  grid-column:2!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:break-word;
  font-size:11px!important;
  line-height:1.45!important;
}
.board-page .kanban-column>header em{
  grid-column:3!important;
}
.board-page .kanban-column>header .group-delete-button{
  grid-column:2 / 4!important;
  justify-self:start!important;
  margin-top:12px!important;
  width:auto!important;
  padding:0 8px!important;
}

/* Leads stay side by side within their group. */
.board-page .kanban-cards{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  min-height:215px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:12px!important;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}
.board-page .kanban-cards>.lead-card{
  flex:0 0 270px!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
  scroll-snap-align:start;
}
.board-page .kanban-cards>.column-add{
  flex:0 0 205px!important;
  width:205px!important;
  min-width:205px!important;
  min-height:190px!important;
  align-self:stretch!important;
}
.board-page .add-column{
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
}

/* Search result appears as a small location notification. */
.board-page .board-toolbar{
  position:relative!important;
  overflow:visible!important;
}
.board-search-notice-v51{
  position:absolute;
  z-index:80;
  right:13px;
  top:52px;
  width:330px;
  max-width:calc(100% - 26px);
  border:1px solid #b9dbc9;
  border-radius:11px;
  padding:10px 12px;
  background:#f0fbf5;
  color:#245f43;
  box-shadow:0 12px 28px rgba(30,45,80,.16);
  font-size:11px;
  line-height:1.45;
  cursor:pointer;
  animation:boardNoticeIn .16s ease-out;
}
.board-search-notice-v51 strong{
  color:#2947c7;
  text-transform:uppercase;
}
.board-search-notice-v51 small{
  display:block;
  margin-top:3px;
  color:#68758d;
  font-size:9px;
}
.board-search-notice-v51.missing{
  border-color:#efc7c7;
  background:#fff4f4;
  color:#934143;
  cursor:default;
}
.board-search-notice-v51.multiple:after{
  content:attr(data-extra);
  display:block;
  margin-top:3px;
  color:#7a8497;
  font-size:8px;
}
.board-page .lead-card.search-match-v51{
  border-color:#4863df!important;
  box-shadow:0 0 0 3px rgba(72,99,223,.17),0 10px 24px rgba(40,60,130,.17)!important;
  animation:stomadentSearchPulse 1.15s ease 2;
}
@keyframes boardNoticeIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes stomadentSearchPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@media(max-width:900px){
  .board-page .kanban-column{
    grid-template-columns:125px minmax(0,1fr)!important;
  }
  .board-page .kanban-column>header{
    padding:15px 10px!important;
  }
  .board-page .kanban-cards>.lead-card{
    flex-basis:250px!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
}
@media(max-width:640px){
  .board-page .board-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .board-page .board-search{
    width:100%!important;
  }
  .board-search-notice-v51{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    max-width:none;
    margin-top:7px;
  }
  .board-page .kanban-column{
    grid-template-columns:105px minmax(0,1fr)!important;
  }
}

/* v5.2 sticky search */
.board-page .board-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  overflow:visible!important;
  background:rgba(247,249,253,.97)!important;
  border:1px solid #e1e6ef!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(30,45,80,.08)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.board-page .board-search{
  position:relative!important;
  z-index:75!important;
  background:#fff!important;
}
.board-search-notice-v51{z-index:90!important}
.board-page .kanban-wrap,
.board-page .kanban-board,
.board-page .kanban-column,
.board-page .kanban-cards{overflow-anchor:none}