:root{--live-ok:#1f8a4c;--live-warn:var(--color-amber);--live-off:var(--color-muted);--live-error:var(--color-red);--live-ring:var(--color-navy)}:root[data-theme="dark"]{--live-ok:#4cc38a;--live-off:#a8b6d4;--live-error:#ff8a7a;--live-ring:#081a3c}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--live-ok:#4cc38a;--live-off:#a8b6d4;--live-error:#ff8a7a;--live-ring:#081a3c}}.live-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--live-off)}[data-state="connected"] .live-dot{background:var(--live-ok)}[data-state="connecting"] .live-dot,[data-state="reconnecting"] .live-dot{background:var(--live-warn);box-shadow:0 0 0 1px var(--live-ring);animation:traccar-pulse 1.5s ease-in-out infinite}[data-state="error"] .live-dot{background:var(--live-error)}.umap-browser .live-section{margin-top:var(--box-margin)}@keyframes traccar-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(0.95)}}dialog.live-signin{position:fixed;inset-block:0;inset-inline:var(--echo-chrome-w,0px) 0;z-index:var(--zindex-dialog);width:var(--echo-dialog-width);max-width:calc(100vw - var(--echo-chrome-w,0px) - var(--panel-gutter) * 2);height:fit-content;max-height:calc(100vh - var(--echo-header-h,0px) - var(--panel-gutter) * 4);margin:auto;margin-top:calc(var(--echo-header-h,0px) + var(--panel-gutter) * 2);padding:0;box-sizing:border-box;overflow-y:auto;border:1px solid var(--echo-hairline);border-radius:var(--border-radius-lg);background:var(--echo-panel-bg);color:var(--echo-text);box-shadow:var(--echo-shadow-float)}dialog.live-signin::backdrop{background:var(--echo-scrim)}.live-signin__form,.live-signin__steps{display:flex;flex-direction:column;gap:16px;margin:0;min-width:0}.live-signin__steps{gap:12px;align-items:flex-start}.live-signin__step{margin:0;font:600 13px/1.4 var(--font-sans);color:var(--echo-text)}.live-signin button.live-signin__sso{width:100%}.live-signin__password{position:relative;display:flex;min-width:0}.live-signin__password input.echo-input{padding-inline-end:44px}.live-signin__password button.live-signin__reveal{position:absolute;inset-block-start:0;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:var(--echo-control-height);min-height:0;margin:0;padding:0;border:0;border-radius:var(--border-radius);background:transparent;box-shadow:none;color:var(--echo-text-muted);cursor:pointer}.live-signin__password button.live-signin__reveal:hover,.live-signin__password button.live-signin__reveal[aria-pressed="true"]{background:transparent;color:var(--echo-text-strong)}.live-signin__password button.live-signin__reveal:focus-visible{outline:2px solid var(--echo-focus);outline-offset:-2px}.live-signin__reveal .echo-icon{width:18px;height:18px}.live-signin__error{margin:0;padding:10px 12px;border-inline-start:4px solid var(--echo-danger);border-radius:var(--border-radius);background:var(--echo-danger-bg);color:var(--echo-danger);font:500 13px/1.4 var(--font-sans)}.live-signin__checking{display:flex;align-items:center;gap:10px;margin:0;min-height:var(--echo-field-height);color:var(--echo-text-muted);font:400 13px/1.4 var(--font-sans)}.live-status__state{display:flex;align-items:center;gap:12px;min-height:var(--echo-row-height);padding:8px 8px 8px 14px;box-sizing:border-box;border:1px solid var(--echo-hairline);border-radius:var(--border-radius);background:var(--echo-chip-bg)}.live-status__state .live-dot{width:10px;height:10px}.live-status__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.live-status__title{font:600 14px/1.3 var(--font-sans);color:var(--echo-text)}.live-status__state[data-state="error"] .live-status__title{color:var(--echo-danger)}.live-status__sub{font:400 12px/1.4 var(--font-sans);color:var(--echo-text-muted);overflow-wrap:anywhere}.live-status__state button.live-status__reconnect{flex:none;min-height:36px;padding:0 12px}.live-units{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--echo-hairline);border-radius:var(--border-radius)}.live-unit{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;box-sizing:border-box}.live-unit + .live-unit{border-top:1px solid var(--echo-hairline)}.live-unit__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--live-off)}.live-unit[data-status="online"] .live-unit__dot{background:var(--live-ok)}.live-unit[data-status="unknown"] .live-unit__dot{background:var(--live-warn);box-shadow:0 0 0 1px var(--live-ring)}.live-unit__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.live-unit__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.3 var(--font-sans);color:var(--echo-text)}.live-unit__category,.live-unit__when{font:400 12px/1.3 var(--font-sans);color:var(--echo-text-muted)}.live-unit__when{flex:none;font-variant-numeric:tabular-nums}.live-status__value{font:400 13px/1.4 var(--font-sans);color:var(--echo-text);overflow-wrap:anywhere}.live-status button.live-status__disconnect{align-self:flex-start}.traccar-popup{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;min-width:220px}.traccar-popup-header{font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--echo-hairline);color:var(--echo-text)}.traccar-icon{display:inline-flex;margin-right:8px;color:var(--color-navy)}.traccar-icon .echo-icon{width:20px;height:20px}.traccar-popup-body{font-size:13px;line-height:1.6}.traccar-popup-body div{margin-bottom:6px}.traccar-popup-body div:last-child{margin-bottom:0}.traccar-popup-body strong{font-weight:600;color:var(--echo-text-muted);display:inline-block;min-width:60px}.status-online{color:var(--echo-success);font-weight:600}.status-offline{color:var(--echo-text-muted);font-weight:600}.status-unknown{color:var(--echo-warning);font-weight:600}