/* Additions on top of the shared ops-center stylesheet (style.css + fleet.css).
   Nothing here overrides the palette: every colour is a --gf-* token, so the
   light/dark swap keeps working. Kept separate so the copied sheets stay
   byte-identical to the drift lab's. */

.sev.blocker{color:var(--gf-red);border-color:color-mix(in srgb,var(--gf-red) 55%,transparent);background:color-mix(in srgb,var(--gf-red) 8%,transparent);}
.sev.major{color:var(--gf-orange);border-color:color-mix(in srgb,var(--gf-orange) 50%,transparent);}
.sev.minor{color:var(--gf-yellow);border-color:color-mix(in srgb,var(--gf-yellow) 45%,transparent);}
.sev.info{color:var(--gf-text-3);border-color:var(--gf-border);}

.log-row.blocker{border-left-color:var(--gf-red);}
.log-row.major{border-left-color:var(--gf-orange);}
.log-row.minor{border-left-color:var(--gf-yellow);}
.log-row.info{border-left-color:var(--gf-border);}

.log-rule{font-family:var(--gf-mono);font-size:11px;color:var(--gf-text-3);}

.code-inline{
  font-family:var(--gf-mono);font-size:11.5px;color:var(--gf-text-2);
  background:var(--gf-code-bg);padding:2px 6px;border-radius:var(--gf-radius);
  display:block;margin:5px 0 0;white-space:pre-wrap;word-break:break-word;
}

.gauge-bar.blk{background:var(--gf-red);}
.gauge-bar.maj{background:var(--gf-orange);}
.gauge-bar.min{background:var(--gf-yellow);}
.gauge-bar.inf{background:var(--gf-blue);}

.proj-chip{
  font-family:var(--gf-mono);font-size:10.5px;color:var(--gf-text-3);
  border:1px solid var(--gf-border);border-radius:999px;padding:0 6px;
}

.agent-card .status-line{
  display:flex;align-items:center;gap:6px;margin:7px 0 0;font-size:11.5px;color:var(--gf-text-2);
}
.agent-card .meter{display:flex;height:4px;border-radius:2px;overflow:hidden;margin:8px 0 0;background:var(--gf-code-bg);}
.agent-card .meter i{display:block;height:100%;}
.agent-card.sel{border-color:var(--gf-blue-dark);background:var(--gf-panel-alt);}

/* what/why strip, suggested actions, fixability chips */
.title-row .page-desc + .page-desc{margin-top:6px;}
.how-row{list-style:none;margin:10px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--gf-text-2);}
.how-row .k{font-family:var(--gf-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--gf-text-3);margin-right:7px;}
.demo-note{margin:0;font-size:11.5px;color:var(--gf-text-3);}
.demo-note b{color:var(--gf-yellow);font-weight:600;}
.log-action{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:8px 0 0;padding:6px 9px;font-size:12.5px;line-height:1.45;border-radius:6px;background:var(--gf-row-hover);border:1px solid var(--gf-border-quiet);}
.act-k{font-family:var(--gf-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--gf-text-3);}
.act-v{flex:1 1 320px;color:var(--gf-text);}
.fix-chip{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;border:1px solid var(--gf-border);white-space:nowrap;}
.fix-auto{color:var(--gf-green);border-color:color-mix(in srgb,var(--gf-green) 45%,transparent);}
.fix-review{color:var(--gf-yellow);border-color:color-mix(in srgb,var(--gf-yellow) 45%,transparent);}
.fix-human{color:var(--gf-text-2);}