/* Resource readings live in the left rail; no floating control or detached popover. */
#em-resource-monitor{z-index:1200;color:var(--em-text,#172b4d);font-family:inherit}
#em-resource-monitor .em-resource-panel{box-sizing:border-box;padding:9px 10px;border:1px solid var(--em-border,#dce4ef);border-radius:8px;background:var(--em-surface,#fff);box-shadow:0 3px 12px #00000012;color:var(--em-text,#172b4d)}
#em-resource-monitor .em-resource-heading{margin:0 0 5px;color:var(--em-muted,#5a6d86);font-size:10px;font-weight:650;letter-spacing:.025em;white-space:nowrap}
#em-resource-monitor .em-resource-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0;border-top:1px solid var(--em-border,#dce4ef);font-size:10px}
#em-resource-monitor .em-resource-row>span{color:var(--em-muted,#5a6d86);font-size:10px;font-weight:650;letter-spacing:.04em}
#em-resource-monitor .em-resource-row strong{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
#em-resource-monitor .em-resource-row[data-level=low] strong{color:var(--em-accent,#087f72)}
#em-resource-monitor .em-resource-row[data-level=mid] strong{color:#b77900}
#em-resource-monitor .em-resource-row[data-level=high] strong{color:#c83d4b}

/* Workspace rail: show readings only while the rail is hovered or explicitly pinned. */
body.em-v2.em-workspace #lab-sidebar #em-resource-monitor[data-surface=workspace]{position:fixed;left:8px;bottom:10px;width:160px;visibility:hidden;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
body.em-v2.em-workspace #lab-sidebar:hover #em-resource-monitor[data-surface=workspace],
body.em-v2.em-workspace.em-sidebar-expanded #lab-sidebar #em-resource-monitor[data-surface=workspace]{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}

/* Modern app rail: pin the card to the visible rail, independent of the page's content height. */
.em-app .em-nav{position:relative}
.em-app .em-nav #em-resource-monitor[data-surface=app]{position:fixed;left:10px;right:auto;bottom:10px;width:190px;max-width:calc(210px - 20px)}
@media(max-width:760px){.em-app .em-nav #em-resource-monitor[data-surface=app]{position:static;flex:0 0 100%;margin-top:4px;max-width:none}}
@media(prefers-reduced-motion:reduce){#em-resource-monitor{transition:none}}
