/* ci-ti #42 slice D1 — thread panel. Team colours: CS green, Applications
   blue, Consultor brown; every card also carries the role LABEL (colour is
   never the only signal). Hand-written static asset, registered in
   config/adminlte.php plugins with a ?v= cache-bust. */

.tp-panel .tp-open-actions,
.tp-panel .tp-pinned {
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.tp-action { border-left: 4px solid #6c757d; }
.tp-action.tp-role-cs { border-left-color: #28a745; }
.tp-action.tp-role-applications { border-left-color: #007bff; }
.tp-action.tp-role-consultor { border-left-color: #8b5a2b; }

.tp-role-label { background: #e9ecef; color: #343a40; }

.tp-pasted-email {
    border-left: 3px solid #ced4da;
    padding-left: .6rem;
    color: #495057;
    font-style: italic;
    white-space: pre-wrap;
}

.tp-line-actions .btn-xs {
    padding: 0 .35rem;
    font-size: .72rem;
    line-height: 1.4;
}

.tp-chips .tp-chip { margin-left: .15rem; }

.tp-collapsed-run { display: none; }

/* Composer helpers (e2e gap 02/09): autocomplete + preview chips */
.tp-composer-field { position: relative; }
.tp-autocomplete {
    position: absolute;
    left: 0;
    right: auto;
    min-width: 16rem;
    max-height: 12rem;
    overflow-y: auto;
    z-index: 1050;
    background: #fff;
}
.tp-autocomplete .list-group-item { padding: .25rem .6rem; font-size: .85rem; cursor: pointer; }
.tp-autocomplete .list-group-item.active { background: #007bff; color: #fff; }
.tp-preview .badge { margin-right: .25rem; font-weight: 500; }
.tp-preview .badge-role-applications { background: #cfe2ff; color: #084298; }
.tp-preview .badge-role-cs { background: #d1e7dd; color: #0f5132; }
.tp-preview .badge-role-consultor { background: #e7d8c9; color: #5c3a1a; }
.tp-preview .badge-name { background: #e2e3e5; color: #41464b; }
.tp-preview .badge-tag { background: #fff3cd; color: #664d03; }
.tp-preview .badge-unresolved { background: #f8d7da; color: #842029; }