/* Extracted from Workbench 44791bde2267306276bbbe4f7db1df5084e8fbea; see design-system/css-map.json. */
.br-shell, .br-dialog {
  font-family:var(--br-font);
  color:var(--br-text);
  background:var(--br-background);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased}
.br-shell, .br-shell *, .br-dialog, .br-dialog * {
  box-sizing:border-box
}
.br-shell {
  margin:0
}
button:where(.br-button), input:where(.br-input), input:where(.br-checkbox), input:where(.br-radio), textarea:where(.br-input), select:where(.br-input) {
  font:inherit
}
button:where(.br-button), a:where(.br-link), a:where(.br-skip), a:where(.br-button-link), input:where(.br-input), input:where(.br-checkbox), input:where(.br-radio), textarea:where(.br-input), select:where(.br-input) {
  -webkit-tap-highlight-color:transparent
}
a:where(.br-link), a:where(.br-skip), a:where(.br-button-link) {
  color:inherit;
  text-decoration:none;
  text-underline-offset:4px
}
a:where(.br-link):hover, a:where(.br-skip):hover, a:where(.br-button-link):hover {
  text-decoration:underline
}
button:where(.br-button) {
  cursor:pointer
}
button:where(.br-button):disabled {
  opacity:.4;
  cursor:not-allowed
}
button:where(.br-button):focus-visible, a:where(.br-link):focus-visible, a:where(.br-skip):focus-visible, a:where(.br-button-link):focus-visible {
  outline:2px solid #777;
  outline-offset:4px
}
input:where(.br-input):focus, input:where(.br-checkbox):focus, input:where(.br-radio):focus, textarea:where(.br-input):focus, select:where(.br-input):focus {
  outline:2px solid #777;
  outline-offset:2px
}
input:where(.br-input), input:where(.br-checkbox), input:where(.br-radio), textarea:where(.br-input), select:where(.br-input) {
  min-width:0;
  max-width:100%;
  border:1px solid #d8d8d8;
  border-radius:5px;
  background:#fff;
  color:#252525;
  padding:10px 12px;
  line-height:1.6
}
textarea:where(.br-input) {
  resize:vertical;
  min-height:100px
}
input:where(.br-input)::placeholder, input:where(.br-checkbox)::placeholder, input:where(.br-radio)::placeholder, textarea:where(.br-input)::placeholder {
  color:var(--br-muted)
}
button:where(.br-button) {
  min-height:38px;
  border:1px solid #dcdcdc;
  border-radius:5px;
  background:#fff;
  color:#444;
  padding:8px 13px;
  font-size:13px;
  line-height:1.5
}
button:where(.br-button):hover:not(:disabled) {
  background:#f6f6f6;
  border-color:#bcbcbc
}
.br-primary {
  background:#252525;
  border-color:#252525;
  color:#fff
}
.br-primary:hover:not(:disabled) {
  background:#454545;
  border-color:#454545
}
.br-quiet {
  border-color:transparent;
  background:transparent;
  padding:7px 9px
}
.br-danger, .br-error {
  color:var(--br-error)
}
.br-text-button {
  border:0;
  border-radius:0;
  padding:0;
  min-height:auto;
  background:none!important;
  font-size:inherit;
  text-align:left;
  color:inherit
}
.br-text-button:hover {
  text-decoration:underline
}
.br-small {
  min-height:32px;
  padding:5px 10px;
  font-size:12px
}
.br-icon-button {
  min-width:34px;
  padding:5px;
  font-size:22px;
  line-height:1
}
.br-button-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid #ddd;
  border-radius:5px;
  font-size:13px;
  text-decoration:none!important
}
.br-button-link:hover {
  background:#f7f7f7
}
.br-muted {
  color:var(--br-muted)
}
.br-tiny {
  font-size:11px
}
.br-mono {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px
}
.br-card-meta {
  font-variant-numeric:tabular-nums
}
.br-nowrap {
  white-space:nowrap
}
.br-stack {
  display:grid;
  gap:16px
}
.br-row {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}
.br-push {
  margin-left:auto
}
.br-full {
  width:100%
}
.br-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.br-skip {
  position:fixed;
  top:12px;
  left:20px;
  padding:10px 14px;
  background:#fff;
  border:1px solid #ddd;
  z-index:100;
  transform:translateY(-180%)
}
.br-skip:focus {
  transform:translateY(0)
}
.br-initial {
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px
}
.br-wordmark {
  font-size:19px;
  font-weight:650;
  letter-spacing:-.6px
}
.br-loading-dot {
  width:7px;
  height:7px;
  background:#999;
  border-radius:50%;
  animation:br-pulse 1.2s infinite
}
.br-shell {
  max-width:1600px;
  margin:auto
}
.br-header {
  display:flex;
  align-items:center;
  gap:36px;
  min-height:94px;
  padding:26px 36px;
  border-bottom:1px solid var(--br-border)
}
.br-header nav {
  display:flex;
  align-items:center;
  gap:25px;
  font-size:13px
}
.br-header nav a {
  color:#737373
}
.br-header nav a[aria-current=page] {
  color:#252525;
  font-weight:600
}
.br-header-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px
}
.br-locale-select {
  font-size:12px;
  max-width:95px;
  padding:6px 7px;
  border-color:#e3e3e3;
  min-height:32px
}
.br-workspace {
  display:grid;
  grid-template-columns:228px minmax(0,1fr);
  min-height:calc(100dvh - 95px)
}
.br-sidebar {
  padding:32px 22px;
  border-right:1px solid var(--br-border);
  min-width:0
}
.br-side-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-bottom:19px;
  font-size:12px;
  font-weight:500;
  color:#737373
}
.br-side-section+.br-side-section {
  margin-top:35px
}
.br-side-link {
  display:block;
  padding:10px 9px;
  margin:2px -9px;
  border-radius:4px;
  font-size:13px;
  color:#606060;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.br-side-link:hover {
  background:#f8f8f8;
  text-decoration:none
}
.br-side-link.br-active {
  color:#252525;
  background:#f5f5f5
}
.br-side-list {
  display:grid;
  gap:2px
}
.br-side-empty {
  padding-top:4px;
  color:#737373;
  font-size:12px;
  line-height:1.7
}
.br-side-help {
  margin-top:32px;
  padding-top:22px;
  border-top:1px solid var(--br-border);
  font-size:12px;
  color:#737373
}
.br-main {
  min-width:0;
  padding:40px 36px 50px
}
.br-main:focus {
  outline:none
}
.br-page-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:32px
}
.br-page-head h1 {
  margin:0;
  font-size:27px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:0;
  overflow-wrap:anywhere
}
.br-page-head .br-sub {
  margin:10px 0 0;
  color:#737373;
  font-size:12px;
  line-height:1.8
}
.br-page-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap
}
.br-back {
  display:inline-block;
  margin-bottom:28px;
  font-size:12px;
  color:#737373
}
.br-toolbar {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:24px
}
.br-search {
  width:260px;
  max-width:100%;
  font-size:13px;
  min-height:38px;
  padding:7px 11px
}
.br-filter {
  font-size:12px;
  min-height:38px;
  padding:7px 9px;
  max-width:180px
}
.br-view-switch {
  display:flex;
  gap:3px;
  margin-left:auto
}
.br-view-switch button[aria-pressed=true] {
  background:#f3f3f3;
  border-color:#d6d6d6;
  color:#222
}
.br-view-switch button[aria-pressed=false] {
  border-color:transparent;
  color:var(--br-muted)
}
.br-empty {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:17px;
  min-height:220px;
  border-top:1px solid var(--br-border);
  color:#737373;
  font-size:14px;
  line-height:1.8
}
.br-empty p {
  margin:0
}
.br-empty.br-center {
  align-items:center;
  text-align:center
}
.br-inline-note {
  font-size:12px;
  color:#737373;
  line-height:1.8
}
.br-inline-note a {
  text-decoration:underline
}
.br-notice {
  padding:12px 0 12px 15px;
  border-left:2px solid #999;
  color:#555;
  font-size:13px;
  line-height:1.8;
  margin:18px 0
}
.br-notice.br-error {
  border-color:#b85555;
  color:#9a3535
}
.br-card {
  display:block;
  min-width:0;
  margin-bottom:12px;
  padding:17px 15px;
  border:1px solid #e6e6e6;
  border-radius:5px;
  background:#fff;
  transition:border-color .1s
}
.br-card:hover {
  border-color:#a9a9a9;
  text-decoration:none
}
.br-card h3 {
  margin:0 0 9px;
  font-size:14px;
  font-weight:550;
  line-height:1.7;
  overflow-wrap:anywhere
}
.br-card p {
  margin:0 0 20px;
  color:#737373;
  font-size:12px;
  line-height:1.8;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.br-card-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#737373;
  font-size:11px
}
.br-list {
  width:100%;
  border-top:1px solid var(--br-border)
}
.br-list-item {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:21px 0;
  border-bottom:1px solid var(--br-border)
}
.br-list-item h3 {
  margin:0 0 6px;
  font-size:15px;
  font-weight:550;
  line-height:1.6
}
.br-list-item p {
  margin:0;
  color:#737373;
  font-size:12px;
  line-height:1.8;
  overflow-wrap:anywhere
}
.br-list-side {
  display:flex;
  align-items:center;
  gap:22px;
  color:#737373;
  font-size:11px
}
.br-status, .br-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:#666;
  white-space:nowrap
}
.br-status::before {
  content:"";
  width:5px;
  height:5px;
  background:#aaa;
  border-radius:50%
}
.br-status.br-running::before, .br-status.br-in_progress::before {
  background:#718aab
}
.br-status.br-succeeded::before, .br-status.br-done::before {
  background:#668976
}
.br-status.br-failed::before, .br-status.br-blocked::before {
  background:#b67979
}
.br-status.br-review::before {
  background:#ab9263
}
.br-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 245px;
  gap:50px
}
.br-detail-grid > * {
  min-width:0
}
.br-section {
  min-width:0;
  padding-top:25px;
  margin-top:28px;
  border-top:1px solid var(--br-border)
}
.br-section:first-child {
  margin-top:0
}
.br-section h2 {
  font-size:15px;
  line-height:1.6;
  font-weight:550;
  margin:0 0 19px
}
.br-section p, .br-prose {
  font-size:14px;
  line-height:1.95;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#555
}
.br-section p {
  margin:0
}
.br-section ul, .br-card-list {
  padding-left:20px;
  margin:0;
  color:#555;
  font-size:14px;
  line-height:1.9
}
.br-section ul, .br-card-list, .br-section ol, .br-section li {
  min-width:0;
  overflow-wrap:anywhere
}
.br-section li+li {
  margin-top:8px
}
.br-meta-panel {
  padding-top:4px;
  min-width:0
}
.br-meta-block {
  margin-bottom:28px
}
.br-meta-block dt {
  font-size:11px;
  color:#737373;
  margin-bottom:9px
}
.br-meta-block dd {
  margin:0;
  font-size:13px;
  line-height:1.8;
  overflow-wrap:anywhere
}
.br-meta-block select {
  font-size:12px;
  width:100%;
  min-height:38px
}
.br-detail-title {
  font-size:27px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:0;
  margin:0;
  overflow-wrap:anywhere
}
.br-detail-summary {
  font-size:14px;
  line-height:1.9;
  color:#666;
  margin:18px 0 0;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.br-loading {
  display:flex;
  align-items:center;
  gap:9px;
  color:#737373;
  font-size:12px;
  line-height:1.8;
  margin-bottom:22px
}
.br-loading::before {
  content:"";
  height:5px;
  width:5px;
  background:#777;
  border-radius:50%;
  animation:br-pulse 1.1s infinite
}
.br-form {
  display:grid;
  gap:21px
}
.br-form label, .br-field {
  display:grid;
  gap:8px;
  font-size:12px;
  color:#555
}
.br-form input, .br-form textarea, .br-form select {
  width:100%;
  font-size:13px
}
.br-form .br-field-help {
  color:#737373;
  font-size:11px;
  line-height:1.7
}
.br-form label[hidden], .br-field[hidden] {
  display:none
}
.br-form .br-check-field {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:12px;
  line-height:1.8
}
.br-form .br-check-field input {
  margin:3px 0 0;
  flex:none;
  width:17px;
  height:17px;
  accent-color:#333
}
.br-form-row, .br-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}
.br-form-actions {
  display:flex;
  gap:10px;
  justify-content:flex-end;
  padding-top:7px
}
.br-section-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px
}
.br-section-actions h2 {
  margin:0;
  flex:1
}
.br-status.br-paused, .br-status.br-decision_wait, .br-status.br-needs_review {
  background:#f5f5f5;
  color:#555
}
.br-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-top:28px;
  margin-top:60px;
  border-top:1px solid var(--br-border);
  color:#737373;
  font-size:11px
}
.br-footer nav {
  display:flex;
  gap:18px;
  flex-wrap:wrap
}
.br-toast {
  position:fixed;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  z-index:200;
  max-width:min(560px,calc(100vw - 40px));
  padding:13px 18px;
  border:1px solid #ddd;
  border-radius:5px;
  background:#fff;
  color:#444;
  font-size:13px;
  line-height:1.7;
  box-shadow:0 3px 14px #00000008;
  overflow-wrap:anywhere
}
.br-toast.br-error {
  color:#9c3535;
  border-color:#dfc0c0
}
.br-toast[hidden] {
  display:none
}
.br-dialog {
  width:min(600px,calc(100vw - 40px));
  max-height:calc(100dvh - 60px);
  padding:30px;
  border:1px solid #ddd;
  border-radius:6px;
  overflow:auto;
  color:#252525;
  background:#fff
}
.br-dialog::backdrop {
  background:#0004
}
.br-dialog-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px
}
.br-dialog h2 {
  font-size:20px;
  line-height:1.5;
  font-weight:550;
  margin:0
}
.br-route-error {
  padding:20px 0;
  max-width:600px
}
.br-route-error h1 {
  font-size:25px;
  font-weight:550
}
.br-route-error p {
  color:#737373;
  font-size:14px;
  line-height:1.9
}
.br-mobile-menu {
  display:none
}
.br-loading-line {
  height:1px;
  width:100%;
  background:#f1f1f1;
  overflow:hidden;
  margin-bottom:25px
}
.br-loading-line::before {
  content:"";
  display:block;
  width:25%;
  height:100%;
  background:#999;
  animation:br-load 1.3s infinite
}
.br-label-value {
  display:block;
  color:#737373;
  font-size:11px;
  margin-top:7px
}
.br-desktop-only {
  display:initial
}
@keyframes br-pulse {
  50% {
    opacity:.3
  }
}
@keyframes br-load {
  to {
    transform:translateX(420%)
  }
}
@media(max-width:1150px) {
  .br-header {
    gap:25px;
    padding-inline:28px
  }
  .br-main {
    padding:35px 28px
  }
  .br-workspace {
    grid-template-columns:205px minmax(0,1fr)
  }
  .br-sidebar {
    padding:30px 18px
  }
  .br-detail-grid {
    grid-template-columns:minmax(0,1fr) 200px;
    gap:30px
  }
  .br-header-actions {
    gap:8px
  }
}
@media(max-width:800px) {
  .br-header {
    padding:24px;
    min-height:auto;
    flex-wrap:wrap;
    gap:18px 28px
  }
  .br-header nav {
    gap:22px
  }
  .br-header-actions {
    gap:10px
  }
  .br-workspace {
    grid-template-columns:minmax(0,1fr)
  }
  .br-sidebar {
    display:none;
    padding:22px 24px;
    border-right:0;
    border-bottom:1px solid var(--br-border)
  }
  .br-workspace.br-side-open .br-sidebar {
    display:block
  }
  .br-side-list {
    max-height:220px;
    overflow:auto
  }
  .br-mobile-menu {
    display:inline-flex
  }
  .br-main {
    padding:30px 24px 40px
  }
  .br-page-head {
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:28px
  }
  .br-page-head h1, .br-detail-title {
    font-size:25px
  }
  .br-page-actions {
    justify-content:flex-start
  }
  .br-detail-grid {
    grid-template-columns:minmax(0,1fr);
    gap:30px
  }
  .br-meta-panel {
    display:flex;
    flex-wrap:wrap;
    gap:15px 28px;
    border-top:1px solid var(--br-border);
    padding-top:24px
  }
  .br-meta-block {
    margin:0;
    min-width:130px
  }
  .br-meta-block select {
    max-width:210px
  }
  .br-list-side {
    gap:15px;
    flex-wrap:wrap;
    justify-content:flex-end
  }
  .br-list-side time {
    display:none
  }
  .br-footer {
    margin-top:45px
  }
  .br-desktop-only {
    display:none!important
  }
  .br-dialog {
    padding:25px
  }
}
@media(max-width:480px) {
  .br-header {
    padding:22px 20px;
    gap:18px 22px
  }
  .br-header nav {
    font-size:12px;
    gap:17px
  }
  .br-wordmark {
    font-size:18px
  }
  .br-header-actions {
    width:100%;
    margin-left:0;
    justify-content:flex-end
  }
  .br-main {
    padding:28px 20px 35px
  }
  .br-sidebar {
    padding:22px 20px
  }
  .br-page-head h1, .br-detail-title {
    font-size:24px
  }
  .br-toolbar {
    gap:10px
  }
  .br-search {
    flex:1;
    width:150px
  }
  .br-filter {
    max-width:145px
  }
  .br-view-switch {
    margin-left:0
  }
  .br-list-item {
    gap:16px
  }
  .br-list-item h3 {
    font-size:14px
  }
  .br-list-side {
    font-size:11px;
    gap:10px;
    max-width:110px
  }
  .br-list-side .br-status {
    font-size:11px
  }
  .br-list-item p {
    font-size:11px
  }
  .br-form-row, .br-grid {
    grid-template-columns:minmax(0,1fr)
  }
  .br-dialog {
    padding:22px;
    width:calc(100vw - 28px)
  }
  .br-dialog-head {
    margin-bottom:22px
  }
  .br-dialog h2 {
    font-size:18px
  }
  .br-form-actions {
    justify-content:flex-start;
    flex-wrap:wrap
  }
  .br-footer {
    gap:16px
  }
  .br-footer nav {
    gap:14px
  }
  .br-toast {
    font-size:12px
  }
  .br-meta-panel {
    gap:22px
  }
}
@media(prefers-reduced-motion:reduce) {
  .br-shell, .br-shell *, .br-dialog, .br-dialog *, .br-shell::before, .br-shell *::before, .br-dialog::before, .br-dialog *::before, .br-shell::after, .br-shell *::after, .br-dialog::after, .br-dialog *::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
}

.br-list-item > div { min-width: 0; }
.br-list-item h3, .br-list-item a { overflow-wrap: anywhere; }
/* Minimal documented component/accessibility extensions. */
.br-input[aria-invalid=true]{border-color:var(--br-error)}
.br-icon{width:20px;height:20px;vertical-align:middle}
.br-table-wrap{overflow:auto;max-width:100%}
.br-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.br-table th,.br-table td{padding:12px;border-bottom:1px solid var(--br-border)}