.build-feedback {
  --bf-ink:#345777; --bf-line:#c4d6e5; --bf-bg:#f2f7fb;
  display:flex; align-items:center; gap:10px; flex:1 0 100%; box-sizing:border-box;
  min-width:0; max-width:100%; padding:8px 11px; border:1px solid var(--bf-line);
  border-inline-start:4px solid var(--bf-ink); border-radius:6px; color:var(--bf-ink); background:var(--bf-bg);
}
.build-feedback[hidden],.build-feedback [hidden] {display:none !important;}
.build-feedback[data-state=building] {--bf-ink:#20578e; --bf-line:#9ebeda; --bf-bg:#edf5ff;}
.build-feedback:is([data-state=success],[data-state=imported]) {--bf-ink:#136447; --bf-line:#b1d5c5; --bf-bg:#edf8f1;}
.build-feedback[data-state=error] {--bf-ink:#972c35; --bf-line:#e1b2b5; --bf-bg:#fff2f1;}
.build-feedback[data-state=stale] {--bf-ink:#81510e; --bf-line:#dfcda8; --bf-bg:#fcf7ea;}
.bf-icon {display:grid; place-items:center; flex:none; width:23px; height:23px; border-radius:50%;
  background:var(--bf-ink); color:#fff; font:700 15px/1 system-ui,sans-serif;}
.bf-body {flex:1; min-width:0; display:flex; align-items:baseline; gap:2px 10px; flex-wrap:wrap;}
.bf-title {font-size:13px; line-height:1.4;}
.bf-detail {min-width:0; font:500 12px/1.45 var(--mono,monospace); overflow-wrap:anywhere;}
.bf-count {font-variant-numeric:tabular-nums; font-size:12px; white-space:nowrap;}
.bf-progress {flex:1 0 100%; width:100%; height:5px; margin:3px 0; accent-color:var(--bf-ink);}
.bf-open {flex:none; cursor:pointer; color:var(--bf-ink); border:1px solid var(--bf-line); background:white;
  font:inherit; font-size:12px; font-weight:600; line-height:1.4; padding:4px 9px; border-radius:4px;}
.bf-open:focus-visible {outline:2px solid var(--bf-ink); outline-offset:2px;}
@media(max-width:640px) {
  .build-feedback {gap:6px; padding:7px; flex-wrap:wrap;}
  .bf-body {min-width:130px;}
  .bf-count {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  .bf-progress:indeterminate {appearance:none; border:0; background:var(--bf-line); border-radius:4px;}
  .bf-progress:indeterminate::-webkit-progress-bar {background:var(--bf-line); border-radius:4px;}
}