/* Isolated operator statistics; no Vue-owned nodes are changed or repositioned by JS. */
#operator-site-activity{--activity-height:34px;--activity-bg:#f8fafc;--activity-fg:#475569;--activity-number:#0f172a;--activity-border:#e2e8f0;--activity-accent:#2563eb;box-sizing:border-box;position:sticky;top:0;z-index:40;height:var(--activity-height);background:var(--activity-bg);color:var(--activity-fg);border-bottom:1px solid var(--activity-border);font:12px/1.4 system-ui,-apple-system,"Noto Sans JP","Noto Sans SC",sans-serif;isolation:isolate;direction:ltr}
#operator-site-activity *{box-sizing:border-box}
#operator-site-activity[data-activity-site="gigafile"]{--activity-bg:#08140f;--activity-fg:#becfc7;--activity-number:#ecfdf5;--activity-border:#243c32;--activity-accent:#6ee7b7}
#operator-site-activity[data-activity-site="fileexpress"][data-activity-theme="dark"],html.dark #operator-site-activity[data-activity-site="fileexpress"]{--activity-bg:#111827;--activity-fg:#cbd5e1;--activity-number:#f8fafc;--activity-border:#334155;--activity-accent:#93c5fd}
#operator-site-activity .site-activity-inner{display:flex;align-items:center;justify-content:center;gap:15px;max-width:1280px;height:100%;padding:0 16px;margin:0 auto}
#operator-site-activity .site-activity-metrics{display:flex;align-items:center;gap:24px;margin:0;min-width:0}
#operator-site-activity .site-activity-metrics>div{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap}
#operator-site-activity dt{margin:0;color:var(--activity-fg);font-size:11px;font-weight:400}
#operator-site-activity dd{margin:0;color:var(--activity-number);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
#operator-site-activity[data-activity-state="unavailable"] dd{color:var(--activity-fg)}
#operator-site-activity .site-activity-details{position:relative;flex:none}
#operator-site-activity summary{display:flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 4px;border:0;border-radius:4px;list-style:none;cursor:pointer;color:var(--activity-fg);font-size:11px;background:transparent;user-select:none}
#operator-site-activity summary::-webkit-details-marker{display:none}
#operator-site-activity summary:hover,#operator-site-activity details[open]>summary{background:color-mix(in srgb,var(--activity-accent) 10%,transparent);color:var(--activity-accent)}
#operator-site-activity summary:focus-visible,#operator-site-activity a:focus-visible{outline:2px solid var(--activity-accent);outline-offset:2px}
#operator-site-activity .site-activity-explanation{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 24px));max-height:min(70vh,420px);overflow:auto;padding:16px 18px;background:var(--activity-bg);border:1px solid var(--activity-border);border-radius:8px;box-shadow:0 12px 35px #0003;color:var(--activity-fg);font-size:12px;line-height:1.7;text-align:left;white-space:normal}
#operator-site-activity .site-activity-explanation p{color:inherit;margin:0 0 10px;font:inherit}
#operator-site-activity .site-activity-explanation .site-activity-status{color:var(--activity-number);font-size:11px;font-weight:600}
#operator-site-activity .site-activity-explanation a{color:var(--activity-accent);text-decoration:underline;text-underline-offset:3px}
/* Both current Nuxt apps use this exact shared fixed header on fallback layouts. */
body:has(>#operator-site-activity:not([hidden])) #__nuxt header.fixed.w-full.z-30.top-0{top:34px}
/* Only home and sender contain the invented count. Other routes reuse the
   same chip classes for real readiness, handshake, upload and payment states. */
body:has(>#operator-site-activity[data-activity-site="gigafile"]:is([data-activity-page="home"],[data-activity-page="sender"]):not([hidden])) #__nuxt .topnav .nav-utils>.util-chip.live{display:none!important}
@media(max-width:420px){#operator-site-activity .site-activity-inner{gap:8px;padding-inline:10px}#operator-site-activity .site-activity-metrics{gap:15px}#operator-site-activity .site-activity-metrics>div{gap:5px}#operator-site-activity dt{font-size:10px}#operator-site-activity dd{font-size:11px}#operator-site-activity .site-activity-explanation{position:fixed;top:42px;right:12px}}
@media(prefers-reduced-motion:reduce){#operator-site-activity{scroll-behavior:auto}}
