/* Lance · telas do núcleo (Pipeline, ficha) */
.pp-filtros { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.pp-quadro { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(232px, 1fr); gap: 10px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; min-height: 420px; }
.pp-col { background: var(--superficie-2); border: 1px solid var(--borda-suave); border-radius: var(--raio); display: flex; flex-direction: column; min-width: 0; position: relative; scroll-snap-align: start; transition: background .15s, border-color .15s, box-shadow .15s; }
.pp-col.minha { background: color-mix(in srgb, var(--acento) 4%, var(--superficie-2)); border-color: color-mix(in srgb, var(--acento) 18%, var(--borda-suave)); }
.pp-col-cab { display: flex; align-items: center; gap: 7px; padding: 10px 12px 4px; font-size: .78rem; }
.pp-col-cab i { width: 8px; height: 8px; border-radius: 2px; flex: none; }
.pp-col-cab b { color: var(--titulo); font-weight: 650; white-space: nowrap; }
.pp-col-cab small { margin-left: auto; color: var(--texto-2); font-size: .68rem; font-weight: 600; }
.pp-marco { font-size: .64rem; color: var(--texto-2); padding: 0 12px 8px; display: flex; gap: 5px; align-items: center; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.pp-lista { display: flex; flex-direction: column; gap: 8px; padding: 0 8px 10px; flex: 1; min-height: 60px; }
.pp-vazio { font-size: .72rem; color: var(--texto-suave); text-align: center; padding: 18px 0; display: flex; gap: 6px; justify-content: center; align-items: center; border: 1px dashed var(--borda); border-radius: 10px; }
.pp-card { background: var(--superficie); border: 1px solid var(--borda); border-radius: 11px; padding: 9px 10px 8px; box-shadow: var(--sombra-xs); cursor: grab; user-select: none; touch-action: pan-y; transition: box-shadow .15s, transform .15s, border-color .15s; display: flex; flex-direction: column; gap: 5px; }
.pp-card:hover { border-color: var(--borda-forte); box-shadow: var(--sombra-card); }
.pp-card:focus-visible { outline: 2px solid var(--acento); outline-offset: 1px; }
.pp-card.pp-origem { opacity: .35; }
.pp-fantasma { position: fixed; left: 0; top: 0; z-index: 3000; pointer-events: none; box-shadow: var(--sombra-pop); border-color: var(--acento); cursor: grabbing; }
.pp-l1 { display: flex; align-items: center; gap: 6px; } .pp-l1 b { font-size: .8rem; color: var(--titulo); font-weight: 650; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pp-l2 { font-size: .7rem; color: var(--texto-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -3px; }
.pp-l3 { display: flex; align-items: center; gap: 6px; } .pp-valor { margin-left: auto; font-size: .74rem; color: var(--titulo); }
.pp-gate { display: flex; align-items: center; gap: 6px; font-size: .64rem; color: var(--texto-2); font-weight: 600; } .pp-gate .barra { flex: 1; }
.pp-l4 { display: flex; align-items: center; gap: 6px; font-size: .66rem; color: var(--texto-2); }
.pp-l4 .tag { font-size: 10px; padding: 0 6px; }
.pp-dias { display: inline-flex; gap: 3px; align-items: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.pp-dias.atn { color: var(--atencao-texto); } .pp-dias.neg { color: var(--negativo-texto); }
.pp-status { margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46%; }
.pp-solta { display: none; position: absolute; inset: 40px 8px 8px; border-radius: 12px; border: 2px dashed; align-items: flex-start; justify-content: center; padding-top: 30px; font-size: .78rem; font-weight: 650; gap: 6px; pointer-events: none; text-align: center; }
.arrastando .pp-col.aceita .pp-solta, .arrastando .pp-col.recusa .pp-solta { display: flex; }
.arrastando .pp-col.aceita { background: color-mix(in srgb, var(--positivo) 8%, var(--superficie-2)); border-color: color-mix(in srgb, var(--positivo) 45%, transparent); }
.arrastando .pp-col.aceita .pp-solta { border-color: color-mix(in srgb, var(--positivo) 60%, transparent); color: var(--positivo-texto); background: color-mix(in srgb, var(--positivo-suave) 80%, transparent); }
.arrastando .pp-col.recusa { background: color-mix(in srgb, var(--negativo) 5%, var(--superficie-2)); }
.arrastando .pp-col.recusa .pp-solta { border-color: color-mix(in srgb, var(--negativo) 45%, transparent); color: var(--negativo-texto); background: color-mix(in srgb, var(--negativo-suave) 85%, transparent); }
.arrastando .pp-col.sobre { box-shadow: 0 0 0 3px var(--primaria-suave); }
.arrastando, .arrastando * { cursor: grabbing !important; }
.pp-saidas { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
.pp-saida { display: none; align-items: center; gap: 6px; border: 2px dashed color-mix(in srgb, var(--negativo) 45%, transparent); color: var(--negativo-texto); border-radius: 999px; padding: 5px 14px; font-size: .74rem; font-weight: 650; }
.pp-saidas.ativa .pp-saida { display: inline-flex; } .pp-saida.sobre { background: var(--negativo-suave); }
@media (max-width: 767.98px) {
  .pp-quadro { grid-auto-columns: 84%; scroll-snap-type: x mandatory; min-height: 0; }
  .pp-col { scroll-snap-align: center; }
}