/* V0.19.2: horizontal boards at every width, without widening the document. */
.commercial-pipeline-page .commercial-board-shell,
.ticket-board-shell { min-width: 0; max-width: 100%; }
.commercial-pipeline-page .commercial-board,
.ticket-board-shell .ticket-kanban {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(248px, 1fr);
    align-items: stretch;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    padding: 12px 12px 18px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 12px;
    scrollbar-width: auto;
    scrollbar-color: #7c95a6 #e5edf2;
}
.commercial-pipeline-page .commercial-board { grid-auto-columns: minmax(320px, 1fr); }
.commercial-pipeline-page .commercial-stage { display: flex; flex-direction: column; scroll-snap-align: start; min-width: 0; }
.commercial-pipeline-page .commercial-stage > header { grid-template-columns: 27px minmax(0,1fr) auto; border-radius: 13px 13px 0 0; }
.commercial-pipeline-page .commercial-stage > header h3 { font-size: 14px; line-height: 1.3; }
.commercial-pipeline-page .commercial-stage > header small { font-size: 12px; }
.commercial-pipeline-page .commercial-stage__cards { display: grid; align-content: start; flex: 1; max-height: none; overflow: visible; padding: 8px; }
.commercial-pipeline-page .commercial-stage__toggle { display: none; }
.commercial-pipeline-page .commercial-lead-card h4 { font-size: 15px; }
.commercial-pipeline-page .commercial-board-nav { display: flex; flex-shrink: 0; }
.commercial-pipeline-page .commercial-board-nav button,
.ticket-board-nav button { min-width: 44px; min-height: 44px; }
.commercial-board-nav button:disabled, .ticket-board-nav button:disabled { opacity: .4; cursor: default; }
.commercial-lead-aside, .commercial-lead-aside .lead-transfer-panel { position: static; top: auto; }

/* A single native profile link covers the card; independent actions stay above it. */
.collaborator-card { position: relative; }
.collaborator-card .collaborator-card__link { position: static; }
.collaborator-card__link::after { content: ''; position: absolute; inset: 0; border-radius: 18px; z-index: 1; }
.collaborator-card:has(.collaborator-card__link:hover),
.collaborator-card:has(.collaborator-card__link:focus-visible) { border-color: #a97549; box-shadow: 0 8px 24px #102d4314; }
.collaborator-card__link:focus-visible::after { outline: 3px solid #346480; outline-offset: 3px; }
.collaborator-card .collaborator-card__edit,
.collaborator-card .collaborator-whatsapp { position: relative; z-index: 2; }
.collaborator-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; border: 1px solid #b7d7ca; border-radius: 11px; background: #edf7f1; color: #176044; font-size: 14px; font-weight: 700; text-decoration: none; }
.collaborator-whatsapp:hover { background: #dceee4; color: #104c35; }
.collaborator-whatsapp:focus-visible { outline: 3px solid #346480; outline-offset: 3px; }

.ticket-board-shell { border: 1px solid #d2dce2; border-radius: 18px; background: #edf2f5; }
.ticket-board-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; }
.ticket-board-toolbar p { margin: 0; font-size: 14px; line-height: 1.5; }
.ticket-board-nav { display: flex; gap: 8px; flex-shrink: 0; }
.ticket-board-nav button { border: 1px solid #c9d5df; border-radius: 10px; background: white; color: #183c55; font-size: 18px; cursor: pointer; }
.ticket-board-feedback { padding-inline: 16px; color: #12614b; font-size: 14px; }
.ticket-board-feedback:has(span:empty) { display: none; }
.ticket-board-feedback.is-error { color: #a53624; }
.ticket-board-feedback a { margin-left: 12px; text-decoration: underline; }
.ticket-board-shell .ticket-kanban-column { display: flex; flex-direction: column; min-width: 0; min-height: 200px; scroll-snap-align: start; border-radius: 13px; }
.ticket-board-shell .ticket-kanban-column > header { padding: 13px 10px; font-size: 15px; }
.ticket-board-shell .ticket-kanban-stack { flex: 1; min-height: 160px; padding: 8px; }
.ticket-board-shell .ticket-board-card { display: block; position: relative; padding: 0; border: 1px solid #d3dde4; background: white; cursor: grab; }
.ticket-board-card__main { display: grid; gap: 12px; padding: 14px; color: inherit; text-decoration: none; border-radius: inherit; }
.ticket-board-card__main > strong { font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.ticket-board-card__main:focus-visible { outline: 3px solid #346480; outline-offset: -3px; }
.ticket-board-shell .ticket-board-card__footer { font-size: 12px; gap: 8px; flex-wrap: wrap; }
.ticket-board-card__controls { display: flex; align-items: end; gap: 8px; padding: 0 12px 12px; }
.ticket-drag-handle { min-width: 44px; height: 44px; border: 1px solid #d3dde4; border-radius: 9px; background: #f5f8fa; color: #254b64; font-size: 28px; cursor: grab; touch-action: none; }
.ticket-move-control { display: grid; flex: 1; min-width: 0; gap: 4px; }
.ticket-move-control > span { font-size: 12px; color: #536879; }
.ticket-move-control select { width: 100%; min-height: 44px; padding: 9px 36px 9px 12px; border: 1px solid #c9d5df; border-radius: 9px; background-color: #fff; color: #183c55; font-size: 14px; background-position: right 14px center; }
.ticket-board-card.is-dragging { opacity: .45; }
.ticket-board-card.is-saving { opacity: .65; }
.ticket-board-shell .ticket-kanban-column.is-drag-over { outline: 2px dashed #aa6d35; outline-offset: -2px; background: #f6eadf; }
.ticket-kanban-empty { font-size: 13px; text-align: center; padding: 28px 8px; color: #607381; }
.ticket-kanban-empty[hidden], .ticket-board-feedback [hidden] { display: none; }
.event-team-choice { display: grid; gap: 8px; align-content: start; }
.event-team-choice small { display: block; margin-top: 5px; font-size: 14px; line-height: 1.45; font-weight: 400; }
.event-team-choice > a { display: inline-flex; gap: 6px; align-items: center; justify-self: start; min-height: 44px; padding: 6px 12px; font-size: 14px; text-decoration: underline; }
@media (max-width: 759px) {
    .ticket-board-shell .ticket-kanban { grid-auto-columns: minmax(248px, 82%); }
    .commercial-pipeline-page .commercial-board { grid-auto-columns: minmax(320px, 86%); }
    .commercial-pipeline-page .commercial-stage__cards { max-height: none; }
    .ticket-board-toolbar { align-items: start; flex-wrap: wrap; }
    .ticket-move-control select { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .commercial-pipeline-page .commercial-board, .ticket-board-shell .ticket-kanban { scroll-behavior: auto; scroll-snap-type: none; }
}