/* Módulo TI — Kanban (scripts/modules/ti.js). Só tokens do sistema; sem cor de destaque por coluna. */

#page-ti .ti-board{display:flex;gap:10px;padding:12px 18px 14px;overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;align-items:stretch}
.ti-col{flex:1 1 0;min-width:236px;max-width:340px;display:flex;flex-direction:column;min-height:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md,8px)}
.ti-col.drag-over{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.ti-col-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 7px;flex-shrink:0}
.ti-col-t{font-size:11px;font-weight:700;color:var(--text);letter-spacing:.2px}
.ti-col-n{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--muted)}
.ti-col-late{font-size:10px;font-weight:700;color:#D6433C}
.ti-col-body{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 8px;display:flex;flex-direction:column;gap:6px}
.ti-col-vazio{font-size:11px;color:var(--muted);text-align:center;padding:14px 0}

.ti-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm,6px);padding:8px 9px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .12s}
.ti-card:hover{border-color:var(--navy)}
.ti-card.dragging{opacity:.45}
.ti-card-t{font-size:12px;font-weight:500;color:var(--text);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.ti-chip{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5;padding:0 7px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}
.ti-card-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);min-height:14px}
.ti-prio{font-weight:600}
.ti-prio-alta{color:#D6433C}
.ti-prio-media{color:#B8790A}
.ti-prio-baixa{color:var(--muted)}
.ti-prazo{color:var(--muted)}
.ti-prazo.late{color:#D6433C;font-weight:700}
.ti-card-ft{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ti-avs{display:flex;align-items:center;gap:2px;min-width:0}
.ti-av-mais{font-size:10px;color:var(--muted);margin-left:2px}
.ti-cnts{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}
.ti-cnt{display:inline-flex;align-items:center;gap:3px}

/* pré-visualização da 1ª imagem anexada */
.ti-card-img{position:relative;margin:-8px -9px 0;height:92px;overflow:hidden;border-radius:var(--r-sm,6px) var(--r-sm,6px) 0 0;background:var(--surface2);border-bottom:1px solid var(--border)}
.ti-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.ti-card-img-n{position:absolute;right:6px;bottom:5px;font-size:10px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);border-radius:10px;padding:0 6px}

/* ── Drawer em modo TI: tarefa de TI só se liga a Melhoria; área travada ── */
#task-drw.ti-mode .drw-vinc-obra,#task-drw.ti-mode .drw-vinc-proj{display:none}
#task-drw.ti-mode #nt-area-wrap{pointer-events:none;opacity:.6}

.ti-zona{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px dashed var(--border);border-radius:var(--r-sm,6px);background:var(--surface2)}
.ti-zona.drag{border-color:var(--navy);background:var(--surface)}
.ti-zona-dica{font-size:10px;color:var(--muted)}
.ti-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}
.ti-img{margin:0;border:1px solid var(--border);border-radius:var(--r-sm,6px);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.ti-img img{width:100%;height:110px;object-fit:cover;cursor:zoom-in;display:block;background:var(--surface2)}
.ti-img-falta{height:110px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);background:var(--surface2)}
.ti-img figcaption{padding:6px 7px;display:flex;flex-direction:column;gap:3px}
.ti-img-leg{width:100%;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text);font:inherit;font-size:11px;padding:1px 0;outline:none}
.ti-img-leg:hover,.ti-img-leg:focus{border-bottom-color:var(--border)}
.ti-img-meta{font-size:9px;color:var(--muted)}
.ti-del{align-self:flex-start;border:0;background:none;color:var(--red,#D6433C);font-size:10px;font-weight:600;cursor:pointer;padding:0}
.ti-del:hover{text-decoration:underline}
.ti-vazio{font-size:11px;color:var(--muted);padding:8px 0}
.ti-link-form{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ti-link-form input:first-child{flex:1 1 180px}
.ti-link-form input:nth-child(2){flex:1 1 180px}
.ti-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}
.ti-link a{display:flex;flex-direction:column;min-width:0;text-decoration:none}
.ti-link-t{font-size:12px;font-weight:500;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ti-link a:hover .ti-link-t{text-decoration:underline}
.ti-link-h{font-size:10px;color:var(--muted)}

.ti-lightbox{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.78);display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;cursor:zoom-out}
.ti-lightbox.open{display:flex}
.ti-lightbox img{max-width:100%;max-height:calc(100vh - 90px);border-radius:6px;background:#fff}
.ti-lightbox-leg{color:#fff;font-size:12px}

/* Telas estreitas: colunas ocupam quase toda a largura e o quadro rola na horizontal, uma coluna por vez */
@media (max-width:760px){
 #page-ti .ti-board{padding:10px 12px;scroll-snap-type:x mandatory}
 .ti-col{flex:0 0 86vw;max-width:none;scroll-snap-align:start}
}