#view-monitoring{--monitor-blue:var(--primary,#1769d2);--monitor-ink:var(--text,#122b49);font-family:inherit}.monitor-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.monitor-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--monitor-blue)}.monitor-hero h2{font-size:28px;letter-spacing:-.8px;color:var(--monitor-ink);margin:7px 0}.monitor-hero p,.monitor-note{font-size:12px;color:#687990;line-height:1.7}.monitor-sync{display:flex;align-items:center;gap:12px;font-size:11px;color:#687990}.monitor-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.monitor-metric{padding:17px 20px;background:#fff;border:1px solid #e0e7ef;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 12px #14325704}.monitor-metric span{font-size:12px;color:#67758b}.monitor-metric strong{font-size:26px}.monitor-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #dce5ef;border-radius:17px;overflow:hidden;background:#fff;min-height:560px;box-shadow:0 6px 24px #122a4806}.monitor-sidebar{border-right:1px solid #dce5ef;min-width:0}.monitor-list-head{padding:19px 16px;border-bottom:1px solid #e8edf3}.monitor-list-head h3{margin:0 0 15px;font-size:15px;display:flex;justify-content:space-between}.monitor-list-head h3 span{background:#edf3fc;color:#2364b3;border-radius:7px;padding:2px 8px;font-size:11px}.monitor-list-head input,.monitor-list-head select{width:100%;min-width:0;padding:10px 11px;border:1px solid #dbe3ee;border-radius:9px;font:inherit;font-size:11px;background:#fafcfe}.monitor-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.monitor-list{overflow:auto;max-height:430px}.monitor-row{display:flex;align-items:center;gap:11px;width:100%;padding:18px 14px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;cursor:pointer}.monitor-row:hover,.monitor-row.selected{background:#f0f6ff}.monitor-row:focus-visible{outline:2px solid var(--monitor-blue);outline-offset:-3px}.monitor-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#eaf1fc;color:#336cae;flex-shrink:0}.monitor-row-copy{flex:1;min-width:0}.monitor-row strong,.monitor-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-row strong{font-size:12px;color:#213951}.monitor-row small{font-size:10px;color:#7c8ba0;margin:4px 0 7px}.monitor-row time{font-size:9px;color:#8291a4;align-self:flex-start;margin-top:4px}.monitor-state{display:inline-flex;font-size:9px;font-weight:700;gap:4px;border-radius:20px}.monitor-state:before{content:'●';font-size:8px}.live{color:#13845f}.stale,.attention{color:#b6760c}.closed,.not_started{color:#8793a2}.monitor-map-wrap{position:relative;min-height:560px;background:#e9f0f5}#monitor-map{position:absolute;inset:0;z-index:0}.monitor-fit{position:absolute;top:16px;right:16px;z-index:400;background:#fff!important;box-shadow:0 2px 10px #18365122}.monitor-legend{position:absolute;left:16px;bottom:26px;z-index:400;display:flex;gap:15px;padding:10px 13px;border-radius:9px;background:#fffffff2;font-size:9px;box-shadow:0 2px 12px #17365016}.monitor-map-empty{position:absolute;left:18%;right:18%;top:42%;background:#fffffff2;padding:20px;text-align:center;border-radius:12px;z-index:400;font-size:12px;line-height:1.7;pointer-events:none}.monitor-map-empty[hidden]{display:none}.monitor-map-marker{display:grid!important;place-items:center;background:#158362;color:white!important;border:3px solid #fff;border-radius:50% 50% 50% 9%;box-shadow:0 3px 10px #19344e40}.monitor-map-marker.stale,.monitor-map-marker.attention{background:#c38a21}.monitor-map-marker.closed,.monitor-map-marker.not_started{background:#8491a0}.monitor-detail{margin-top:14px;border:1px solid #dce5ef;border-radius:14px;padding:20px;background:#fff}.monitor-person{display:flex;align-items:center;gap:10px;margin-bottom:12px}.monitor-person h3{margin:0;font-size:16px}.monitor-person p{margin:4px 0;font-size:11px;color:#7b8796}.monitor-details{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:16px 0 5px}.monitor-details dt{font-size:10px;color:#7b8796;margin-bottom:5px}.monitor-details dd{font-size:13px;font-weight:700;margin:0}.monitor-coordinates{font-size:10px;color:#8793a2}.monitor-popup .monitor-details{grid-template-columns:1fr 1fr;gap:12px}.monitor-popup{min-width:235px}.monitor-error{background:#fff6e4;border:1px solid #f0d59c;color:#825c1c;padding:14px;border-radius:10px;font-size:12px}.monitor-empty{padding:30px 16px;color:#7c8ba0;font-size:12px;text-align:center}.monitor-note{margin:12px 0}@media(max-width:1000px){.monitor-workspace{grid-template-columns:270px minmax(0,1fr)}.monitor-hero h2{font-size:23px}.monitor-details{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.monitor-hero{align-items:flex-start;flex-direction:column}.monitor-metrics{grid-template-columns:1fr 1fr}.monitor-metric{padding:12px}.monitor-metric span{font-size:10px}.monitor-workspace{display:flex;flex-direction:column-reverse}.monitor-map-wrap{min-height:390px}.monitor-list{max-height:320px}.monitor-sidebar{border-right:0}.monitor-legend{gap:8px;font-size:8px}.monitor-map-empty{left:10%;right:10%}.monitor-details{grid-template-columns:repeat(2,1fr)}}

.monitor-day-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:14px 18px;background:var(--card,#fff);border:1px solid var(--line,#e2e8f0);border-radius:14px}.monitor-day-bar label{font-weight:700}.monitor-day-bar input{font:inherit;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;background:var(--card,#fff);color:inherit}.monitor-day-bar .btn{min-height:38px}#monitor-trail-summary{margin-left:auto;color:#64748b;font-size:13px}@media(max-width:650px){.monitor-day-bar{gap:7px;padding:12px}.monitor-day-bar label{width:100%}#monitor-trail-summary{margin:4px 0 0;width:100%}}

/* Stable selection and trip summary, shared by list and map interactions. */
#view-monitoring [hidden]{display:none!important}
.monitor-map-marker.selected{border-color:#93c5fd;box-shadow:0 0 0 5px #2563eb30,0 4px 12px #18365155}
.monitor-row.selected{box-shadow:inset 3px 0 var(--monitor-blue)}
.monitor-reset{margin-top:12px;border:0;background:transparent;color:var(--monitor-blue);font:inherit;font-size:12px;cursor:pointer;padding:6px 0}
.monitor-detail-head{position:relative;padding-right:35px}
.monitor-detail-head>[data-monitor-close]{position:absolute;right:0;top:0;font-size:20px;min-width:34px}
.monitor-journey{display:flex;gap:28px;align-items:center;border-top:1px solid #e5edf5;padding-top:18px;margin-top:18px;flex-wrap:wrap}
.monitor-journey>div{display:flex;flex-direction:column;gap:6px}
.monitor-journey span{color:#687990;font-size:11px}
.monitor-journey strong{font-size:17px;color:var(--monitor-ink)}
.monitor-journey .btn{margin-left:auto}
.monitor-popup strong{display:block;color:var(--monitor-ink);font-size:14px}
.monitor-popup p{margin:8px 0!important;color:#687990;font-size:12px}
.monitor-map-wrap .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 5px 24px #102b4926}
.monitor-map-wrap .leaflet-popup-close-button{font-size:22px!important;min-width:28px;min-height:28px}
.monitor-list-head input:focus,.monitor-list-head select:focus{outline:2px solid var(--monitor-blue);outline-offset:2px}
@media(max-width:720px){.monitor-map-wrap{min-height:430px}.monitor-detail{padding:16px}.monitor-journey{gap:18px}.monitor-journey .btn{width:100%;margin:0}.monitor-details{gap:13px}.monitor-fit{top:10px;right:10px}.monitor-legend{max-width:calc(100% - 70px);flex-wrap:wrap}}