/* The activity bar summary: editor-native type, spacing and colors, with
   CodeBurn's accent only on the quota bars and the primary action. */
:root {
  --cb-accent: #f2701c;
  --cb-ok: var(--vscode-charts-green, #3ecf8e);
  --cb-warn: var(--vscode-charts-yellow, #e8b93e);
  --cb-bad: var(--vscode-charts-red, #f26d6d);
}
:root[data-theme='light'] { --cb-accent: #e8590c; }
:root[data-contrast='high'] { --cb-accent: var(--vscode-contrastActiveBorder, var(--vscode-focusBorder)); }

html, body { margin: 0; padding: 0; }
body {
  color: var(--vscode-foreground);
  font-family: var(--vscode-font-family);
  font-size: var(--vscode-font-size, 13px);
  background: transparent;
}
.cbs { display: flex; flex-direction: column; gap: 14px; padding: 10px 14px 14px; }
.cbs-sec { display: flex; flex-direction: column; gap: 4px; }
.cbs-h {
  margin: 0 0 2px; font-size: 11px; font-weight: 600; color: var(--vscode-descriptionForeground);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cbs-row { display: flex; align-items: baseline; gap: 8px; min-height: 20px; }
.cbs-label { flex: 1; min-width: 0; }
.cbs-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbs-value { font-family: var(--vscode-editor-font-family); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cbs-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.cbs-empty { margin: 0; color: var(--vscode-descriptionForeground); }
.cbs-note {
  margin: 0; padding: 8px 10px; border-radius: 4px; line-height: 1.45;
  background: var(--vscode-inputValidation-warningBackground, transparent);
  border: 1px solid var(--vscode-inputValidation-warningBorder, var(--vscode-widget-border, transparent));
}
.cbs-note.error {
  background: var(--vscode-inputValidation-errorBackground, transparent);
  border-color: var(--vscode-inputValidation-errorBorder, var(--vscode-widget-border, transparent));
}
.cbs-note small { display: block; margin-top: 4px; color: var(--vscode-descriptionForeground); word-break: break-word; }
.cbs-quota { display: flex; flex-direction: column; gap: 4px; padding: 2px 0 4px; }
.cbs-quota-text { line-height: 1.35; }
.cbs-track {
  position: relative; display: block; height: 4px; border-radius: 2px; overflow: hidden;
  background: color-mix(in srgb, var(--vscode-foreground) 12%, transparent);
}
.cbs-track i { position: absolute; inset: 0 auto 0 0; border-radius: 2px; background: var(--cb-accent); }
.cbs-track.warn i { background: var(--cb-warn); }
.cbs-track.bad i { background: var(--cb-bad); }
:root[data-contrast='high'] .cbs-track { outline: 1px solid var(--vscode-contrastBorder); }
.cbs-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 4px; }
.cbs-asof { flex-basis: 100%; color: var(--vscode-descriptionForeground); font-size: 11px; }
.cbs-btn {
  font: inherit; padding: 4px 10px; border-radius: 2px; cursor: pointer;
  color: var(--vscode-button-secondaryForeground); background: var(--vscode-button-secondaryBackground);
  border: 1px solid var(--vscode-button-border, transparent);
}
.cbs-btn:hover:not(:disabled) { background: var(--vscode-button-secondaryHoverBackground); }
.cbs-btn.primary { color: var(--vscode-button-foreground); background: var(--vscode-button-background); }
.cbs-btn.primary:hover { background: var(--vscode-button-hoverBackground); }
.cbs-btn:disabled { opacity: .6; cursor: default; }
.cbs-link {
  font: inherit; padding: 0; border: 0; background: none; cursor: pointer;
  color: var(--vscode-textLink-foreground);
}
.cbs-link:hover { color: var(--vscode-textLink-activeForeground); text-decoration: underline; }
.cbs-star { display: flex; align-items: baseline; gap: 8px; margin: 4px 0 0; font-size: 12px; color: var(--vscode-descriptionForeground); }
.cbs-x {
  margin-left: auto; padding: 0 4px; border: 0; background: none; cursor: pointer; font: inherit; font-size: 14px; line-height: 1;
  color: var(--vscode-descriptionForeground);
}
.cbs-x:hover { color: var(--vscode-foreground); }
:is(.cbs-btn, .cbs-link, .cbs-x):focus-visible { outline: 1px solid var(--vscode-focusBorder); outline-offset: 2px; }