/* Hallmark · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · copy: verbatim · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V3 · weakest: V, existing module geometry and wiring retained */
#pg-monitor{--mi:var(--legacy-6b4f58da);--mc:var(--legacy-06f82423);--ml:var(--legacy-ee83aa48);--ms:var(--legacy-8e91e0a3);--mu:var(--legacy-077f1b27);--md:var(--legacy-9ee351b6);--mw:var(--legacy-ee5c6100)}
html[data-theme="dark"] #pg-monitor{--mi:var(--legacy-483dbb0c);--mc:var(--legacy-3e2fc5f4);--ml:var(--legacy-4fdb1b56);--ms:var(--legacy-98753f4a);--mu:var(--legacy-23fc54ad);--md:var(--legacy-e5872300);--mw:var(--legacy-1b70153a)}
#pg-monitor .kzm-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:20px}
#pg-monitor h2,#pg-monitor h3{color:var(--mi)!important;margin:0}#pg-monitor h2{font-size:23px}#pg-monitor h3{font-size:14px}#pg-monitor p{font-size:12px;line-height:1.7;color:var(--mc);margin:var(--space-xs) 0}
#pg-monitor .kzm-notice{padding:var(--space-sm) var(--space-md);border:1px solid var(--ml);border-radius:12px;color:var(--mc);background:var(--ms);font-size:12px;line-height:1.7;margin-bottom:var(--space-md)}
#pg-monitor .kzm-overview{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin:20px 0;color:var(--mi)}#pg-monitor .kzm-overview>span{font-size:18px;font-weight:750}#pg-monitor small{color:var(--mc);font-size:12px}
#pg-monitor .kzm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),minmax(0,1fr)));gap:var(--space-md);margin-bottom:20px}
#pg-monitor .kzm-service{padding:20px;border:1px solid var(--ml);border-radius:15px;background:var(--ms);min-width:0}
#pg-monitor .kzm-service-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}
#pg-monitor .kzm-label{display:inline-block;font-size:12px;padding:var(--space-2xs) var(--space-xs);border-radius:99px;background:var(--color-paper-2);color:var(--mc);font-weight:750;white-space:nowrap}
#pg-monitor [data-service-state="up"] .kzm-label{color:var(--mu);background:var(--color-paper-2)}#pg-monitor [data-service-state="down"] .kzm-label{color:var(--md);background:var(--color-paper-2)}#pg-monitor [data-service-state="degraded"] .kzm-label{color:var(--mw);background:var(--color-paper-2)}
#pg-monitor .kzm-latency{margin:var(--space-md) 0 var(--space-xs);color:var(--mi);font-size:26px;font-weight:750}#pg-monitor .kzm-latency small{font-size:12px}
#pg-monitor .kzm-bars{display:flex;gap:var(--space-3xs);height:23px;margin:var(--space-md) 0 var(--space-xs)}#pg-monitor .kzm-bars i{flex:1;min-width:2px;border-radius:2px;background:var(--color-paper-2);color:var(--color-ink)}#pg-monitor .kzm-bars i[data-state="up"]{background:var(--color-paper-2);color:var(--color-ink)}#pg-monitor .kzm-bars i[data-state="down"]{background:var(--color-paper-2);color:var(--color-ink)}#pg-monitor .kzm-bars i[data-state="degraded"]{background:var(--color-paper-2);color:var(--color-ink)}
#pg-monitor .kzm-event{padding:var(--space-sm) 0;border-bottom:1px solid var(--ml);font-size:12px;line-height:1.7;color:var(--mi)}#pg-monitor .kzm-event:last-child{border:0}#pg-monitor .kzm-event small{display:block}
#pg-monitor code{overflow-wrap:anywhere;color:var(--mi)}#pg-monitor .kzm-service p{overflow-wrap:anywhere}
@media(max-width:620px){#pg-monitor .kzm-heading,#pg-monitor .kzm-overview{align-items:flex-start;flex-direction:column}#pg-monitor .kzm-heading button{width:100%}}
#kzm-inline{--ki:var(--legacy-6b4f58da);--kc:var(--legacy-06f82423);--kl:var(--legacy-ee83aa48);--ks:var(--legacy-8e91e0a3);--ku:var(--legacy-077f1b27);--kd:var(--legacy-9ee351b6);--kw:var(--legacy-ee5c6100)}
html[data-theme="dark"] #kzm-inline{--ki:var(--legacy-483dbb0c);--kc:var(--legacy-3e2fc5f4);--kl:var(--legacy-4fdb1b56);--ks:var(--legacy-98753f4a);--ku:var(--legacy-23fc54ad);--kd:var(--legacy-e5872300);--kw:var(--legacy-1b70153a)}
#kzm-inline .kzm-inline-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}
#kzm-inline h2{color:var(--ki)!important;font-size:16px;margin:0}#kzm-inline p{color:var(--kc);font-size:12px;line-height:1.65;margin:var(--space-xs) 0}
#kzm-inline small{color:var(--kc);font-size:12px;line-height:1.6}#kzm-inline .kzm-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}
#kzm-inline .kzm-inline-service{padding:var(--space-sm);border:1px solid var(--kl);border-radius:12px;background:var(--ks);min-width:0}
#kzm-inline .kzm-inline-service>div{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xs);color:var(--ki);font-size:12px}#kzm-inline .kzm-inline-service span{font-size:12px;font-weight:700;white-space:nowrap;color:var(--kc)}
#kzm-inline [data-state="up"] span{color:var(--ku)}#kzm-inline [data-state="down"] span{color:var(--kd)}#kzm-inline [data-state="degraded"] span{color:var(--kw)}
@media(max-width:1100px){#kzm-inline .kzm-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#kzm-inline .kzm-inline-head{align-items:flex-start;flex-direction:column}#kzm-inline .kzm-inline-grid{grid-template-columns:minmax(0,1fr)}}