/**
 * Prototype aids panels — isolated light theme.
 * Use class .proto-aids-root on panel surfaces only (NOT Drawer rootClassName).
 */
.proto-aids-root {
  color-scheme: light;
  color: rgba(0, 0, 0, 0.88);
  --text-primary: rgba(0, 0, 0, 0.88);
  --text-secondary: rgba(0, 0, 0, 0.65);
  --text-tertiary: rgba(0, 0, 0, 0.45);
  --border-primary: #d9d9d9;
  --bg-tertiary: #fafafa;
}

.ant-drawer.proto-aids-root {
  background-color: transparent !important;
}

.proto-aids-root.ant-drawer-section,
.proto-aids-root.ant-drawer-header,
.proto-aids-root.ant-drawer-body,
.proto-aids-panel-surface {
  background-color: #fff;
}

.proto-aids-root .ant-typography,
.proto-aids-root.ant-drawer .ant-drawer-body .ant-typography {
  color: rgba(0, 0, 0, 0.88);
}

.proto-aids-root .ant-typography-secondary,
.proto-aids-root .ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45) !important;
}

.proto-aids-root h1,
.proto-aids-root h2,
.proto-aids-root h3,
.proto-aids-root h4,
.proto-aids-root h5,
.proto-aids-root h6,
.proto-aids-root p,
.proto-aids-root li,
.proto-aids-root span,
.proto-aids-root label {
  color: inherit;
}

.proto-aids-root .ant-drawer-content,
.proto-aids-root.ant-drawer .ant-drawer-content,
.ant-drawer.proto-aids-root .ant-drawer-content {
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
}

.ant-drawer.proto-aids-root .ant-drawer-header {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}

.ant-drawer.proto-aids-root .ant-drawer-title {
  color: rgba(0, 0, 0, 0.88);
}

.proto-aids-root .ant-drawer-close {
  color: rgba(0, 0, 0, 0.45);
}

.proto-aids-root .ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.88);
}

.proto-aids-root .ant-btn-default:not(:disabled) {
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  border-color: #d9d9d9;
}

.proto-aids-root .ant-btn-default:not(:disabled):hover {
  color: #1677ff;
  border-color: #1677ff;
}

.proto-aids-root .ant-btn-text:not(:disabled) {
  color: rgba(0, 0, 0, 0.88);
}

.proto-aids-root .ant-divider {
  border-color: #f0f0f0;
}

.proto-aids-root table {
  color: rgba(0, 0, 0, 0.88);
}

.proto-aids-root pre {
  color: #595959;
  background: #fafafa;
}

.proto-aids-root svg[stroke="currentColor"] {
  stroke: rgba(0, 0, 0, 0.65);
}

@keyframes mcm-branch-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}