.cmdk-dialog {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  background: var(--color-background);
  border-radius: 1rem;
  box-shadow: var(--shadow-soft-lg);
  border: 1px solid oklch(0.9 0.01 110 / 0.2);
  z-index: 100;
  overflow: hidden;
  animation: dialogIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

:root.dark .cmdk-dialog {
  background: oklch(0.16 0.02 145 / 0.85);
  backdrop-filter: blur(16px);
  border: 1px solid oklch(1 0 0 / 0.1);
}

@keyframes dialogIn {
  from {
    opacity: 0;
    transform: translate(-50%, -40%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

[data-cmdk-overlay] {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  inset: 0;
  z-index: 99;
  backdrop-filter: blur(4px);
  animation: overlayIn 0.2s ease-out forwards;
}

@keyframes overlayIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

[data-cmdk-group-heading] {
  user-select: none;
  font-size: 12px;
  color: oklch(0.55 0.02 145);
  padding: 0 8px;
  margin-bottom: 8px;
  font-weight: 500;
}

[cmdk-input],
[data-cmdk-input] {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

[cmdk-input]:focus,
[data-cmdk-input]:focus,
[cmdk-input]:focus-visible,
[data-cmdk-input]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
