/* Commercial control polish for the production shell and asset workbench. */
:root {
  --zrtc-control-focus: #2563eb;
  --zrtc-control-hover: #eff6ff;
  --zrtc-control-danger-hover: #fff1f2;
}

.zrtc-identity-row button,
.zrtc-link,
.zrtc-remark-button,
.report-page .text-button,
.team-page .text-action {
  min-height: 32px;
  border-radius: 8px;
  transition: color 140ms ease, background-color 140ms ease,
    border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.zrtc-identity-row button {
  padding: 5px 8px;
}

.zrtc-link,
.zrtc-remark-button,
.report-page .text-button,
.team-page .text-action {
  padding: 6px 9px;
  cursor: pointer;
  text-underline-offset: 3px;
}

.zrtc-link:hover,
.zrtc-remark-button:hover,
.report-page .text-button:hover,
.team-page .text-action:hover {
  color: #1d4ed8;
  background: var(--zrtc-control-hover);
}

.zrtc-link.danger:hover,
.zrtc-link[data-tone="danger"]:hover {
  color: #be123c;
  background: var(--zrtc-control-danger-hover);
}

.zrtc-identity-row button:hover:not(:disabled),
.zrtc-link:hover:not(:disabled),
.zrtc-remark-button:hover:not(:disabled),
.report-page .text-button:hover:not(:disabled),
.team-page .text-action:hover:not(:disabled) {
  transform: translateY(-1px);
}

.zrtc-identity-row button:focus-visible,
.zrtc-link:focus-visible,
.zrtc-remark-button:focus-visible,
.report-page .text-button:focus-visible,
.team-page .text-action:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--zrtc-control-focus) 28%, transparent);
  outline-offset: 2px;
}

.zrtc-identity-row button:disabled,
.zrtc-link:disabled,
.zrtc-remark-button:disabled,
.report-page .text-button:disabled,
.team-page .text-action:disabled {
  cursor: not-allowed;
  opacity: 0.56;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .zrtc-identity-row button,
  .zrtc-link,
  .zrtc-remark-button,
  .report-page .text-button,
  .team-page .text-action {
    transition: none;
  }
}

/* The shipped frontend calls an API that does not exist. Keep this unfinished
   control out of the commercial UI until the complete persistent workflow ships. */
.team-page .team-groups {
  display: none !important;
}