.ita-live { font-size: 14px; line-height: 1.4; margin: 1.5em 0; }
.ita-live__bar { display: flex; align-items: center; gap: .5em; flex-wrap: wrap; margin-bottom: .5em; }
.ita-live__dot { width: 10px; height: 10px; border-radius: 50%; background: #1f78c8; box-shadow: 0 0 0 0 rgba(31,120,200,.6); animation: itaPulse 2s infinite; }
.ita-live.is-stale .ita-live__dot { background: #c98a00; animation: none; }
.ita-live.is-error .ita-live__dot { background: #b3261e; animation: none; }
.ita-live__count { font-size: 1.25em; }
.ita-live__time { margin-left: auto; color: #666; font-size: .9em; }
@keyframes itaPulse { 0% { box-shadow: 0 0 0 0 rgba(31,120,200,.6); } 70% { box-shadow: 0 0 0 8px rgba(31,120,200,0); } 100% { box-shadow: 0 0 0 0 rgba(31,120,200,0); } }

.ita-live__map { width: 100%; border-radius: 6px; overflow: hidden; background: #dfe7ee; z-index: 0; }

.ita-plane { background: none; border: 0; }
.ita-plane svg { display: block; transform-origin: 50% 50%;  }
.ita-plane.is-ground svg { opacity: .9; }

.ita-pop { font-size: 13px; min-width: 190px; }
.ita-pop__fn { font-size: 1.25em; font-weight: 700; }
.ita-pop__cs { color: #666; margin-left: .35em; }
.ita-pop table { border-collapse: collapse; margin-top: .4em; width: 100%; }
.ita-pop td { padding: 1px 0; border: 0; }
.ita-pop td:first-child { color: #666; padding-right: .8em; }

.ita-live__list { margin-top: .6em; }
.ita-live__list summary { cursor: pointer; font-weight: 600; }
.ita-live__table-wrap { max-height: 360px; overflow: auto; margin-top: .4em; }
.ita-live__list table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ita-live__list th, .ita-live__list td { padding: 4px 8px; border-bottom: 1px solid #e5e5e5; text-align: left; white-space: nowrap; }
.ita-live__list th { position: sticky; top: 0; background: #f6f6f6; }
.ita-live__list tbody tr { cursor: pointer; }
.ita-live__list tbody tr:hover { background: #eaf2fb; }
.ita-live__credits { color: #777; font-size: 12px; margin-top: .5em; }

.ita-pop__route { margin-top: .45em; padding: .35em .5em; background: #eaf2fb; border-radius: 4px; font-weight: 600; }
.ita-pop__route.is-doubt { background: #fff4e0; }
.ita-pop__route.is-none { background: #f3f3f3; color: #777; font-weight: 400; }
.ita-pop__arrow { margin: 0 .4em; color: #0a4da2; }
.ita-ap-city { font-weight: 400; color: #555; }
.ita-pop__warn { font-weight: 400; font-size: 11px; color: #9a6200; margin-top: 2px; }

.ita-live__hint { color: #666; }
.ita-live__map .maplibregl-canvas { outline: none; }

.ita-plane.is-est svg { opacity: .5; }
.ita-pop__est { margin-top: .35em; font-size: 11px; color: #7a5a00; background: #fff6dc; padding: 2px 6px; border-radius: 3px; }
.ita-badge { display: inline-block; font-size: 10px; font-weight: 600; line-height: 1; padding: 2px 5px; margin-left: 4px; border-radius: 3px; background: #fff1c9; color: #7a5a00; vertical-align: middle; }
.ita-live__est { color: #555; }