/* Agent E: operations module styles. Tokens only - no hard-coded colours. */
.ops-buckets { display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; margin-bottom: 1rem; }
.ops-bucket { display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem; border-radius: var(--plbm-radius, 12px); background: var(--plbm-surface); border: 1px solid var(--plbm-border);
  border-left-width: 4px; color: var(--plbm-text); text-decoration: none; }
.ops-bucket strong { font-size: 1.5rem; line-height: 1.1; }
.ops-bucket span { font-size: .8rem; color: var(--plbm-text-muted); }
.ops-bucket:hover, .ops-bucket:focus-visible { border-color: var(--plbm-primary); }
.ops-bucket.active { outline: 2px solid var(--plbm-primary); outline-offset: 1px; }
.ops-bucket.tone-bad { border-left-color: var(--plbm-bad); }
.ops-bucket.tone-warn { border-left-color: var(--plbm-warn); }
.ops-bucket.tone-info { border-left-color: var(--plbm-info); }
.ops-bucket.tone-good { border-left-color: var(--plbm-good); }
.ops-log { background: var(--plbm-surface-2, var(--plbm-surface)); border: 1px solid var(--plbm-border); border-radius: 8px; padding: .75rem; max-height: 420px; overflow: auto; white-space: pre-wrap; word-break: break-word; font-size: .85rem; }
@media (max-width: 767.98px) { .ops-buckets { grid-template-columns: repeat(2, 1fr); } }