/* Dialog */
dialog {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  border-radius: 18px;
  box-shadow: var(--card-shadow);
  width: min(720px, 92vw);
  padding: 0;
}
dialog::backdrop { background: rgba(3,6,20,.55); }

dialog::-webkit-scrollbar {
    width: 10px;
}

dialog::-webkit-scrollbar-track{
    /* background: var(--accent); */
    border-radius: 5px;
}

dialog::-webkit-scrollbar-button:end:increment {
  height: 2%;
  display: block;
  background: transparent;
}

dialog::-webkit-scrollbar-button:start:decrement {
  height: 2%;
  display: block;
  background: transparent;
}

dialog::-webkit-scrollbar-thumb {
    background: var(--ring);
    border-radius: 5px;
}

.dialog-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--border);
  background: color-mix(in oklab, var(--surface-2) 60%, transparent);
}

.dialog-header h3 { margin: 0; font-size: 18px; }

.dialog-actions {
  display: flex; gap: 10px; justify-content: flex-end; padding: 12px 16px;
  border-top: 1px solid var(--border);
}