/* Име на човек в таблица + hover карта с кратка информация (име, позиция, имейл).
   Тагът се изписва от PersonTag(), картата се сглобява от person-card.js. */

.person-tag { display: inline-flex; align-items: center; gap: 8px; cursor: default; }
.person-mut { color: #8a9099; }

/* Аватарът е само с инициали — в прототипа няма портретни снимки. */
.person-ava {
    width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 11px; color: #5b6273; background: #e6e8ee;
}

/* Картата стои на body-то (fixed), за да не я реже скролът на таблицата. */
.person-card {
    position: fixed; z-index: 9999; max-width: 340px;
    background: #fff; border: 1px solid #e6e8ee; box-shadow: 0 6px 24px rgba(20, 30, 50, .16);
    padding: 10px 12px; pointer-events: none;
}
.person-card-top { display: flex; align-items: center; gap: 12px; }
.person-card-ava {
    width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 15px; color: #5b6273; background: #e6e8ee;
}
.person-card-meta { min-width: 0; }
.person-card-name { font-size: 14px; font-weight: 600; color: #2b303b; line-height: 1.25; }
/* Позицията — най-много 2 реда, останалото се съкращава с многоточие. */
.person-card-pos {
    font-size: 14px; color: #2b303b; margin-top: 4px; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.person-card-email { font-size: 14px; color: #1c5aa0; margin-top: 4px; }
.person-card [hidden] { display: none; }