:root{--mon-bg:#061019;--mon-card:#0c1923;--mon-line:#1b3241;--mon-text:#eff8fc;--mon-muted:#91a7b5;--mon-cyan:#67e8c2;--mon-red:#ff646e;--mon-blue:#75b8ff;--mon-amber:#ffc76b}
body.o112-monitor-page{margin:0!important;background:var(--mon-bg)!important;color:var(--mon-text)!important;overflow-x:hidden}
body.o112-monitor-page #wpadminbar{display:none!important}html{margin-top:0!important}
.o112-monitor{min-height:100vh;background:radial-gradient(circle at 50% -20%,#143343 0,#08151e 34%,#050d14 70%);color:var(--mon-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:22px clamp(16px,3vw,48px) 28px;box-sizing:border-box}
.o112-monitor *{box-sizing:border-box}.o112-monitor-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--mon-line)}
.o112-monitor-brand{display:flex;align-items:center;gap:12px}.o112-monitor-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #315064;border-radius:10px;background:#0c1d28;color:#fff;font-weight:950;font-size:19px;letter-spacing:-.04em}.o112-monitor-brand strong{display:block;font-size:17px;letter-spacing:.12em}.o112-monitor-brand small{display:block;margin-top:3px;color:var(--mon-muted);font-size:11px;letter-spacing:.04em}
.o112-monitor-live{font-size:11px;color:#b8cad4;letter-spacing:.08em}.o112-monitor-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43e699;box-shadow:0 0 12px #43e699;margin-right:6px}.has-sync-error .o112-monitor-live i{background:var(--mon-red);box-shadow:none}
.o112-monitor-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:30px 0 22px}.o112-monitor-clock strong{display:block;font-variant-numeric:tabular-nums;font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.06em}.o112-monitor-clock span{display:block;margin-top:13px;color:#a9bdc8;text-transform:capitalize;font-size:clamp(14px,1.5vw,20px)}.o112-monitor-today{border-left:1px solid var(--mon-line);padding-left:28px;display:flex;flex-direction:column;justify-content:center}.o112-monitor-today span,.o112-monitor-kicker{font-size:10px;letter-spacing:.16em;color:var(--mon-cyan);font-weight:900}.o112-monitor-today strong{font-size:58px;line-height:1;margin:8px 0 3px}.o112-monitor-today small{color:var(--mon-muted)}
.o112-monitor-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.o112-monitor-source{background:rgba(12,25,35,.82);border:1px solid var(--mon-line);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden}.o112-monitor-source:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#526a78}.o112-monitor-source.is-odin:before{background:var(--mon-red)}.o112-monitor-source.is-police:before{background:var(--mon-blue)}.o112-monitor-source.is-vd:before{background:var(--mon-amber)}.o112-monitor-source.is-air:before{background:var(--mon-cyan)}.o112-monitor-source span{display:block;color:#b9ccd6;font-size:10px;font-weight:900;letter-spacing:.08em}.o112-monitor-source strong{display:block;font-size:27px;margin:5px 0 1px}.o112-monitor-source small{color:#718a98;font-size:10px}
.o112-monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:18px}.o112-monitor-card{background:rgba(9,20,29,.92);border:1px solid var(--mon-line);border-radius:12px;overflow:hidden}.o112-monitor-cardhead{display:flex;align-items:end;justify-content:space-between;padding:17px 18px 14px;border-bottom:1px solid var(--mon-line)}.o112-monitor-card h1,.o112-monitor-card h2{margin:3px 0 0;color:#fff;font-size:19px}.o112-monitor-streamcount{margin-left:8px;color:#718a98;font-size:10px;font-weight:700;white-space:nowrap}.o112-monitor-streamcount b{color:#b9ccd6;font-variant-numeric:tabular-nums}.o112-monitor-pulse{color:#61e6a7;font-size:10px;font-weight:900;letter-spacing:.1em}
.o112-monitor-stream{height:56vh;min-height:420px;max-height:680px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.o112-monitor-event{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;padding:13px 18px;border-bottom:1px solid rgba(27,50,65,.72);position:relative}.o112-monitor-event:last-child{border-bottom:0}.o112-monitor-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#506774}.o112-monitor-event.is-odin:before{background:var(--mon-red)}.o112-monitor-event.is-police:before{background:var(--mon-blue)}.o112-monitor-event.is-vd:before{background:var(--mon-amber)}.o112-monitor-event time{color:#d9e7ee;font-weight:800;font-variant-numeric:tabular-nums}.o112-monitor-eventmeta span{font-size:8px;letter-spacing:.12em;color:#708c9b;text-transform:uppercase;font-weight:900}.o112-monitor-event strong{display:block;color:#f5fbfe;margin-top:2px;font-size:13px;line-height:1.35}.o112-monitor-event p{margin:3px 0 0;color:#91a7b5;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o112-monitor-side{display:grid;gap:18px;align-content:start}.o112-monitor-airlist{padding:4px 0}.o112-monitor-air{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:13px 16px;border-bottom:1px solid var(--mon-line)}.o112-monitor-air:last-child{border-bottom:0}.o112-monitor-airicon{width:38px;height:38px;border-radius:9px;background:#102a34;display:grid;place-items:center}.o112-monitor-air strong{display:block;color:#fff;font-size:12px}.o112-monitor-air span{display:block;color:var(--mon-cyan);font-size:10px;margin-top:2px}.o112-monitor-air small{display:block;color:#728b99;font-size:9px;margin-top:2px}.o112-monitor-empty{padding:28px 20px;text-align:center}.o112-monitor-empty>span{display:block;font-size:28px}.o112-monitor-empty strong{display:block;margin-top:7px}.o112-monitor-empty small{display:block;color:var(--mon-muted);margin-top:5px;line-height:1.4}.o112-monitor-info{padding:17px 18px}.o112-monitor-info h2{margin:4px 0 8px}.o112-monitor-info p{color:#91a7b5;font-size:11px;line-height:1.6;margin:0 0 12px}.o112-monitor-info a{color:var(--mon-cyan);text-decoration:none;font-size:11px;font-weight:800}
.o112-monitor-footer{display:flex;justify-content:space-between;gap:16px;padding-top:16px;margin-top:18px;border-top:1px solid var(--mon-line);color:#627c8b;font-size:9px;letter-spacing:.1em}.o112-monitor-footer b{color:#adc1cc}
@media(max-width:900px){.o112-monitor-hero{grid-template-columns:1fr 160px}.o112-monitor-sources{grid-template-columns:repeat(2,1fr)}.o112-monitor-grid{grid-template-columns:1fr}.o112-monitor-stream{height:58vh;min-height:360px;max-height:620px}.o112-monitor-side{grid-template-columns:1fr 1fr}.o112-monitor-clock strong{font-size:72px}}
@media(max-width:600px){.o112-monitor{padding:14px 12px 20px}.o112-monitor-top{align-items:flex-start}.o112-monitor-brand small{display:none}.o112-monitor-live{font-size:9px}.o112-monitor-hero{grid-template-columns:1fr;padding:24px 0 18px}.o112-monitor-clock strong{font-size:62px}.o112-monitor-today{border-left:0;border-top:1px solid var(--mon-line);padding:16px 0 0;flex-direction:row;align-items:baseline;gap:10px;justify-content:flex-start}.o112-monitor-today strong{font-size:34px}.o112-monitor-sources{grid-template-columns:1fr 1fr}.o112-monitor-source{padding:11px 12px}.o112-monitor-source strong{font-size:22px}.o112-monitor-side{grid-template-columns:1fr}.o112-monitor-event{grid-template-columns:48px 1fr;padding:11px 12px;gap:8px}.o112-monitor-event p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.o112-monitor-footer{flex-direction:column}}

/* v58: direct navigation back to the map */
.o112-monitor-topactions{display:flex;align-items:center;gap:16px}.o112-monitor-maplink{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--mon-line);border-radius:9px;background:#0c1923;color:#dceaf1;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.05em}.o112-monitor-maplink:hover{border-color:#3c6175;color:#fff;background:#102431}
@media(max-width:600px){.o112-monitor-topactions{gap:8px;align-items:flex-end;flex-direction:column}.o112-monitor-maplink{padding:7px 8px}.o112-monitor-maplink span{display:none}}

/* v59: monitor rows link directly to the corresponding map position */
.o112-monitor-event[data-map-url],.o112-monitor-air[data-map-url]{cursor:pointer;transition:transform .15s ease,background .15s ease}
.o112-monitor-event[data-map-url]:hover,.o112-monitor-air[data-map-url]:hover{transform:translateY(-1px)}
.o112-monitor-event[data-map-url]:focus-visible,.o112-monitor-air[data-map-url]:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* v60: full current event stream with internal scrolling */
.o112-monitor-stream{scrollbar-width:thin;scrollbar-color:#315064 #08151e}
.o112-monitor-stream::-webkit-scrollbar{width:9px}.o112-monitor-stream::-webkit-scrollbar-track{background:#08151e}.o112-monitor-stream::-webkit-scrollbar-thumb{background:#315064;border-radius:10px;border:2px solid #08151e}.o112-monitor-stream::-webkit-scrollbar-thumb:hover{background:#426b80}
@media(max-width:600px){.o112-monitor-stream{height:62vh;min-height:340px;max-height:640px}.o112-monitor-streamcount{display:block;margin:4px 0 0}}


/* v61: full ODIN dispatch information in monitor stream */
.o112-monitor-event.is-odin{align-items:start}
.o112-monitor-event.is-odin>div{min-width:0}
.o112-monitor-station{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 9px;margin:8px 0 0;padding:7px 9px;border:1px solid #203947;border-radius:8px;background:#081721}
.o112-monitor-station span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7f9aaa;font-weight:900}.o112-monitor-station b{font-size:10px;color:#dceaf1;font-weight:700}
.o112-monitor-callinfo{margin-top:8px;padding:9px 10px;background:#07141d;border:1px solid #203947;border-left:3px solid var(--mon-red);border-radius:8px;color:#dce8ef;font-size:10px;line-height:1.5}
.o112-monitor-callinfo p{margin:3px 0}.o112-monitor-callinfo hr{border:0;border-top:1px solid #20313c;margin:7px 0}.o112-monitor-callinfo strong{display:inline;color:#fff;font-size:10px;margin:0}
.o112-monitor-event.is-odin p{white-space:normal;overflow:visible;text-overflow:clip}
@media(max-width:600px){.o112-monitor-callinfo{font-size:9.5px;padding:8px}.o112-monitor-station{display:block}.o112-monitor-station b{display:block;margin-top:3px}}


/* v106: VD status + timeline in monitor */
.o112-monitor-event.is-vd>div{min-width:0}
.o112-monitor-event.is-vd p{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.o112-monitor-vd-titleline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;margin-top:2px}
.o112-monitor-vd-titleline strong{margin:0;min-width:0}
.o112-monitor-vd-status{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.05em;line-height:1;border:1px solid transparent;white-space:nowrap}
.o112-monitor-vd-status.is-active{color:#9be7b0;background:rgba(24,128,56,.2);border-color:rgba(80,200,110,.48)}
.o112-monitor-vd-status.is-ended{color:#ffb4b4;background:rgba(166,38,38,.22);border-color:rgba(230,90,90,.5)}
.o112-monitor-vd-timeline{margin-top:11px;padding-top:9px;border-top:1px solid #203947;max-width:100%}
.o112-monitor-vd-timeline>summary{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;cursor:pointer;list-style:none;color:#c4d6df;font-size:9px;font-weight:900;letter-spacing:.04em}
.o112-monitor-vd-timeline>summary::-webkit-details-marker{display:none}
.o112-monitor-vd-timeline>summary:before{content:"▸";font-size:8px;transition:transform .15s ease}
.o112-monitor-vd-timeline[open]>summary:before{transform:rotate(90deg)}
.o112-monitor-vd-timeline>summary span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border:1px solid #405a68;border-radius:999px;font-size:8px;color:#9fb3bf}
.o112-monitor-vd-timeline-list{margin:8px 0 1px 4px;padding-left:13px;border-left:1px solid #294554}
.o112-monitor-vd-timeline-row{position:relative;padding:0 0 9px}
.o112-monitor-vd-timeline-row:last-child{padding-bottom:2px}
.o112-monitor-vd-timeline-row:before{content:"";position:absolute;left:-16px;top:5px;width:5px;height:5px;border-radius:50%;background:#7e98a7}
.o112-monitor-vd-timeline-row.is-created:before{background:var(--mon-amber)}
.o112-monitor-vd-timeline-row.is-ended:before{background:var(--mon-red)}
.o112-monitor-vd-timeline-head{display:flex;align-items:baseline;gap:7px}
.o112-monitor-vd-timeline-head b{font-size:9px;color:#dceaf1}
.o112-monitor-vd-timeline-head time{font-size:8px;color:#718a98}
.o112-monitor-vd-timeline-text{margin-top:2px;color:#9db1bc;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.o112-monitor-vd-timeline-row small{display:block;margin-top:2px;color:#607a89;font-size:7px}
@media(max-width:600px){
  .o112-monitor-vd-status{font-size:6.5px;padding:2px 5px}
  .o112-monitor-vd-timeline{margin-top:12px}
}

/* v107: explicit VD title/status separation in monitor */
.o112-monitor-vd-titleline{column-gap:9px;row-gap:4px}
.o112-monitor-vd-status{margin-left:1px}

/* v108: same VD status semantics in Monitor */
.o112-monitor-vd-status.is-active{
  color:#ffb4b4 !important;
  background:rgba(166,38,38,.22) !important;
  border-color:rgba(230,90,90,.50) !important;
}
.o112-monitor-vd-status.is-ended{
  color:#9be7b0 !important;
  background:rgba(24,128,56,.20) !important;
  border-color:rgba(80,200,110,.48) !important;
}

/* v113 shared dropdown menu in monitor */
.o112-monitor .o112-global-menu{position:relative;z-index:2000}.o112-monitor .o112-global-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--mon-line);background:#0c1923;color:#dceaf1;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900}.o112-monitor .o112-global-menu>summary::-webkit-details-marker{display:none}.o112-monitor .o112-global-menu__panel{position:absolute;right:0;top:calc(100% + 7px);min-width:190px;padding:6px;border:1px solid var(--mon-line);border-radius:10px;background:#0b1822;box-shadow:0 14px 35px rgba(0,0,0,.45);display:grid}.o112-monitor .o112-global-menu__panel a{padding:9px 10px;border-radius:7px;color:#dceaf1;text-decoration:none;font-size:10px;font-weight:800}.o112-monitor .o112-global-menu__panel a:hover{background:#102431}

/* v174 shell integration */
body.o112-monitor-page{background:var(--bg,#071018)!important}
.o112-monitor{background:transparent!important;padding:0!important;min-height:0!important}
.o112-monitor-top,.o112-monitor-brand,.o112-monitor-footer{display:none!important}

/* v175 */
.o112-monitor-top,.o112-monitor-footer,.o112-content-head.o112-monitor-content-head{display:none!important}