.tel-app { display: grid; grid-template-columns: 220px 1fr; gap: 1.25rem; align-items: start; }
.tel-nav { display: flex; flex-direction: column; gap: 0.35rem; position: sticky; top: 1rem; }
.tel-nav a { color: #fff; text-decoration: none; padding: 0.65rem 0.8rem; border-radius: 10px; background: #111827; border: 1px solid transparent; }
.tel-nav a.is-on { border-color: #00d4ff; color: #33ddff; }
.tel-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.8rem; margin-bottom: 1rem; }
.tel-stat { background: #111827; border-radius: 14px; padding: 1rem; }
.tel-stat span { display: block; color: #33ddff; font-size: 0.8rem; }
.tel-stat strong { font-size: 1.6rem; }
.tel-bars { display: flex; align-items: flex-end; gap: 0.4rem; min-height: 120px; }
.tel-bars div { flex: 1; background: linear-gradient(180deg, #00ff88, #00d4ff); border-radius: 8px 8px 0 0; min-height: 4px; }
.tel-bars div span { display: none; }
.tel-empty { padding: 1.5rem; color: #c9d4e5; }
.tel-filters { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1rem; }
.tel-filters input, .tel-filters select { background: #050815; color: #fff; border: 1px solid #1f2937; border-radius: 8px; padding: 0.55rem 0.7rem; }
.tel-pill { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 999px; background: rgba(0, 212, 255, 0.15); color: #33ddff; font-size: 0.8rem; }
.tel-card-pad { padding: 1.25rem; }
.tel-person { display: flex; gap: 1rem; align-items: center; }
.tel-avatar { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #00ff88, #00d4ff); color: #050815; font-weight: 700; }
.tel-live { display: grid; gap: 0.8rem; }
.tel-live article { background: #111827; border-left: 3px solid #00d4ff; border-radius: 12px; padding: 1rem; }
.tel-pop { position: fixed; right: 1rem; bottom: 1rem; z-index: 80; width: min(360px, calc(100vw - 2rem)); background: #111827; color: #fff; border: 1px solid #00d4ff; border-radius: 16px; padding: 1rem 1rem 1rem 1.1rem; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); }
.tel-pop strong { display: block; font-size: 1.15rem; margin: 0.2rem 0; }
.tel-pop a { color: #00d4ff; }
.tel-kicker { margin: 0; color: #00ff88; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.tel-pop-min { position: absolute; top: 0.4rem; right: 0.5rem; background: transparent; color: #fff; border: 0; font-size: 1.3rem; cursor: pointer; }
.tel-pop.is-min { width: auto; }
.tel-pop.is-min strong, .tel-pop.is-min a, .tel-pop.is-min p:not(.tel-kicker) { display: none; }
@media (max-width: 860px) {
    .tel-app { grid-template-columns: 1fr; }
    .tel-nav { flex-direction: row; overflow-x: auto; position: static; }
    .tel-nav a { white-space: nowrap; }
}