/* The complete workspace shares one viewport scale; only the dots compensate. */
html[data-workspace-ui-scaled],
html[data-workspace-ui-scaled] body {
  width: var(--workspace-ui-width);
  min-height: var(--workspace-ui-height);
}
html[data-workspace-ui-scaled] .workspace-app {
  width: var(--workspace-ui-width);
  height: var(--workspace-ui-height);
  min-height: var(--workspace-ui-height);
}
html[data-workspace-ui-scaled] .workspace-shell,
html[data-workspace-ui-scaled] .workspace-sidebar {
  height: var(--workspace-ui-height);
}
html[data-workspace-ui-scaled] .workspace-canvas {
  background-image: radial-gradient(circle, rgba(115, 115, 115, 0.22) var(--workspace-ui-dot-radius), transparent var(--workspace-ui-dot-radius));
}
html[data-workspace-ui-scaled] .workspace-lines path {
  vector-effect: none;
}

/* The scroll rail is not a capsule. Rounding its overflow clip cuts through
   the end capsule's border; keep rounding on the buttons themselves. */
body.workspace-active .workspace-app .workspace-group-rail {
  border-radius: 0;
  box-sizing: content-box;
  max-width: min(680px, 100%);
  padding: 14px;
  margin: -12px -14px;
}
/* Opaque paper capsules do not need a backdrop-filter compositor layer. */
body.workspace-active .workspace-app .workspace-group-rail .workspace-capsule {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* The manual display control occupies the old identity slot. Identity data
   stays in the DOM for existing account and permission code. */
body.workspace-active .workspace-app [data-workspace-scale-rail] {
  width: calc(100% + 28px);
  gap: 0;
}
body.workspace-active .workspace-app [data-workspace-scale-rail] .workspace-account-overview {
  display: none !important;
}
body.workspace-active .workspace-app [data-workspace-scale-rail] .workspace-account-actions {
  flex: 1 1 auto;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 6px;
}
body.workspace-active .workspace-app [data-workspace-scale-rail] button[data-workspace-exit] {
  transform: none;
}
body.workspace-active .workspace-app [data-workspace-display-scale] {
  font-variant-numeric: tabular-nums;
}
body.workspace-active .workspace-app [data-workspace-display-scale-label] {
  min-width: 4ch;
  text-align: right;
}
body.workspace-active .workspace-app [data-workspace-scale-rail] .workspace-account-actions button:active {
  background: #f0f0f0;
}
body.workspace-active .workspace-app [data-workspace-scale-rail] .workspace-account-actions button:focus-visible {
  outline: 2px solid #93b4ff;
  outline-offset: 2px;
}

/* Keep rule feature card outlines visible without changing control states. */
.robot-feature-panel[data-active-robot="guard"] .robot-feature-card:not(.is-premium) {
  border-color: #adc5f2;
}

/* Match enabled rule feature controls to their card outline. */
.robot-feature-panel[data-active-robot="guard"] .robot-feature-card:not(.is-premium) .robot-feature-action:not(:disabled):not(.is-unavailable) {
  border-color: #adc5f2;
}
